/*-------------------------------------------------------------------
    작성날짜 : 2020-04-13 박일형
    수정날짜 : 
    *(주의사항 : 회사소개 sub01~06)
-------------------------------------------------------------------*/
@charset "UTF-8";
/* 회사소개 */
.company-wrap {
	position: relative;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 40px 0 60px 0;
}
.ceoactivity{
	width: 50%;
}

.company-wrap.p0 {
	padding: 0 0 60px 0;
}

.company-wrap.history{
	padding: 0;
}

.c-section.pd-20 {
	padding-bottom: 20px;
}

.normal-p,
.company-p p,
.company-ceo p {
	font: 400 16px 'Noto Sans KR';
	color: #333;
	line-height: 1.5;
}

/* sub01(CEO인사말) */
.bg-company-01 {
	padding-bottom: 115%;
}

.bg-company-pri {
	width: 82%;
    margin-top: 55px;
}
.company-sign{
	font-weight: 500;
}

.company-ceo {
	float: left;
	position: relative;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 50px 0 30px 0;
}

.ceo-img-area {
	width: 156px;
}

.c-img.bg-ceo {
	padding-bottom: 135%;
}



.ceo-title {
	padding: 4px 0 15px 0;
}

.ceo-title h4 {
	font: 400 15px 'Noto Sans KR';
	color: #333;
	line-height: 1.4;
}

.ceo-title h3 {
	padding: 4px 0 0 0;
	font: 500 20px 'Noto Sans KR';
	color: #333;
	line-height: 1.4;
}

.ceo-p {
	width: 100%;
	padding: 15px 0 0 0;
	border-top: 1px solid #333;
}

.history-disp{
	display: flex;
	align-items: center; /* 세로 중앙 정렬 */
	padding: 15px;
	border-top: 1px solid #ddd6d6;
}

.history-disp .item1{
	font: 600 25px 'scd';
    line-height: 1.2;
    color: #146bba;
    gap: 30px;
    margin-right: 55px;
    padding-left: 22px;
}

.history-disp .item2{
	line-height: 1.4;
}




.company-ceo p {
	padding: 0 0 6px 0;
}

.company-ceo p:last-child {
	padding: 0;
}

.ceo-desc {
	padding: 0 0 0 45px;
}

/* sub02(연혁) */
.history-item {
	position: relative;
	padding: 40px 0;
	border-bottom: 1px solid #D3D3D3;
}

.history-item:first-child {
	padding-top: 30px;
}

.history-item:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.history-range {
    position: absolute;
    left: 0;
    top: 50%;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-align: center;
    vertical-align: middle;
}

.history-range span {
	display: inline-block;
	width: 100%;
	font: 600 36px 'scd';
	line-height: 1.2;
}

.history-range span:nth-of-type(2) {
	line-height: 1;
	-ms-transform: rotate(22deg);
    -webkit-transform: rotate(22deg);
    -moz-transform: rotate(22deg);
    -o-transform: rotate(22deg);
	transform: rotate(22deg);
}

.history-table {
    position: relative;
    width: 74%;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    margin-left: 24%;
}

.history-table th {
	width: 88px;
	padding: 6px;
	font: 500 14px 'Noto Sans KR';
	color: #CD242E;
}

.history-table td {
	padding: 6px;
	font: 400 14px 'Noto Sans KR';
	color: #333;
}

/* sub03(조직도) */
.company-org-img {
	padding: 40px 0 10px 0;
}

.company-org-title {
	padding: 50px 0 0 0;
	text-align: center;
}

.company-org-title > h3,
.company-org-title > p {
	font: 400 32px 'Noto Sans KR';
	color: #333;
	line-height: 1.4;
}

.company-org-title > p {
	font-weight: 200;
}

.c-img.bg-company-03 {
	max-width: 1004px;
    margin: auto;
    padding-bottom: 54%;
    align-items: center;
}

.c-img.bg-company-03.damper {
	padding-bottom: 45%;
}

.c-img.bg-company-03.damper2 {
	padding-bottom: 50%;
}





/* sub04(사업분야) */
.c-title {
	padding: 0 0 30px 0;
}

.c-title {
	padding: 0 0 30px 0;
}

.c-title > h3 {
	position: relative;
	padding: 0 0 0 25px;
	font: 500 20px 'Noto Sans KR';
	color: #333;
	line-height: 1.4;
}

.c-title.const > h3 {
	padding: 30px 0 0 25px;	
}

.c-title.const2 > h3 {
	padding: 40px 0 0 25px;	
}


.c-title > h3:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	-ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 14px;
	height: 3px;
	background-color: #333
}

.c-title.const > h3:before {
	
	top: 77%;
	
}

.c-title > p {
	margin: 15px 0 0 0;
	font: 400 16px 'Noto Sans KR';
	color: #333;
	line-height: 1.5;
}

.c-img-list {
	padding: 0 0 50px 0;
}

.c-section:last-child .c-img-list {
	padding: 0 0 10px 0;
}

.c-img-list .c-img {
	float: left;
	width: calc(33.33% - 17px);
	padding-bottom: 21%;
}

.c-img-list .c-img:nth-of-type(2) {
	margin: 0 25px;
}

/* sub05(SEEE공법) */
.bg-seee.c-img {
	padding-bottom: 57%;
}

.seee-desc {
	padding: 5px 0 0 45px;
}

.seee-desc > p {
	line-height: 1.5;
}

.see-desc2 {
	padding: 40px 0;
}

.bg-seee-i {
	padding-bottom: 45%;
	margin: 0 auto 30px auto;
}

/* sub06(찾아오시는길) */
.company-wrap.sub06 {
	padding-bottom: 90px;
}

.company-wrap.sub06 > .c-section:nth-of-type(1){
	padding-bottom: 60px;
}

.c-map {
	height: 400px;
}

.c-loc {
	padding: 5px 0 0 45px;
}

