@charset "utf-8";
/**
회사소개
**/
/* 주요실적 */
.companyType1 {margin-top:120px;}
.storyCon2 {margin-left:280px; font-size: 0;}
.storyCon2 dl{overflow:hidden; display: inline-block; width: 50%; vertical-align: top; margin:0 0 97px; box-sizing: border-box; padding-right: 140px;}
.storyCon2 dl:first-child{margin-top:5px;}
.storyCon2 dt{padding-left:14px;font-family:'saira';font-size:62px;font-weight:300;line-height:97px;background:url('/images/introduce/storyDot.png') no-repeat left 11px / 10px auto;}
.storyCon2 dd{}
.storyCon2 dd ul{margin-top:12px;}
.storyCon2 dd li{position:relative;margin:21px 0 0 15.5px;font-size:19px;font-weight:300;line-height:34px;color:#000;}
.storyCon2 dd span{display: block; color:#3a9446; font-weight: bold;}
.conBox .morebtn {margin:120px auto 0; display:block;width:201px;text-align:center;border:1px solid #047d42;color:#047d42; box-sizing:border-box;border-radius:5px;background:#fff;
	transition:all 0.3s ease; font-size:15px;line-height:57px;}
.conBox .morebtn:hover{background:#047d42; color:#fff;}
.conBox .morebtn.mat0 { margin-top: 0;}

.certifyCon { font-size: 0;}
.certify_title{ font-size:30px; font-weight:bold; line-height:1.5; margin:30px 0 -26px; color:#a8a8a8;}
.certifyCon .item { width:30%; max-width: 437px; display: inline-block; margin: 60px 3.3%/*5%*/ 0 0;}
.certifyCon .item .txt {margin-top: 30px;}
.certifyCon .item .txt li { font-size: 19px; line-height: 160%; font-weight: 300;}
.certifyCon .item:nth-child(3n+3) {/*margin-right: 0;*/}

@media ( max-width:1920px){
    .certifyCon .item .txt li { font-size: 1.2vw;}
}


/**
채용정보
**/
.hrType1 {margin-top: 89px;}
.leftTile {font-size:23px;font-weight:500;line-height:34px;}
.leftTile.absolute { position: absolute;}
.hrType1 .icoBox {margin-top: 52px; font-size: 0; text-align: center;}
.hrType1 .icoBox li { position: relative; margin-bottom:5px; display: inline-block; padding:0 3.3%; text-align: center; position: relative; box-sizing: border-box;max-width: 30%; vertical-align: top;}
.hrType1 .icoBox li:before { content: ''; display: inline-block; position: absolute; left: -3.3%; top: 82px; width: 8px; height: 8px; background-color: #047d42; border-radius: 8px;transform:translateY(-50%);}
.hrType1 .icoBox li i {position: relative; max-width: 165px; display: inline-block;}
.hrType1 .icoBox li:first-child::before {display: none;}

.hrType1 .icoBox li .tit { margin-top: 15px; line-height: 28px; font-size: 21px; font-weight: 400;}
.hrType1 .icoBox li .txt { margin-top: 14px; font-size: 17px; line-height: 26px; color: #7d7d7d;}
.hrType1 .icoBox li .txt2 { margin-top: 24px; font-size: 15px; line-height: 24px; color: #111;}

.hrType1 .benebitIco li { margin-bottom: 100px;}
.hrType1 .benebitIco li:nth-child(3n+1)::before { display: none;}
.hrType1 .benebitIco li .txt { max-width: 86%; margin: 14px auto 0;}
.hrType1 .benebitIco li .txt2 { max-width: 86%; margin: 24px auto 0;}
.hrType1 .benebitIco li .txt .bold { display: block; font-size: 17px; line-height: 26px; color: #111;}

.people {max-width:1260px; margin:146px auto 0; padding-top: 146px; background:url('/images/hr/hrType2.png') no-repeat center top; background-size: contain}
.hrType2 .wrapType { text-align: center;  margin-top: 180px;}
.wrapType .titBox {position: relative;}
.wrapType .titBox::before { content:''; display: block;margin: 0 auto 25px; width: 33px; height: 3px; background:#047d42; }
.hrType2 .wrapType .smallTit { font-family: 'Saira'; font-size: 17px;}
.hrType2 .wrapType .bigTit { font-size: 44px; font-weight: 500; line-height: 160%; margin-top: 10px;}
.hrType2 .wrapType .txt { font-size: 19px; font-weight: 300; line-height: 160%; margin-top: 30px;}
.hrType2 .wrapType .pc_block { display: block;}
.hrType2 .wrapType .imgBox {display: block; max-width: 511px; margin: 100px auto 0;} 
.hrType2 .wrapType .imgBox { width: 100%; }
.hrType2 .wrapType1 { margin-top: 0;}

.hrType3 .wrapType { text-align: center;  margin-top: 140px;}
.hrType3 .wrapType .smallTit {font-size: 17px;}
.hrType3 .wrapType .bigTit { font-size: 44px; font-weight: 500; line-height: 65px; margin-top: 12px;}
.hrType3 .wrapType .txt { font-size: 19px; font-weight: 300; line-height: 160%; margin-top: 30px;}
.hrType3 .wrapType .pc_block { display: block;}
.hrType3 .wrapType .imgBox {display: block; max-width: 511px; margin: 100px auto 0;} 
.hrType3 .wrapType .imgBox { width: 100%; }
.hrType3 .wrapType1 { margin-top: 50px;}

.pc_block {display: block;}
strong.pc_block {font-weight: 300;}
.fw_normal {font-weight: normal;}
.c_green {color: #047d42;}
.conBox .morebtn {margin:120px auto 0; display:block;width:201px;text-align:center;border:1px solid #047d42;color:#047d42; box-sizing:border-box;border-radius:5px;background:#fff; transition:all 0.3s ease; font-size:15px;line-height:57px;}
.conBox .morebtn:hover{background:#047d42; color:#fff;}
.conBox .morebtn.mat0 { margin-top: 0;}

/* 주요해외사업 */
.storyCon3{margin-left:280px;}
.storyCon3 dl{overflow: hidden; display: inline-block; width: 50%; vertical-align: top; margin-bottom: 100px; float: left;}
.storyCon3 dt{padding-left:14px;font-family:'saira';font-size:62px;font-weight:300;line-height:97px;background:url('/images/introduce/storyDot.png') no-repeat left 11px / 10px auto;}
.storyCon3 dd{padding-left: 14px;margin-top: 12px;}
.storyCon3 dd li{position: relative; padding-left: 40px; font-size: 19px;  font-weight: 300; line-height: 1.58; color: #000; margin-top: 16px;}
.storyCon3 dd li:first-child {margin-top: 0;}
.storyCon3 dd span{position:absolute;left:0;top:0;color:#3a9446;}

/* 연구분야 */
.storyCon4{margin-left:280px;}
.storyCon4 dl{overflow: hidden; display: inline-block; width: 50%; vertical-align: top; margin-bottom: 100px; float: left;}
.storyCon4 dt{padding-left:14px;font-family:'saira';font-size:62px;font-weight:300;line-height:97px;background:url('/images/introduce/storyDot.png') no-repeat left 11px / 10px auto;}
.storyCon4 dd{padding-left: 14px;margin-top: 12px;}
.storyCon4 dd li{position: relative; font-size: 19px;  font-weight: 300; line-height: 1.58; color: #000; margin-top: 16px; padding-left: 10px;}
.storyCon4 dd li:first-child {margin-top: 0;}
.storyCon4 dd li::before {position: absolute; content: ""; width: 5px; height: 1px; background: #000; top: 15px; left: 0;}
.storyCon4 dd span{position:absolute;left:0;top:0;color:#3a9446;}

/* 지적재산권현황 */
.propertyCon { font-size: 0;}
.propertyCon .item { width:30%; max-width: 437px; display: inline-block; margin: 60px 5% 0 0; vertical-align: top;}
.propertyCon .item .txt {margin-top: 34px;}
.propertyCon .item .txt li { font-size: 19px; line-height: 160%; font-weight: 300;}
.propertyCon .item:nth-child(3n+1) {margin-right: 0;}

/** 
채용정보 
**/

/* 채용절차 */
.prcdWrap .leftTile {font-size: 23px; font-weight: 500; line-height: 34px;}
.prcdWrap .filebtn {display: inline-block; width: 294px; margin-top: 100px; text-align: center; border: 1px solid #047d42; box-sizing: border-box; border-radius: 5px;background: #fff;  transition: all 0.3s ease;}
.prcdWrap .filebtn span {display: inline-block; padding-left: 24px; font-size: 15px; line-height: 69px; color: #047d42; background: url(/images/introduce/ciBtn.png) no-repeat left center / 14px auto;   transition: all 0.3s ease;}
.prcdWrap .filebtn:hover{background:#047d42;}
.prcdWrap .filebtn:hover span{color:#fff;background-image:url('/images/introduce/ciBtnOver.png');}
.prcdWrap > div {margin-top: 140px;}
.prcdWrap > div:first-child {margin-top: 144px;}
.prcdWrap .prCon1 ul {font-size: 0; text-align: center; margin-top: 60px;}
.prcdWrap .prCon1 ul::after {display: block; content: ""; clear: both; height: 0;}
.prcdWrap .prCon1 li {display: inline-block; margin: 0 84px 30px 0; text-align: center; position: relative; vertical-align: top;}
.prcdWrap .prCon1 li:first-child {margin-left: 0;}
.prcdWrap .prCon1 li:last-child {margin-right: 0;}
.prcdWrap .prCon1 li i {position: relative; background: url("/images/hr/prcd_ico1.png") no-repeat; background-size: cover;  width: 132px; height: 132px; display: inline-block;}
.prcdWrap .prCon1 .item2 i {background-image: url("/images/hr/prcd_ico2.png");}
.prcdWrap .prCon1 .item3 i {background-image: url("/images/hr/prcd_ico3.png");}
.prcdWrap .prCon1 .item4 i {background-image: url("/images/hr/prcd_ico4.png");}
.prcdWrap .prCon1 .item5 i {background-image: url("/images/hr/prcd_ico5.png");}
.prcdWrap .prCon1 .item6 i {background-image: url("/images/hr/prcd_ico6.png");}
.prcdWrap .prCon1 .item7 i {background-image: url("/images/hr/prcd_ico7.png");}
.prcdWrap .prCon1 li i::before {position: absolute; content: ""; width: 13px; height: 19px; background: url("/images/hr/prcd_arw.png") no-repeat center/cover; top: 50%; transform: translateY(-50%); right: -50.5px;}
.prcdWrap .prCon1 li:last-child i::before {display: none;}
.prcdWrap .prCon1 ul .tit {margin-top: 30px; font-size: 21px; font-weight: normal; line-height: 28px;}
.prcdWrap .txt_box {text-align: center; margin-top: 100px;}
.prcdWrap .txt_box .prtext1 {font-size: 44px; line-height: 65px; font-weight: 500;}
.prcdWrap .txt_box .prtext2 {margin-top: 30px; font-size: 19px;  line-height: 30px; font-weight: 300;}

.prcdWrap .itembox {border-top: 2px solid #111; border-bottom: 2px solid #111; margin-top: 50px;}
.prcdWrap .itembox::after, .prcdWrap .item::after {display: block; content: ""; clear: both; height: 0;}
.prcdWrap .itembox .item {padding: 40px 0 40px 150px; border-top: 1px solid #a8a8a8;}
.prcdWrap .itembox .item:first-child {border: 0;}
.prcdWrap .itembox .item .ti {width: 130px; margin-right: 42.5px; display: inline-block; float: left; vertical-align: top; font-size: 24px;font-weight: 500;font-stretch: normal; line-height: 1.5; position: relative;}
.prcdWrap .itembox .item .ti::before {content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 27px; background: #111;}
.prcdWrap .itembox .item .desc {width: calc(100% - 172.5px); display: inline-block; float: left; vertical-align: top;}
.prcdWrap .itembox .item .desc li { font-size: 19px; font-weight: 300; line-height: 1.63;}
.prcdWrap .inqbtn {display: inline-block; width: 294px; margin-top: 100px; text-align: center; border-radius: 5px; background: #047d42;}
.prcdWrap .inqbtn span {display: inline-block; font-size: 15px; line-height: 69px; color: #fff;}

@media screen and (max-width: 1000px) {

/**
회사소개
**/

/* 연혁 */
.companyType1 { margin-top: 20px;}
.storyCon2 {margin-left:0;}
.storyCon2 dl{overflow:hidden;margin-bottom:30px; width:100%; padding-right: 0;}
.storyCon2 dl:first-child{margin-top:30px;}
.storyCon2 dt{float:none;padding-left:13px;}
.storyCon2 dd{margin-left:0;}
.storyCon2 dd li{position:relative;margin:10px 0 0;font-size:16px;line-height:26px;}

.conBox .morebtn {margin-top: 30px; width: 189px; line-height: 43px;}
.companyType1 .morebtn:hover{background:#fff; color: #047d42;}
.certifyCon .item { width:100%; margin: 30px 0 0; max-width: 100%;}
.certifyCon .item .txt li { font-size: 16px;}
.leftTile.absolute { position: relative;}
.hrType1 .icoBox { text-align: left; }
.hrType1 .icoBox li { width:100%; max-width:100%; padding-left:100px; text-align: left; margin-bottom: 20px; border-bottom: 1px dotted #ddd; padding-bottom: 20px;}
.hrType1 .icoBox li:last-child {  margin-bottom: 0; }
.hrType1 .icoBox li::before {display: none;}
.hrType1 .icoBox li i {position: absolute; left: 0; top:0; max-width: 80px;}
.hrType1 .icoBox li .tit { margin-top: 0; font-size:18px}
.hrType1 .benebitIco li .txt { max-width:100%; }
.hrType1 .benebitIco li .txt2{ max-width:100%; margin-top: 10px; }
.hrType2 { margin-top: 50px; padding-top: 50px;}
.hrType2 .wrapType { margin-top: 70px;}
.hrType2 .wrapType .pc_block { display: inline;}
.hrType2 .wrapType .bigTit { font-size: 24px;}
.hrType2 .wrapType .txt { font-size: 16px; margin-top: 14px;}
.hrType2 .wrapType .imgBox {margin-top: 50px;}
.hrType3 { margin: 30px 0 50px;}
.hrType3 .wrapType { margin-top: 30px;}
.hrType3 .wrapType .bigTit { font-size:20px; line-height: 30px; }
.hrType3 .wrapType .pc_block { display: inline;}
.hrType3 .wrapType .txt { font-size: 16px;}

.pc_block {display: inline;}
    
/* 주요해외사업 */
.storyCon3 {margin: 30px 0 0;}
.storyCon3 dl{width: 100%; margin-bottom: 30px;}
.storyCon3 dl:last-child {margin-bottom: 0;}
.storyCon3 dd{margin-top: 10px;}
.storyCon3 dd li {font-size: 16px; line-height: 1.63; margin-top: 10px; padding-left: 35px;}

/* 연구분야 */
.storyCon4 {margin: 30px 0 0;}
.storyCon4 dl{width: 100%; margin-bottom: 30px;}
.storyCon4 dl:last-child {margin-bottom: 0;}
.storyCon4 dd{margin-top: 10px;}
.storyCon4 dd li {font-size: 16px; line-height: 1.63; margin-top: 10px;}


/* 지적재산권현황 */   
.propertyCon .item { width:100%; margin: 30px 0 0; max-width: 100%;}
.propertyCon .item .txt li { font-size: 16px;}

/** 
채용정보 
**/

/* 채용절차 */
.prcdWrap > div {margin-top: 64px;}
.prcdWrap > div:first-child {margin-top: 40px;}
.prcdWrap .prCon1 .ico_box { margin-top: 30px;}
.prcdWrap .prCon1 li {display: block;margin: 0 0 30px; box-sizing: border-box; width:100%;max-width:100%;padding-left:100px;text-align: left;border: 1px dotted #ddd;padding:8px;}
.prcdWrap .prCon1 li::before {position: absolute; content: ""; position: absolute; content: ""; width: 13px; height: 19px; background:#fff url("/images/hr/prcd_arw.png") no-repeat center/cover; left: 50%; transform: translateX(-50%) rotate(90deg); bottom: -25px;}
.prcdWrap .prCon1 li:last-child {margin-bottom: 0;}
.prcdWrap .prCon1 li:last-child::before {display: none;}
/* .prcdWrap .prCon1 li::before {display: none;} */
.prcdWrap .prCon1 li i {position: absolute;left: 10px;top:50%;transform: translateY(-50%);max-width: 65px;width:65px;height: 65px;}
.prcdWrap .prCon1 li i::before {display: none;}
.prcdWrap .prCon1 ul .tit {margin-top: 0;line-height: 20px;margin-top: 0;padding: 20px 0 20px 80px; font-size: 16px;}
.prcdWrap .txt_box, .prcdWrap .itembox, .prcdWrap .prCon1 ul {margin-top: 20px;}
.prcdWrap .txt_box .prtext1 {font-size: 24px; line-height: 1.6;}
.prcdWrap .txt_box .prtext2 {font-size: 16px; line-height: 1.6; margin-top: 12px;}
.prcdWrap .itembox .item {padding: 20px 0 20px 0;}
.prcdWrap .itembox .item .ti {font-size: 18px; width: 85px; margin-right: 18px;}
.prcdWrap .itembox .item .ti::before {height: 20px;}
.prcdWrap .itembox .item .desc { width: calc(100% - 103px);}
.prcdWrap .itembox .item .desc li {font-size: 16px; margin-top: 12px;}
.prcdWrap .itembox .item .desc li:first-child {margin-top: 0;}
.prcdWrap .inqbtn, .prcdWrap .filebtn{margin-top: 20px; width: 189px;}
.prcdWrap .inqbtn span, .prcdWrap .filebtn span { line-height: 43px;}



}