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

@charset "utf-8";

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




@media (max-width: 1780px) {

      /**********************************************************************************************************************/
      /* 메인 */
      /**********************************************************************************************************************/
      /* 메인 */
      .wp_wrap #m_company .last {
            position: absolute;
            top: auto;
            transform: translateX(-50%);
            left: 50%;
            bottom: 20px;
            display: flex;
            flex-direction: column;
      }

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

      /**********************************************************************************************************************/
}






@media (max-width: 1470px) {

      /**********************************************************************************************************************/
      /* 공통 */
      /**********************************************************************************************************************/
      /* 공통 */
      .wp_wrap .cm_inner {
            padding: 0 15px;
      }

      /**********************************************************************************************************************/
}






@media (max-width: 1440px) {

      /**********************************************************************************************************************/
      /* 메인 */
      /**********************************************************************************************************************/
      /* main - m_visual */
      .wp_wrap .m_visual .control_box {
            left: 15px;
      }

      .wp_wrap .m_visual .m_slider .mv_slide .txt_box_out .txt_box .mv_txt {
            font-size: 55px;
      }

        .wp_wrap #m_cheonjo .cheonjo_inner .slide_area .cheonjo_silder .cheonjo_silde .img_box {
            height: 550px;
        }
        .wp_wrap #m_cheonjo .cheonjo_inner .slide_area .shadow .txt_box .sl_tit {
            font-size: 45px;
        }
        .wp_wrap #m_cheonjo .cheonjo_inner .slide_area .shadow .txt_box .sl_desc {
         font-size: 28px;
        }
        .wp_wrap #m_cheonjo .cheonjo_inner .slide_area .cheonjo_silder .slick-dots {
            bottom: 50px;
        }
      /**********************************************************************************************************************/


      /**********************************************************************************************************************/
      /* 서브 */
      /**********************************************************************************************************************/
      .wp_wrap .stick_main .sticky_inner .top {
            left: 15px;
      }




      
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* 분양대행 */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      
      .wp_wrap #shp_block_list .shp_ir .bot .block_list>li{
            padding:40px;
      }
    
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


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

}



@media (max-width: 1390px) {

      /**********************************************************************************************************************/
      /* 서브 */
      /**********************************************************************************************************************/
      /* 서브 */
      .wp_wrap .stick_main .sticky_inner .top {
            left: 0px;
      }
      .wp_wrap #shp_cross_list .shp_ir .crs_hd_tit>dd>br{
            display: none;
      }
      .wp_wrap #shp_block_list .shp_ir .top .blk_hd_tit>dd>br{
            display: none;
      }

      /**********************************************************************************************************************/
}








@media (max-width: 1200px) {

      /**********************************************************************************************************************/
      /* 공통 */
      /**********************************************************************************************************************/
      .wp_wrap .tit_box .s_tit {
            font-size: 45px;
      }

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





      /**********************************************************************************************************************/
      /* 헤더 */
      /**********************************************************************************************************************/
      .wp_wrap header .h_inner nav .gnb .m_list {
            width: 120px;
      }

      .wp_wrap header .h_inner nav .gnb .m_list>a {
            font-size: 18px;
            padding: 39.5px 0;
      }

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



      /**********************************************************************************************************************/
      /* 푸터 */
      /**********************************************************************************************************************/
      .wp_wrap footer .f_inner {
            gap: 30px;
      }

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



      /**********************************************************************************************************************/
      /* 메인 */
      /**********************************************************************************************************************/
      /* m_visual */
      .wp_wrap .m_visual .m_slider .mv_slide .txt_box_out .txt_box .mv_txt {
            font-size: 47px;
      }


      /* m_business */
      .wp_wrap #m_business .bsn_inner .bottom .slider_zone .txt_slider .txt_slide {
            border-radius: 15px;
            padding: 35px 45px;
      }

      .wp_wrap #m_business .bsn_inner .bottom .img_zone {
            height: 450px;
      }

      .wp_wrap #m_business .bsn_inner .bottom .img_zone .bsn_itm.now {
            width: 650px;
      }

      .wp_wrap #m_business .bsn_inner .bottom {
            margin-top: 60px;
            padding-top: 80px;
      }

      .wp_wrap #m_business .bsn_inner .bottom .img_zone .bsn_itm {
            width: 90px;
      }

      .wp_wrap #m_business .bsn_inner .bottom .img_zone .bsn_itm .shadow p {
            bottom: 51px;
            right: -38px;
            font-size: 19px;
      }


      /* #m_company  */
      .wp_wrap #m_company .comp_inner .top .tit_box {
            margin-bottom: 65px;
      }

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

      .wp_wrap #m_company .comp_inner .bot .slide_zone .com_slider .com_slide .slide_inner {
            padding: 35px 50px;
      }

      .wp_wrap #m_company .comp_inner .bot .slide_zone .com_slider .com_slide .slide_inner .year {
            font-size: 55px;
      }


      /* #m_news */
      .wp_wrap #m_news .news_inner {
            gap: 25px;
            flex-direction: column;
      }

      .wp_wrap #m_news .news_inner .left {
            width: 100%;
            display: flex;
            flex-direction: row;
            align-items: flex-end;
            gap: 0;
            justify-content: space-between;
      }

      .wp_wrap #m_news .news_inner .left .more {
            margin-bottom: 2px;
      }

      .wp_wrap #m_news .news_inner .right {
            width: 100%;
      }

      .wp_wrap #m_news .news_inner .right .list {
            padding: 20px 15px;
      }

      .wp_wrap #m_news .news_inner .right .list a .list_inner .txt .tit {
            font-size: 25px;
      }

      .wp_wrap #m_news .news_inner .right .list a .list_inner .txt .desc {
            font-size: 18px;
      }

      .wp_wrap #m_news .news_inner .right .list a .list_inner .date .day {
            font-size: 27px;
      }

      .wp_wrap #m_news .news_inner .right .list a .list_inner .date {
            gap: 0;
      }

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




      /**********************************************************************************************************************/
      /* 서브 */
      /**********************************************************************************************************************/
      .wp_wrap #s_greeting .grt_inner .right .txt_box .txt {
            font-size: 25px;
            margin-bottom: 20px;
      }

      .wp_wrap #s_greeting .grt_inner .right .txt_box .desc {
            font-size: 18px;
            color: #515151;
      }

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

      .wp_wrap #s_greeting .grt_inner {
            gap: 35px;
      }


   
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* 분양대행 */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      
      .wp_wrap #shp_block_list .shp_ir .bot .block_list{
            grid-column-gap: 20px;
      }
      .wp_wrap #shp_block_list .shp_ir .bot .block_list>li{
            padding:30px 20px;
      }
      .wp_wrap #shp_block_list .shp_ir .bot .block_list>li .img_box>img{
            margin:0 40px;
      }
      .wp_wrap #shp_block_list .shp_ir .bot .block_list>li .img_box::after{
            margin-right: 20px;
      }
      .wp_wrap #shp_block_list .shp_ir .bot .block_list>li .txt_box .txt{
            gap:10px;
      }
      .wp_wrap #shp_block_list .shp_ir .bot .block_list>li .txt_box .txt>dt{
            font-size: 20px;
      }
      .wp_wrap #shp_block_list .shp_ir .bot .block_list>li .txt_box .txt>dd{
            font-size: 16px;
      }
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      
      
      
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* 채용안내 */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/

      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box .thm_item .img_box {
      min-width: 240px;
      width: 240px;
      height: 240px;
      }

      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .item_cards>li{
            padding:30px;
      }

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

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

}