.c-loc h4 {
	padding: 0 0 8px 0;
	font: 500 18px 'Noto Sans KR';
	color: #333;
	line-height: 1.4;
}

.c-loc p {
	padding: 0 0 8px 0;
	font: 400 16px 'Noto Sans KR';
	color: #333;
	line-height: 1.4;
}

.c-loc p > strong {
	padding: 0 8px 0 0;
	font-weight: 500;
}

.c-loc p:nth-of-type(1) {
	padding: 0 0 15px 0;
	font-size: 16px;
	min-width: 500px;
}

.c-loc a {
	display: inline-block;
	position: relative;
	padding: 9px 45px 9px 18px;
	margin: 12px 0 0 0;
	border: 1px solid #146bba;
    background-position: 100% 0;
    background-size: 250% 100%;
    transition: all 0.25s ease-in;
	font: 500 14px 'Noto Sans KR';
	color: #146bba;
}

.c-loc a:after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 16px;
    top: 50%;
    -ms-transform: rotate(45deg) translateY(-50%);
    -webkit-transform: rotate(45deg) translateY(-50%);
    -moz-transform: rotate(45deg) translateY(-50%);
    -o-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    transition: all .3s ease-in-out;
    width: 5px;
    height: 5px;
    border-top: 1.5px solid #146bba;
    border-right: 1.5px solid #146bba;
}

/* 연구개발 */
.lab-wrap {
	position: relative;
	width: 100%;
	max-width: 1024px;
	padding: 50px 0 10px 0;
	margin: 0 auto;
}

.lab-wrap.sec {
	padding-top: 0;	
}


/* sub01(연구개발) */
.lab01.c-img {
	max-width: 724px;
	padding-bottom: 101%;
	margin: 50px auto 0 auto;
}

.cert-list {
	padding: 0 ;
	padding-left: 20px;
}

/* .cert-list.patent{
	padding-bottom: 50px;
} */

.cert-list.ceo{
	padding-bottom: 0;
}




.cert-list .c-img {
	float: left;
	width: calc(25% - 30px);
    margin-right: 29px;
	padding-bottom: 37%;
	background-size: contain;
}

.cert-list .c-img.ceo {
	padding-bottom: 31%;	
}



/* 출렁다리 */
.cable-wrap {
	position: relative;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 20px 0 70px 0;
}

/* sub01(구조및특징) */
.c-link {
	padding: 15px 0 40px 25px;
}

.c-link > p {
	font: 400 14px 'Noto Sans KR';
	color: #333;
	line-height: 1.4;
}

.c-link > p > a {
	position: relative;
	padding: 0 0 0 15px;
	font-weight: 500;
}

.c-link > p > a:after {
	content: '';
    display: inline-block;
    position: absolute;
    right: -10px;
    top: 50%;
    -ms-transform: rotate(45deg) translateY(-50%);
    -webkit-transform: rotate(45deg) translateY(-50%);
    -moz-transform: rotate(45deg) translateY(-50%);
    -o-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    transition: all .3s ease-in-out;
    width: 5px;
    height: 5px;
    border-top: 1.5px solid #666;
    border-right: 1.5px solid #666;
}

.c-img.bg-cable-01-a {
	max-width: 1020px;
	margin: 0 auto 40px auto;
	padding-bottom: 15%;
}

.c-img.bg-cable-01-b {
	max-width: 900px;
	margin: 0 auto;
	padding-bottom: 45%;
}

.c-img.bg-cable-01-b2 {
	max-width: 900px;
	margin: 0 auto;
	padding-bottom: 33%;
}

.c-img.bg-cable-01-b.remo5 {
	padding-bottom: 56%;
}

.expert-table {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Pretendard', sans-serif;
  font-size: 16px;
  color: #333;
  margin-top: 20px;
}

.expert-table th,
.expert-table td {
  border-bottom: 1px solid #ddd;
  padding: 12px 8px;
  text-align: left;
}

.expert-table th {
  background-color: #f9f9f9;
  font-weight: bold;
}


/* sub02(제원) */
.c-img.bg-cable-02 {
	max-width: 727px;
	margin: 25px auto 40px auto;
	padding-bottom: 37%;
}

/* sub03(제작공정및시공과정) */
.cable-wrap.small {
	padding: 25px 0 40px 0;
}

/* 건설자재 */
.build-wrap {
	position: relative;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 30px 0 50px 0;
}

/* sub01_01(구조및특징) */
.c-img.bg-build-01-01-01 {
	max-width: 492px;
    margin: 0 auto 20px auto;
    padding-bottom: 43%;
}

/* sub01_02(제원) */
.build-wrap.sub01-02 {
	padding: 30px 0 80px 0;
}

.c-img.bg-build-01-02-01 {
	max-width: 634px;
    margin: 25px auto 50px auto;
    padding-bottom: 51%;
}

/* 추가 */
.c-img.bg-build-01-02-02 {
	max-width: 555px;
    margin: 20px auto 40px auto;
    padding-bottom: 52%;
}

.c-img.bg-build-01-02-03 {
	max-width: 555px;
    margin: 25px auto 40px auto;
    padding-bottom: 37%;
}

.c-img.bg-build-01-02-04 {
	max-width: 620px;
    margin: 20px auto 40px auto;
    padding-bottom: 54%;
}

.c-img.bg-build-01-02-05 {
	max-width: 552px;
    margin: 20px auto 40px auto;
    padding-bottom: 37%;
}

.c-img.bg-build-01-02-06 {
	max-width: 609px;
    margin: 20px auto 40px auto;
    padding-bottom: 54%;
}

.c-img.bg-build-01-02-07 {
	max-width: 603px;
    margin: 24px auto 50px auto;
    padding-bottom: 37%;
}

/* sub01_03(용도) */
.c-img.bg-build-01-03-01 {
	max-width: 700px;
    margin: 60px auto 40px auto;
    padding-bottom: 88%;
}

