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



/* 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_bg1.gif') no-repeat right bottom #a41d55;}
#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:#a41d55; 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:90px; font-size:60px; color:#a41d55; 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 #c4789c; 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:#a41d55; 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;font-weight:bold}
#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:#a41d55; background-color:#a41d55; font-weight:400; color:#fff;  transition:all .1s ease;}

.tabmenu1 {overflow:hidden; margin-bottom:10px; border-bottom:1px solid #000;}
.tabmenu1 ul {border-left:1px solid #d7d7d7;}
.tabmenu1 li {float:left; width:15%;}
.tabmenu1 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;}
.tabmenu1 a:hover,
.tabmenu1 a:focus,
.tabmenu1 a:active,
.tabmenu1 .on a {border-color:#a41d55; background-color:#a41d55; font-weight:400; color:#fff;  transition:all .1s ease;}
.tabmenu1 .readonly a {	background-color: #f2f2f2; 	color: #b3b3b3; cursor: not-allowed;  transition:all .1s ease;}
.tabmenu1 .readonly a:hover,focus,active {	 box-shadow: none;}




/* 타이틀 */
.title-red {margin:35px 0 10px; font-size:24px; color:#a41d55;}
.title-red1 {margin:10px 0 10px; font-size:24px; color:#a41d55;}

.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:#a41d55; font-size:14px; color:#fff; text-align:left; line-height:35px;}
.btn-red i {position:absolute; right:10px; top:12px;}
.btn-admin {display:inline-block; position:relative; width:155px; height:35px; padding-left:10px; background-color:#1769ac; font-size:14px; color:#fff; text-align:left; line-height:35px;}
.btn-admin 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:#a41d55; content:''; transition:all .1s ease;}
.gallery-list p:before {position:absolute; right:0; top:-1px; z-index:2; width:0; height:3px; background-color:#a41d55; 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:#a41d55; 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:#a41d55; 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;}
.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;}
.history .img-02 {position:absolute; right:0; top:282px;}
.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;}
.purpose .group:first-child {width:500px;}
.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; height:65px; color:#2d3949; line-height:65px;}
.map-contact li:first-child {width:370px; margin-left: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;}
.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:950px; 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:250px;}
.product-list .txt-right {line-height:20px;}
.product-list .txt strong {display:block;}
.product-list .txt,
.product-list .bul-dot {margin:10px; white-space:nowrap;}
.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;    }