@media (max-width: 992px) {

      /**********************************************************************************************************************/
      /* 공통 */
      /**********************************************************************************************************************/
      .wp_wrap .cm_sec {
            padding: 100px 0;
      }

      .wp_wrap .tit_box .m_desc {
            font-size: 18px;
      }

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


      /**********************************************************************************************************************/
      /* 헤더 */
      /**********************************************************************************************************************/
      .wp_wrap header .h_inner .mlogo {
            min-width: unset;
            width: 160px;
      }

      .wp_wrap header .h_inner nav {
            display: none;
      }

      .wp_wrap header .side_mnu {
            display: none;
      }

      .wp_wrap header .mo_mnu {
            display: block;
            position: fixed;
            top: 0;
            right: -100%;
            width: calc(100% - 65px);
            height: 100vh;
            background: #fff;
            padding: 90px 0 0 0;
            transition: 0.5s;
            border-left: 1px solid #ddd;
            margin-right: auto;
            z-index: 1000;
      }

      .wp_wrap header .mo_mnu.on {
            right: 0;
      }

      /* 모바일메뉴 닫기버튼 */
      .wp_wrap header .mo_mnu .close_icon .icon_box {
            position: absolute;
            top: 30px;
            right: 30px;
            background: #fff;
            border: none;
            outline: none;
      }

      .wp_wrap header .mo_mnu .close_icon .icon_box i {
            font-size: 20px;
            padding: 5px;
            border: 1px solid rgb(81, 81, 81);
            font-weight: 700;
            color: rgb(81, 81, 81);
            ;
      }

      /* 모바일메뉴 */
      .wp_wrap header .h_inner .convenient_box .momnu_icon {
            padding: 35px 0;
      }

      .wp_wrap header .mo_mnu .mo_gnb {
            display: flex;
            flex-direction: column;
            width: 100%;
      }

      .wp_wrap header .mo_mnu .mo_gnb>li {
            text-align: center;
            position: relative;
            flex: 1;
            border-bottom: 1px solid #ddd;
      }

      .wp_wrap header .mo_mnu .mo_gnb>li:first-child {
            border-top: 1px solid #ddd;
      }

      .wp_wrap header .mo_mnu .mo_gnb>li>a {
            display: block;
            width: 100%;
            padding: 18px 0;
            color: #333;
            position: relative;
            top: 0;
            background: #fff;
            font-size: 18px;
            font-family: var(--font-pre500);
      }

      .wp_wrap header .mo_mnu .mo_gnb .mo_sub_mnu {
            position: relative;
            top: 0;
            padding: 0;
            background: #f8f8f8;
            display: none;
      }

      .wp_wrap header .mo_mnu .mo_gnb .mo_sub_mnu>li {
            text-align: center;
            background: #f8f8f8;
      }

      .wp_wrap header .mo_mnu .mo_gnb .mo_sub_mnu>li:last-child {
            border-bottom: none;
      }

      .wp_wrap header .mo_mnu .mo_gnb .mo_sub_mnu>li>a {
            display: inline-block;
            padding: 15px 0;
            font-size: 17px;
      }

      .wp_wrap header .mnu_bg {
            height: 90px;
      }

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


      /**********************************************************************************************************************/
      /* 푸터 */
      /**********************************************************************************************************************/
      .wp_wrap footer .f_inner {
            flex-wrap: wrap;
      }

      .wp_wrap footer .f_inner .mid {
            order: 3;
      }

      .wp_wrap footer .f_inner .right .top {
            margin-bottom: 20px;
      }

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



      /**********************************************************************************************************************/
      /* 메인 */
      /**********************************************************************************************************************/
      /* m_visual */
      .wp_wrap .m_visual .m_slider .mv_slide {
            height: 700px;
      }

      .wp_wrap .m_visual .m_slider .mv_slide .txt_box_out .txt_box .mv_txt {
            font-size: 38px;
      }

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

      /* #m_business */
      .wp_wrap #m_business .bsn_inner .bottom .img_zone,
      .wp_wrap #m_business .bsn_inner .bottom .img_zone .bsn_itm.now {
            width: 100%;
      }

      .wp_wrap #m_business .bsn_inner .bottom {
            flex-direction: column;
            gap: 30px;
      }

      .wp_wrap #m_business .bsn_inner .bottom .slider_zone {
            position: relative;
            width: 100%;
            height: auto;
            order: 2;
      }

      .wp_wrap #m_business .bsn_inner .bottom {
            padding-top: 0;
      }

      .wp_wrap #m_business .bsn_inner .bottom .img_zone .bsn_itm {
            width: 120px;
      }

      .wp_wrap #m_business .bsn_inner .top .slide_btn_box ul {
            gap: 40px;
      }

      .wp_wrap #m_business .bsn_inner .top .slide_btn_box ul button {
            font-size: 18px;
      }

      .wp_wrap #m_business .bsn_inner .bottom .slider_zone .txt_slider .txt_slide {
            height: 250px !important;
            border-radius: 15px;
            padding: 30px 35px;
      }

      .wp_wrap #m_business .bsn_inner .bottom .slider_zone .txt_slider .txt_slide .txt_box .tit {
            font-size: 36px;
      }



      /* #m_company */
      .wp_wrap #m_company .comp_inner .top .tit_box {
            margin-bottom: 60px;
      }

      .wp_wrap #m_company .comp_inner .bot .slide_zone {
            margin-bottom: 20px;
      }

      .wp_wrap #m_company .comp_inner .bot .slide_zone .com_slider .com_slide .slide_inner {
            padding: 30px 20px;
      }

      .wp_wrap #m_company .comp_inner .bot .slide_zone .com_slider .com_slide .slide_inner .year {
            font-size: 45px;
      }

      .wp_wrap #m_company .comp_inner .bot .slide_zone .com_slider .com_slide .slide_inner .name {
            margin-bottom: 25px;
      }

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

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

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

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

      .wp_wrap #m_company .line.line01,
      .wp_wrap #m_company .line.line02,
      .wp_wrap #m_company .line.line03,
      .wp_wrap #m_company .line.line04 {
            display: none;
      }

      .wp_wrap #m_company .last {
            bottom: 25px;
      }

      .wp_wrap #m_company .last a {
            display: block;
            right: 1px;
            top: 4px;
            font-size: 16px;
      }

      .wp_wrap #m_company .comp_inner .bot .slide_zone .com_slider .com_slide .slide_inner .year {
            font-size: 35px;
      }



    /* #m_cheonjo */
    .wp_wrap #m_cheonjo .cheonjo_inner .slide_area .cheonjo_silder .cheonjo_silde .img_box {
        height: 480px;
    }
    .wp_wrap #m_cheonjo .cheonjo_inner .slide_area .shadow .txt_box .sl_tit {
        font-size: 38px;
        margin-bottom: 20px;
    }
    .wp_wrap #m_cheonjo .cheonjo_inner .slide_area .shadow .txt_box .sl_desc {
        font-size: 26px;
    }


      /* #m_news */
      .wp_wrap #m_news .news_inner .right .list a .list_inner .txt .tit {
            font-size: 24px;
      }

      .wp_wrap #m_news .news_inner .right .list a .list_inner .txt .desc {
            font-size: 17px;
      }

      .wp_wrap #m_news .news_inner .right .list a .list_inner .date .day {
            font-size: 25px;
      }

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



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

      .wp_wrap .sub_main {
            height: 350px;
      }

      .wp_wrap .stick_main .sticky_inner .bot .img_box {
            height: 300px;
      }

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

      .wp_wrap .stick_main {
            top: 130px;
      }

      .wp_wrap .stick_main .sticky_inner .top {
            /* top: 130px; */
            top:-42px;
      }

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

      .wp_wrap .stick_main .sticky_inner .bot.fix {
            top: -250px;
      }

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

      .wp_wrap #s_greeting .grt_inner {
            flex-direction: column;
      }

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



      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* 오시는길 */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      .wp_wrap #shp_map .shp_ir .right{
            padding:0;
      }
      .wp_wrap #shp_map .shp_ir .right .txt_box{
            gap:40px;
      }
      .wp_wrap #shp_map .shp_ir .right .txt_box .txt_cont{
            gap:10px;
      }
      .wp_wrap #shp_map .shp_ir .right .txt_box .txt_cont .info_cont>dd{
            font-size: 18px;
      }
      .wp_wrap #shp_map .shp_ir .right .txt_box .txt_cont .info_cont>dd>a{
            font-size: 18px;
      }
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* 개발사업 */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      .wp_wrap #shp_cross_list .shp_ir{
            gap:60px;
      }
      .wp_wrap #shp_cross_list .shp_ir .crs_hd_tit>dt{
            font-size: 32px;
      }
      .wp_wrap #shp_cross_list .shp_ir .crs_hd_tit>dd{
            font-size: 18px;
      }
      .wp_wrap #shp_cross_list .shp_ir .crs_list .list_item .item .cont_box>.txt_box>dd .txt_line .txt{
            margin-bottom: 10px;
      }
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/



      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* 분양대행 */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/

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



      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* 인재상 */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
    
      .wp_wrap #shp_ballon_banner .shp_ir .bln_list>li .bln_hd {
            width: 260px;
            min-width: 260px;
            height: 260px;
      }

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


      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* 채용안내 */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box .thm_arw>img{
            width: 40px;
      }
      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box .thm_item .img_box {
            min-width: 200px;
            width: 200px;
            height: 200px;
      }
      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box .thm_item .txt_box .thm_tit{
            font-size: 22px;
      }
      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box .thm_item .txt_box .thm_des {
            font-size: 16px;
            font-family: var(--font-pre400);
            line-height: 22px;
      }
      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box .thm_item .img_box>.img_frame>img {
            width: 60px;
      }
      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .item_cards>li{
            padding:20px;
      }
      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .item_cards>li .txt_box .des{
            font-size: 16px;
      }
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      

      /**********************************************************************************************************************/
}