/* sub01_04(제작공정) */
.build-wrap.sub01-04 {
	padding: 30px 0;
}

.c-img-list.type2 li {
	float: left;
	width: calc(33.33% - 17px);
	overflow: hidden;
	margin: 30px 0;
}

.c-img-list.type2 li:nth-of-type(3n-1) {
	margin: 30px 25px;
}

.c-img-list.type2 li .c-img {
	float: none;
	width: 100%;
	padding-bottom: 65%;
}

.c-img-list.type2 li .info .num {
	float: left;
	width: 80px;
	font: 600 46px 'scd';
	color: #CD242E;
	line-height: 1.4;
}

.c-img-list.type2 li .info .desc {
	float: left;
	width: calc(100% - 80px);
}

.c-img-list.type2 li .info .desc h4 {
	padding: 8px 0 2px 0;
	font: 500 18px 'Noto Sans KR';
	color: #333;
	line-height: 1.4;
}

.c-img-list.type2 li .info .desc p {
	font: 400 14px 'Noto Sans KR';
	color: #333;
	line-height: 1.5;
}

.c-img-list.type2 .devide {
	float: left;
	position: relative;
	width: 100%;
	height: 1px;
	background-color: #D3D3D3;
}





























.temp-img-area {
	position: relative;
	width: 500px;
	height: 300px;
	margin: 0 0 20px 0;
	background-color: black;
}

.temp-img-area.mt-40 {
	margin-top: 40px;
}

/* 건설 자재 추가 */
/* 영구앵커 */
/* sub02_01(특징및구조) */
.c-img.bg-build-02-01-01 {
    max-width: 100%;
    margin: 0 auto 20px auto;
    padding-bottom: 40%;
}

.c-img.bg-build-02-01-02 {
	max-width: 500px;
	margin: 0 auto 0 0;
	padding-bottom: 29%;
}

.c-img.bg-build-02-01-03 {
	max-width: 500px;
	margin: 0 auto 20px 0;
	padding-bottom: 29%;
}

.number-desc {
	padding: 15px 0;
	font: 400 14px 'Noto Sans KR';
	color: #333;
	line-height: 1.4;
}

.number-desc.pb-30 {
	padding-bottom: 30px;
}

.number-desc li {
	position: relative;
	padding: 4px 4px 4px 15px;
}

.number-desc li.number-desc-indent2 {
	padding: 4px 4px 4px 22px;
}

.number-desc li > i,
.bdesc-1 > i {
	position: absolute;
	left: 0;
	top: 4px;
}

.bdesc-item {
	position: relative;
	padding: 0 0 20px 0;
}

.bdesc-item > h4 {
	padding: 0 0 6px 0;
	font: 500 17px 'Noto Sans KR';
	color: #333;
	line-height: 1.4;
}

.bdesc-1,
.bdesc-2 {
	position: relative;
	font: 400 14px 'Noto Sans KR';
	color: #333;
	line-height: 1.4;
}

.bdesc-1 {
	padding: 4px 4px 4px 15px;
}

.bdesc-1.type2 {
	padding: 4px 4px 4px 50px;
	margin: 10px 0 0 0;
}

.bdesc-2 {
	padding: 4px 4px 4px 30px;
}

.bdesc-2.type2 {
	padding : 4px 4px 4px 50px;
}

.bdesc-2 > i {
	position: absolute;
	left: 14px;
	top: 4px;
}

.bdesc-2.type2 > i {
	left: 30px;
}

/* sub02_02(용도) */
.c-img.bg-build-02-02-01 {
	max-width: 800px;
    margin: 0 auto 20px auto;
    padding-bottom: 53%;
}

/* 부력방지앵커 */
/* sub03_01(시공순서) */
.c-img.bg-build-03-01-01 {
	max-width: 474px;
    margin: 0 auto 70px auto;
    padding-bottom: 40%;
}

.c-img.bg-build-03-01-02 {
	max-width: 670px;
    margin: 70px auto 20px auto;
    padding-bottom: 91%;
}

.dashed-devide {
	position: relative;
	width: 100%;
	height: 1px;
	border-top: 1px dashed #C4C4C4;
}

/* 타이케이블 */
/* sub04_02(특징및용도) */
.c-img.bg-build-04-01-01 {
	max-width: 971px;
    margin: 20px auto;
    padding-bottom: 23%;
}

.c-img.bg-build-04-01-02 {
	max-width: 500px;
    margin: 0px auto 10px 0;
    padding-bottom: 29%;
}

.c-img.bg-build-04-01-03 {
	max-width: 500px;
    margin: 0px auto 20px 0;
    padding-bottom: 29%;
}

.c-section > h5 {
	position: relative;
	padding: 0 0 0 10px;
	margin: 0 0 20px 0;
	font: 500 17px 'Noto Sans KR';
	color: #333;
	line-height: 1.4;
}

.c-section > h5:before {
	content: '\00B7';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 17px;
    color: #333;
}

.c-section.md-30 {
	margin-bottom: 30px;
}

.c-section.mt-30 {
	margin-top: 30px;
}

.c-img.bg-build-04-02-12 {
	max-width: 700px;
    margin: 0 auto 20px auto;
    padding-bottom: 16%;
}

.c-img.bg-build-04-02-13 {
	max-width: 700px;
    margin: 0 auto 20px auto;
    padding-bottom: 22%;
}

.c-img.bg-build-04-02-14 {
	max-width: 700px;
    margin: 0 auto 20px auto;
    padding-bottom: 17%;
}

.c-img.bg-build-04-02-15 {
	max-width: 627px;
    margin: 20px auto;
    padding-bottom: 23%;
}

.c-img.bg-build-04-02-16 {
	max-width: 543px;
    margin: 20px auto;
    padding-bottom: 18%;
}

.c-img.bg-build-04-02-17 {
	max-width: 542px;
    margin: 0 auto 20px auto;
    padding-bottom: 44%;
}

