@charset "utf-8";
#comingsoon {width:100%;padding-top:100px;text-align:center}

/* 공통 */
#PageCommon {position:relative;padding:50px 0 70px;font-size:16px;line-height:1.8;letter-spacing:-0.2px;color:#666}

/* page29 인사말 */
.page29 {font-size:17px;text-align:center}
.page29 .tit_area {margin-bottom:10px;font-size:22px;color:#333;font-family:notokr-medium}
.page29 .img {margin:40px 0}
.page29 .company {display:inline-block;position:relative;margin:10px 0;font-size:20px;color:#333;font-family:notokr-bold}
.page29 .company:before, .page29 .company:after {display:block;position:absolute;left:-15px;top:0;content:'\f10d';font-size:11px;color:#ff5411;font-family:FontAwesome}
.page29 .company:after {content:'\f10e';left:auto;right:-15px}

/* page30 조직도 */
.page30 .tit_area {margin-bottom:60px;font-size:17px;text-align:center}
.page30 .tit_area h3 {margin-bottom:5px;font-size:22px;color:#333;font-family:notokr-medium}


/* 사업분야 공통*/
#PageCommon .cont_bg_area {position:relative;height:421px}
#PageCommon .cont_bg_area:after {display:block;content:"";visibility:hidden;clear:both}
#PageCommon .cont_bg_area .deco_txt {position:absolute;top:25px;right:30px;font-size:30px;line-height:1.1;color:#eaeaea;text-align:right;text-transform:uppercase;font-family:notokr-light}
#PageCommon .cont_bg_area .deco_txt.left {right:auto;left:30px;text-align:left}
#PageCommon .cont_bg_area .deco_txt strong {display:block;font-size:37px;font-weight:normal;font-family: notokr-bold}
#PageCommon .cont_bg_area .cont {float:right;padding:50px 35px;margin-top:115px;background:url(/sh_page/img/sasun.png) right top no-repeat #f2f2f2}
#PageCommon .cont_bg_area .cont.left {float:left;background:url(/sh_page/img/sasun_l.png) left top no-repeat #f2f2f2}
#PageCommon .cont_bg_area .cont h3 {margin-bottom:10px;font-size:21px;letter-spacing:-0.3px;color:#333}


/* page33 설계,인테리어 */
.page33 .cont_bg_area {background:url(/sh_page/img/p33_bg.png) right top no-repeat}
#PageCommon.page33 .cont_bg_area .cont {padding-right:90px;margin-top:95px}
#PageCommon.page33 .cont_bg_area .deco_txt {top:5px}
.page33 ul {margin-top:-95px}
.page33 ul li {overflow:hidden}
.page33 ul li .circle {float:left;width:100px;height:100px;margin-right:20px;border-radius:100px;text-align:center;line-height:100px;color:#fff;background-color:#ff5411}
.page33 ul li .txt {float:left;padding-top:15px}
.page33 ul li:last-child {margin-top:20px}
.page33 ul li:last-child .txt {padding-top:30px}

/* page34 건설,개발 */
.page34 .cont_bg_area {background:url(/sh_page/img/p34_bg.png) left top no-repeat}

/* page35 리모델링 */
.page35 .cont_bg_area {background:url(/sh_page/img/p35_bg.png) right top no-repeat}
#PageCommon.page35 .cont_bg_area .cont {padding-right:140px;margin-top:170px}
#PageCommon.page35 .cont_bg_area .deco_txt {top:75px}

/* page36 디자인특화 */
.page36 .cont_bg_area {background:url(/sh_page/img/p36_bg.png) left top no-repeat}
#PageCommon.page36 .cont_bg_area .deco_txt {top:75px}
#PageCommon.page36 .cont_bg_area .cont {margin-top:170px}

/* page37 지주공동사업 */
.page37 .cont_bg_area {background:url(/sh_page/img/p37_bg.png) right top no-repeat}
#PageCommon.page37 .cont_bg_area .cont {padding-right:90px;margin-top:140px}
#PageCommon.page37 .cont_bg_area .deco_txt {top:45px}

/* page45 건축진행절차 */
#PageCommon.page45 {padding-top:30px;text-align:center}
.page45 .process {overflow:hidden;width:1080px;margin:0 auto 60px}
.page45 .process li {position:relative;float:left;width:148px;height:139px;padding-top:57px;font-size:18px;line-height:1.5;color:#fff;background:url(/sh_page/img/p45_bg_black.png) no-repeat ;font-family:notokr-bold}
.page45 .process li:first-child  {z-index:10;animation-delay:0}
.page45 .process li:nth-child(2) {z-index:9;padding-top:42px;animation-delay:0.2s}
.page45 .process li:nth-child(3) {z-index:8;animation-delay:0.3s}
.page45 .process li:nth-child(4) {z-index:7;animation-delay:0.4s}
.page45 .process li:nth-child(5) {z-index:6;animation-delay:0.5s}
.page45 .process li:nth-child(6) {z-index:5;animation-delay:0.6s}
.page45 .process li:nth-child(7) {z-index:4;animation-delay:0.7s}
.page45 .process li:last-child {animation-delay:0.8s}
.page45 .process li:nth-child(2n+1) {background:url(/sh_page/img/p45_bg_org.png) no-repeat}
.page45 .process li:not(:first-child) {margin-left:-15px}
.page45 .pro_list {overflow:hidden}
.page45 .pro_list li {float:left;position:relative;width:23%;min-height:340px;padding-top:30px;margin-bottom:30px;border:1px solid #ddd;line-height:1.6;color:#777;}
.page45 .pro_list li i {display:block;font-size:15px;color:#ff5411;text-transform:uppercase;font-family:notokr-bold} 
.page45 .pro_list li i:after {display:block;content:'';width:5px;height:5px;border-radius:5px;margin:20px auto;background-color:#ddd}
.page45 .pro_list li:not(:nth-child(4n+1)) {margin-left:2.65%}
.page45 .pro_list li h3 {margin:20px 0 15px;font-size:21px;color:#333;font-family:notokr-bold}
.page45 .pro_list li em {display:block;position:absolute;background-color:#ff5411;z-index:10}
.page45 .pro_list li .emL{left:-1px;bottom:-1px;width:1px;height:0}
.page45 .pro_list li .emT{left:-1px;top:-1px;width:0;height:1px}
.page45 .pro_list li .emR{right:-1px;top:-1px;width:1px;height:0}
.page45 .pro_list li .emB {right:-1px;bottom:-1px;width:0;height:1px}
.page45 .pro_list li:hover .emL{-webkit-animation:lineAniL 0.8s 0.1s forwards;animation:lineAniL 0.8s 0.1s forwards}
.page45 .pro_list li:hover .emT{-webkit-animation:lineAniT 0.8s 0.3s forwards;animation:lineAniT 0.8s 0.3s forwards}
.page45 .pro_list li:hover .emR{-webkit-animation:lineAniR 0.8s 0.5s forwards;animation:lineAniR 0.8s 0.5s forwards}
.page45 .pro_list li:hover .emB{-webkit-animation:lineAniB 0.5s forwards;animation:lineAniB 0.5s forwards}
@-webkit-keyframes lineAniL{0%{height:0}25%{height:100%}48%{height:100%}49%{height:100%}100%{height:100%}}
@-webkit-keyframes lineAniT{0%{width:0}25%{width:100%}48%{width:100%}49%{width:100%}100%{width:100%}}
@-webkit-keyframes lineAniR{0%{height:0}25%{height:100%}50%{height:100%}51%{height:100%}100%{height:100%}}
@-webkit-keyframes lineAniB{0%{width:0}25%{width:100%}50%{width:100%}51%{width:100%}100%{width:100%}}
@keyframes lineAniL{0%{height:0}25%{height:100%}48%{height:100%}49%{height:100%}100%{height:100%}}
@keyframes lineAniT{0%{width:0}25%{width:100%}48%{width:100%}49%{width:100%}100%{width:100%}}
@keyframes lineAniR{0%{height:0}25%{height:100%}50%{height:100%}51%{height:100%}100%{height:100%}}
@keyframes lineAniB{0%{width:0}25%{width:100%}50%{width:100%}51%{width:100%}100%{width:100%}}
.page45 .btn {display:block;width:20%;height:50px;margin:30px auto 0; line-height:50px;color:#fff;background-color:#3d3d3d;transition:all .2s}
.page45 .btn:hover {background-color:#222}