/* 회사소개 */
.about_box {  }
.about_box .factory { overflow:hidden; }
.about_box .factory li { float:left; width:49%; margin:0 0 1% 1%; }
.about_box .factory li:first-child { margin-left:0; }


/* 주요핵심사업 */
.business_box .client { overflow:hidden; }
.business_box .client li { float:left; width:32.33%; padding:0.5%; }
.business_box .client li div { border:1px solid #ccc; text-align:center; height:80px; line-height:80px; }
.business_box .client li div img { vertical-align:middle; max-width:170px; max-height:55px; }


/* 연혁 */
.vision_box .month_txt ul { overflow:hidden; }
.vision_box .month_txt ul li {padding-top:13px}
.vision_box .month_txt ul li.date {color:#ef7101; font-weight:900; width:15%;float:left;  font-size:18px}
.vision_box .month_txt ul li.txt {width:85%; float:right; padding-bottom:13px; }
.vision_box .month_txt ul li.txt p {font-weight:700; margin-top:10px}
.vision_box .month_txt ul li.txt p:first-child {margin-top:0;}


/* 주요핵심사업 */
.promotion_box .client { overflow:hidden; }
.promotion_box .client li { float:left; width:32.33%; padding:0.5%; }
.promotion_box .client li div { border:1px solid #ccc; text-align:center; height:80px; line-height:80px; }
.promotion_box .client li div img { vertical-align:middle; max-width:170px; max-height:55px; }


/* 이용안내 페이지 */
.guide_box {  }
.guide_box textarea { height:500px; overflow-y:scroll; }


/* 찾아오시는길 */
.location_box #map_box { height:450px; border:1px solid #ccc; }


/* 포트폴리오 */
.product_box .no_image { text-align:center; font-size:25px; font-weight:800; padding:50px 0; border:1px solid #ccc; }

.product_box .view { position:relative; }
.product_box .view > a { display:block; position:absolute; top:0; width:48%; height:100%; z-index:5; }
.product_box .view > a div { position:absolute; top:0; width:99%; height:100%; min-height:100%; background-repeat:no-repeat; background-size:25px; }
.product_box .view > a.prev { left:0; left:1%; }
.product_box .view > a.prev div { background-position:left center; background-image:url('../img/sub/prev.png'); }
.product_box .view > a.next { right:0; right:1%; }
.product_box .view > a.next div { background-position:right center; background-image:url('../img/sub/next.png'); }
.product_box .view ul { position:relative; height:500px; border:1px solid #ccc; padding-bottom:46px; }
.product_box .view ul li { position:absolute; top:0; left:0; width:100%; height:500px; display:none; background-size:cover; background-repeat:no-repeat; background-position:center; }
.product_box .view ul li:first-child { display:block; }
.product_box .view ul li div { position:absolute; left:0; bottom:-46px; width:100%; padding:15px 0; text-align:center; background:#fff; filter:alpha(opacity=60); opacity:0.6; color:#064788; font-size:16px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.product_box .list { position:relative; overflow:hidden; height:97px; margin-top:20px; }
.product_box .list > a { position:absolute; top:0; height:100%; line-height:97px; background:#fff; filter:alpha(opacity=70); opacity:0.7; z-index:10; display:block; text-align:center; padding:0 10px; }
.product_box .list > a img { vertical-align:middle; }
.product_box .list > a.prev { left:0; }
.product_box .list > a.next { right:0; }
.product_box .list ol { overflow:hidden; position:absolute; top:0; left:0; width:10000000px; height:100%; }
.product_box .list ol li { float:left; width:174px; }
.product_box .list ol li a { display:block; border:2px solid #ccc; margin:0 4px; }
.product_box .list ol li.on a { border:2px solid #0060b4; }


/*테이블 스타일*/
table{ border-collapse:collapse; border-spacing:-1px; background-color:#fff; width:100%; }
table.table { padding:0; border-spacing:0; color:#ffa73d; }
table.table.intro { border-top:2px solid #ef7101; }
table.table.business { border-top:2px solid #4cb1a9; }
table.table thead th{background:#fff;vertical-align:middle;padding: 13px 0px;font-size: 14px;}
table.table thead th.th_color{background:#474747;color:#fff}
table.table th,
table.table td {color:#4b4b4b;padding:8px 8px;line-height:21px; border-left: 1px solid #ccc; font-size:14px}
table.table th:first-child{border-left: none;}
table.table td:first-child{border-left: none;}
table.table th{border-bottom:1px solid #ccc;border-top:1px solid #9a9a9a;text-align:center}
table.table td{border-bottom:1px solid #ccc;text-align:left;font-weight:normal;vertical-align:middle; padding:8px 15px; }
table.table thead th:first-child{border-left:none}
table.table tbody th {background:#f9f9f9;vertical-align:middle;color:#333;}
table.table .left { border-left:1px solid #ccc !important; }
table.table_center td{ text-align:center; }
table.table_center .td_left{ text-align:left; }