/* 낙교방지장치 */
/* sub05_01(특징및형식) */
.c-img.bg-build-05-01-01 {
	max-width: 582px;
    margin: 0 auto 20px auto;
    padding-bottom: 27%;
}

.c-img.bg-build-05-01-02 {
	max-width: 738px;
    margin: 0 auto 20px auto;
    padding-bottom: 34%;
}

/* NEO블록 */
/* sub06_01(특징및용도) */
.c-img.bg-build-06-01-01 {
	max-width: 554px;
    margin: 0 auto 20px auto;
    padding-bottom: 26%;
}

.bx-row {
	position: relative;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}

.bx-row.sub06_01 > .col-50 {
	float: left;
	width: 50%;
	padding: 0 20px 60px 0;
}

.bx-row.sub06_01 h5 {
	padding: 0 0 6px 0;
	font: 500 17px 'Noto Sans KR';
	color: #333;
	line-height: 1.4;
}

.bx-row.sub06_01 p {
	position: relative;
	padding: 2px 4px 2px 10px;
	font: 400 14px 'Noto Sans KR';
	color: #333;
	line-height: 1.4;
}

.bx-row.sub06_01 p:before {
	content: '-';
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 14px;
    color: #333;
}

.bx-row.sub06_01 p.clearbef {
	padding: 0;
}

.bx-row.sub06_01 p.clearbef:before {
	content: '';
}

/* 케이슨들고리 */
/* sub07_01(특징및구조) */
.c-img.bg-build-07-01-01 {
	max-width: 889px;
    margin: 0 auto 20px auto;
    padding-bottom: 16%;
}

.c-img.bg-build-07-01-02 {
	max-width: 558px;
    margin: 40px auto 40px auto;
    padding-bottom: 33%;
}

.c-img.bg-build-07-01-03,
.c-img.bg-build-07-01-04 {
	max-width: 500px;
	margin: 0 auto 0 0;
	padding-bottom: 29%;
}

.c-img.bg-build-07-01-05 {
	max-width: 500px;
	margin: 40px auto 20px auto;
	padding-bottom: 29%;
}

/* sub07_02(제원) */
.c-img.bg-build-07-02-05 {
	max-width: 455px;
    margin: 20px auto 40px auto;
    padding-bottom: 23%;
}

.c-img.bg-build-07-02-06 {
	max-width: 385px;
    margin: 20px auto 40px auto;
    padding-bottom: 27%;
}

/* SA-NET */
/* sub08_01(특징및구조) */
.c-img.bg-build-08-01-01 {
	max-width: 680px;
    margin: 20px auto 40px auto;
    padding-bottom: 28%;
}

.c-img.bg-build-08-01-02 {
	max-width: 680px;
    margin: 20px auto 40px auto;
    padding-bottom: 34%;
}

.c-img.bg-build-08-01-03 {
	max-width: 680px;
    margin: 20px auto 40px auto;
    padding-bottom: 41%;
}

/* sub08_02(형식) */
.type-list {
	position: relative;
	width: 100%;
	padding: 0 50px;
}

.type-list > li {
	float: left;
	width: 50%;
	padding: 30px 50px;
	min-height: 620px;
}

.type-list > li .c-img-area {
	border: 3px solid #DEDEDE;
}

.type-list > li .c-img {
	padding-bottom: 95%;
}

.type-list > li .title {
	padding: 0 0 12px 0;
	font: 500 15px 'Noto Sans KR';
	color: #333;
	line-height: 1.4;
	text-align: center;
}












































/* 설계 */
.design-wrap {
	position: relative;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 40px 0;
}

/* sub01(엔지니어링) */
.design-title h3,
.design-item > h3 {
	padding: 0 0 4px 0;
	font: 500 17px 'Noto Sans KR';
	color: #333;
	line-height: 1.4;
}

.design-title p,
.design-p-sub {
	font: 400 14px 'Noto Sans KR';
	color: #333;
	line-height: 1.5;
}

.design-title p:nth-of-type(2) {
	padding: 15px 0 0 0;
}

.bg-design-01.c-img {
	max-width: 617px;
	margin: 30px auto 0 auto;
	padding-bottom: 65%;
}

/* sub02(전문설계분야) */
.design-item {
	padding: 0 0 25px 0;
}

.design-item > h3 {
	padding: 0 0 8px 0;
}

.design-p {
	position: relative;
	padding: 0 0 5px 10px;
	font: 400 15px 'Noto Sans KR';
	color: #333;
	line-height: 1.5;
}

.design-p:before {
	content: '\00B7';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 15px;
    color: #333;
}

.design-p-sub {
	padding: 0 0 2px 15px;
}

.build-p {
	font: 400 14px 'Noto Sans KR';
	color: #333;
	line-height: 1.5;
}

/* 자료실 */
.dataroom-wrap {
	position: relative;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 40px 0;
}

.dataroom-list li {
	float: left;
	position: relative;
	width: calc(33.33% - 127px);
	margin: 25px 0;
}

.dataroom-list li:nth-of-type(3n-1) {
	margin: 25px 190px;
}

.dataroom-list .c-img {
	padding-bottom: 140%;
}

.data-download {
	padding: 18px 12px 0 12px;
}

.data-download > p {
	position: relative;
	width: 100%;
	padding: 14px 45px 14px 70px;
	background-position: 100% 0;
    background-size: 230% 100%;
    transition: all 0.25s ease-in;
	border: 1px solid #333;
	font: 500 15px 'Noto Sans KR';
	color: #333;
	line-height: 1;
	cursor: pointer;
}

.data-download > p:before {
	content: '';
	position: absolute;
	left: 40px;
	top: 50%;
	-ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: all 0.25s ease-in;
	width: 15px;
	height: 16px;
	background: transparent url('../img/icons/ico-file.png') 50% 50%/100% 100% no-repeat;
}

/* 고객지원(부서별문의) */
.cs-wrap {
	position: relative;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 40px 0;
}

