.sub_container {
   margin: 90px 0 120px;
   text-align: left;
}

.sub_content {
   position: relative;
}

/**********************************************************
                     sub01_01 회사개요                           
***********************************************************/
.mit_wrap {
   display: flex;
   justify-content: space-around;
   align-items: flex-start;
   margin-top: 42px;
}

.mit_list:nth-child(2) {
   animation-delay: 0.2s;
   -moz-animation-delay: 0.2s;
   -webkit-animation-delay: 0.2s;
}

.mit_list:nth-child(3) {
   animation-delay: 0.1s;
   -moz-animation-delay: 0.1s;
   -webkit-animation-delay: 0.1s;
}

.mit_list:nth-child(4) {
   animation-delay: 0.3s;
   -moz-animation-delay: 0.3s;
   -webkit-animation-delay: 0.3s;
}

.mit_list .mit_listicon {
   display: inline-block;
   width: 100px;
   height: 100px;
   margin-bottom: 5px;
}

.mit_list .mit_listicon01 {
   background: url(../images/main_listicon01.png) no-repeat center center;
}

.mit_list .mit_listicon02 {
   background: url(../images/main_listicon02.png) no-repeat center center;
}

.mit_list .mit_listicon03 {
   background: url(../images/main_listicon03.png) no-repeat center center;
}

.mit_list .mit_listicon04 {
   background: url(../images/main_listicon04.png) no-repeat center center;
}

.mit_list .mit_explan {
   line-height: 24px;
   font-size: 16px;
}

.sub_companyinfo {
   margin-top: 85px;
}

.sci_title {
   padding-bottom: 9px;
   line-height: 36px;
   font-size: 24px;
   font-weight: bold;
   text-align: left;
   border-bottom: 1px solid #000;
}

.sci_content {
   display: flex;
   flex-wrap: wrap;
   text-align: left;
}

.sci_content .sci_list {
   display: flex;
   width: 50%;
   padding: 15px 20px 15px 0;
   border-bottom: 1px solid #bbbbbb;
}

.sci_content .sci_list>h4,
.sci_content .sci_list>p {
   font-size: 16px;
   line-height: 24px;
}

.sci_content .sci_list>h4 {
   width: 150px;
   flex-shrink: 0;
}

.sci_content .sci_list>p {
   width: calc(100% - 150px);
}


@media screen and (max-width: 800px) {
   .mit_wrap {
      flex-wrap: wrap;
   }

   .mit_list {
      width: 50%;
   }

   .mit_list:nth-child(-n + 2) {
      margin-bottom: 35px;
   }

   .sci_content .sci_list {
      width: 100%;
      padding: 10px;
   }

   /* .sci_content .sci_list:last-child {
      display: none;
   } */

   .sci_content .sci_list>h4 {
      flex-basis: 100px;
   }

   .sci_content .sci_list>h4,
   .sci_content .sci_list>p {
      font-size: 14px;
      word-break: break-all;
   }

   .sci_content .sci_list>p>br {
      display: none;
   }
   .sci_content .sci_list:last-of-type>p>br {
      display: block;
   }
}

@media screen and (max-width: 640px) {
   .sub_container {
      margin: 60px 0 80px;
   }

   .sub .sub_banner {
      height: calc(470vw / 640 * 100);
      min-height: 360px;
   }
}

@media screen and (max-width: 500px) {
   .sci_content .sci_list {
      flex-wrap: wrap;
   }

   .sci_content .sci_list>h4,
   .sci_content .sci_list>p {
      width: 100%;
   }
}

/**********************************************************
                     sub01_02 ceo인사말                           
***********************************************************/
.ceo_text {
   margin: 60px 0 60px;
}

.ceo_text>p {
   margin-bottom: 25px;
   line-height: 30px;
   font-size: 20px;
}

.ceo_img>img {
   width: 100%;
   max-width: 850px;
}

