@charset "utf-8";
@import url("layout.css");

/*----------------------------------------------------------------------------
 * 서브 스타일 정의
 * ---------------------------------------------------------------------------
 * Author	: (주)플랜아이 http://plani.co.kr
 * ---------------------------------------------------------------------------
 * History
 * ---------------------------------------------------------------------------
 * 2016-08-24 (조민지)	: 최초작성
 * -------------------------------------------------------------------------*/

/* layout */
#container {position:relative; width:1920px; max-width:100%; height:auto;  margin:0 auto; padding-bottom:25px; background-color:#dfdfdd;}
#container-left {position:absolute; left:50%; top:255px; z-index:1; width:240px; margin:0 0 0 -600px; padding-bottom:450px; background:url('/images/korean/sub/snb_bg.gif') no-repeat right bottom #e25241;}
#container-body {position:relative; width:960px; height:auto; margin:0 auto; padding-left:240px; background-color:#2d3949;}
#container-body:before {position:absolute; left:0; top:-55px; width:100%; height:55px; background-color:#e71f19; opacity:.6; content:'';}
#contents { display:inline-block; width:880px; min-height:870px; height:auto;  padding:45px 40px 50px; background-color:#fff; font-weight:200;}
#contents > .title-red:first-child {margin-top:0;}

/* visual */
#visual {position:relative; height:255px; text-align:center;}
#visual span {position:absolute; left:0; top:0; width:100%; height:100%;}
#visual strong {display:block; position:relative; z-index:1; padding-top:55px; font-size:60px; color:#ff2223; text-transform:uppercase; line-height:70px;}
#visual p {position:relative; z-index:1; font-size:24px; font-weight:bold; color:#000;}
#visual.visual-01 p,#visual.visual-02 p,#visual.visual-03 p {color:#fff;}

/* sub navigation bar */
#snb {padding:65px 0 0 30px;}
#snb a {display:block; position:relative; padding-left:45px; border-bottom:1px solid #e37266; font-size:16px; color:#fff; line-height:40px;}
#snb a span {display:block; position:relative; z-index:1;}
#snb a:before {position:absolute; right:0; top:0; width:0; height:100%; padding-bottom:1px; background-color:#fff; content:''; transition:width .3s ease;}
#snb a:hover,
#snb a:focus,
#snb a:active,
#snb .on a {color:#000; transition:color .2s ease;}
#snb .on a:before,
#snb a:hover:before,
#snb a:focus:before,
#snb a:active:before {width:100%;}
#snb .depth-02 {display:none;}
#snb .on .depth-02 {display:block; border-top:1px solid #dfdfdf;}
#snb .on .depth-02 a {border-bottom:1px solid #dfdfdf; background-color:#fff; font-size:15px; color:#5a5a5a;}
#snb .on .depth-02 a span {padding-left:15px;}
#snb .on .depth-02 a span:before {position:absolute; left:0; top:18px; width:8px; height:2px; background-color:#7e848c; content:'';}
#snb .on .depth-02 a:before {right:auto; left:0; top:auto; bottom:-1px; width:0; height:1px; padding:0; background-color:#e25241;}
#snb .on .depth-02 .on a,
#snb .on .depth-02 a:hover,
#snb .on .depth-02 a:focus,
#snb .on .depth-02 a:active {color:#e25241;}
#snb .on .depth-02 .on a:before,
#snb .on .depth-02 a:hover:before,
#snb .on .depth-02 a:focus:before,
#snb .on .depth-02 a:active:before {width:100%;}
#snb .on .depth-02 .on a span:before,
#snb .on .depth-02 a:hover span:before,
#snb .on .depth-02 a:focus span:before,
#snb .on .depth-02 a:active span:before {background-color:#e25241;}
#snb .on .depth-02 li:last-child a {border-bottom:0 none;}

/* page-location */
#page-location {position:absolute; left:35px; top:-55px; color:#fff; line-height:55px;}
#page-location .arr {margin:0 5px;}