.cs-p {
	margin: 5px 0 0 0 !important;
	font-size: 16px !important;
	font-family: 'Noto Sans KR';
	color: #333 !important;
	line-height: 1.4 !important;
}

.cs-p > strong {
	padding-right: 8px;
	font-weight: 500 !important;
}

.cs-p > strong:last-child {
	padding: 0;
}

.cs-p > span {
	font-weight: 400  !important;
}

.cs-p > br {
	display: none;
}

.cs-p > i {
	display: inline-block;
	padding: 0 12px;
	font-weight: 500 !important;
	-ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
}

.table-styleB.cs-table-01 {
	margin-bottom: 40px;
}

.cs-info {
	padding: 20px 0 0 0;
	font: 400 14px 'Noto Sans KR';
	color: #CD242E;
	line-height: 1.4;
}

.kcm-pc { display: block; }
.kcm-mo { display: none; }

.c-img-area.certi{
	overflow: visible;
}

.c-section.tbs{
	overflow: auto;
}

.album-info{
	text-align: center;
}

/* 모바일 & 태블릿 공통 */
@media(max-width: 1023px) {

   


	/* 회사소개 */
	.company-wrap {
		padding: 25px 15px 30px 15px;
	}

	/* sub01(CEO인사말) */
	.company-wrap.sub01 .fl-r .c-img-area {
		max-width: 315px;
		max-height: 360px;
		margin: 0 auto;
	}
	.c-img-area.kcm img{
		width: 100%;
	}

	.kcm-pc { display: none; }
  	.kcm-mo { display: block; }

	.company-wrap.sub01 .fl-l .pd-rc-10 {
		padding: 20px 0 0 0;
	}

	.company-ceo {
		padding: 30px 0 20px 0;
	}

	.ceo-img-area {
		width: 156px !important;
		margin: 0 auto;
	}

	.ceo-title {
		padding: 15px 0;
	}

	.ceo-title h3 {
		padding: 4px 0 0 0;
		font: 500 18px 'Noto Sans KR';
	}

	/* sub02(연혁) */
	.history-item {
		padding: 30px 0;
	}

	.history-item:first-child {
		padding-top: 20px;
	}

	.history-item:last-child {
		padding-bottom: 0;
	}

	.history-range span {
		font: 600 28px 'scd';
	}

	/* sub03(조직도) */
	.company-org-img {
		padding: 20px 0;
	}

	/* sub04(사업분야) */
	.c-title {
		padding: 0 0 20px 0;
	}

	.c-title > h3 {
		padding: 0 0 0 20px;
		font: 500 18px 'Noto Sans KR';
	}

	.c-title > h3:before {
		content: '';
		width: 12px;
		height: 2px;
	}

	.c-title > p {
		margin: 10px 0 0 0;
	}

	.c-img-list {
		padding: 0 0 20px 0;
	}

	.c-section:last-child .c-img-list {
		padding: 0;
	}

	/* sub06(찾아오시는길) */
	.company-wrap.sub06 {
		padding-bottom: 50px;
	}

	.company-wrap.sub06 > .c-section:nth-of-type(1){
		padding-bottom: 40px;
	}

	.c-map {
		height: 300px;
	}
	
	/* 연구개발 */
	.lab-wrap {
		padding: 30px 15px 60px 15px;
	}

	/* sub01(연구개발) */
	.lab01.c-img {
		background-size: contain;
		margin: 0 auto 0 auto;
	}

	.cert-list {
		padding: 0;
	}

	/* 연구개발 */
	/* sub03(기업인증서) */
	.cert-list .c-img {
		background-size: contain;
	}

	/* 출렁다리 */
	.cable-wrap {
		padding: 20px 15px 40px 15px;
	}

	/* sub01(구조및특징) */
	.c-link {
		padding: 10px 0 30px 10px;
	}

	.c-link > p > a {
		padding: 0 0 0 12px;
	}

	.c-img.bg-cable-01-b {
		max-width: 100%;
		padding-bottom: 52%;
	}

	.c-img.bg-cable-01-b.sub4 {
		padding-bottom: 65%;
	}
	.c-img.bg-cable-01-b.sub3 {
		padding-bottom: 104%;
	}

	.c-img.bg-cable-01-b.remo5{
		padding-bottom: 70%;
	}


	/* sub02(제원) */
	.c-img.bg-cable-02 {
		max-width: 100%;
		margin: 10px auto 20px auto;
		padding-bottom: 52%;
		background-size: contain;
	}

	/* sub03(제작공정및시공과정) */
	.cable-wrap.small {
		padding: 20px 15px 30px 15px;
	}

	/* 건설자재 */
	.build-wrap {
		padding: 20px 15px 30px 15px;
	}

	/* sub01_01(구조및특징) */
	.bg-build-01-p {
		max-width: 500px;
		margin: 0 auto;
	}

	.c-img.bg-build-01-01-01 {
		max-width: 100%;
	    margin: 0 auto 20px auto;
	    padding-bottom: 91%;
	}

	/* sub01_02(제원) */
	.build-wrap.sub01-02 {
		padding: 20px 15px 60px 15px;
	}

	.c-img.bg-build-01-02-01 {
	    margin: 10px auto 0px auto;
	    padding-bottom: 52%;
	    background-size: contain;
	}

	/* sub01_03(용도) */
	.c-img.bg-build-01-03-01 {
		max-width: 100%;
	    margin: 0 auto 20px auto;
	    padding-bottom: 130%;
	}

	/* sub01_04(제작공정) */
	.build-wrap.sub01-04 {
		padding: 20px 15px;
	}

	.c-img-list.type2 li .info .num {
		width: 50px;
		font: 600 30px 'scd';
	}

	.c-img-list.type2 li .info .desc {
		width: calc(100% - 50px);
	}


	.temp-img-area {
		width: 100%;
		margin: 20px 0;
	}

	/* 건설 자재 추가 */
	/* 영구앵커 */
	/* sub02_01(특징및구조) */
	.c-img.bg-build-02-01-02 {
		max-width: 500px;
		margin: 0 auto 20px auto;
		padding-bottom: 37%;
	}

	.c-img.bg-build-02-01-03 {
		max-width: 500px;
		margin: 0 auto 20px auto;
		padding-bottom: 37%;
	}

	.number-desc {
		padding: 10px 0;
	}

	.bdesc-item {
		padding: 0 0 15px 0;
	}

	/* sub02_02(용도) */
	.c-img.bg-build-02-02-01 {
        max-width: 100%;
	    margin: 0 auto 20px auto;
	    padding-bottom: 66%;
	    background-size: contain;
	}

	/* 부력방지앵커 */
	/* sub03_01(시공순서) */
	.c-img.bg-build-03-01-01 {
		max-width: 100%;
	    margin: 0 auto 50px auto;
	    padding-bottom: 87%;
	}

	.c-img.bg-build-03-01-02 {
		max-width: 100%;
	    margin: 50px auto 0 auto;
	    padding-bottom: 139%;
	}

	/* 타이케이블 */
	.c-img.bg-build-04-01-02 {
		max-width: 500px;
		margin: 0 auto 20px auto;
		padding-bottom: 37%;
	}

	.c-img.bg-build-04-01-03 {
		max-width: 500px;
		margin: 0 auto 20px auto;
		padding-bottom: 37%;
	}

	/* sub04_02(특징및용도) */
	.c-img.bg-build-04-01-01 {
	    margin: 15px auto;
	}

	.c-section > h5 {
		margin: 0 0 15px 0;
	}

	.c-img.bg-build-04-02-12 {
		max-width: 100%;
	    margin: 20px auto 25px auto;
	    padding-bottom: 24%;
	}

	.c-img.bg-build-04-02-13 {
		max-width: 100%;
	    margin: 20px auto;
	    padding-bottom: 31%;
	}

	.c-img.bg-build-04-02-14 {
		max-width: 100%;
	    margin: 20px auto;
	    padding-bottom: 26%;
	}

	.c-img.bg-build-04-02-15 {
		max-width: 100%;
	    margin: 20px auto;
	    padding-bottom: 37%;
	}

	.c-img.bg-build-04-02-16 {
		max-width: 100%;
	    margin: 20px auto;
	    padding-bottom: 34%;
	}

	.c-img.bg-build-04-02-17 {
		max-width: 100%;
	    margin: 20px auto;
	    padding-bottom: 83%;
	}

	/* 낙교방지장치 */
	/* sub05_01(특징및형식) */
	.c-img.bg-build-05-01-01 {
		max-width: 100%;
	    margin: 20px auto;
	    padding-bottom: 47%;
	}

	.c-img.bg-build-05-01-02 {
		max-width: 100%;
	    margin: 20px auto;
	    padding-bottom: 47%;
		}

	/* NEO블록 */
	/* sub06_01(특징및용도) */
	.c-img.bg-build-06-01-01 {
		max-width: 100%;
	    margin: 20px auto;
	    padding-bottom: 48%;
	}

	.bx-row.sub06_01 > .col-50 {
		float: none;
		width: 100%;
		padding: 0 20px 30px 0;
	}

	/* 케이슨들고리 */
	/* sub07_01(특징및구조) */
	.c-img.bg-build-07-01-01 {
		max-width: 100%;
	    padding-bottom: 18%;
	}

	.c-img.bg-build-07-01-02 {
		max-width: 100%;
	    margin: 40px auto;
	    padding-bottom: 78%;
	}

	.c-img.bg-build-07-01-05 {
		max-width: 500px;
		margin: 40px auto 20px auto;
		padding-bottom: 37%;
	}

	/* sub07_02(제원) */
	.c-img.bg-build-07-02-05 {
		max-width: 100%;
	    padding-bottom: 53%;
	}

	.c-img.bg-build-07-02-06 {
		max-width: 100%;
	    margin: 20px auto;
	    padding-bottom: 71%;
	}

	/* SA-NET */
	/* sub08_01(특징및구조) */
	.c-img.bg-build-08-01-01 {
		max-width: 100%;
	    margin: 20px auto;
	    padding-bottom: 42%;
	}

	.c-img.bg-build-08-01-02 {
		max-width: 100%;
	    padding-bottom: 51%;
	}

	.c-img.bg-build-08-01-03 {
		max-width: 100%;
	    padding-bottom: 62%;
	}

	/* sub08_02(형식) */
	.type-list {
		padding: 0 20px;
	}

	.type-list > li {
		padding: 15px 30px 0 30px;
		min-height: 590px;
	}

	/* 설계 */
	.design-wrap {
		padding: 30px 15px;
	}

	/* sub01(엔지니어링) */
	.design-title h3,
	.design-item > h3 {
		font: 500 16px 'Noto Sans KR';
	}

	.bg-design-01-p {
		max-width: 617px;
		margin: 0 auto;
	}

	.bg-design-01.c-img {
		max-width: 100%;
		padding-bottom: 105%;
	}

	/* 자료실 */
	.dataroom-wrap {
		padding: 25px 15px;
	}

	.dataroom-list li {
		width: calc(33.33% - 67px);
		margin: 20px 0;
	}

	.dataroom-list li:nth-of-type(3n-1) {
		margin: 20px 100px;
	}

	.data-download > p {
		max-width: 200px;
		margin: 0 auto;
		padding: 12px 30px 12px 50px;
		text-align: center;
	}

	.data-download > p:before {
		content: '';
		left: 22%;
		-ms-transform: translate(-22%, -50%);
	    -webkit-transform: translate(-22%, -50%);
	    -moz-transform: translate(-22%, -50%);
	    -o-transform: translate(-22%, -50%);
		transform: translate(-22%, -50%);
	}

	/* 고객지원(부서별문의) */
	.cs-wrap {
		padding: 30px 15px;
	}
}