.ceo_head p {
   font-size: 28px;
   font-weight: 500;
   margin-bottom: 10px;
}

.ceo_head span {
   font-size: 20px;
   font-weight: 500;
}

@media screen and (max-width: 800px) {
   .ceo_text>p {
      line-height: 26px;
      font-size: 16px;
   }
}

@media screen and (max-width: 640px) {
   .ceo_text>p {
      word-break: keep-all;
   }

   .ceo_text>p>br {
      display: none;
   }
}

/**********************************************************
                     sub01_03 조직도                           
***********************************************************/
.organization{
   display: flex;
   justify-content: space-between;
}
.organization>img {
   width: 100%;
   max-width: 1015px;
}

.partners {
   margin-top: 110px;
}

.partners>h4.ptr_title {
   margin-bottom: 20px;
   line-height: 30px;
   font-size: 24px;
   font-weight: bold;
   text-align: left;
}

.ptr_wrap {
   display: flex;
   justify-content: space-between;
}

.ptr_wrap .ptr_list {
   width: calc((100% - 20px * 3) / 4);
   margin-right: 20px;
}

.ptr_wrap .ptr_list:last-child {
   margin-right: 0;
}

.ptr_wrap .ptr_list>img {
   width: 100%;
}
.organization::before{
   z-index: 0;
   content: '';
   position: absolute;
   display: inline-flex;
   width: 50%;
   height: 2px;
   background-color: #888888;
   top: 25px;
   left: 60%;
   transform: translateX(-50%);
}
.line_area {
   display: inline-flex;
   flex-direction: column;
}

.line_head,
.line_middle,
.line_foot {
   position: relative;
   display: inline-block;
}

.line_head>p,
.line_middle>p,
.line_foot>p {
   display: inline-flex;
   justify-content: center;
   align-items: center;
   position: relative;
   background-color: #b61c02;
   width: 200px;
   height: 50px;
   font-size: 20px;
   color: #fff;
}

.line_foot_area {
   width: 100%;
   margin-top: 35px;
   display: flex;
   position: relative;
}

.line_head::after {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   bottom: -90px;
   content: '';
   display: inline-block;
   width: 2px;
   height: 90px;
   background-color: #888888;
}

.line_middle>p::after {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 145px;
   content: '';
   display: inline-block;
   width: 100px;
   height: 2px;
   background-color: #888888;
}

.line_middle>p {
   position: relative;
   margin-top: 20px;
   margin-left: 345px;
   width: 145px;
   background-color: #818181;
}
.line_foot_area::before{
   position: absolute;
   content: '';
   width: calc(100% - 145px);
   display: inline-block;
   height: 2px;
   background-color: #888888;
   left: 50%;
   transform: translateX(-50%);
   top:-15px;

}
.line_foot{
   margin-right: 20px;
}
.line_foot>p {
   color: #000;
   margin-bottom: 20px;
   width: 145px;
   background-color: #eed2cd;
   position: relative;
}

.line_foot:last-of-type {
   margin-right: 0;
}

.line_foot>p::before{
   content: '';
   display: inline-block;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   width: 2px;
   height: 15px;
   top:-15px;
   background-color: #888888;
}

.line_foot>ul{
   display: flex;
   flex-direction: column;
   padding:20px;
   border:1px solid #bbb;
}

.line_foot>ul li{
   margin-bottom: 15px;
}

.line_foot>ul li:last-of-type{
   margin-bottom: 0;
}
.partnership{
   z-index: 1;
   position: relative;
   display: flex;
   flex-direction: column;
}
.partnership_head{
   font-size: 20px;
   width: 310px;
   height: 50px;
   background-color: #b61c02;
   color: #fff;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 20px;
}

.partnership_body{
   display: inline-flex;
   justify-content: space-between;
}

.partnership_body_01{
   width: calc(50% - 10px);
}