@media (max-width: 768px) {

      /**********************************************************************************************************************/
      /* 공통 */
      /**********************************************************************************************************************/
      .wp_wrap .cm_sec {
            padding: 60px 0;
      }

      .wp_wrap .tit_box .m_tit {
            font-size: 40px;
      }

      .wp_wrap #m_business .bsn_inner .top .tit_box .m_tit {
            font-size: 40px;
      }

      .wp_wrap .tit_box .s_tit {
            font-size: 40px;
      }

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


      /**********************************************************************************************************************/
      /* 메인 */
      /**********************************************************************************************************************/
      .wp_wrap .m_visual .m_slider .mv_slide .txt_box_out .txt_box .mv_txt {
            font-size: 33px;
            margin-bottom: 0;
      }

      .wp_wrap .m_visual .control_box {
            gap: 0;
            top: 62.5%;
      }

      .wp_wrap .m_visual .control_box .progress01 {
            width: 180px;
      }

      .wp_wrap .m_visual .control_box .ms_arr i,
      .wp_wrap .m_visual .control_box .pause .icon_box i {
            font-size: 20px;
      }

      .wp_wrap #m_business .bsn_inner .top {
            gap: 10px;
      }

      .wp_wrap #m_business .bsn_inner .top .slide_btn_box ul button {
            font-size: 0;
            height: 15px;
      }

      .wp_wrap #m_business .bsn_inner .bottom {
            margin-top: 40px;
      }

      .wp_wrap #m_business .bsn_inner .bottom .img_zone {
            height: 300px;
      }

      .wp_wrap #m_business .bsn_inner .bottom .slider_zone .txt_slider .txt_slide {
            height: 200px !important;
            border-radius: 10px;
            padding: 25px 30px;
      }

      .wp_wrap #m_business .bsn_inner .bottom .slider_zone .txt_slider .txt_slide .txt_box .tit {
            font-size: 30px;
            margin-bottom: 12px;
      }

      .wp_wrap #m_business .bsn_inner .bottom .slider_zone .txt_slider .txt_slide .txt_box .desc {
            font-size: 19px;
            margin-bottom: 20px;
      }

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

      .wp_wrap #m_business .bsn_inner .bottom .img_zone .bsn_itm .shadow p {
            bottom: 43px;
            right: -32px;
            font-size: 16px;
      }

      .wp_wrap #m_business .bsn_inner .bottom .img_zone .bsn_itm {
            width: 100px;
      }

      .wp_wrap #s_greeting .grt_inner .left .tit_box .s_tit::after{
            height: 4px;
      }
      .wp_wrap #s_greeting .grt_inner .left .tit_box .s_tit{
            font-size: 32px;
      }



        /* #m_cheonjo */
        .wp_wrap #m_cheonjo .cheonjo_inner .slide_area .cheonjo_silder .cheonjo_silde .img_box {
            height: 420px;
        }
        .wp_wrap #m_cheonjo .cheonjo_inner .slide_area .shadow .txt_box .sl_tit {
            font-size: 33px;
        }
        .wp_wrap #m_cheonjo .cheonjo_inner .slide_area .shadow .txt_box .sl_desc {
            font-size: 23px;
        }
        .wp_wrap #m_cheonjo .cheonjo_inner .slide_area .cheonjo_silder .slick-dots {
            bottom: 40px;
        }



      /* #m_news */

      .wp_wrap #m_news .news_inner .right .list {
            padding: 17px 13px;
      }

      .wp_wrap #m_news .news_inner .right .list a .list_inner .txt .tit {
            font-size: 22px;
      }

      .wp_wrap #m_news .news_inner .right .list a .list_inner .date .day {
            font-size: 23px;
      }

      .wp_wrap #m_news .news_inner .right .list a .list_inner .date .year {
            font-size: 18px;
      }

      .wp_wrap #m_news .news_inner .right .list a .list_inner .date {
            gap: 3px;
      }

      .wp_wrap #m_news .news_inner .left .more a {
            font-size: 18px;
      }

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



      /**********************************************************************************************************************/
      /* 서브 */
      /**********************************************************************************************************************/
      .wp_wrap .stick_main .sticky_inner .top .left p {
            font-size: 30px;
      }

      .wp_wrap .stick_main .sticky_inner .bot {
            margin-top: 50px;
      }

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

      .wp_wrap #s_greeting .grt_inner {
            gap: 30px;
      }

      .wp_wrap #s_greeting .grt_inner .right .txt_box .txt {
            font-size: 22px;
      }

      .wp_wrap #s_greeting .grt_inner .right .txt_box .desc {
            font-size: 17px;
      }


      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* Shape Image Banner (경영이념 페이지) */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/

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

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


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


      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* CEO 인사말 */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      .wp_wrap #shp_intro_bn .shp_ir .top .right .img_box .rect01{
            min-height: 400px;
      }
      .wp_wrap #shp_intro_bn .shp_ir .top .right .img_box .rect02{
            display: none;
      }
      .wp_wrap #shp_intro_bn .shp_ir .top .right .img_box .rect03{
            max-width: 100%;
            left: 0;
      }
      .wp_wrap #shp_intro_bn .shp_ir .top .left .txt .tit{
            width: 100%;
            font-size: 36px;
      }
      .wp_wrap #shp_intro_bn .shp_ir .top .left .txt .desc{
            width: 70%;
      }
      .wp_wrap #shp_intro_bn .shp_ir .top .left .txt .desc .des{
            font-size: 16px;
      }
      .wp_wrap #shp_intro_bn .shp_ir .bot .desc{
            gap:15px;
      }
      .wp_wrap #shp_intro_bn .shp_ir .bot .desc .des{
            font-size: 16px;
      }
      .wp_wrap #shp_intro_bn .shp_ir .bot .desc .des:nth-child(4){
            width: 100%;
      }
      .wp_wrap #shp_intro_bn .shp_ir .top .left .txt .sign{
            padding:0;
      }
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* 연혁 */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      .wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont{
            gap:100px;
      }
      .wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont::before{
            left: 5%;
      }
      .wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li {
            justify-content: flex-start;
            padding-left: 5px;
      }
      .wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li:nth-child(2n)::before{
            display: flex;
      }
      .wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li:nth-child(2n)::after{
            display: none;
      }
      .wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li:nth-child(2n){
            padding-left:5px;
            padding-right: 0;
      }
      .wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li:nth-child(2n) .hty_item .year{
            justify-content: flex-start;
      }
      .wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li:nth-child(2n) .hty_item .year::before{
            display: block;
      }
      .wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li:nth-child(2n) .hty_item .year::after{
            display: none;
      }

      .wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li:nth-child(2n) .hty_item .month{
            justify-content: flex-start;
            padding:0;
      }
      .wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li:nth-child(2n) .hty_item .month .mth_txt >dt{
            order: 1;
      }
      .wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li:nth-child(2n) .hty_item .month .mth_txt >dd{
            order:2;
            text-align: left;
      }
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* 지명원 */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      .wp_wrap #shp_dwn_banner .shp_ir .right{
            padding:0;
      }
      .wp_wrap #shp_dwn_banner .shp_ir .right .txt_box .txt .tit{
            font-size: 26px;
      }
      .wp_wrap #shp_dwn_banner .shp_ir .right .txt_box .txt .desc .des{
            font-size: 16px;
      }
      .wp_wrap #shp_dwn_banner .shp_ir .right .txt_box .btn_box .btn_dwn{
            font-size: 18px;
      }
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* Shape organization (조직도 페이지) */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      .wp_wrap #shp_organization .shp_ir .ogz_wrap .img_box .pc_svg {
            display: none;
      }

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

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



      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* 개발사업 */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      .wp_wrap #shp_cross_list .shp_ir .crs_list .list_item .item{
            padding:20px 30px;
            gap:20px
      }
      .wp_wrap #shp_cross_list .shp_ir .crs_list .list_item .item .cont_box{
            gap:20px;
      }
      .wp_wrap #shp_cross_list .shp_ir .crs_list .list_item .item .num_box .num{
            gap:20px;
      }
      .wp_wrap #shp_cross_list .shp_ir .crs_list .list_item .item .cont_box>.txt_box{
            gap:10px;
      }
      .wp_wrap #shp_cross_list .shp_ir .crs_list .list_item .item .cont_box>.txt_box>dt{
            font-size: 20px;
      }
      .wp_wrap #shp_cross_list .shp_ir .crs_list .list_item .item .cont_box>.txt_box>dd .txt_line .txt{
            font-size: 16px;
            margin-bottom: 5px;
      }
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* 분양대행 */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      .wp_wrap #shp_block_list .shp_ir .top{
            padding:30px;
            gap:20px;
      }
      .wp_wrap #shp_block_list .shp_ir .top .blk_hd_tit{
            flex-direction: column;
            align-items: stretch;
            gap:10px;
      }
      .wp_wrap #shp_block_list .shp_ir .top .blk_hd_tit>dt::after{
            display: none;
      }

      .wp_wrap #shp_block_list .shp_ir .top .blk_hd_tit>dt{
            font-size: 28px;
      }
      .wp_wrap #shp_block_list .shp_ir .top .blk_hd_tit>dd{
            font-size: 16px;
      }
      .wp_wrap #shp_block_list .shp_ir .top .img_box{
            grid-gap:20px;
      }
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


      
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* 인재상 */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      .wp_wrap #shp_ballon_banner .shp_ir .tit_box .sub_tit{
            width: 80%;
      }
      .wp_wrap #shp_ballon_banner .shp_ir .bln_list>li .bln_hd {
            width: 200px;
            min-width: 200px;
            height: 200px;
        }
        .wp_wrap #shp_ballon_banner .shp_ir .bln_list>li .bln_hd .bln_tit{
            font-size: 18px;
        }
        .wp_wrap #shp_ballon_banner .shp_ir .bln_list>li .bln_bd::before{
            height: 80px;
        }
        .wp_wrap #shp_ballon_banner .shp_ir .bln_list>li .bln_bd .desc .des{
            font-size: 16px;
        }
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


     /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* 채용안내 */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      .wp_wrap #shp_order_list .shp_ir{
            gap:40px;
      }
      .wp_wrap #shp_order_list .shp_ir .od_list{
            gap:20px;
      }
      .wp_wrap #shp_order_list .shp_ir .tit_box .sub_tit{
            font-size: 18px;
      }
      .wp_wrap #shp_order_list .shp_ir .od_list .list_item{
            gap:10px;
      }
      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dt .item_tit{
            font-size: 20px;
      }
      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .dot_txt_box .dot_txt{
            font-size: 18px;
      }


      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box{
            flex-direction: column;
      }
      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box .thm_arw{
            display: none;
      }
      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box .thm_item{
            flex-direction: row;
            justify-content: center;
      }
      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box .thm_item .txt_box{
            max-width: 240px;
            width: 100%;
      }

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


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

}