/* 태블릿 */
@media (min-width: 768px) and (max-width: 1024px) {


    
    /* sub01(CEO인사말) */
    .company-ceo {
		padding: 40px 0 30px 0;
	}

	/* sub05(SEEE공법) */
	.seee-desc {
		padding: 5px 0 0 30px;
	}

	.see-desc2 {
		padding: 25px;
	}

	/* 추가 */
	.c-img.bg-build-01-02-02 {
		max-width: 555px;
	    margin: 20px auto 40px auto;
	    padding-bottom: 52%;
	    background-size: contain;
	}

	.c-img.bg-build-01-02-03 {
		max-width: 555px;
	    margin: 25px auto 40px auto;
	    padding-bottom: 37%;
	    background-size: contain;
	}

	.c-img.bg-build-01-02-04 {
		max-width: 620px;
	    margin: 20px auto 40px auto;
	    padding-bottom: 54%;
	    background-size: contain;
	}

	.c-img.bg-build-01-02-05 {
		max-width: 552px;
	    margin: 20px auto 40px auto;
	    padding-bottom: 37%;
	    background-size: contain;
	}

	.c-img.bg-build-01-02-06 {
		max-width: 609px;
	    margin: 20px auto 40px auto;
	    padding-bottom: 54%;
	    background-size: contain;
	}

	.c-img.bg-build-01-02-07 {
		max-width: 603px;
	    margin: 24px auto 50px auto;
	    padding-bottom: 37%;
	    background-size: contain;
	}

	/* 부력방지앵커 */
	/* sub03_01(시공순서) */
	.c-img.bg-build-03-01-01 {
	    max-width: 474px;
		padding-bottom: 47%;
		background-size: contain;
	}
	
	.c-img.bg-build-03-01-02 {
		max-width: 670px;
	    padding-bottom: 98%;
    	background-size: contain;
	}
}