.partnership_body_01>p{
   width: 100%;
   height: 50px;
   font-size: 20px;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   background-color: #eed2cd;
   margin-bottom: 5px;
}
.partnership_body_01 ul{
   width: 100%;
}
.partnership_body_01 ul li{
   width: 100%;
   height: 50px;
   border:1px solid #bbb;
   display: flex;
   justify-content: center;
   align-items: center;
   border-bottom: 0px;
}
.partnership_body_01:nth-of-type(2)>ul>li::before{
   content: '';
   display: inline-block;
   width: 16px;
   height: 16px;
   background-image: url(../images/part_lang_ico_04.png);
   margin-right: 5px;
}

.partnership_body_01:nth-of-type(2)>ul>li:nth-of-type(2):before{
   background-image: url(../images/part_lang_ico_01.png)
}
.partnership_body_01:nth-of-type(2)>ul>li:nth-of-type(3):before{
   background-image: url(../images/part_lang_ico_02.png)
}
.partnership_body_01:nth-of-type(2)>ul>li:nth-of-type(4):before{
   background-image: url(../images/part_lang_ico_03.png)
}
.partnership_body_01 ul li:last-of-type{
   border-bottom: 1px solid #bbb;
}

.partners>img{
   width: 100%;
   margin-bottom: 60px;
}
.partners .part_list{
   width: 100%;
   display: flex;
   justify-content: space-between;
}

.partners .part_list .part_list_head{
   width: 20%;
   position: relative;
   padding-top: 30px;
}
.partners .part_list .part_list_head p::before,
.partners .part_list .part_list_head p::after{
   position: absolute;
   content: '';
   display: inline-flex;
   top: -4px;
   left: 50%;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background-color: #5f1315;
   z-index: 2;
}

.partners .part_list .part_list_head p::after{
   z-index: 1;
   top: -8px;
   left: calc(50% - 4px);
   width: 12px;
   height: 12px;
   background-color: #fff;
   border:2px solid #5f1315
}

.partners .part_list .part_list_head::after{
   position: absolute;
   top:0;
   left: 0;
   content: '';
   width: 90%;
   height: 2px;
   background-color: #5f1315;
   left: 100%;
   transform: translateX(-50%);
}

.partners .part_list .part_list_head:nth-of-type(2) p::before,
.partners .part_list .part_list_head:nth-of-type(3) p::before,
.partners .part_list .part_list_head:nth-of-type(4) p::before{
   display: none;
}
.partners .part_list .part_list_head:nth-of-type(2):after{
   background-color: #b61c02;
}

.partners .part_list .part_list_head:nth-of-type(2) p::after{
   border-color: #b61c02;
}

.partners .part_list .part_list_head:nth-of-type(3):after{
   background-color: #de2727;
}

.partners .part_list .part_list_head:nth-of-type(3) p::after{
   border-color: #de2727;
}

.partners .part_list .part_list_head:nth-of-type(4):after{
   background-color: #e68b7b;
}

.partners .part_list .part_list_head:nth-of-type(4) p::after{
   border-color: #e68b7b;
}

.partners .part_list .part_list_head:nth-of-type(5) p::before{
   background-color: #eed2cd   ;
}

.partners .part_list .part_list_head:nth-of-type(5) p::after{
   border-color: #eed2cd;
}

.partners .part_list .part_list_head:last-of-type:after{
   display: none;
}


.partners .part_list .part_list_head>p{
   font-size: 18px;
   font-weight: bold;
   margin-bottom: 20px;
}
.partners .part_list .part_list_head>p>span{
   color: #5f1315;
   display: inline-block;
   margin-bottom: 5px;
}
.partners .part_list .part_list_head:nth-of-type(2)>p>span{
   color: #b61c02;
}
.partners .part_list .part_list_head:nth-of-type(3)>p>span{
   color: #de2727;
}
.partners .part_list .part_list_head:nth-of-type(4)>p>span{
   color: #e68b7b;
}
.partners .part_list .part_list_head:nth-of-type(5)>p>span{
   color: #eed2cd;
}

