@charset "utf-8";

/* article01 주요 건축사례 */
#article01 {padding:90px 0;background:url(/sh_img/include/include01/img/bg.png) -60px 160px no-repeat #f4f4f4}
#article01 .atc_wrap {width:1200px;margin:0 auto}
#article01 .atc_wrap:after {display:block;content:'';visibility:hidden;clear:both}

#article01 .tit_area {float:left;position:relative}
#article01 .tit_area h3 {position:relative;margin:70px 0 15px}
#article01 .tit_area h3:before {display:block;content:'';position:absolute;top:-38px;left:-67px;width:73px;height:70px;background-image:url(/sh_img/include/include01/img/deco.png)}
#article01 .tit_area a { display:block;width:150px;height:40px;margin-top:20px;font-size:14px;line-height:40px;color:#fff;text-align:center;background-color:#ff5411}
#article01 .tit_area a:hover { background-color:#ff7f24}

#article01 .slide_area {overflow:hidden;float:right;width:900px;height:364px}
#article01 .slide_area ul li { overflow:hidden;position:relative;z-index:21;width:294px;height:364px;font-size:15px;background-color:#fff}
#article01 .slide_area ul li:hover {border-bottom:1px solid #ff7f24}
#article01 .slide_area ul li a { display:block; width:100%; height:100%; color:#777}
#article01 .slide_area ul li .status {position:absolute;top:0;left:0}
#article01 .slide_area ul li .txt_area {padding:22px 0 22px 20px}
#article01 .slide_area ul li .txt_area h4 {overflow:hidden;margin-bottom:8px;text-overflow:ellipsis;white-space:nowrap;font-size:18px;color:#333;font-family:notokr-bold}
#article01 .slide_area ul li .txt_area .cont{display:inline-block;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:45px;word-wrap:break-word;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#article01 .slide_area ul li .btn {display:inline-block;position:relative;margin-top:13px;font-size:13px;color:#333}
#article01 .slide_area ul li .btn:after {display:block;content:'';position:absolute;top:4px;right:-26px;width:18px;height:9px;background-image:url(/sh_img/include/include01/img/view_more.png) ;transition:all 0.2s}
#article01 .slide_area ul li:hover .btn:after {right:-32px}

#article01 .sh_roll_control {margin-top:45px}