/* contents-title */
#contents-title {padding:55px 40px 0; background-color:#fff;text-align:center;}
#contents-title h1 {position:relative; padding-top:20px; font-size:36px; color:#231f20; line-height:45px;}
#contents-title h1:before {position:absolute; left:50%; top:0; width:33px; height:2px; margin-left:-16px; background-color:#f04e4e; content:'';}
#contents-title span {display:block; height:65px; border-bottom:1px solid #e6e6e6; font-family:'맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', sans-serif; color:#74797e;}

/* 준비중 */
.wait {padding:85px 0 145px; border:4px solid #f5f6f7; font-size:16px; color:#5f5f5f; text-align:center;}
.wait span {display:inline-block; width:120px; height:50px; padding-top:73px; background:url('/images/korean/sub/wait.gif') no-repeat; font-size:18px; color:#e74b3f; text-transform:uppercase;}
.wait strong {display:block; margin-top:40px; font-size:48px; font-weight:normal; color:#231f20; line-height:60px;}

/* tabmenu */
.tabmenu {overflow:hidden; margin-bottom:35px; border-bottom:1px solid #000;}
.tabmenu ul {border-left:1px solid #d7d7d7;}
.tabmenu li {float:left; width:20%;}
.tabmenu a {display:block; height:50px; margin:0 0 -1px -1px; border:1px solid #d7d7d7;font-weight:400; color:#6d6d6d; text-align:center; line-height:50px; transition:all 0s ease;}
.tabmenu a:hover,
.tabmenu a:focus,
.tabmenu a:active,
.tabmenu .on a {border-color:#dc4638; background-color:#dc4638; font-weight:400; color:#fff;  transition:all .1s ease;}

/* 타이틀 */
.title-red {margin:35px 0 10px; font-size:24px; color:#e8422e;}
.font20 {font-size:20px !important ;}
.title-arr {position:relative; font-size:20px; color:#34373f;}
.title-arr:before {margin:45px 0 15px; padding-right:5px; font-family:FontAwesome; font-size:22px; color:#2d3949; content:'\f144'; vertical-align:middle;}

/* 블릿리스트 */
.bul-arr {margin:15px 0 15px 18px; line-height:24px;}
.bul-arr li {position:relative; padding-left:18px; color:#4d4d4d;}
.bul-arr li:before {position:absolute; left:0; top:0; font-family:FontAwesome; color:#67727b; content:'\f105';}
.bul-dash {margin:15px 0 15px 18px; line-height:24px;}
.bul-dash li {position:relative; padding-left:12px; color:#4d4d4d;}
.bul-dash li:before {position:absolute; left:0; top:12px; width:6px; height:1px; background-color:#60666b; content:'';}
.bul-dot {margin:15px 0 15px 18px; line-height:24px;}
.bul-dot li {position:relative; padding-left:12px; color:#4d4d4d;}
.bul-dot li:before {position:absolute; left:0; top:10px; width:3px; height:3px; background-color:#2d3949; content:'';}
.bul-dash2 {margin:15px 0 15px 0px; line-height:24px;}
.bul-dash2 li {position:relative; padding-left:12px; color:#4d4d4d;}
.bul-dash2 li:before {position:absolute; left:0; top:12px; width:6px; height:1px; background-color:#60666b; content:'';}

/* 테이블 */
.table {border-top:2px solid #e60012; margin-top:20px; }
.table thead th {padding:8px 20px; border-bottom:1px solid #4c4948; color:#333; text-align:left; background:#ffffff; }
.table td {padding:8px 20px; border-bottom:1px solid #d3d3d3; color:#3b424e;}
.table .title {background-color:#f7f7f7;}
.table .font400 { font-weight: 400; }
/* 정렬 */
.txt-left {text-align:left !important;}
.txt-center {text-align:center !important;}
.txt-right {text-align:right !important;}

/* 버튼 */
.btn-box {display:inline-block; width:100%; margin-top:40px; text-align:center;}
.btn-box .left {float:left;}
.btn-box .left > * {margin-right:10px;}
.btn-box .right {float:right;}
.btn-box .right > * {margin-left:10px;}
p.btn-box > * {margin:0 10px;}
p.btn-box.btn-center * {text-align:center;}
p.btn-box.btn-center i {position:relative; right:0; top:0; margin:0 10px 0 -15px;}
.btn-red {display:inline-block; position:relative; width:155px; height:35px; padding-left:10px; background-color:#e74b3f; font-size:14px; color:#fff; text-align:left; line-height:35px;}
.btn-red i {position:absolute; right:10px; top:12px;}
.btn-black {display:inline-block; position:relative; width:155px; height:35px; padding-left:10px; background-color:#231f20; font-size:14px; color:#fff; text-align:left; line-height:35px;}
.btn-black i {position:absolute; right:10px; top:12px;}
.btn-navy {display:inline-block; height:30px; padding:0 10px; border:0 none; background-color:#4f5459; font-size:14px; color:#fff; vertical-align:top;}
.btn-gray {display:inline-block; height:28px; padding:1px; background-color:#b9b8c1; background:linear-gradient(#e6e6e6, #b9b8c1); vertical-align:top;}
.btn-gray span {float:left; height:100%; padding:0 20px; background-color:#fff; background:linear-gradient(#fff, #f8f9fa); font-size:14px; font-weight:normal; color:#353535; line-height:30px;}
.btn-down {display:inline-block; height:18px; padding:0 5px; background-color:#4e4e4e; font-family:Tahoma, Verdana; font-size:9px; font-weight:bold; color:#fff; text-transform:uppercase; line-height:20px;}
.btn-down:before {padding-right:3px; font-family:FontAwesome; font-size:10px; content:'\f019';}

/* 폼 */
.select {display:inline-block; overflow:hidden; position:relative; border:1px solid #c5c5c5; border-top:1px solid #d7d7d7; font-size:14px; color:#4d4d4d; vertical-align:top;}
.select:before {position:absolute; right:0; top:0; z-index:1; width:30px; height:100%; background-color:#fff; font-family:FontAwesome; font-size:18px; content:'\f0dd'; text-align:center; line-height:25px;}
.select select {min-width:90px; height:28px; padding:0 0 0 5px; border:0 none; vertical-align:top;}
.input-text {padding:0 0 0 5px; height:28px; border:1px solid #c5c5c5; border-top:1px solid #d7d7d7; vertical-align:top;}
.textarea {width:99%; height:130px; border:1px solid #c5c5c5; border-top:1px solid #d7d7d7;}

/* 가로값 */
.width-100 {width:100px !important;}
.width-150 {width:150px !important;}
.width-70p {width:70% !important;}

/* 색상 */
.color-red {color:#e25241;}

/* 기타 */
.mt35 {margin-top:35px;}

/* 게시판 목록 */
.board-list {position:relative;}
.board-list .conut {float:left; height:30px; margin-bottom:30px; font-size:14px; color:#000; line-height:30px;}
.board-list .search {float:right; margin-bottom:30px; text-align:right;}
.board-list .table-list .txt-left a {display:inline-block; position:relative; transition:color 0s ease;}
.board-list .table-list .txt-left a:before {position:absolute; left:0; bottom:3px; width:0; height:1px; background-color:#ddb4b4; content:''; transition:all .3s ease;}
.board-list .table-list .txt-left a:hover,
.board-list .table-list	.txt-left a:focus,
.board-list .table-list .txt-left a:active {color:#ad1f1f; transition:color .3s ease;}
.board-list .table-list .txt-left a:hover:before,
.board-list .table-list	.txt-left a:focus:before,
.board-list .table-list .txt-left a:active:before {width:100%;}

/* 게시판 내용 */
.board-view {border-top:3px solid #303030;}
.board-view h2 {padding:10px 20px; border-bottom:1px solid #e5e5e5; font-size:18px; color:#333;}
.board-view .info {display:inline-block; width:100%; border-bottom:1px solid #a7a7a7;}
.board-view .info li {float:left; position:relative; padding:0 55px; color:#555; line-height:40px;}
.board-view .info li:before {position:absolute; left:0; top:14px; width:1px; height:14px; background-color:#dadada; content:'';}
.board-view .info li:first-child {padding:0 20px;}
.board-view .info li:first-child:before {display:none;}
.board-view .info strong {margin-right:5px; font-weight:200; color:#333;}
.board-view .contents {margin:30px 20px; color:#555;}
.board-view .file {position:relative; border-top:1px solid #e5e5e5;}
.board-view .file h3 {position:absolute; left:0; top:0; width:100px; height:100%; background-color:#fbfbfb;}
.board-view .file h3 span {position:absolute; left:0; top:50%; width:100%; height:20px; margin-top:-10px; font-size:15px; font-weight:200; color:#333; text-align:center; line-height:20px;}
.board-view .file .list {padding:15px 0 15px 130px; font-size:14px; color:#5555;}
.board-view .file .list .btn-down {margin-right:5px;}
.board-view .btn-box {margin-top:0; padding-top:20px; border-top:2px solid #535353;}

/* 현황 */
.icon-paper {display:inline-block; height:25px; margin-left:5px; padding:0 20px; border-radius:10px; background-color:#bc9753; font-size:14px; font-weight:normal; color:#fff; line-height:27px; vertical-align:middle;}
.box-paper {width:640px; max-width:99%; margin:30px auto; border:1px solid #ededed;}
.box-img {margin-left:-20px;}

/* table-list */
.table-list {display:inline-block; width:100%; border-top:3px solid #303030;}
.table-list thead th {padding:5px; border-bottom:1px solid #c9cccf; border-left:1px solid #c9cccf; font-weight:200; color:#333; text-align:center;}
.table-list thead th:first-child {border-left:0 none;}
.table-list td {padding:5px; border-bottom:1px solid #c9cccf; color:#555; text-align:center;}
.table-list .txt-left {padding:5px 20px;}
.table-list .lato-r {font-size:14px;}

/* table-write */
.table-write {border-top:2px solid #303030;}
.table-write th {width:100px; padding:10px 20px; border-bottom:1px solid #c9cccf; background-color:#f7f7f7; font-weight:200; color:#333; text-align:left;}
.table-write td {padding:10px; border-bottom:1px solid #c9cccf;}
.table-write .input-text {width:265px;}
.table-write .input-text,
.table-write .textarea,
.table-write .select {border:1px solid #d9e0e7; font-weight:200; color:#707070;}
.table-write .select * {font-weight:200; color:#707070;}
.table-write .select:before {font-size:15px; color:#707070;}

/* gallery-list */
.gallery-list {overflow:hidden; clear:both; width:880px; max-width:100%; margin:0 auto; border-bottom:1px solid #eaeef4;}
.gallery-list li {float:left; width:195px; margin-left:33px; padding-bottom:30px;}
.gallery-list .first {margin-left:0 !important;}
.gallery-list .img {display:block; position:relative; height:240px; border:1px solid #edeef2; border-bottom:0 none; font-size:0; text-align:center; line-height:240px;}
.gallery-list .img img {max-width:100%; height:100%; vertical-align:middle;}
.gallery-list .img-no img {width:auto !important; height:auto !important;}
.gallery-list p {position:relative; z-index:1; padding:15px 10px 0; border-top:1px solid #edeef2; font-size:14px; color:#505050; line-height:22px;}
.gallery-list p strong {display:block; padding-bottom:10px; color:#000;}
.gallery-list p span {display:block;}
.gallery-list a {display:block; position:relative;}
.gallery-list a:before {position:absolute; left:0; top:0; z-index:2; width:0; height:3px; background-color:#e25241; content:''; transition:all .1s ease;}
.gallery-list p:before {position:absolute; right:0; top:-1px; z-index:2; width:0; height:3px; background-color:#e25241; content:''; transition:all .1s ease .2s;}
.gallery-list .img:before {position:absolute; right:-1px; top:0; z-index:2; width:3px; height:0; background-color:#e25241; content:''; transition:all .1s ease .1s;}
.gallery-list .img:after {position:absolute; left:-1px; bottom:0; z-index:2; width:3px; height:0; background-color:#e25241; content:''; transition:all .1s ease .3s;}
.gallery-list a:hover:before,
.gallery-list a:focus:before,
.gallery-list a:active:before,
.gallery-list a:hover p:before,
.gallery-list a:focus p:before,
.gallery-list a:active p:before {width:100%;}
.gallery-list a:hover .img:before,
.gallery-list a:focus .img:before,
.gallery-list a:active .img:before,
.gallery-list a:hover .img:after,
.gallery-list a:focus .img:after,
.gallery-list a:active .img:after {height:100%;}
.gallery-list.gallery-ea-03 li {width:260px; min-height:321px; margin-left:50px;}
.gallery-list.gallery-ea-03 .img {height:220px;  line-height:220px;}

/* paging */
.paging {margin-top:20px; text-align:center;}
.paging ol {display:inline; margin:0 30px;}
.paging li {display:inline;}
.paging li a {margin:0 7px; font-family:'Lato', sans-serif; font-size:16px; color:#707070; vertical-align:top;}
.paging .on a {color:#ad1f1f; text-decoration:underline;}
.paging .btn {display:inline-block; width:25px; height:25px; border-radius:2px; border:1px solid #eaeaea; font-size:17px; color:#4b4b4b; text-align:center; line-height:25px; vertical-align:top;}
.paging .btn i {position:relative; top:1px;}
.paging + .txt-right {margin-top:10px;}

/* box-notice */
.box-notice {position:relative; min-height:96px; margin-bottom:35px;}
.box-notice img {position:absolute; left:20px; top:0;}
.box-notice span {display:block; padding:25px 0 0 145px; font-size:16px; font-weight:normal; color:#212121;}

/* 회사소개 > CEO인사말 */
.greeting strong {display:block; margin-top:35px; font-size:24px; font-weight:400; color:#2d3949; line-height:34px;}
.greeting p {margin-top:25px; font-size:16px;}
.greeting span {display:block; font-size:16px; color:#000; text-align:right;}
.greeting span strong {display:inline; margin:0; font-size:18px; font-weight:normal; color:#000;}
.greeting span img {position:relative; top:-5px; margin-left:20px; vertical-align:middle;}

/* 회사소개 > 경영이념 */
.idea {margin-top:45px;}
.idea .group {overflow:hidden; position:relative; margin-top:30px; padding:30px 0 0; border-top:1px dashed #e3e3e3;}
.idea .group .title-red {position:absolute; left:0; top:30px; margin:0;}
.idea .group .contents {padding-left:145px; font-size:16px;}
.idea .group .contents > p {margin-bottom:60px;}
.idea .group .contents > p + span {padding-left:45px;}
.idea .policy {overflow:hidden;}
.idea .policy .item {float:left; width:215px; height:200px; margin-right:30px; border-bottom:1px solid #363636;     padding-bottom: 35px; }
.idea .policy .item p {padding:10px 0 8px; border-top:1px solid #363636; border-bottom:1px solid #363636; font-size:18px; color:#333; text-align:center;}
.idea .policy .item p span {display:block; font-size:15px; color:#868991; text-transform:uppercase;}
.idea .policy .item .bul-dot {margin:15px 0 0; font-size:15px;}

/* 회사소개 > 회사연혁 */
.history {overflow:hidden; position:relative; margin-top:70px;}
.history:before {position:absolute; left:75px; bottom:100px; width:1px; height:100%; background-color:#d0d1d2; content:'';}
.history .img-01 {position:absolute; right:0; top:0; opacity:.4; }
.history .img-02 {position:absolute; right:0; top:282px;  opacity:.4;  }
.history .group {position:relative; z-index:1; min-height:140px; margin:30px 0 0 17px;}
.history .group:first-child {margin-top:0;}
.history .group h2 {position:absolute; left:0; top:0; width:120px; height:140px; font-size:24px; color:#fff; text-align:center; line-height:140px;}
.history .group .title-01 {background:url('/images/korean/sub/history_01.gif') no-repeat;}
.history .group .title-02 {background:url('/images/korean/sub/history_02.gif') no-repeat;}
.history .list {margin-left:160px; padding-top:25px;}
.history .list li {position:relative;}
.history .list strong {position:absolute; left:0; top:0; font-weight:bold; color:#dc4638;}
.history .list p {margin-left:80px; font-size:16px; }

/* 회사소개 > 품질, 환경정책 */
.purpose {display:inline-block; width:100%; padding-top:40px;}
.purpose .group {float:left; position:relative; height:112px; margin-left:15px;}
.purpose .group h3 {position:absolute; left:0; top:0; width:112px; height:92px; padding:20px 0 0; border-radius:9999px; background-color:#f1b619; font-size:16px; text-align:center;}
.purpose .group h3 img {position:relative; left:2px;}
.purpose .group h3 span {display:block; line-height:16px; font-size:13px; }
.purpose .group:first-child {width:500px; height:160px; }
.purpose .group:first-child + .group h3 img {left:4px;}
.purpose .bul-dot {margin:0 0 0;}
.purpose .contents {padding:10px 0 0 135px;}
.purpose p.contents {padding-top:15px;}
.purpose + .title-red {padding-top:50px; border-top:1px dashed #e3e3e3;}

/* 회사소개 > 찾아오시는 길 */
.map {margin-top:15px;}
.map-contact {display:inline-block; width:100%; padding:20px 0; border-bottom:1px solid #e2e2e2;}
.map-contact li {float:left; position:relative; width:250px;  color:#2d3949; line-height:65px;}
.map-contact li:first-child {width:100%; margin-bottom:10px;}
.map-contact li:first-child strong {background-color:#f1b619; color:#010101;}
.map-contact strong {position:absolute; left:0; top:0; width:65px; height:65px; border-radius:9999px; background-color:#a8a9ad; color:#fff; text-align:center;}
.map-contact span {padding-left:85px; letter-spacing:-.5px;}

/* 사업분야 > 건설사업 > 대표제품 */
.construction {position:relative; margin-bottom:60px;}
.construction .title {position:absolute; left:0; top:0; padding:40px; font-size:24px; font-weight:bold; color:#fff; text-transform:uppercase;}
.construction .title h2 {margin-top:15px; font-size:18px; font-weight:normal;}
.construction .list {position:absolute; right:0; top:110px; width:730px; padding:0 30px; font-weight:normal;}
.construction .list ul {overflow:hidden; height:175px;}
.construction .list li {display:table; float:left; width:20%; text-align:center;}
.construction .list li span {display:table-cell; width:120px; height:140px; background:url('/images/korean/sub/construction_list.png') no-repeat center 0; font-size:18px; color:#fff; vertical-align:middle;}
.construction .list li span.item01 {font-size:14px; line-height:1.4em; padding:10px; vertical-align:top; padding-top:30px;}
.construction .list p {color:#000; text-align:center;}
.construction .list-02 {width:455px; padding:0 60px;}
.construction .list-02 ul {height:155px;}
.construction .list-02 li {width:33.3%;}
.construction .img {font-size:0; line-height:0;}
.product-list {position:relative;}
.product-list .paging-dot {position:absolute; right:0; top:0; text-align:right;}
.product-list .paging-dot li {display:inline;}
.product-list .paging-dot a {display:inline-block; width:13px; height:13px; margin:0 5px 0 5px; border-radius:9999px; border:4px solid #fff; background-color:#dfdfdd; font-size:0; line-height:0; vertical-align:top; transition:background-color .2s ease;}
.product-list .paging-dot .on a {border:4px solid #e25241; background-color:#fff;}
.product-list .list {position:relative; height:1050px; margin-top:35px;}
.product-list .list li {height:100%; background-color:#fff;}
.product-list .group {display:inline-block; width:100%;}
.product-list .group:first-child {margin-bottom:45px;}
.product-list .group:first-child + .group + .group {margin-top:45px;}
.product-list .left {float:left; width:285px;}
.product-list .txt-right {line-height:20px;}
.product-list .txt strong {display:block;}
.product-list .txt,
.product-list .bul-dot {margin:10px; }
.product-list .right {float:right; font-size:0; line-height:0;}
.mt_20 {margin-top:30px}


/* 사업분야 > 건설사업 > 주요 거래처 */
.customer .list {display:inline-block; width:100%; margin-top:-15px;}
.customer .list li {float:left; width:186px; margin:40px 0 0 44px; font-size:0; line-height:0;}
.customer .list .first {margin-left:0;}

/* 채용정보 > 인재관 */
.talent .bul-dash {margin:0;}
.talent .how {display:inline-block; width:100%;}
.talent .how .group {overflow:hidden; float:left; width:280px; height:250px; margin-left:17px; border:1px solid #dfe2e4;}
.talent .how .group:first-child {margin-left:0;}
.talent .how .group:first-child h2:before {background-color:#e25241;}
.talent .how .group:first-child + .group h2:before {background-color:#f09826;}
.talent .how .group:first-child + .group + .group h2:before {background-color:#828993;}
.talent .how h2 {position:relative; padding:25px 30px 20px; font-size:24px; color:#fff;}
.talent .how h2 span {position:relative; z-index:1;}
.talent .how h2:before {position:absolute; left:0; bottom:0; width:100%; height:120%; content:''; transform:skewY(-5deg);}
.talent .how .contents {padding:20px 20px 20px 10px;}
.talent .process {margin:30px 0 40px 20px;}
.talent .process > li:before {display:block; width:120px; font-family:FontAwesome; font-size:20px; content:'\f175'; text-align:center;}
.talent .process > li:first-child {min-height:120px;}
.talent .process > li:first-child:before {display:none;}
.talent .process > li {position:relative; min-height:145px;}
.talent .process .title {position:absolute; width:120px; height:95px; padding-top:25px; border-radius:9999px; background-color:#828993; font-size:16px; font-weight:normal; color:#fff; text-align:center;}
.talent .process .title span {display:block; line-height:16px;}
.talent .process .contents {padding-left:150px;}
.talent .process li:first-child .contents {padding-top:25px;}
.talent .process li:first-child + li .title {height:100px; padding-top:20px;}
.talent .process li:first-child + li .contents {padding-top:15px;}
.talent .process li:first-child + li + li .contents {padding-top:22px;}
.talent .guide {overflow:hidden; position:relative; border:1px solid #dfe2e4; border-top:0 none;}
.talent .guide:before {position:absolute; left:50%; top:0; width:1px; height:100%; background-color:#dfe2e4; content:'';}
.talent .guide .group {float:left; width:47%; height:215px; padding-left:3%; border-top:1px solid #dfe2e4;}

/* 2016-12-20 추가 */
/* 이메일무단수집거부 */
.content_box {border:1px solid #e9ebee; padding:30px 30px 0 30px;  } 
p.e-mail {position:relative; }
.e-mail img {position:absolute; top:0;}
.e-mail span {display:block; padding:0 0 30px 130px; font-size:16px;  color:#555555; font-weight:100; } 


/* 생산설비 */
.equipment  {  position:relative;width:100%; height:auto; border:0px solid #000;   }
.flle {float:left;}
.item_box {  position:relative;   width:100%; height:auto;  margin:0 0 10px 0;   }
.item_box1 {  position:relative;  width:100%; height:373px;  margin:0 0 10px 0;background:url('/images/korean/sub/produce_01.gif') no-repeat right bottom ;  border:0px solid #000;   }
.item_box2 {  position:relative;  width:100%; height:375px;  margin:0 0 10px 0;background:url('/images/korean/sub/produce_02.gif') no-repeat right bottom ;  border:0px solid #000; }
.item_box3 {  position:relative;  width:100%; height:324px;  margin:0 0 10px 0;background:url('/images/korean/sub/produce_03.gif') no-repeat right bottom ;  border:0px solid #000; }
.item_box4 {  position:relative;  width:100%; height:293px;  margin:0 0 10px 0;background:url('/images/korean/sub/produce_04.gif') no-repeat right bottom ;  border:0px solid #000; }
.item_box5 {  position:relative;   width:100%; height:182px;  margin:0 0 10px 0;background:url('/images/korean/sub/produce_05.gif') no-repeat right bottom ;  border:0px solid #000; }

.equipment .left  { position:relative; float:left; width:400px;  border:0px solid #000; }
.equipment .left .con_box {  position:relative;  float:left; width:100%;  height:auto;  border:0px solid #000;  }
.title-red2 {margin:30px 0 30px 0; font-size:30px; color:#e8422e;}
p.item_list_title {   display:inline-block; background-color:#e25241; text-align:left; color: #ffffff;    border-radius: 100px; padding: 0px 20px 0 10px;margin: 65px 0 0 0;   line-height:25px;  }
p span.item_list_ar   {float:left;  background:url('/images/korean/sub/item_list_arrow.gif') no-repeat 0px 8px ; width:12px; height:25px; }
.equipment .flle {float:left;}
.equipment .e_t{ float:left;width:180px;  }
.equipment .right  { position:relative; float:right; text-align:right; box-sizing: border-box; margin:35px 0 0 0; border:0px solid #000;    }