.partners .part_list .part_list_head>span{
   font-size: 17px;
}


@media screen and (max-width:1024px) {
   .organization{
      flex-direction: column;
   }
   .organization::before{
      display: none;
   }
   .line_foot_area{
      justify-content: center;
      width: 640px;
      margin: 35px auto 0;

   }
   .partnership_head{
      margin: 30px auto;
   }
}

@media screen and (max-width: 720px) {
   .partners {
      margin-top: 40px;
   }

   .partners>h4.ptr_title {
      margin-bottom: 10px;
      line-height: normal;
      font-size: 16px;
   }

   .ptr_wrap {
      flex-wrap: wrap;
   }

   .ptr_wrap .ptr_list {
      width: calc((100% - 20px) / 2);
      margin-bottom: 20px;
   }

   .ptr_wrap .ptr_list:nth-child(2n) {
      margin-right: 0;
   }

   .partners .part_list .part_list_head>p{
      font-size: 14px;
   }
   .partners .part_list .part_list_head>span{
      font-size: 12px;
   }
   .line_head::after,
   .line_middle>p::after,
   .line_foot_area::before,
   .line_foot>p::before{
      display: none;
   }
   .line_middle>p{
      width: 200px;
      margin:20px auto;
   }
   .line_foot_area{
      flex-wrap:wrap;
      justify-content: space-between;
      margin:0 auto;
   }
   
   .line_foot_area{
      width: 100%;
   }
   .line_foot{
      margin-bottom: 10px;
      width: calc(50% - 10px);
      margin-right: 0;
   }

   .line_foot>p{
      width: 100%;
   }
}

/**********************************************************
                     sub01_04 오시는길                          
***********************************************************/
.sub_map>iframe {
   width: 100%;
   height: 500px;
}

@media screen and (max-width: 640px) {
   .sub_map>iframe {
      height: calc(500vw / 640 * 100);
      min-height: 380px;
   }
}

/**********************************************************
            sub03_01 복합상업시설부분 분양대행                          
***********************************************************/
.protfolio_wrap {
   display: flex;
   justify-content: flex-start;
   flex-wrap: wrap;
}

.protfolio_wrap .pf_list {
   width: calc((100% - 20px * 3) / 4);
   margin-right: 20px;
   margin-bottom: 50px;
}

.protfolio_wrap .pf_list:nth-child(4n) {
   margin-right: 0;
}

.protfolio_wrap .pf_list>a {
   width: 100%;
}

.protfolio_wrap .pf_img {
   margin-bottom: 6px;
}

.protfolio_wrap .pf_img>img {
   width: 100%;
}

.protfolio_wrap .pf_name {
   line-height: 24px;
   font-size: 16px;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}

@media screen and (max-width: 800px) {
   .protfolio_wrap .pf_list {
      width: calc((100% - 21px * 2) / 3);
      margin-right: 20px;
   }

   .protfolio_wrap .pf_list:nth-child(4n) {
      margin-right: 20px;
   }

   .protfolio_wrap .pf_list:nth-child(3n) {
      margin-right: 0;
   }
}

@media screen and (max-width: 500px) {
   .protfolio_wrap .pf_list {
      width: calc((100% - 20px) / 2);
      margin-right: 20px;
      margin-bottom: 30px;
   }

   .protfolio_wrap .pf_list:nth-child(3n) {
      margin-right: 20px;
   }

   .protfolio_wrap .pf_list:nth-child(2n) {
      margin-right: 0;
   }

   .protfolio_wrap .pf_name {
      font-size: 14px;
   }
}

/**********************************************************
                     sub03 갤러리 헤드                          
***********************************************************/
.portfolio_head {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   margin-bottom: 100px;
}

.pfh_img {
   width: 50%;
   margin-right: 20px;
}

