@charset "UTF-8";
/**
 * @file    : business.css
 * @brief   : business
 **/

/* 공정흐름도 */
.proc-box {overflow:hidden;}
.proc-box ol {width:948px; margin-right:-38px;}
.proc-box ol > li {position:relative; float:left; padding-bottom:60px; width:316px; text-align:center;}
.proc-box ol > li::after {position:absolute; right:2px; top:134px; content:''; display:inline-block; width:30px; height:30px; background:url(../process/img/icon_proc_arrl.png) 0 0 no-repeat;}
.proc-box ol > li.arrd::after {left:50%; top:310px; margin-left:-34px; background:url(../process/img/icon_proc_arrd.png) 0 0 no-repeat;}
.proc-box ol > li.arrr::after {background:url(../process/img/icon_proc_arr.png) 0 0 no-repeat;}
.proc-box ol > li .tit {position:absolute; left:50%; top:0; display:inline-block; margin-left:-119px; width:200px; height:50px; line-height:50px; border-radius:25px; color:#fff; background-color:#5a5f64; z-index:5;}
.proc-box ol > li .tit.str {background-color:#459e11;}
.proc-box ol > li .tit.ed {background-color:#0f6db1;}
.proc-box ol > li > div {position:relative; margin-top:25px; padding:48px 10px 20px; width:278px; min-height:268px; border:1px solid #d2d2d2; border-radius:5px; z-index:1;}


/* 공정별 작업과정 */
.proc-stepbox {overflow:hidden;}
.proc-stepbox ol {width:948px; margin-right:-38px;}
.proc-stepbox ol > li {position:relative; float:left; width:316px;  text-align:center;}
.proc-stepbox ol > li::after {position:absolute; right:2px; top:124px; content:''; display:inline-block; width:30px; height:30px; background:url(../process/img/icon_proc_arrl.png) 0 0 no-repeat;}
.proc-stepbox ol > li:last-child::after {display:none;}
.proc-stepbox ol > li > div {padding:38px 10px 30px; width:278px; min-height:268px; border:1px solid #d2d2d2; border-radius:5px;}
.proc-stepbox .procimg {line-height:0;}