#container .business01 .inner {position:relative; max-width:1440px; width:100%; font-size:0; margin:0 auto; padding:0 20px;}
#container .business01 .inner:after {display:block; clear:both; content:'';}
#container .business01 article {display:inline-block; padding:12px; vertical-align:top; width:25%;}
#container .business01 article a {position:relative; overflow:hidden; border-radius:10px; display:inline-block;}
#container .business01 article .cover {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:#000; transition:opacity 0.5s; opacity:0.3;}
#container .business01 article a:hover .cover {opacity:0.6;}
#container .business01 article .sub {position:absolute; top:35px; left:35px; color:#fff; font-size:16px; font-weight:400;}
#container .business01 article .txt {position:absolute; bottom:70px; padding:0 35px; }
#container .business01 article .txt h2 { color:#fff; font-size:26px; font-weight:bold; opacity:0;}
#container .business01 article .txt .desc {display:none; color:#fff; font-size:16px; font-weight:400;}
#container .business01 article a:hover h2 {opacity:1;}

@media all and (max-width:1200px){
    #container .business01 article {padding:8px; width:50%; }
    #container .business01 article a {width:100%; border-radius:8px;}
    #container .business01 article .sub {font-size:14px;}
    #container .business01 article .txt h2 {font-size:22px;}
    #container .business01 article .txt .desc {font-size:14px;}
}

@media all and (max-width:768px){
    #container .business01 article {height:180px; padding:6px; width:100%;}
    #container .business01 article a {height:100%; }
    #container .business01 article .sub {top:25px; left:25px; font-size:13px;}
    #container .business01 article .txt {bottom:20px; padding:0 25px;}
    #container .business01 article .txt h2 {font-size:20px;}
    #container .business01 article .txt .desc {font-size:13px;}
}

#container .business02 .inner {position:relative; max-width:1440px; width:100%; font-size:0; margin:0 auto; padding:0 20px;}
#container .business02 .inner:after {display:block; clear:both; content:'';}
#container .business02 article {height:400px; padding:50px; border-top:1px solid rgb(218, 218, 218);}
#container .business02 article:nth-child(1) {border-top:2px solid #000;}
#container .business02 article .img {height:100%; overflow:hidden; display:inline-block; vertical-align:middle; width:30%; }
#container .business02 article .img img {width:100%;}
#container .business02 article .txt {display:inline-block; vertical-align:middle; width:70%; padding:0 60px;}
#container .business02 article .txt .num {margin:0 auto 8px; display:inline-block; font-size:16px; border-bottom:1px solid #000; padding:5px; }
#container .business02 article .txt h2 {margin:0 auto 26px; color:#000; font-weight:bold; font-size:26px; }
#container .business02 article .txt .desc {color:#222; font-size:16px;}

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

    #container .business02 article {padding:20px;}
    #container .business02 article .txt {padding:0 40px;}
    #container .business02 article .txt .num {margin:0 auto 6px; font-size:14px; padding:4px; }
    #container .business02 article .txt h2 {margin:0 auto 20px; font-size:22px; }
    #container .business02 article .txt .desc {font-size:14px;}
}

@media all and (max-width:768px){
    #container .business02 article {height:auto; padding:20px;}
    #container .business02 article .img {width:100%; height:200px }
    #container .business02 article .txt {width:100%; padding:30px 10px 0;}
    #container .business02 article .txt .num {margin:0 auto 5px; }
    #container .business02 article .txt h2 {margin:0 auto 18px; font-size:18px; }
}






#container .business03 .inner {position:relative; max-width:1440px; width:100%; font-size:0; margin:0 auto; padding:0 20px;}
#container .business03 .inner:after {display:block; clear:both; content:'';}





/* 컨설팅 + 설계 + 감리 + 시공 */
#container .business03 .article01 {padding:0;}
#container .business03 .article01.mobile {display:none;}
#container .business03 .article01 .cont li {padding:27px 0;}
#container .business03 .article01 .cont li .left {display:inline-block; width:28.7%; vertical-align:top; }
#container .business03 .article01 .cont li .tit {font-size:30px; color:#bf252b; font-weight:700; background:url('/img/business-dot.png') left center no-repeat; padding:0 0 0 50px;}
#container .business03 .article01 .cont li .right {display:inline-block; width:71.3%; vertical-align:top; border-bottom:1px solid #e7e7e7; padding:0 0 55px; }
#container .business03 .article01 .cont li .right.borderNone {border-bottom:none; padding:0 0 17px;}
#container .business03 .article01 .cont li .desc {font-size:18px; color:#344049; font-weight:350; line-height:42px;}
#container .business03 .article01 .cont li .circle li {display:inline-block; width:178px; height:178px; vertical-align:top; border:1px solid #d5d5d5; border-radius:50%; margin:0 18px 0 0;}
#container .business03 .article01 .cont li .circle {margin:50px auto 38px; padding:0 40px;}
#container .business03 .article01 .cont li .circle li:last-child {margin:0;}
#container .business03 .article01 .cont li .circle li:after {display:inline-block; height:100%; vertical-align:middle; content:'';}
#container .business03 .article01 .cont li .circle_txt {display:inline-block; width:100%; font-size:18px; color:#bf252b; font-weight:500; text-align:center; line-height:30px; vertical-align:middle; }
#container .business03 .article01 .cont li:last-child .right {border-bottom:none; }
#container .business03 .article01 .cont li .pc_table {width:100%; border:1px solid #e5e5e5; border-bottom:2px solid #e5e5e5;}
#container .business03 .article01 .cont li .pc_table td {display:inline-block; width:16.66666%; vertical-align:top; text-align:center;}
#container .business03 .article01 .cont li .pc_table td a {display:block; font-size:19px; color:#414141; font-weight:400; background:#fff; padding:15px 0;}
#container .business03 .article01 .cont li .pc_table td.active a {color:#fff; background:#bf252b; }
#container .business03 .article01 .cont li .tab_cont .txt {padding:30px 0;}
#container .business03 .article01 .cont li .tab_cont .txt li {display:inline-block; vertical-align:top; padding:0 38px 0 0;}
#container .business03 .article01 .cont li .tab_cont .txt li:last-child {padding:0;}
#container .business03 .article01 .cont li .tab_cont .txt li p {font-size:18px; color:#344049; font-weight:350; background:url('/img/business-dot.png') left center no-repeat; padding:0 0 0 30px;}
#container .business03 .article01 .cont li .tab_cont .img {display:inline-block; width:100%; vertical-align:top; text-align:justify; text-justify:distribute;}
#container .business03 .article01 .cont li .tab_cont .img:after {display:inline-block; width:100%; content:'';}
#container .business03 .article01 .cont li .tab_cont .img li {display:inline-block; max-width:545px; width:50%; vertical-align:top; padding:0;}
#container .business03 .article01 .cont li .tab_cont .img li img {width:100%;}