.pfh_img>img {
   width: 100%;
   max-width: 560px;
}

.pfh_text {
   width: 50%;
}

.pfh_text .pfh_title {
   padding-bottom: 15px;
   border-bottom: 1px solid #000;
   line-height: 36px;
   font-size: 24px;
   text-align: left;
}

.pfh_wrap .pfh_list {
   display: flex;
   border-bottom: 1px solid #bbb;
   padding: 15px 0;
}

.pfh_wrap .pfh_list>h5 {
   flex-basis: 145px;
   flex-shrink: 0;
}

.pfh_wrap .pfh_list>p {
   text-align: left;
}

.pfh_wrap .pfh_list>h5,
.pfh_wrap .pfh_list>p {
   line-height: 24px;
   font-size: 16px;
}

@media screen and (max-width: 800px) {
   .portfolio_head {
      flex-wrap: wrap;
      justify-content: center;
   }

   .pfh_img {
      margin-right: 0;
      margin-bottom: 30px;
   }

   .pfh_text {
      width: 100%;
   }

   .pfh_text .pfh_title {
      font-size: 20px;
      padding-bottom: 5px;
   }

   .portfolio_head {
      margin-bottom: 50px;
   }
}

@media screen and (max-width: 500px) {
   .pfh_wrap .pfh_list>h5 {
      flex-basis: 90px;
   }

   .pfh_wrap .pfh_list>h5,
   .pfh_wrap .pfh_list>p {
      line-height: 20px;
      font-size: 14px;
   }
}

/**********************************************************
                     sub04 이메일문의                          
***********************************************************/
.mocs_container {
   margin-top: 40px;
}

.mocs_content {
   width: 100%;
   max-width: 850px;
   margin: 0 auto;
}

.mocs_form .mocs_pvtit {
   margin-bottom: 7px;
   line-height: 24px;
   font-size: 16px;
   text-align: left;
}

.mocs_form .mocs_pvbox {
   overflow-y: scroll;
   max-height: 170px;
   padding: 22px 15px;
   background: #fff;
   border: 1px solid #bbbbbb;
   line-height: 16px;
   font-size: 14px;
   text-align: left;
   color: #888888;
}

.mocs_form .mocs_pvagree {
   margin: 7px 0 18px;
   text-align: right;
}

.mocs_form .mocs_pvagree>input[type="checkbox"] {
   cursor: pointer;
}

.mocs_form .mocs_pvagree>label {
   padding-left: 3px;
   line-height: 16px;
   font-size: 14px;
   color: #888;
   vertical-align: middle;
   cursor: pointer;
}

.mocs_form .mocs_inputwrap {
   margin-bottom: 10px;
}

.mocs_form .mocs_inputwrap:last-child {
   margin-bottom: 0;
}

.mocs_form .mocs_inputwrap>input,
.mocs_form .mocs_inputwrap>textarea {
   width: 100%;
   border: 1px solid #bbb;
   box-sizing: border-box;
   line-height: 35px;
   font-size: 14px;
   font-weight: normal;
   color: #000;
   outline: none;
}

.mocs_form .mocs_inputwrap>input {
   height: 37px;
   padding: 0 15px;
}

.mocs_form .mocs_inputwrap>textarea {
   height: 100%;
   max-height: 150px;
   padding: 7px 15px;
   line-height: normal;
}

.mocs_form .mocs_textbtn {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
}

.mocs_form .mocs_text {
   width: calc(100% - 86px - 15px);
   margin-right: 15px;
}

.mocs_form .mocs_submit {
   width: 86px;
   flex-shrink: 0;
   position: relative;
   text-align: center;
}

.mocs_form .mocs_submit input[type="submit"] {
   width: 100%;
   height: 150px;
   font-size: 0;
}

.mocs_form .mocs_submit input[type="submit"]+label {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   font-size: 14px;
   line-height: 16px;
   color: #888888;
}