@charset "utf-8";

/************************************************************
sub common
************************************************************/
.at-body.white_text .page-wrap p{color: white;}

.sub_info_wrap{padding-top: 190px; margin-bottom: 100px;}
.sub_info_wrap.contact{margin-bottom: 50px;}
.sub_info_wrap .sub_navigation_wrap p{color: #808080; font-size: 14px; line-height: 16px; display: inline-block; font-family: 'Montserrat', sans-serif; margin-right: 12px; font-weight: 600;}
.sub_info_wrap .sub_navigation_wrap p:last-child{margin-right: 0;}
.sub_info_wrap .sub_navigation_wrap .home{padding-left: 27px; background: url(/img/sub_home.png) no-repeat left center;}
.sub_info_wrap .sub_navigation_wrap .sub_navi_name{padding-left: 17px; background: url(/img/sub_arrow.png) no-repeat left center;}
.sub_info_wrap .sub_title{margin-top: 30px;}
.sub_info_wrap .sub_title h1{color: white; font-size: 55px; font-family: "Lato"; font-weight: 700;}
.sub_info_wrap .sub_content_text{color: #b7b7b7; font-size: 18px; font-family:"Pretendard"; margin-top: 35px;}

@media all and (max-width: 991px) {
    .sub_info_wrap{padding-top: 92.5px; margin-bottom: 55px;}
    .sub_info_wrap.contact{margin-bottom: 40px;}
    .sub_info_wrap .sub_navigation_wrap p{font-size: 14px; margin-right: 10px; line-height: 14px;}
    .sub_info_wrap .sub_navigation_wrap .home{padding-left: 24px; background: url(/img/msub_home.png) no-repeat left top / 14px;}
    .sub_info_wrap .sub_navigation_wrap .sub_navi_name{padding-left: 13px; background: url(/img/msub_arrow.png) no-repeat left top / 5px}
    .sub_info_wrap .sub_title{margin-top: 22px;}
    .sub_info_wrap .sub_title h1{font-size: 33px;}
    .sub_info_wrap .sub_content_text{font-size: 15px; line-height: 20px;}
}

/************************************************************
WORK
************************************************************/
.m02_01 .system_background{background: url(/img/system_background.png) no-repeat top center / cover;}

/************************************************************
PORTFOLIO
************************************************************/
.board-list{margin-bottom: 132px;}
.gallery_board .fix_gallery_content{margin-top: 30px;}
.gallery_board .gallery_title{font-family: "Pretendard"; font-size: 18px; color: white;}
.gallery_board .gallery_des{font-family: "Pretendard"; font-size: 16px; color: #b7b7b7; margin-top: 18px;}
.list-page .pagination>.disabled>a:hover{background-color: transparent; border-color: transparent;}
.estimate_write2 .full-link{width: 100%; display:block; background-color: white; color: #111111; text-align: center; padding: 10px 0; margin-bottom: 30px; font-size: 16px;}

@media all and (max-width: 991px) {
    .board-list{margin-bottom: 70px;}
    .gallery_board .fix_gallery_content{margin-top: 18px;}
    .gallery_board .gallery_title{font-size: 17px;}
    .gallery_board .gallery_des{font-size: 14px; margin-top: 13px;}
}

/* contact */
.map_wrap .map_image{position: relative; padding-bottom: 26.2%;}
.map_wrap .map_image iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.map_wrap img{max-width: 100%;}

@media all and (max-width: 991px) {
    .map_wrap .map_image{padding-bottom: 69.6%;}
}