/* 모바일 */
@media(max-width: 767px) {

	.album-item-title .m-top{
		margin-top: 10px;
	}

	.album-info{
		padding: 0 20px;
		line-height: 1.5;
	}

	.album-item-img{
		padding-bottom: 60%;
        background-size: cover;
		
	}

	.album-item-img2{
		width: 70%;
		padding-bottom: 118%;
    	background-size: contain;
		margin-left: 28px;
	}

	.album-item-img.vcerti{
		padding-bottom: 104%;
		background-size: contain;
		background-repeat: no-repeat;
	}

	.bg-company-pri{
		margin-top: 0;
	}
	.org-img{
		width: 100%;
	}

	.company-wrap.sub01 .fl-r .c-img-area{
		max-height: 100%;
	}
	.bg-company-pri{
		width: 100%;
	    height: 100%;
	}

	.col-40.fl-l.p20{
		padding: 20px;
	}

	.c-img-area.certi {
		overflow-x: auto;      /* 가로 스크롤 허용 */
		white-space: nowrap;   /* 줄바꿈 없이 가로로 유지 */
	}

	.c-img-area.certi img {
		display: inline-block;
		min-width: 900px;       /* 또는 원래 크기 */
		height: auto;
	}

	.history-pc{
		display: none;
	}
	.history-mo{
		display: block;
	}

	.cert-list .c-img.ceo{
		padding-bottom: 124%;
	}
    
	.c-img.bg-company-03.damper{
		padding-bottom: 62%;
		background-size: cover;
	}

	.album-item-img.product{
		background-size: auto;
		padding-bottom: 85%;
	}
	.album-item-img.product2{
		background-size: auto;
		padding-bottom: 60%;
		margin-bottom: 20px;
	}

	.album-item-title{
		padding: 0;
	}

    /* sub01(CEO인사말) */
	.company-wrap.sub01 .fl-r,
	.company-wrap.sub01 .fl-l {
		float: none;
		width: 100%;
	}

	.ceo-desc {
		padding: 0;
	}

	/* sub02(연혁) */
	.history-item {
		padding: 20px 0 30px 0;
	}

	.history-item:first-child {
		padding-top: 0;
	}

	.history-item:last-child {
		padding-bottom: 0;
	}

	.history-range {
	    position: relative;
	    left: 0;
	    top: 0;
	    -ms-transform: translate(0, 0);
	    -webkit-transform: translate(0, 0);
	    -moz-transform: translate(0, 0);
	    -o-transform: translate(0, 0);
	    transform: translate(0, 0);
	    padding: 10px 0;
	    text-align: left;
	}

	.history-range span {
		width: auto;
		font: 600 26px 'scd';
	}

	.history-range span:nth-of-type(2) {
	    -ms-transform: rotate(12deg);
	    -webkit-transform: rotate(12deg);
	    -moz-transform: rotate(12deg);
	    -o-transform: rotate(12deg);
	    transform: rotate(12deg);
		margin: 0 10px;
	}

	.history-table {
	    width: 100%;
	    margin-left: 0;
	}

	/* sub03(조직도) */
	.company-org-title > h3,
	.company-org-title > p {
		font: 400 22px 'Noto Sans KR';
	}

	.company-org-title > p {
		font-weight: 200;
	}

	/* sub04(사업분야) */
	.c-img-list {
		padding: 0 0 30px 0;
	}

	.c-section:last-child .c-img-list {
		padding: 0 0 10px 0;
	}

	.c-img-list .c-img {
		display: inline-block;
		float: none;
		width: 100%;
		padding-bottom: 65%;
		margin: 7.5px 0;
	}

	.c-img-list .c-img:nth-of-type(2) {
		margin: 7.5px 0;
	}

	/* sub05(SEEE공법) */
	.company-wrap.sub05 .col-38,
	.company-wrap.sub05 .col-62 {
		float: none;
		width: 100%;
	}

	.bg-seee.c-img {
		padding-bottom: 57%;
	}

	.seee-desc {
		padding: 15px 0 0 0;
	}

	.see-desc2 {
		padding: 25px 0;
	}

	/* sub06(찾아오시는길) */
	.company-wrap.sub06 .col-50 {
		float: none;
		width: 100%;
	}

	.c-loc {
		padding: 15px 0 0 0;
	}

	.c-loc h4 {
		padding: 0 0 6px 0;
		font: 500 16px 'Noto Sans KR';
	}

	.c-loc p {
		padding: 0 0 6px 0;
		font: 400 15px 'Noto Sans KR';
	}

	.c-loc p > strong {
		padding: 0 6px 0 0;
		font-weight: 500;
	}

	.c-loc p:nth-of-type(1) {
		padding: 0 0 12px 0;
		font-size: 14px;
	}

	/* 연구개발 */
	/* sub03(기업인증서) */
	.cert-list .c-img {
		display: inline-block;
		float: none;
		width: 100%;
		margin: 7.5px 0;
		padding-bottom: 118%;
	}

	.cert-list .c-img:nth-of-type(2) {
		margin: 7.5px 0;
	}

	/* sub01_02(제원) */
	.c-img.bg-build-01-02-01 {
	    padding-bottom: 80%;
	}

	/* sub01_04(제작공정) */
	.build-wrap.sub01-04 {
		padding-top: 10px;
	}

	.c-img.bg-build-02-01-02 {
		max-width: 100%;
	    margin: 0 auto;
	    padding-bottom: 60%;
	}

	.c-img.bg-build-02-01-03 {
		max-width: 100%;
	    margin: 0 auto 20px auto;
	    padding-bottom: 60%;
	}



	/* 추가 */
	.c-img.bg-build-01-02-02 {
		max-width: 100%;
	    padding-bottom: 95%;
	}

	.c-img.bg-build-01-02-03 {
		max-width: 100%;
	    padding-bottom: 68%;
	}

	.c-img.bg-build-01-02-04 {
		max-width: 100%;
	    padding-bottom: 89%;
	}

	.c-img.bg-build-01-02-05 {
		max-width: 100%;
	    padding-bottom: 69%;
	}

	.c-img.bg-build-01-02-06 {
		max-width: 100%;
	    padding-bottom: 90%;
	}

	.c-img.bg-build-01-02-07 {
		max-width: 100%;
	    padding-bottom: 61%;
	}

	/* 타이케이블 */
	.c-img.bg-build-04-01-02 {
		max-width: 100%;
		margin: 0 auto 20px auto;
		padding-bottom: 60%;
	}

	.c-img.bg-build-04-01-03 {
		max-width: 100%;
		margin: 0 auto 20px auto;
		padding-bottom: 60%;
	}

	.c-img.bg-build-07-01-03,
	.c-img.bg-build-07-01-04,
	.c-img.bg-build-07-01-05 {
		max-width: 100%;
		padding-bottom: 60%;
	}

	/* SA-NET */
	/* sub08_02(형식) */
	.type-list {
		padding: 0 20px;
	}

	.type-list > li {
		float: none;
		width: 100%;
		padding: 15px 25px;
		min-height: auto;
	}

	.c-img-list.type2 li,
	.c-img-list.type2 li:nth-of-type(3n-1) {
		float: none;
		width: 100%;
		margin: 10px 0;
	}

	.c-img-list.type2 li:nth-of-type(3n-2) {
		margin-top: 20px;
	}

	
	/* 자료실 */
	.dataroom-list li,
	.dataroom-list li:nth-of-type(3n-1) {
		width: 100%;
		margin: 15px 0;
	}

	/* 고객지원(부서별문의) */
	.cs-p {
		font-size: 14px !important;
	}

	.cs-p > strong {
		display: inline-block;
		padding-right: 8px;
		margin-bottom: 4px;
	}

	.cs-p > strong:last-child {
		padding: 0;
	}

	.cs-p > span {
		display: inline-block;
	}

	.cs-p > br {
		display: block;
	}

	.cs-p > i {
		display: none;
	}

	.table-styleB.cs-table-01 {
		margin-bottom: 30px;
	}

	.cs-info {
		padding: 15px 0 0 0;
	}
}