@media all and (max-width:1200px){
    #container .business03 .article01 {padding:40px 0;}
    #container .business03 .article01 .cont li {padding:18px 0;}
    #container .business03 .article01 .cont li .tit {font-size:26px;}
    #container .business03 .article01 .cont li .right {padding:0 0 30px; }
    #container .business03 .article01 .cont li .desc {font-size:16px; line-height:36px;}
    #container .business03 .article01 .cont li .circle li {display:inline-block; width:130px; height:130px; margin:0 10px 0 0;}
    #container .business03 .article01 .cont li .circle {margin:40px auto 0;}
    #container .business03 .article01 .cont li .circle_txt {font-size:14px; line-height:26px; }
}

@media all and (max-width:768px){
    #container .business03 .article01 {display:none; padding:65px 0;}
    #container .business03 .article01.mobile {display:block;}
    #container .business03 .article01.mobile .cont li {padding:15px 0;}
    #container .business03 .article01.mobile .cont li .left {width:100%; margin:0 auto 40px; }
    #container .business03 .article01.mobile .cont li .tit {font-size:24px; padding:0 0 0 32px;}
    #container .business03 .article01.mobile .cont li .right {width:100%; padding:0 0 30px; }
    #container .business03 .article01.mobile .cont li .desc {font-size:16px; font-weight:350; line-height:30px;}
    #container .business03 .article01.mobile .cont li .circle {margin:30px auto 0; padding:0;}
    #container .business03 .article01.mobile .cont li .circle li {max-width:178px; width:50%; height:178px; border:none; border-radius:0; margin:0; padding:8px;}
    #container .business03 .article01.mobile .cont li .circle li:last-child {margin:0;}
    #container .business03 .article01.mobile .cont li .circle li:after {display:none;}
    #container .business03 .article01.mobile .cont li .circle li .border {border:1px solid #d5d5d5; border-radius:50%; width:100%; height:100%;}
    #container .business03 .article01.mobile .cont li .circle li .border:after {display:inline-block; height:100%; vertical-align:middle; content:'';}
    #container .business03 .article01.mobile .cont li .circle_txt {display:inline-block; width:100%; font-size:17px; color:#bf252b; font-weight:500; text-align:center; line-height:30px; vertical-align:middle;  }
    #container .business03 .article01.mobile .cont li:last-child .right {border-bottom:none; }
    #container .business03 .article01.mobile .cont li .mobile_table {width:100%; border:1px solid #e5e5e5; border-bottom:none;}
    #container .business03 .article01.mobile .cont li .mobile_table td {display:inline-block; border:1px solid #e5e5e5; width:50%; vertical-align:top; text-align:center;}
    #container .business03 .article01.mobile .cont li .mobile_table td a {display:block; font-size:19px; color:#414141; font-weight:400; background:#fff; padding:15px 0;}
    #container .business03 .article01.mobile .cont li .mobile_table td.active a {color:#fff; background:#bf252b; }
    #container .business03 .article01.mobile .cont li .tab_cont_m .txt {padding:30px 0;}
    #container .business03 .article01.mobile .cont li .tab_cont_m .txt li {display:inline-block; width:100%; vertical-align:top; padding:0;}
    #container .business03 .article01.mobile .cont li .tab_cont_m .txt li:last-child {padding:0;}
    #container .business03 .article01.mobile .cont li .tab_cont_m .txt li p {font-size:18px; color:#344049; font-weight:350; background:url('/img/business-dot.png') left center no-repeat; padding:0 0 0 30px;}
    #container .business03 .article01.mobile .cont li .tab_cont_m .img {display:inline-block; width:100%; vertical-align:top; text-align:justify; text-justify:distribute;}
    #container .business03 .article01.mobile .cont li .tab_cont_m .img:after {display:inline-block; width:100%; content:'';}
    #container .business03 .article01.mobile .cont li .tab_cont_m .img li {display:inline-block; max-width:545px; width:100%; margin:0 auto 13px; vertical-align:top; padding:0;}
    #container .business03 .article01.mobile .cont li .tab_cont_m .img li img {width:100%;}
}