#viewMoreBtn{
   background-color: #fff;
   color:#000;
   border:1px solid #000;
}
#viewMoreBtn:hover{
   background-color: #000;
   color:#fff;
   border:1px solid #fff;
}
.clear{
    clear: both;
}
 .sub_content{
     padding:0;
     width:100%;
     max-width:100vw;
}
 #contents{
    padding:0;
}
 .banner_img{
    position:relative;
}
 .list_banner_contain{
    width:100%;
     display:flex;
}
 .list_banner_text_group{
    width:50%;
     background:#e9e7e4;
     display: flex;
     justify-content: flex-end;
     align-items: flex-end;
     padding-right: 40px;
}
 .list_banner_text_group .list_banner_tit{
    color:#000;
     font-size:30px;
     line-height:1.4;
     font-family: AppleSDGothicNeo;
     margin-bottom:20px;
}
 .list_banner_text_group .list_banner_tit span{
    display: inline-block;
     margin-right:11px;
}
 .list_banner_text_group .list_banner_tit span img{
    vertical-align: top;
}
 .list_banner_text_group .list_banner_text{
    color:#000;
     font-size:21px;
     line-height:1.4;
     font-family: AppleSDGothicNeo;
     margin-bottom:0;
}
 .seeMoreBtn{
    display: flex;
     justify-content: flex-end;
     margin:20px 0 30px;
}
 .banner_logo_contain{
    position: absolute;
     bottom:11%;
     left:9%;
}
 .banner_brand_logo_contain{
    width:100%;
     background:#f4f4f4;
     display:flex;
     justify-content: center;
     align-items: center;
}
 .banner_brand_logo_contain .banner_brand_logo{
    flex:1;
     display:flex;
     justify-content: center;
     align-items: center;
     margin: 3% 0;
     padding:0 2%;
     border-right:1px solid #dad9d7;
     cursor:pointer;
}
 .banner_brand_logo_contain .banner_brand_logo:last-child{
    border:0;
}
 .banner_brand_logo_contain .banner_brand_logo img{
    opacity:0.3;
     transition:0.3s;
     width:100%;
}
 .banner_brand_logo_contain .banner_brand_logo img:hover{
    opacity:1;
}
 .portfolio_list_history_contain{
    max-width:1500px;
     width:100%;
     margin:4% auto 6%;
     display:flex;
}
 .portfolio_list_history_contain .portfolio_list_history_group{
    margin-right:20px;
     opacity:0.3;
     transition:0.3s;
}
 .portfolio_list_history_contain .portfolio_list_history_group:hover{
    opacity:1;
}
 .portfolio_list_history_contain .portfolio_list_history_group:last-child{
    margin-right:0;
     opacity:1;
}
 .portfolio_list_history_contain .portfolio_list_history_group .history_number{
    display:flex;
     justify-content: center;
     align-items: center;
}
 .portfolio_list_history_contain .portfolio_list_history_group .history_number p{
    color:#000;
     font-size:57px;
     letter-spacing: -2.85px;
}
 .portfolio_list_history_contain .portfolio_list_history_group .history_number span{
    display:inline-block;
     height:2px;
     width:55%;
     background:#000;
     margin-left:5%;
}
 .about_text_img_contain{
    width:100%;
     margin-bottom: 7%;
     background:black;
}
 .about_text_img_contain .about_text_img_group{
    width:100%;
     margin:0 auto;
     overflow:hidden;
     height:39vh;
     border-top: 16px solid black;
}
 .about_text_img_contain .about_text_img_group .about_img{
    float:left;
     width:60%;
}
 .about_text_img_contain .about_text_img_group .about_img img{
    width:100%;
}
 .about_text_img_contain .about_text_img_group .about_text_group{
    float:left;
     width:40%;
     height: 100%;
     position: relative;
}
 .about_text_img_contain .about_text_img_group:last-child{
    border-bottom: 16px solid black;
}
 .about_text_img_group1 .about_text{
     position: absolute;
     top: 50%;
     left: 27%;
     transform: translate(-27%, -50%);
}
 .about_text_img_group2 .about_text{
     position: absolute;
     top: 50%;
     right: 27%;
     transform: translate(27%, -50%);
}
 .about_text h5{
     font-family: 'ageo-extrabold';
     font-size: 44px;
     margin-bottom: 5%;
     text-align:center;
     font-weight:600;
}
 .about_text .about_text_p{
     font-family: 'AppleSDGothicNeo';
     font-size: 26px;
     text-align:center;
     line-height:1.55;
     letter-spacing:-1.02px;
}
 .about_text_img_contain .about_text_img_group2 .about_img{
    float:right;
     width:60%;
}
 .port_list{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto 8%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
 .port_list_gird{
    cursor:pointer;
     position: relative;
     width:24.5%;
      margin-left:0.6%;
}
.port_list_gird:nth-child(4n+1) {
   margin-left: 0;
}
 .port_list cover{
    background-color: rgba(0,0,0,0.2);
    width: 100%;
     height: 100%;
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     z-index: -10;
}
 .port_list_gird {
    margin-bottom: 0.6%;
}
 .container{
    width:100%;
}

 @media(min-width:1200px){
     #portfolio_end{
        display:flex;
         flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }
     #portfolio_end .vertical{
        display:flex;
         flex-direction: column;
         width: calc(50% - 20px);
    }
     #portfolio_end .vertical +.port_list_gird{
        width: calc(50% - 20px);
    }
     #portfolio_end .vertical .port_list_gird{
        width: 100%;
    }
}
 .port_list_gird{
    position:relative;
}
 .port_list_gird_text{
    position:absolute;
     bottom:3%;
     left:5%;
     width:95%;
}
 .port_list_gird_text h2{
     text-transform: uppercase;
}
 .port_list_gird_text1{
    color:#091217;
}
 .port_list_gird_text2{
    color:white;
}
 .port_list_gird_text h2{
    font-size:2.6rem;
     font-family: ageo-bold;
     font-weight:600;
}
 .port_list_gird_text p{
    font-size:1.8rem;
     font-family: AppleSDGothicNeo;
     letter-spacing: -0.65px;
}
 .port_list_gird_text p span{
    margin-left:10%;
}
 .seemore{
    font-size:23.5px;
     line-height:0.83;
     letter-spacing:1.88px;
     font-family: ageo-bold;
     text-align: center;
     margin-top: 10%;
     cursor:pointer;
}
 .seemore img{
    margin:0.5% 0 0 3%;
}
/*텝 메뉴 css*/
 .gift-tab h3{
     font-size:1.2rem;
     width:33.33333%;
     float: left;
     text-align: center;
     border: 1px solid #eee;
     border-right: none;
     box-sizing: border-box;
}
 .gift-tab h3 a{
    padding:4% 0;
}
 .gift-tab h3:nth-last-child(1){
    border-right: 1px solid #eee;
}
 .gift-tab h3:hover{
    background: #bfaa88;
     color:white;
}
 .mo_show{
    display:none;
}
 .list_banner_text_box a {
     font-size: 28px;
     color: #000;
     border: 1px solid #000;
     border-radius: 35px;
     padding: 4px 20px 0;
     width: 230px;
     text-align: center;
     display:flex;
     justify-content: center;
     align-items: center;
     height: 60px;
     transition:0.5s;
}
 .list_banner_text_box a:hover{
     background-color: #fff;
}
 .subBanner{
    padding:40px 0;
     width:100%;
     background:#000;
}
 .subBannerTit{
    font-size:29px;
     color:#fff;
     text-align: center;
     margin-bottom:0;
}
/**********************************************************/
 @media(max-width:1400px){
     .list_banner_text_group .list_banner_text{
        font-size:20px;
    }
     .portfolio_list_history_contain{
        max-width:1240px;
    }
     .portfolio_list_history_group{
        width:25%;
    }
     .portfolio_list_history_group img{
        width:100%;
    }
     .about_text_img_contain .about_text_img_group{
        height:48vh !important;
    }
     .about_text .about_text_p{
        font-size:24px;
    }
}
@media(max-width:1200px){
.port_list_gird {
   width: 49%;
    margin-left: 0;
    margin-bottom: 2%;
}

.port_list {
    justify-content: space-between;
}

/*
 .port_list_gird{
    cursor:pointer;
     position: relative;
     width:24.5%;
      margin-left:0.6%;
}
.port_list_gird:nth-child(4n+1) {
   margin-left: 0;
}
*/

}

 @media(max-width:500px){
	.port_list_gird {
        width: 100%;
    }
     .list_banner_text_group .list_banner_tit{
        font-size:26px;
    }
     .list_banner_text_box a{
         font-size:22px;
         width:180px;
    }
     .subBannerTit{
        font-size:21px;
    }
     .gift-tab h3{
        font-size:1rem;
    }
     .mo_off{
        display:none;
    }
     .list_banner_text_group .list_banner_text{
        font-size:1.2rem !important;
    }
     .port_list_gird_text h2{
        font-size:17px;
         line-height: 1.2;
    }
     .port_list_gird_text p{
        font-size:15px;
    }
}
 @media(max-width:380px){
}