@media (max-width: 576px) {

      /**********************************************************************************************************************/
      /* 공통 */
      /**********************************************************************************************************************/
      .wp_wrap #m_business .bsn_inner .top .tit_box .m_tit {
            font-size: 35px;
      }

      .wp_wrap .tit_box .m_tit {
            font-size: 35px;
      }

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


      /**********************************************************************************************************************/
      /* 헤더 */
      /**********************************************************************************************************************/
      .wp_wrap header .h_inner .mlogo {
            width: 150px;
      }

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

      .wp_wrap header .h_inner .convenient_box .lang_box .now_lang>a>i {
            font-size: 13px;
      }

      .wp_wrap header .h_inner .convenient_box .lang_box .now_lang {
            min-width: 48px;
            width: 48px;
            height: 25px;
      }

      .wp_wrap header .h_inner .convenient_box {
            gap: 15px;
      }

      .wp_wrap header .mnu_bg {
            height: 80px;
      }

      .wp_wrap header .h_inner .convenient_box .momnu_icon .icon_box {
            gap: 6px;
      }

      .wp_wrap header .h_inner .convenient_box .momnu_icon {
            padding: 31px 0;
      }

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



      /**********************************************************************************************************************/
      /* 푸터 */
      /**********************************************************************************************************************/
      /* .wp_wrap footer .f_inner .left .logo {
    margin-bottom: 10px;
} */
      .wp_wrap footer .f_inner {
            gap: 15px;
            flex-direction: column;
      }

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

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

      .wp_wrap footer .f_inner .right {
            width: 100%;
            justify-content: space-between;
            align-items: center;
            flex-direction: row;
            flex: none;
      }

      .wp_wrap footer .f_inner .right .top {
            margin-bottom: 0;
      }

      .wp_wrap footer .f_inner .itm .ans,
      .wp_wrap footer .f_inner .itm .ans>a {
            font-size: 15px;
      }

      .wp_wrap footer .f_inner .itm .ques {
            font-size: 15px;
            min-width: 115px;
      }

      .wp_wrap footer .f_inner .right .bot .icon_box a img {
            width: 90%;
            margin: 0 auto;
      }

      .wp_wrap footer .f_inner .copyright p,
      .wp_wrap footer .f_inner .copyright p>a {
            font-size: 14px;
      }

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



      /**********************************************************************************************************************/
      /* 메인 */
      /**********************************************************************************************************************/
      /* m_visual */
      .wp_wrap .m_visual .m_slider .mv_slide {
            height: 600px;
      }

      .wp_wrap .m_visual .m_slider .mv_slide .txt_box_out .txt_box .mv_txt {
            font-size: 27px;
      }

      .wp_wrap .m_visual .control_box {
            top: 370px;
      }

      .wp_wrap .m_visual .scr {
            bottom: 4px;
      }

      .wp_wrap .m_visual .scr .scr_icon .mouse_box {
            width: 16px;
            height: 28px;
      }

      .wp_wrap .m_visual .scr .scr_icon .arr_box i.arr01 {
            bottom: 4px;
            font-size: 10px;
      }

      .wp_wrap .m_visual .scr .scr_icon .arr_box i.arr02 {
            bottom: 7px;
            font-size: 10px;
      }


      .wp_wrap #m_business .bsn_inner .bottom {
            margin-top: 30px;
      }

      .wp_wrap #m_business .bsn_inner .bottom .img_zone {
            width: 100%;
      }

      .wp_wrap #m_business .bsn_inner .bottom .img_zone .bsn_itm.now {
            width: 50%;
      }

      .wp_wrap #m_business .bsn_inner .bottom .img_zone {
            flex-wrap: wrap;
      }

      .wp_wrap #m_business .bsn_inner .bottom .img_zone .bsn_itm {
            width: 50%;
      }

      .wp_wrap #m_business .bsn_inner .bottom .img_zone .bsn_itm.now .shadow {
            opacity: 1;
            background: rgb(0 0 0 / 16%);
      }

      .wp_wrap #m_business .bsn_inner .bottom .img_zone .bsn_itm .shadow {
            background: rgb(0 0 0 / 16%);
      }

      .wp_wrap #m_business .bsn_inner .bottom .img_zone .bsn_itm .shadow p {
            bottom: 10px;
            right: auto;
            left: 10px;
            font-size: 15px;
            transform: rotate(0);
      }

      .wp_wrap #m_business .bsn_inner .bottom .img_zone {
            height: 320px;
      }

      .wp_wrap #m_business .bsn_inner .bottom .slider_zone .txt_slider .txt_slide .txt_box .tit {
            font-size: 25px;
            margin-bottom: 10px;
      }

      .wp_wrap #m_business .bsn_inner .bottom .slider_zone .txt_slider .txt_slide .txt_box .desc {
            font-size: 16px;
            margin-bottom: 15px;
      }

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




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

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

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

      .wp_wrap #m_company .comp_inner .bot .slide_zone .com_slider .com_slide .slide_inner .year {
            font-size: 40px;
      }

      .wp_wrap #m_company .comp_inner .bot .slide_zone .com_slider .com_slide .slide_inner .name {
            margin-bottom: 20px;
      }

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


      
        /* #m_cheonjo */
        .wp_wrap #m_cheonjo .cheonjo_inner .tit_box {
            margin-bottom: 27px;
        }
        .wp_wrap #m_cheonjo .cheonjo_inner .slide_area .cheonjo_silder .cheonjo_silde .img_box {
            height: 340px;
        }
        .wp_wrap #m_cheonjo .cheonjo_inner .slide_area .shadow .txt_box .sl_tit {
            font-size: 30px;
            margin-bottom: 15px;
        }
        .wp_wrap #m_cheonjo .cheonjo_inner .slide_area .shadow .txt_box .sl_desc {
            font-size: 19px;
        }
        .wp_wrap #m_cheonjo .cheonjo_inner .slide_area .cheonjo_silder .slick-dots {
            bottom: 30px;
        }
        .wp_wrap #m_cheonjo .cheonjo_inner .slide_area .cheonjo_silder .slick-dots li button {
            width: 12px;
            height: 12px;
        }


      /* #m_news */
      .wp_wrap #m_news .news_inner {
            gap: 15px;
      }

      .wp_wrap #m_news .news_inner .right .list a .list_inner .arrow {
            display: none;
      }

      .wp_wrap #m_news .news_inner .right .list a .list_inner .txt {
            width: 85%;
      }

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



      /**********************************************************************************************************************/
      /* 서브 */
      /**********************************************************************************************************************/
      .wp_wrap .sub_main {
            height: 300px;
      }

      .wp_wrap .stick_main .sticky_inner .top .left p {
            font-size: 28px;
      }

      .wp_wrap .stick_main .sticky_inner .bot {
            margin-top: 30px;
      }

      .wp_wrap .stick_main .sticky_inner .top {
            /* top: 110px; */
            top:-42px;
      }

      .wp_wrap .stick_main .sticky_inner .bot .img_box {
            height: 250px;
      }

      .wp_wrap .stick_main .sticky_inner .top .right .first_mnu .m_top,
      .wp_wrap .stick_main .sticky_inner .top .right .second_mnu .m_top {
            gap: 5px;
      }

      .wp_wrap .stick_main .sticky_inner .bot.fix {
            top: -180px;
      }
      .wp_wrap #s_greeting .grt_inner .left .tit_box .s_tit::after{
            height: 3px;
      }
      .wp_wrap #s_greeting .grt_inner .left .tit_box .s_tit{
            font-size: 26px;
      }

      .wp_wrap .stick_main .sticky_inner .top{
            padding:0;
      }
      .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{
            font-size: 13px;
      }

      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* 경영이념 */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      .wp_wrap #shp_thumn_bn .shp_ir .thumn_cards>li .img_box{
            height: 180px;
      }
      .wp_wrap #shp_thumn_bn .shp_ir .thumn_cards>li .txt_box{
            padding:20px;
      }
      .wp_wrap #shp_thumn_bn .shp_ir .thumn_cards>li .txt_box .txt .tit_box .tit{
            font-size: 20px;
      }
      .wp_wrap #shp_thumn_bn .shp_ir .thumn_cards>li .txt_box .txt .tit_box .sub_tit{
            font-size: 14px;
            
      }
      .wp_wrap #shp_thumn_bn .shp_ir .thumn_cards>li .txt_box .txt .desc .des{
            font-size: 14px;
            min-height: 30px;
      }
      
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* CEO인사말 */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      .wp_wrap #shp_intro_bn .shp_ir{
            gap:30px;
      }
      .wp_wrap #shp_intro_bn .shp_ir .bot .desc .des{
            font-size: 14px;
      }
      .wp_wrap #shp_intro_bn .shp_ir .top .left .txt .tit{
            width: 100%;
            font-size: 28px;
      }
      .wp_wrap #shp_intro_bn .shp_ir .top .left .txt .desc{
            width: 100%;
      }
      .wp_wrap #shp_intro_bn .shp_ir .top .left .txt .desc .des{
            font-size: 14px;
      }
      .wp_wrap #shp_intro_bn .shp_ir .top .right .img_box .rect01{
            min-height: 250px;
      }
      .wp_wrap #shp_intro_bn .shp_ir .top .right .img_box .rect03{
            height: 250px;
      }
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* 연혁 */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      .wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li{
            align-items: flex-start;
      }
      .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::before {
            display: block;
            content: "●";
            min-width: unset;
            height: unset;
            color: #315686;
            border-radius: none;
            border: none;
            background-color: #fff;
            margin-top: 10px;
        }
        .wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont{
            gap:60px;
        }
        .wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li,
        .wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li:nth-child(2n){
            padding-left: 8px;
            gap:10px;
        }
        .wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li .hty_item .year::before{
            display: none;
        }
        .wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li .hty_item .year{
            font-size: 34px;
        }
        .wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li .hty_item .month .mth_txt{
            margin:0;
        }
        .wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li .hty_item .month{
            min-width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: stretch;
            gap:10px;
        }
        .wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li .hty_item .month .mth_txt>dt {
            font-size: 16px;
            font-family: var(--font-pre700);
      }
      
      .wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li .hty_item .month .mth_txt>dd {
            font-size: 16px;
            font-family: var(--font-pre400);
      }
      .wp_wrap #shp_history .shp_ir .hty_wrap .hty_cont>li:nth-child(2n) .hty_item .month{
            align-items: stretch;
      }
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/

      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* 오시는길 */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      .wp_wrap #shp_map .shp_ir .right .txt_box{
            gap:20px;
      }
      .wp_wrap #shp_map .shp_ir .left .map_box .map_area{
            height: 300px;
      }
      .wp_wrap #shp_map .shp_ir .right .txt_box .tit_box .tit{
            font-size: 28px;
      }
      .wp_wrap #shp_map .shp_ir .right .txt_box .txt_cont .info_cont{
            gap:10px;
      }
      .wp_wrap #shp_map .shp_ir .right .txt_box .txt_cont .info_cont>dd{
            font-size: 16px;
      }
      .wp_wrap #shp_map .shp_ir .right .txt_box .txt_cont .info_cont>dt {
            min-width: 40px;
            width: 40px;
            height: 40px;
        }
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* Contact Us */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      .wp_wrap #shp_contact .shp_ir .hd_txt .des{
            font-size: 16px;
      }
      .wp_wrap #shp_contact .shp_ir .hd_txt>a{
            font-size: 16px;
      }
      .wp_wrap #shp_contact .shp_ir .ctt_box>li{
            padding:30px;
            font-size: 30px;
      }
      .wp_wrap #shp_contact .shp_ir .ctt_box>li .img_box{
            min-width: 150px;
            height: 150px;
      }
      .wp_wrap #shp_contact .shp_ir .ctt_box>li .img_box>img{
            width: 70px;
      }
      .wp_wrap #shp_contact .shp_ir .ctt_box>li .txt_box>a{
            font-size: 18px;
      }
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/

      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* 개발사업 */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      .wp_wrap #shp_cross_list .shp_ir .crs_hd_tit{
            padding:20px;
            flex-direction: column;
            gap:10px;
      }
      
      .wp_wrap #shp_cross_list .shp_ir .crs_hd_tit>dt{
            max-width: 100%;
            font-size: 24px;
      }
      .wp_wrap #shp_cross_list .shp_ir .crs_hd_tit>dd{
            font-size: 15px;
            line-height: 1.2em;
      }
      .wp_wrap #shp_cross_list .shp_ir .crs_hd_tit>dt::after{
            display: none;
      }

      .wp_wrap #shp_cross_list .shp_ir .crs_list .list_item .item{
            flex-direction: column;
            border-radius: 20px;
      }
      .wp_wrap #shp_cross_list .shp_ir .crs_list .list_item .item .cont_box{
            width: 100%;
            flex-direction: column;
      }
      .wp_wrap #shp_cross_list .shp_ir .crs_list .list_item .item .num_box .num::after{
            display: none;
      }
      
      .wp_wrap #shp_cross_list .shp_ir .crs_list .list_item .item .cont_box>.txt_box{
            width: 100%;
      }
      .wp_wrap #shp_cross_list .shp_ir .crs_list .list_item .item .cont_box>.txt_box>dt{
            font-size: 18px;
      }
      .wp_wrap #shp_cross_list .shp_ir .crs_list .list_item .item .cont_box>.txt_box>dd .txt_line .txt {
            font-size: 14px;
            margin-bottom: 0px;
      }

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


      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* 분양대행 */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      .wp_wrap #shp_block_list .shp_ir .top{
            padding:20px;
      }
      .wp_wrap #shp_block_list .shp_ir .top .blk_hd_tit>dt{
            font-size: 22px;
      }
      .wp_wrap #shp_block_list .shp_ir .top .blk_hd_tit>dd{
            font-size: 14px;
      }
      .wp_wrap #shp_block_list .shp_ir .bot .block_list>li{
            gap:10px;
      }
      .wp_wrap #shp_block_list .shp_ir .bot .block_list>li .img_box::after{
            display: none;
      }
      .wp_wrap #shp_block_list .shp_ir .bot .block_list>li .img_box>img{
            width: 60px;
            margin:0 10px;
      }
      .wp_wrap #shp_block_list .shp_ir .bot .block_list>li .txt_box .txt>dt{
            font-size: 16px;
      }
      .wp_wrap #shp_block_list .shp_ir .bot .block_list>li .txt_box .txt>dd{
            font-size: 14px;
            gap:0px;
      }
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/

 
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* 인재상 */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      .wp_wrap #shp_ballon_banner .shp_ir{
            gap:60px;
      }
      .wp_wrap #shp_ballon_banner .shp_ir .tit_box .sub_tit{
            width: 100%;
            font-size: 14px;
      }
      .wp_wrap #shp_ballon_banner .shp_ir .tit_box .tit{
            font-size: 28px;
      }

      .wp_wrap #shp_ballon_banner .shp_ir .bln_list>li .bln_hd {
            width: unset;
            min-width: unset;
            height: unset;
            border: none;
            gap:10px;
            padding:10px;
        }
        .wp_wrap #shp_ballon_banner .shp_ir .bln_list{
            flex-direction: column;
        }
        .wp_wrap #shp_ballon_banner .shp_ir .bln_list>li{
            position: unset;
            flex-direction: row;
            border:2px solid #315686;
            border-radius: 10px;
            gap:10px;
      }
      .wp_wrap #shp_ballon_banner .shp_ir .bln_list>li:nth-child(2n){
            border:2px solid #B9976C;
      }
      
      .wp_wrap #shp_ballon_banner .shp_ir .bln_list>li .bln_hd::after{
            display: none;
      }
      .wp_wrap #shp_ballon_banner .shp_ir .bln_list>li .bln_bd::before{
            display: none;
      }
      .wp_wrap #shp_ballon_banner .shp_ir .bln_list>li .bln_hd .bln_tit{
            font-size: 16px;
            text-align: center;
      }
        .wp_wrap #shp_ballon_banner .shp_ir .bln_list>li .bln_bd{
            flex-grow: 1;
            justify-content: center;
        }
        .wp_wrap #shp_ballon_banner .shp_ir .bln_list>li .bln_bd .desc .des{
            min-height: unset;
            font-size: 14px;
            text-align: center;
        }
        .wp_wrap #shp_ballon_banner .shp_ir .bln_list>li .bln_hd .ico_box>img{
            width: 60px;
        }
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* 채용안내 */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box .thm_item .img_box {
            min-width: unset;
            width: unset;
            height: unset;
            border:none;
        }
        .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box .thm_item{
            padding:10px 20px;
            border:1px solid #B9976C;
            border-radius: 15px;
            min-height: 155px;
            gap:15px;
        }
        .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box .thm_item .txt_box .thm_des{
            min-height: unset;
        }
        .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box .thm_item .img_box>.img_txt{
            font-size: 18px;
        }
        .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box .thm_item .txt_box .thm_tit{
            font-size: 18px;
        }
        .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box .thm_item .txt_box .thm_des {
              font-size: 14px;
              line-height: 18px;
      }
      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box .thm_item .txt_box .thm_des>br {
            display: none;
      }
      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .item_cards>li{
            gap:15px;
            padding:10px;
      }
      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .item_cards>li .img_box {
            width: 90px;
            height: 90px;
      }
      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .item_cards>li .img_box>img{
            width: 40px;
      }
      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .item_cards>li .txt_box .tit{
            font-size: 18px;
      }
      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .item_cards>li .txt_box .des{
            min-height: 60px;
            font-size: 14px;
      }
      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd{
            gap:30px;
      }
      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box{
            padding-bottom: 30px;
      }
      .wp_wrap #shp_order_list .shp_ir .tit_box .sub_tit{
            font-size: 16px;
      }
      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dt .item_tit{
            font-size: 18px;
      }
      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .dot_txt_box .dot_txt{
            font-size: 14px;
      }
      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .dot_txt_box .dot_txt::before{
            margin-top: 3px;
      }
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      

      /**********************************************************************************************************************/
}