/* 소개 */
.intro{padding:60px 0 150px;}
.bg-txts{overflow:hidden; padding:10px 30px 30px;}
.bg-txts img{float:left; display:block; margin-right:30px;}
.bg-txts strong{color:#e24a23; font-size:22px; margin-top:10px; display:block;}
.bg-txts p{margin-top:15px; line-height:24px;}
.bot-border{border-bottom:1px solid #c1c1c1;}

/* 핵심동력 */
.movement,
.smp{padding:60px 0 150px;}

.square-list{display:table; width:100%; margin-bottom:70px;}
.square-list>li{display:table-cell; width:1%; vertical-align:top;}
.square-list>li .title{width:140px; height:140px; background:#e24a23; color:#fff; font-size:20px; text-align:center; font-weight:700; padding-top:10px; float:left;}
.square-list>li ul{float:left; padding:20px 30px; margin-top:-15px; width:64%;}
.square-list>li ul>li{margin-top:15px;}
.square-list>li ul>li strong{display:block; display:block; font-family: 'NanumBarunGothicBold';line-height:1.0em; padding:10px 0 0 14px; margin:45px 0 15px; font-size:22px;  font-weight:normal; color:#d33013; letter-spacing:-0.05em; background:url("http://www.letssky.com/images/korean/common/bullet_hl02.png") no-repeat 0 3px;}
.square-list + .square-list{margin-top:-30px;}
.img-responsive{max-width:100%;}
.product-line {clear:both; overflow:hidden; height:1px; border-top:1px solid #dbdbdb;  padding:10px; margin:0;}
 h4 {float:left; padding:0;width:450px; height:30px; margin:34px 0 0 20px; padding:0;}


/* grid */
/* .row {margin-right: -15px; margin-left: -15px;} */
.heading2 { padding-left: 30px; position: relative; font-size: 1.3rem; color:#e74b3f; margin: 10px 0 10px; }
.heading2::before { content: ""; display: block; width: 20px; height: 20px; background: url("../../images/korean/sub/icon-sprite.png") no-repeat 0 0; position: absolute; left: 0; top: 2px; }
.indent{margin-left:30px;}
.row::after {content:''; display: block; clear:both;}
[class*="col-"]{ position: relative; min-height: 1px;	float: left;}


/* 통합검색 탑 */
/*
.total_search { padding:4rem 6rem;background: #F9F9F9;border:1px solid #57C0CE;margin-bottom:4rem; }
.total_search .ts_box { position: relative;padding:2rem 0 2rem 15rem;}
.total_search .ts_box strong { position: absolute;left:0;top:2rem;font-size:2rem;display: block;width:12rem; }
.total_search .ts_box strong:before { width:1px;height: 100%;position: absolute;top:50%;right:0;transform: translateY(-50%);content: "";background: #ddd; }
.total_search .ts_box .ts_inner .chks {display:inline-block;position:relative; font-weight:normal; margin-right:2rem;}
.total_search .ts_box .ts_inner .chks label { font-size:1.8rem; }
.total_search .ts_box .ts_inner .chks input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.total_search .ts_box .ts_inner .chks input[type="checkbox"] + label {display:inline-block;vertical-align:middle;position:relative;padding-left:3.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.total_search .ts_box .ts_inner .chks input[type="checkbox"] + label:before {content:'';position:absolute;left:0;top:.2rem;margin:0;width:2.5rem;height:2.5rem;text-align:center;background:#fff;border:1px solid #DFDFDF;box-sizing:border-box;}
.total_search .ts_box .ts_inner .chks input[type="checkbox"] + label:after {content:"";display:block;position:absolute;width:1.1rem;height:.6rem;left:.7rem;top:1rem;border-width:0 0 .3rem .3rem;border-style:solid;border-color:transparent transparent #DFDFDF #DFDFDF;transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.total_search .ts_box .ts_inner .chks input[type="checkbox"]:checked + label:before {background:#57C0CE;border:1px solid #57C0CE}
.total_search .ts_box .ts_inner .chks input[type="checkbox"]:checked + label:after {border-color:transparent transparent #fff #fff;}
.total_search .ts_box.sc_type .ts_inner input { width:100%;border-color:#DFDFDF; height: 6rem;padding-left:2rem; }
.total_search .ts_box.sc_type .ts_inner input:focus, 
.total_search .ts_box.sc_type .ts_inner input:active,
.total_search .ts_box.sc_type .ts_inner input:target
{ border:1px solid #57C0CE !important; } 
.total_search .ts_box.sc_type .ts_inner input::placeholder { font-size:1.8rem; font-style: normal;}
.total_search .ts_box.sc_type .ts_inner { padding-right:10.1rem;position: relative; }
.total_search .ts_box.sc_type strong { top:3.25rem; }
.total_search .ts_box.sc_type .ts_inner button { position: absolute; right:0;top:0; width:10rem;height: 6rem; line-height: 6rem; display: block; text-align: center;background: #57C0CE;color:#fff;font-size:1.8rem; }
.total_search.full .ts_box { padding:2rem 10rem 2rem 0;position: relative;display: block !important; }
.total_search.full .ts_box button { position: absolute;right:0;top:50%;transform: translateY(-50%); width:10rem;height: 5rem;line-height: 5rem; background: #57C0CE; color:#fff;font-size:1.8rem; }
*/

.total_search { padding:1rem 1rem;background: #F9F9F9;border:1px solid #a41d55;margin-bottom:1rem; }
.total_search .ts_box { position: relative;padding:.2rem 0 .2rem 7rem;}
.total_search .ts_box strong { position: absolute;left:0;top:.5rem;font-size:1rem;display: block;width:5rem; }
.total_search .ts_box strong:before { width:1px;height: 100%;position: absolute;top:50%;right:0;transform: translateY(-50%);content: "";background: #ddd; }
.total_search .ts_box .ts_inner .chks {display:inline-block;position:relative; font-weight:normal; margin-right:1rem;}
.total_search .ts_box .ts_inner .chks label { font-size:1rem; }
.total_search .ts_box .ts_inner .chks input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.total_search .ts_box .ts_inner .chks input[type="checkbox"] + label {display:inline-block;vertical-align:middle;position:relative;padding-left:1.8rem;padding-top:.2rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.total_search .ts_box .ts_inner .chks input[type="checkbox"] + label:before {content:'';position:absolute;left:0;top:.2rem;margin:0;width:1.5rem;height:1.5rem;text-align:center;background:#fff;border:1px solid #DFDFDF;box-sizing:border-box;}
.total_search .ts_box .ts_inner .chks input[type="checkbox"] + label:after {content:"";display:block;position:absolute;width:.4rem;height:.2rem;left:.5rem;top:.7rem;border-width:0 0 .3rem .3rem;border-style:solid;border-color:transparent transparent #DFDFDF #DFDFDF;transform:rotate(-45deg);-ms-transform:rotate(-45deg)}

.total_search .ts_box .ts_inner .chks input[type="checkbox"]:checked + label:before {background:#a41d55;border:1px solid #a41d55}
.total_search .ts_box .ts_inner .chks input[type="checkbox"]:checked + label:after {border-color:transparent transparent #fff #fff;}
.total_search .ts_box.sc_type .ts_inner input { width:80%;border-color:#DFDFDF; height: 2rem;padding-left:1rem;color:#a41d55 }
.total_search .ts_box.sc_type .ts_inner input:focus, 
.total_search .ts_box.sc_type .ts_inner input:active,
.total_search .ts_box.sc_type .ts_inner input:target{ border:1px solid #a41d55 !important; } 
.total_search .ts_box.sc_type .ts_inner input::placeholder { font-size:.9rem; font-style: normal;}
.total_search .ts_box.sc_type .ts_inner { padding-right:1rem;position: relative; }
.total_search .ts_box.sc_type strong { top:.7rem; }
.total_search .ts_box.sc_type .ts_inner button { position: absolute; right:0;top:0; width:8rem;height: 2.2rem; line-height: 2rem; display: block; text-align: center;background: #a41d55;color:#fff;font-size:1rem; }
.total_search.full .ts_box { padding:2rem 9rem 2rem 0;position: relative;display: block !important; }
.total_search.full .ts_box button { position: absolute;right:0;top:50%;transform: translateY(-50%); width:1rem;height: 1rem;line-height: 1rem; background: #a41d55; color:#fff;font-size:.8rem; }


.col-xs-12 { width: 100%;}
.col-xs-11 { width: 91.66666667%;}
.col-xs-10 { width: 83.33333333%;}
.col-xs-9 { width: 75%;}
.col-xs-8 { width: 66.66666667%;}
.col-xs-7 { width: 58.33333333%;}
.col-xs-6 { width: 50%;}
.col-xs-5 { width: 41.66666667%;}
.col-xs-4 { width: 33.33333333%;}
.col-xs-3 { width: 25%;}
.col-xs-2 { width: 16.66666667%;}
.col-xs-1 { width: 8.33333333%;}
@media (min-width: 640px) {
  .col-sm-12 {width: 100%;}
  .col-sm-11 {width: 91.66666667%;}
  .col-sm-10 {width: 83.33333333%;}
  .col-sm-9 {width: 75%;}
  .col-sm-8 {width: 66.66666667%;}
  .col-sm-7 {width: 58.33333333%;}
  .col-sm-6 {width: 50%;}
  .col-sm-5 {width: 41.66666667%;}
  .col-sm-4 {width: 33.33333333%;}
  .col-sm-3 {width: 25%;}
  .col-sm-2 {width: 16.66666667%;}
  .col-sm-1 {width: 8.33333333%;}
}
@media (min-width: 992px) {
  .col-md-12 {width: 100%;}
  .col-md-11 {width: 91.66666667%;}
  .col-md-10 {width: 83.33333333%;}
  .col-md-9 {width: 75%;}
  .col-md-8 {width: 66.66666667%;}
  .col-md-7 {width: 58.33333333%;}
  .col-md-6 {width: 50%;}
  .col-md-5 {width: 41.66666667%;}
  .col-md-4 {width: 33.33333333%;}
  .col-md-3 {width: 25%;}
  .col-md-2 {width: 16.66666667%;}
  .col-md-1 {width: 8.33333333%;}
}
@media (min-width: 1200px) {
  .col-lg-12 {width: 100%;}
  .col-lg-11 {width: 91.66666667%;}
  .col-lg-10 {width: 83.33333333%;}
  .col-lg-9 {width: 75%;}
  .col-lg-8 {width: 66.66666667%;}
  .col-lg-7 {width: 58.33333333%;}
  .col-lg-6 {width: 50%;}
  .col-lg-5 {width: 41.66666667%;}
  .col-lg-4 {width: 33.33333333%;}
  .col-lg-3 {width: 25%;}
  .col-lg-2 {width: 16.66666667%;}
  .col-lg-1 {width: 8.33333333%;}
}