/*
	Copyright 2020 Raonbnp
	http://raonbnp.com, http://raonwebstore.com
*/
@charset "UTF-8";
@import '/_css/common.css'; /* front, admin 공통*/
@import '/_css/member.css'; /* front member 공통*/
@import '/_css/board.css'; /* front member 공통*/
@import 'loading.css';
@import 'fontSet.css';
@import 'basic.css';  
@import 'layout.css';


/*회사소개*/
#intro_sec01 .content_area{ display:flex; flex-wrap:wrap;}
#intro_sec01 .content_area > div{ width:50%; }
#intro_sec01 .content_area:nth-child(odd){ flex-direction:row-reverse;}
#intro_sec01 .img_area{ height:40rem; border-radius:2rem; background-size:cover; background-position:center;}
#intro_sec01 .img_area01{ background-image:url('../_img/sub/intro_img01.jpg');}
#intro_sec01 .img_area02{ background-image:url('../_img/sub/intro_img02.jpg');}
#intro_sec01 .txt_area{ display:flex; align-items:center; }
#intro_sec01 .content_area:nth-child(odd) .txt_area{ padding-right:6rem;}
#intro_sec01 .content_area:nth-child(even) .txt_area{ padding-left:6rem;}
#intro_sec01 .txt_area h3{ margin-bottom:3rem; font-size:3.5rem; font-weight:700; line-height:1.4;  }
#intro_sec01 .txt_area p{ font-size:1.8rem; color:#333;}

@media all and (max-width:1430px) {
    #intro_sec01 .txt_area p br{ display:none; }
}
@media all and (max-width:1199.98px) {
    #intro_sec01 .img_area{ height:35rem; }
    #intro_sec01 .content_area:nth-child(odd) .txt_area{ padding-right:4rem;}
    #intro_sec01 .content_area:nth-child(even) .txt_area{ padding-left:4rem;}
    #intro_sec01 .txt_area h3{ margin-bottom:2rem; font-size:3rem; }
}

@media all and (max-width:991.98px) {
    #intro_sec01 .content_area > div{ width:100%; }
    #intro_sec01 .img_area{ height:30rem; }
    #intro_sec01 .txt_area{ margin-top:2rem; }
    #intro_sec01 .content_area:nth-child(odd) .txt_area{ padding-right:0rem;}
    #intro_sec01 .content_area:nth-child(even) .txt_area{ padding-left:0rem;} 
    #intro_sec01 .txt_area h3{ margin-bottom:1.5rem;  font-size:2.5rem; }
}

@media all and (max-width:767.98px) {
    #intro_sec01 .img_area{ height:25rem; }
}


/*건설업 등록증*/
#certificate_sec01 ul{ display:flex; flex-wrap:wrap;}
#certificate_sec01 ul li{ width:calc(25% - 1.5rem); margin-right:2rem; }
#certificate_sec01 ul li:last-child{ margin-right:0;}
#certificate_sec01 ul li img{ border:1px solid #ddd;}
#certificate_sec01 ul li h3{ margin-top:2rem; font-size:1.8rem; font-weight:700; }

@media all and (max-width:1199.98px) {
}

@media all and (max-width:991.98px) {
    #certificate_sec01 ul li{ width:calc(50% - .75rem); margin-right:1.5rem;  margin-top:3rem;  }
    #certificate_sec01 ul li:nth-child(2n+2){ margin-right:0; }
    #certificate_sec01 ul li:nth-child(-n+2){ margin-top:0; }
}

/*오시는길*/
#location_sec01 .root_daum_roughmap_landing{ width:100%; height:50rem; border:1px solid #ddd; }
#location_sec01 .root_daum_roughmap .wrap_map{ height:100%; }
#location_sec01  .root_daum_roughmap .map_border{ display:none;}
#location_sec01 .info_area{ position:relative; margin-top:2rem; }
#location_sec01 .info_area ul{ display:flex; flex-wrap:wrap;}
#location_sec01 .info_area ul li{ position:relative; width:50%; padding:.5rem 15px .5rem 6rem; margin:1.5rem 0; }
#location_sec01 .info_area ul li i{ position:absolute; top:0; left:0; width:4rem; height:4rem; line-height:4rem; text-align:center; border-radius:100%; background:#2b364b; font-size:2rem; color:#fff; }
#location_sec01 .info_area .map_link{ position:absolute; top:1.5rem; right:0; display:flex; flex-wrap:wrap; align-items:center; width:13rem; height:13rem; border-radius:2rem; background:#e94c21; }
#location_sec01 .info_area .map_link div{ width:100%; text-align:center; font-size:1.8rem; color:#fff; font-weight:400;  }
#location_sec01 .info_area .map_link div img{ display:block; margin:0 auto 1rem;}