@media (max-width: 420px) {

      /**********************************************************************************************************************/
      /* 공통 */
      /**********************************************************************************************************************/
      .wp_wrap #m_business .bsn_inner .top .tit_box .m_tit {
            font-size: 30px;
      }

      .wp_wrap .tit_box .m_tit {
            font-size: 30px;
      }

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



      /**********************************************************************************************************************/
      /* 헤더 */
      /**********************************************************************************************************************/
      .wp_wrap header .h_inner .mlogo {
            width: 135px;
      }

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



      /**********************************************************************************************************************/
      /* 푸터 */
      /**********************************************************************************************************************/
      .wp_wrap footer .f_inner .right {
            align-items: flex-start;
            flex-direction: column;
            gap: 15px;
      }

      .wp_wrap footer .f_inner .right .top {
            gap: 20px
      }

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


      /**********************************************************************************************************************/
      /* 메인 */
      /**********************************************************************************************************************/
      /* m_visual */
      .wp_wrap .m_visual .m_slider .mv_slide {
            height: 550px;
      }

      .wp_wrap .m_visual .control_box {
            top: 400px;
      }

      .wp_wrap .m_visual .m_slider .mv_slide .txt_box_out .txt_box .mv_txt_01 {
            font-size: 30px;
            line-height: 1.2em;
        }
      .wp_wrap .m_visual .m_slider .mv_slide .txt_box_out .txt_box .mv_txt {
            font-size: 17px;
            margin-bottom: 5px;
      }


      .wp_wrap #m_business .bsn_inner .top .slide_btn_box ul button {
            height: 10px;
      }

      .wp_wrap #m_business .bsn_inner .bottom {
            gap: 15px;
      }

      .wp_wrap #m_business .bsn_inner .bottom .img_zone {
            height: 220px;
      }

      .wp_wrap #m_business .bsn_inner .bottom .img_zone .bsn_itm .shadow p {
            bottom: 5px;
            left: 8px;
            font-size: 14px;
      }

      .wp_wrap #m_business .bsn_inner .bottom .slider_zone .txt_slider .txt_slide {
            height: 220px !important;
            padding: 20px;
      }

      /* #m_company */
      .wp_wrap #m_company .comp_inner .top .tit_box {
            margin-bottom: 40px;
      }


       
        /* #m_cheonjo */
        .wp_wrap #m_cheonjo .cheonjo_inner .tit_box {
            margin-bottom: 25px;
        }
        .wp_wrap #m_cheonjo .cheonjo_inner .slide_area .cheonjo_silder .cheonjo_silde .img_box {
            height: 260px;
        }
        .wp_wrap #m_cheonjo .cheonjo_inner .slide_area .shadow .txt_box .sl_tit {
            font-size: 24px;
        }
        .wp_wrap #m_cheonjo .cheonjo_inner .slide_area .shadow .txt_box .sl_desc {
            font-size: 16px;
        }
        .wp_wrap #m_cheonjo .cheonjo_inner .slide_area .cheonjo_silder .slick-dots {
            bottom: 20px;
        }




      /* #m_news */
      .wp_wrap #m_news .news_inner .right .list {
            padding: 15px 10px;
      }

      .wp_wrap #m_news .news_inner .right .list a .list_inner {
            gap: 15px;
      }

      .wp_wrap #m_news .news_inner .right .list a .list_inner .txt .tit {
            font-size: 19px;
      }

      .wp_wrap #m_news .news_inner .right .list a .list_inner .txt .desc {
            font-size: 16px;
      }

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

      .wp_wrap #m_news .news_inner .right .list a .list_inner .date {
            gap: 0;
      }

      .wp_wrap #m_news .news_inner .right .list a .list_inner .date .day {
            font-size: 21px;
      }

      .wp_wrap #m_news .news_inner .right .list a .list_inner .date .year {
            font-size: 17px;
      }

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


      /**********************************************************************************************************************/
      /* 서브 */
      /**********************************************************************************************************************/
      .wp_wrap .stick_main .sticky_inner .top {
            align-items: flex-start;
            flex-direction: column;
            gap: 10px
      }

      .wp_wrap .stick_main .sticky_inner .bot {
            margin-top: 55px;
      }

      .wp_wrap .stick_main .sticky_inner .bot .img_box {
            height: 255px;
      }

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

      .wp_wrap .stick_main .sticky_inner .bot .img_box {
            height: 220px;
      }

      .wp_wrap .stick_main .sticky_inner .top{
            top:-60px;
      }

     /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* 지명원 */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      .wp_wrap #shp_dwn_banner .shp_ir .right{
            padding:0;
      }
      .wp_wrap #shp_dwn_banner .shp_ir .right .txt_box{
            gap:20px;
      }
      .wp_wrap #shp_dwn_banner .shp_ir .right .txt_box .txt .tit{
            font-size: 20px;
      }
      .wp_wrap #shp_dwn_banner .shp_ir .right .txt_box .txt .desc .des{
            font-size: 14px;
      }
      .wp_wrap #shp_dwn_banner .shp_ir .right .txt_box .btn_box .btn_dwn{
            max-width: 100%;
            height: 60px;
            font-size: 16px;
      }
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/






      /**********************************************************************************************************************/
}