/* 모바일 가로화면 */
@media (min-width: 500px) and (max-width: 768px) {

	/* 자료실 */
	.dataroom-list li,
	.dataroom-list li:nth-of-type(3n-1) {
		float: left;
		width: calc(50% - 7.5px);
		margin: 15px 0;
	}

	.dataroom-list li:nth-of-type(2n-1) {
		margin-right: 7.5px;
	}

	.dataroom-list li:nth-of-type(2n) {
		margin-left: 7.5px;
	}
}

/* PC */
@media(min-width: 1023px) {

	.history-mo{
		display: none;
	}

	.album-item.certi{
		width: 221px;
		height: 312px;
		margin-bottom: 70px;
	} 

	.album-item.certi.landscape{
		cursor: default;
    	width: 291px;
    	height: 206px;
    	margin-top: 117px;
	} 

	.company-org-img.history-pc{
		padding:0;
	}
    
    /* 호버 효과 */
    .c-loc a {
        background-image: linear-gradient(to left, transparent, transparent 50%, #146bba 50%, #146bba);
    }

    .c-loc a:hover {
        background-position: 0 0;
        color: #FFF;
    }

    .c-loc a:hover:after {
    	/*right: 10px;*/
    	border-top: 1.5px solid #FFF;
    	border-right: 1.5px solid #FFF;
    }

	.c-link > p > a:hover:after {
		content: '';
		right: -15px;
	}

	/* 자료실 다운로드 호버 */
	.data-download > p {
		background-image: linear-gradient(to left, transparent, transparent 50%, #333 50%, #333);
	}

	.data-download > p:hover {
		background-position: 0 0;
		color: #FFF;
	}

	.data-download > p:hover:before {
		background: transparent url('../img/icons/ico-file-hover.png') 50% 50%/100% 100% no-repeat;
	}






}