@media all and (max-width:1199.98px) {
    #location_sec01 .root_daum_roughmap_landing{ height:40rem;  }
}

@media all and (max-width:991.98px) {
    #location_sec01 .root_daum_roughmap_landing{ height:30rem;  }
}

@media all and (max-width:767.98px) {
    #location_sec01 .info_area ul li{ margin:1rem 0;}
    #location_sec01 .info_area .map_link{ position:static; display:block; margin:3rem auto 0; width:20rem; height:5rem; border-radius:1rem; }
    #location_sec01 .info_area .map_link div{ height:100%; line-height:5rem; }
    #location_sec01 .info_area .map_link div img{ display:inline-block; width:3rem; margin-right:.5rem;}
}

@media all and (max-width:575.98px) {
    #location_sec01 .info_area ul li{ width:100%; }
}


/*시공실적*/
.performance_list{ position:relative; }
.performance_list:after{ content:""; position:absolute; top:2rem; bottom:0; left:13rem; width:1px; background:#ddd;  }
.performance_list > li{ display:flex; flex-wrap:wrap; flex-direction:row-reverse; margin-bottom:5rem; }
.performance_list > li:last-child{ margin-bottom:0;}
.performance_list > li .img_area{ width:48rem; padding-bottom:5rem; border-bottom:1px solid #ddd;}
.performance_list > li:last-child .img_area{ padding-bottom:0; border-bottom:0;}
.performance_list > li .img_area div{  border-radius:2rem; overflow:hidden; margin-bottom:2rem;}
.performance_list > li .img_area div:last-child{ margin-bottom:0;}
.performance_list > li .img_area div img{ width:100%; }
.performance_list > li .content_area{ display:flex; flex-wrap:wrap; width:calc(100% - 48rem);}
.performance_list .content_area .tit_area{ width:13rem; }
.performance_list .content_area h3{ position:relative; font-size:4rem; color:#e94c21; font-weight:700; line-height:1;  }
.performance_list .content_area h3:after,
.performance_list .content_area h3:before{ content:""; z-index:1; position:absolute; top:50%; border-radius:100%;  
    transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);
}
.performance_list .content_area h3:after{ right:-1.35rem; width:2.7rem; height:2.7rem;  background:rgba(233,76,33,0.3); }
.performance_list .content_area h3:before{ right:-.55rem; width:1.1rem; height:1.1rem; background:#e94c21;}
.performance_list .content_area ul{ width:calc(100% - 13rem); padding:.5rem 0 5rem 4rem; border-bottom:1px solid #ddd;}
.performance_list > li:last-child .content_area ul{ padding-bottom:0; border-bottom:0px; }
.performance_list .content_area ul li{ position:relative; padding-left:1.5rem; margin-bottom:1.5rem; font-size:1.8rem; color:#333;}
.performance_list .content_area ul li:last-child{ margin-bottom:0;}
.performance_list .content_area ul li:after{content:""; position:absolute; top:1.3rem; left:0; width:5px; height:5px; background:#e94c21; border-radius:100%; }

@media all and (max-width:1199.98px) {
    .performance_list > li .img_area{ width:30rem;}
    .performance_list > li .img_area > div{ border-radius:1.5rem; }
    .performance_list > li .content_area{ width:calc(100% - 30rem);}
    .performance_list .content_area h3{ font-size:3.5rem;}
    .performance_list .content_area ul li{ font-size:1.6rem; }
    .performance_list .content_area ul li:after{ top:1rem;}
}

@media all and (max-width:991.98px) {
    .performance_list:after{ z-index:-1;}
    .performance_list > li{ flex-direction: row;}
    .performance_list > li .img_area{ display:flex; flex-wrap:wrap; width:100%; padding-bottom:0; margin-bottom:3rem;  border-bottom:0; }
    .performance_list > li .img_area > div{ width:calc(50% - .75rem); margin-right:1.5rem; margin-bottom:0;}
    .performance_list > li .img_area > div:last-child{ margin-right:0; }
    .performance_list > li .content_area{ width:100%; }
}
@media all and (max-width:575.98px) {
    .performance_list:after{ left:3rem; }
    .performance_list > li .content_area{ padding-left:3rem; }
    .performance_list .content_area .tit_area{ width:100%; margin-bottom:1rem;  }
    .performance_list .content_area .tit_area h3{ padding-left:2.5rem; }
    .performance_list .content_area h3:after{ right:unset; left:-1.35rem; }
    .performance_list .content_area h3:before{ right:unset; left:-.55rem; }
    .performance_list .content_area ul{ width:100%; padding-left:2.5rem;  }
}