@media (max-width: 375px) {

      /**********************************************************************************************************************/
      /* 공통 */
      /**********************************************************************************************************************/
      /* 공통 */
      .wp_wrap .tit_box .s_tit {
            font-size: 35px;
      }

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




      /**********************************************************************************************************************/
      /* 메인 */
      /**********************************************************************************************************************/
      /* m_visual */
      .wp_wrap .m_visual .m_slider .mv_slide .txt_box_out .txt_box .mv_txt {
            font-size: 18px;
      }

      .wp_wrap .m_visual .control_box .progress01 {
            width: 130px;
      }

      .wp_wrap .m_visual .control_box .ms_arr i,
      .wp_wrap .m_visual .control_box .pause .icon_box i {
            font-size: 17px;
            vertical-align: 3px;
      }

      .wp_wrap #m_business .bsn_inner .bottom .img_zone {
            height: 190px;
      }

      .wp_wrap #m_business .bsn_inner .bottom .slider_zone .txt_slider .txt_slide .txt_box .desc {
            font-size: 15px;
            margin-bottom: 10px;
      }

      /* m_company */
      .wp_wrap #m_company .comp_inner .bot .slide_zone .com_slider .com_slide .slide_inner {
            padding: 25px 15px;
      }

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

      .wp_wrap #m_company .comp_inner .top .tit_box .m_desc br {
            display: none;
      }

        /* #m_cheonjo */
        .wp_wrap #m_cheonjo .cheonjo_inner .slide_area .shadow .txt_box .sl_tit {
            font-size: 21px;
        }
        .wp_wrap #m_cheonjo .cheonjo_inner .slide_area .shadow .txt_box .sl_desc {
            font-size: 15px;
        }
    

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


      /**********************************************************************************************************************/
      /* 서브 */
      /**********************************************************************************************************************/
      .wp_wrap #s_greeting {
            padding: 110px 0 60px 0;
      }

      .wp_wrap .stick_main .sticky_inner .top {
            /* top: 95px; */
            top:-60px;
      }

      .wp_wrap .stick_main .sticky_inner .bot .img_box {
            height: 190px;
      }

      .wp_wrap .stick_main .sticky_inner .bot {
            margin-top: 40px;
      }

      .wp_wrap .stick_main .sticky_inner .bot.fix {
            top: -120px;
      }

      .wp_wrap #s_greeting .grt_inner .right .txt_box .txt {
            font-size: 20px;
      }

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





      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      /* 채용안내 */
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      .wp_wrap #shp_order_list .shp_ir .od_list .list_item>dd .thm_box .thm_item .txt_box .thm_des{
            font-size: 12px;
      }
      /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
      

      /**********************************************************************************************************************/
}











@media (max-width: 320px) {

      /**********************************************************************************************************************/
      /* 헤더 */
      /**********************************************************************************************************************/
      .wp_wrap header .h_inner .mlogo {
            width: 125px;
      }

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



      /**********************************************************************************************************************/
      /* 푸터 */
      /**********************************************************************************************************************/
      .wp_wrap footer .f_inner .itm .ques {
            font-size: 14px;
            min-width: 98px;
      }

      .wp_wrap footer .f_inner .right {
            align-items: flex-start;
            flex-direction: column;
            gap: 10px;
      }

      .wp_wrap footer .f_inner .itm {
            align-items: flex-start;
            flex-direction: column;
      }

      .wp_wrap footer .f_inner .itm .ans,
      .wp_wrap footer .f_inner .itm .ans>a {
            font-size: 14px;
      }

      .wp_wrap footer .f_inner .right .top li a {
            font-size: 15px;
      }

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

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



      /**********************************************************************************************************************/
      /* 메인 */
      /**********************************************************************************************************************/
      /* m_visual */
      .wp_wrap .m_visual .m_slider .mv_slide .txt_box_out .txt_box .mv_txt {
            font-size: 18px;
      }

      .wp_wrap #m_business .bsn_inner .bottom {
            margin-top: 25px;
      }

      .wp_wrap #m_business .bsn_inner .bottom .img_zone {
            height: 170px;
      }

      /**********************************************************************************************************************/
}