@charset "utf-8"; /*기술공모*/
.nidea1 i { background-image:url(../img/tech/nidea1.png); height:26.3rem; width:100%; background-size:contain; background-repeat:no-repeat; background-position:bottom center; } 
.nidea2 i { background-image:url(../img/tech/nida2.png); height:26.3rem; width:100%; background-size:contain; background-repeat:no-repeat; background-position:bottom center; } 
.nidea-content1 { margin-top:8rem; } 
.nidea1-step { margin-top:4rem; margin-bottom:5rem; } 
.nidea1-step ul { display:flex; } 
.nidea1-step ul li { width:25%; background-image:url(../img/icon-next.png); background-position:center right 25%; background-size:auto; background-repeat:no-repeat; } 
.nidea1-step ul li:last-child { background-image:none; } 
.nidea1-step ul li>span { font-size:1.2rem; font-weight:700; color:#133f75; } 
.nidea1-step ul li p { font-size:2.4rem; } 
.nidea1-step ul li p span { font-size:1.6rem; display:block; line-height:2.4rem; } 
.nidea1-step ul li i { width:7rem; height:7rem; display:block; margin-top:0.8rem; margin-bottom:1.3rem; background-size:contain; background-position:center; background-repeat:no-repeat; } 
.n-icon-step1 { background-image:url(https://www.hdec.kr/common/img/tech/n-icon-step1.svg); } 
.n-icon-step2 { background-image:url(https://www.hdec.kr/common/img/tech/n-icon-step2.svg); } 
.n-icon-step3 { background-image:url(https://www.hdec.kr/common/img/tech/n-icon-step3.svg); } 
.n-icon-step4 { background-image:url(https://www.hdec.kr/common/img/tech/n-icon-step4.svg); } 
.n-icon-step5 { background-image:url(https://www.hdec.kr/common/img/tech/n-icon-step5.svg); } 
.n-icon-step6 { background-image:url(https://www.hdec.kr/common/img/tech/n-icon-step6.svg); } 
.nidea-tel { display:flex; margin-bottom:6rem; margin-top:2rem; } 
.nidea-tel span { display:block; margin-bottom:1rem; } 
.nidea-tel span::after { content:""; width:0.2rem; height:1rem; background-color:#f1f1f1; margin-left:2rem; margin-right:2rem; display:inline-block; } 
.nidea-tel span:last-child::after { content:none; } 
.nidea-btn-group { margin-bottom:5rem; } 
.nidea-btn-group p strong { color:#133f75; } 
.nidea-btn-group a { margin-right:1rem; } 
.nidea-btn-group-mtext { margin-bottom:5rem; display:none; } 
.nidea-btn-group-mtext p strong { color:#133f75; } 
.nidea-content2 { margin-top:4rem; margin-bottom:15rem; } 
.nidea-content2 ul { border-top:1px solid #ccc; } 
.nidea-content2 ul ul { border-top:0; margin-top:1rem; margin-bottom:2rem; } 
.nidea-content2 ul>li { border-bottom:1px solid #ccc; padding-top:4rem; padding-bottom:4rem; } 
.nidea-content2 ul>li:last-child { border-bottom:0; } 
.nidea-content2 ul>li li { border-bottom:0; padding-top:0; padding-bottom:0; } 
.nidea-content2 ul>li li li { margin-bottom:0; font-size:1.6rem; } 
.nidea-content2 ul>li>dl { display:flex; margin-bottom:1rem; width:100%; } 
.nidea-content2 ul>li>dl:last-child { margin-bottom:0; } 
.nidea-content2 ul>li>dl dt { position:relative; width:20%; } 
.nidea-content2 ul>li>dl dd { width:80%; } 
.nidea-content2 ul>li>dl dt::after { content:""; display:inline-block; width:0.1rem; height:1.5rem; background-color:#ccc; margin-left:5rem; margin-right:5rem; } 
.nidea-content-count li { margin-bottom:4rem; } 
.nidea-content-count li:last-child { margin-bottom:0; } 
.nidea-content-count li h4 { margin-bottom:1rem; } 
.nidea-content-inner { width:100%; display:flex; justify-content:space-between; } 
.nidea-content-inner .sup { font-size:1.3rem; } 
.nidea-content-inner>div+div ul { margin-bottom:1rem; } 
.nidea-content2 ul>li:nth-child(3) li,.nidea-content2 ul>li:nth-child(4) li { padding:0; margin-bottom:0; } 
.nidea-content2 ul>li:nth-child(3) li h4,.nidea-content2 ul>li:nth-child(4) li h4 { font-weight:400; } 
.nidea-content2 ul>li:nth-child(3) li ul,.nidea-content2 ul>li:nth-child(4) li ul { margin-bottom:0; } 
.nidea2-content { padding-bottom:4rem; margin-bottom: 4rem; } 

/*차트*/
.chart-warp { display:flex; justify-content:space-between; } 
.chart-warp.chart-one { border:1px solid #ccc; } 
.chart-warp.chart-one .chart-box .chart-inner { border:0; padding:0rem; min-height:32rem; } 
.chart-warp .chart-box { width:100%; } 
.chart-warp .chart-box+.chart-box { margin-left:3rem; } 
.chart-warp .chart-box .chart-inner { border:1px solid #ccc; padding:3.8rem; min-height:25rem; } 
.chart-warp .chart-box .chart-inner>div { justify-content:space-between; } 
.chart-item { position:relative; height:35rem; } 
.chart-item-contribute { height:50rem; } 
.chart-warp .chart-box .chart-inner h4 { text-align:center; font-size:1.6rem; color:#000; margin-bottom:4rem; } 
.chart-text { display:flex; align-items:center; margin-left:10rem; } 

.chart-text dl dt { font-size:2rem; color:#000; text-align:right; margin-bottom:1rem; letter-spacing:-0.1rem; } 
.chart-text dl dd { text-align:right; margin-bottom:2rem; } 
.chart-text dl dd p,.chart-text dl dd { color:#133f75; font-size:3rem; font-weight:300; } 
.chart-text dl dd em,.chart-text dl dd span { font-size:1.4rem; color:#000; font-weight:400; display:inline-block; } 
.chart-text dl dd span { display:block; } 
.chart-text dl dd:last-child { margin-bottom:0; } 
.pai-cart { min-height:33rem; } 
@media only all and (max-width:714px){
 .chart-item { height:40rem; } 
 }
@media only all and (max-width:714px){
 .chart-item-environ { height:40rem !important; } 
 }
@media only all and (max-width:1040px){
 .chart-item-contribute { height: 70rem; } 
 }
/*프로젝트 키비쥬얼 아이콘*/
/*.key-visual i { bottom:3.5rem; z-index:4; left:0; position:absolute; display:block; background-repeat: no-repeat; } */
.key-visual i { position:relative; background-size:contain; display:block; z-index:4; width:100%; background-repeat:no-repeat; background-position:center; margin-bottom:-1.5rem; } 
.infrastructure { background-image:url(https://www.hdec.kr/common/img/projects/infrastructure.svg); width:20rem; height:12.9rem; } 
.buld { background-image:url(https://www.hdec.kr/common/img/projects/buld.svg); width:11.6rem; height:12.9rem; } 
.housing { background-image:url(https://www.hdec.kr/common/img/projects/housing.svg); width:11.6rem; height:12.9rem; } 
.plant { background-image:url(https://www.hdec.kr/common/img/projects/plant.svg); width:11.6rem; height:12.9rem; } 
.energy { background-image:url(https://www.hdec.kr/common/img/projects/energy.svg); width:11.6rem; height: 12.9rem; } 

.dart_iframe { width:750px; height:930px; min-height: 930px; } 

/*인재상*/
.talent-content { margin-top:3rem; } 
.talent-content ul { display:flex; justify-content:space-between; } 
.talent-content ul li { width:28%; text-align:center; } 
.talent-content ul li div { display:flex; justify-content:center; } 
.talent-content ul li dl dt { font-size:2.4rem; margin-bottom:1.5rem; margin-top:1.5rem; } 
.talent-content ul li dl dd { font-size:1.6rem; line-height:2.4rem; } 
.talent1 i,.talent2 i,.talent3 i { width:15rem; height:14rem; background-size:contain; background-repeat:no-repeat; background-position:center; margin:3rem 0; } 
.talent1 i { background-image:url(../../assets/img/career/talent1.png); } 
.talent2 i { background-image:url(../../assets/img/career/talent2.png); } 
.talent3 i { background-image: url(../../assets/img/career/talent3.png); } 

.address-box { display:flex; flex-wrap:wrap; margin-top:4rem; height:10rem; margin-bottom:5rem; align-content:flex-start; } 
.address-box.w100 { display:block; height:inherit; } 
.address-box.w100 dl { width:100%; } 
.address-box.w100 dl { line-height:2.4rem; } 
.address-box dl { width:50%; margin-bottom:0rem; display:flex; line-height:2.4rem; height:4.7rem; justify-content:space-between; } 
.address-box.institute-map dl { justify-content:start; } 
.address-box.institute-map dl dt { width:20%; } 
.address-box dl dt { width:9rem; font-weight:700; } 
.address-box dl dt::before { content:"ㆍ"; display:inline-block; } 
.address-box dl dd { width:35rem; } 
.address-box dl dd:lang(en) { padding-left:1.5rem; width:auto; } 
.inst1 { height:25.3rem; width:100%; display:block; background-image:url(../img/career/inst1.png); background-repeat:no-repeat; background-position:center; background-size:auto; } 
.inst1:lang(en) { height:25.3rem; width:100%; display:block; background-image:url(../img/career/inst1-en.html); background-repeat:no-repeat; background-position:center; background-size: auto; } 

/* 비전*/
.visi1 { margin-top:4rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background-image:url(../img/company/visi1.png); height:30rem; background-position:center; background-repeat:no-repeat; background-size:cover; } 
.visi1 dt { font-size:3.4rem; margin-bottom:1.5rem; } 
.visi1 dt,.visi1 dd { color:#fff; width:100%; text-align:center; line-height:2.4rem; } 
.contribute_vision { margin-top:4rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background-image:url(../img/invest/contribute_vision.png); height:37.9rem; background-position:center; background-repeat:no-repeat; background-size:cover; } 
.contribute_vision p { font-size:2.3rem; margin-bottom:1.5rem; color:#fff; width:100%; text-align:center; line-height:3rem; } 
.contribute_vision dt { font-size:6rem; margin-bottom:1.5rem; line-height:6rem; color:#fff; width:100%; text-align:center; } 
.contribute_vision dd { color:#fff; width:100%; text-align:center; font-size:4.5rem; line-height:4.5rem; } 
.visi-group { margin-top:3rem; margin-bottom:3rem; display:flex; justify-content:space-between; } 
.visi-group dl { width:100%; position:relative; display:block; border-right:1px solid #ccc; padding-left:4rem; padding-right:2rem; background-size:auto; background-position:top left; background-repeat:no-repeat; } 
.visi-group dl:first-child { padding-left:2.5rem; } 
.visi-group dl:last-child { border-right:0; } 
.visi-group dl::before { content:" "; display:block; width:12rem; background-repeat:no-repeat; position:absolute; right:0; top:0; display:block; height:12.4rem; } 
.visi-group dl:lang(en)::before { content:""; height:6.4rem; width:9rem; } 
/*.visi-group dl.visi2::before { background-image:url(/common/img/company/visi2.svg); } .visi-group dl.visi3::before { background-image:url(/common/img/company/visi3.svg) } .visi-group dl.visi4::before { background-image: url(/common/img/company/visi4.svg) } */
.visi-group dl dt { font-size:2.7rem; font-weight:600; color:#133f75; margin-bottom:2rem; text-align:center; } 
.visi-group dl dt span { font-size:1.8rem; font-weight:500; } 
.visi-group dl dd { font-size:1.8rem; line-height:2.4rem; text-align:center; } 
.video-warp { width:100%; max-height:900px; } 
.video-warp .video-container { position:relative; width:100%; height:auto; padding-bottom:56.25%; background-color:#e2e2e2; } 
.video-warp .video-container iframe { z-index:1; top:0; left:0; position:absolute; width:100%; height:100%; } 
.video-warp .playpause { background-image:url(../img/company/movie-btn.png); background-repeat:no-repeat; width:6.8rem; height:6.8rem; position:absolute; left:0%; right:0%; top:0%; bottom:0%; margin:auto; background-size:contain; background-position:center; } 
.vidio-content { font-size:1.6rem; margin-top:3rem; margin-bottom:4rem; height:15rem; overflow:auto; border:1px #ddd solid; padding:1.5rem; } 
.com-visi { display:flex; margin-bottom:6rem; } 
.com-visi .title { width:34rem; } 
.com-visi .title p { font-size:2.4rem; margin-top:0rem; } 
.com-visi .conten-list { width:76rem; display:flex; } 
.com-visi .conten-list dl { border-right:1px solid #ccc; padding-right:2rem; padding-left:2rem; } 
.com-visi .conten-list dl:first-child { padding-left:0; } 
.com-visi .conten-list dl:last-child { padding-right:0; border-right:0; } 
.com-visi .conten-list dl dt { color:#133f75; font-size:2.4rem; margin-bottom:1rem; } 
.com-visi .conten-list dl dd { font-size:1.6rem; line-height:2.4rem; } 
.great-company { display:flex; align-items:center; background-image:url(../img/company/visi6.png); height:70rem; width:100%; background-size:cover; background-position:center; background-repeat:no-repeat; } 
.visi5 i { background-image:url(../img/company/visi5.png); height:43rem; width:69.5rem; background-size:contain; background-position:center; background-repeat:no-repeat; } 

.great-content.en { width:60rem; } 
.great-content h2 { color:#fff; margin-bottom:5rem; } 
.great-content h3 { color:#fff; font-size:2.4rem; font-weight:300; } 
.great-content p strong { color:#fff; font-weight:300; font-size:2.4rem; } 
.great-content dl { margin-top:3rem; } 
.great-content dl dt { color:#133f75; margin-bottom:1.1rem; font-weight:600; } 
.great-content dl dd { color:#fff; margin-bottom:0.2rem; } 
.great-content dl dd:nth-child(4n+4) { margin-bottom:2.5rem; } 
.great-company2 { display:flex; margin-top:4rem; margin-bottom:5rem; } 
.great-company2:lang(en) { display:flex; margin-top:2rem; margin-bottom:5rem; } 
.great-company2 dl+dl { margin-left:2.5rem; } 
.great-company2 dl { border:1px solid #ccc; padding:3rem 4rem; width:100%; } 
.great-company2 dl dt { color:#133f75; margin-bottom:1.5rem; } 
.great-company2 dl dd { font-size:1.6rem; line-height:2.4rem; } 
.great-company2 dl dd:lang(en) { display:flex; } 
.great-company2 dl dd::before { content:"ㆍ"; } 
.visi5 { display:flex; align-items:center; } 
.ci-box { display:flex; } 
.ci-box div+div { margin-left:6rem; } 
.ci-inner,.ci-con { width:100%; } 
.ci-inner { border:1px solid #ccc; display:flex; height:42rem; } 
.ci-inner>div { display:flex; width:100%; flex-direction:row; flex-wrap:wrap; justify-content:center; align-self:center; } 
.ci-inner i { display:block; width:35rem; background-size:contain; background-position:center left; background-repeat:no-repeat; height:6.1rem; } 
.ci-inner .e-logo { background-image:url(../img/pr/e-logo.svg); margin-top:6rem; } 
.ci-inner .k-logo { background-image:url(../img/pr/k-logo.svg); } 
.strategy2030 { width:100%; text-align:center; background-image:url(../img/company/visiBG.png); background-position:50% 3.5rem; background-repeat:no-repeat; } 
.strategy2030 h4 { font-size:3.5rem; color:#009999; margin-bottom:6rem; font-weight:600; } 
.strategy2030 .subtit:lang(en) { font-weight:500; } 
.strategy2030 .subtit { width:49%; display:inline-block; font-size:3rem; font-weight:600; color:#0e6e6e; } 
.strategy2030 .subtit span { font-size:1.7rem; color:#8b8b8b; display:block; font-weight:500; line-height:4rem; } 
.strategy2030 .subtit span:lang(en) { font-size:1.5rem; } 
.strategy2030 li { width:17%; display:inline-block; margin-top:5rem; vertical-align:top; margin-right:1rem; } 
.strategy2030 li .listArea { padding:2.5rem 0 0; height:45rem; } 
.strategy2030 li .listArea:lang(en) { padding:2.5rem 0 0; height:33rem; } 
.strategy2030 li p { width:100%; height:6rem; background:#ddd; line-height:6rem; margin-bottom:1rem; color:#fff; font-weight:600; } 
.strategy2030 li p:lang(en) { font-size:1.5rem; } 
.strategy2030 li dl { text-align:left; width:90%; margin:0 auto; } 
.strategy2030 li dt { font-size:1.5rem; font-family:"SUIT-Bold"; } 
.strategy2030 li dt:lang(en) { font-weight:500; font-size:1.6rem; color:#000; } 
.strategy2030 li dd { font-size:1.4rem; margin-bottom:3rem; line-height:2rem; } 
.strategy2030 li .contit01 { background:#1c75bc; } 
.strategy2030 li .contit02 { background:#027d7d; line-height:2rem; padding-top:0.5em; } 
.strategy2030 li .contit03 { background:#00768e; } 
.strategy2030 li .contit04 { background:#7c9640; } 
.strategy2030 li .contit05 { background:#dc6658; } 
.strategy2030 li .conlist01 { border:1px #9ac9bf solid; } 
.strategy2030 li .conlist02 { border:1px #9acbcb solid; } 
.strategy2030 li .conlist03 { border:1px #92c2cb solid; } 
.strategy2030 li .conlist04 { border: 1px #9ac3d8 solid; } 


/*뉴스 리스트 */
#contacTcolumns .noticontents .noti { display:flex; width:21.5rem; align-items:center; padding-left:2rem; padding-right:2rem; } 
#contacTcolumns .noticontents>div { width:60%; font-size:1.6rem; } 
#contacTcolumns .noticontents .noti-day { width:25rem; margin-left:auto; padding-right:2rem; padding-left:2rem; justify-content:flex-end; align-items:center; display: flex; } 

.no_data { width:100%; height:30rem; display:flex; align-items:center; justify-content:center; } 

/*키비쥬얼*/
/* 회사소개 */
.a-a { background-image:url(../img/company/a-a.jpg); } 
.a-b { background-image:url(../img/company/a-b.jpg); } 
.a-c { background-image:url(../img/company/a-c.jpg); } 
.a-d { background-image: url(../img/company/a-d.jpg); } 
/* 사업소개 수행실적 */
.b-a { background-image:url(../img/business/b-a.jpg); } 
.b-b { background-image:url(../img/business/b-b.jpg); } 
.b-c { background-image:url(../img/business/b-c.jpg); } 
.b-d { background-image:url(../img/business/b-d.jpg); } 
.b-e { background-image:url(../img/business/b-e.jpg); } 
.c-a { background-image:url(../img/pr/c-a.jpg); } 
.c-b { background-image:url(../img/pr/c-b.jpg); } 
.c-c { background-image:url(../img/pr/c-c.jpg); } 
.d-a { background-image:url(../img/career/d-a.jpg); } 
.d-b { background-image:url(../img/career/d-b.jpg); } 
.d-c { background-image:url(../img/career/d-c.jpg); } 
.career-step i { width:11rem; height:11rem; background-size:contain; background-position:center; background-repeat:no-repeat; } 
.step1 { background-image:url(https://www.hdec.kr/common/img/career/step1.svg); } 
.step2 { background-image:url(https://www.hdec.kr/common/img/career/step2.svg); } 
.step3 { background-image:url(https://www.hdec.kr/common/img/career/step3.svg); } 
.step4 { background-image:url(https://www.hdec.kr/common/img/career/step4.svg); } 
.step5 { background-image:url(https://www.hdec.kr/common/img/career/step5.svg); } 
.step6 { background-image:url(https://www.hdec.kr/common/img/career/step6.svg); } 
.question-icon { background-image:url(https://www.hdec.kr/common/img/career/question-icon.svg); } 
@media only all and (max-width:1400px){
 .d-c-d { background-position:center; } 
 }
.label { width:100%; margin-top:4rem; } 
.label li { width:16%; margin-bottom:1rem; list-style-type:none; display:inline-block; text-align:center; border:1px solid #ddd; padding:1.5rem; position:relative; } 
.label li i { width:9rem; height:9rem; background-repeat:no-repeat; background-position:center; background-size:contain; display:block; margin:1.5rem auto; } 
.label li i.icon1 { background-image:url(https://www.hdec.kr/common/img/etc/policy01.svg); } 
.label li i.icon2 { background-image:url(https://www.hdec.kr/common/img/etc/policy02.svg); } 
.label li i.icon3 { background-image:url(https://www.hdec.kr/common/img/etc/policy03.svg); } 
.label li i.icon4 { background-image:url(https://www.hdec.kr/common/img/etc/policy04.svg); } 
.label li i.icon5 { background-image:url(https://www.hdec.kr/common/img/etc/policy05.svg); } 
.label li i.icon6 { background-image:url(https://www.hdec.kr/common/img/etc/policy06.svg); } 
.label li A:hover,.label li A:link,.label li A:active,.label li A:visited { color:#000; } 
.linkList { width:100%; margin-top:4rem; border:1px solid #ddd; padding:3rem; font-size:1.7rem; } 
.linkList ul { width:33%; display:inline-block; } 
.linkList li { height:3.5rem; } 
.linkList .list01 { width:36%; } 
.linkList .list02 { width:42%; } 
.linkList .list03 { width:21%; } 
.linkList A:hover,.linkList A:link,.linkList A:active,.linkList A:visited { color:#000; } 
.label li .hovering { display:none; } 
.label li:hover { font-weight:700; } 
.label li:hover .hovering { position:absolute; display:block; width:50rem; background:#f6f6f6; z-index:99999; left:0; border:1px solid #ddd; padding:2rem; font-size:1.5rem; color:#000; font-weight:400; text-align:left; margin-top:3rem; } 
.label li:hover .hovering p { font-size:1.6rem; color:#000; font-weight:600; margin-bottom:1rem; } 

.label li:hover .hovering.right00 { right:0; left: calc(100% - 50rem); } 
/*법적고지 */
.e-a-b { background-image: url(../img/company/e-a-b.jpg); } 
/*두드림*/
.dudrim { background-image: url(../img/company/dudrim.jpg); } 
/*개인정보*/
.policy-btnw { flex-wrap:nowrap; margin-top:10px; } 
.policy-btnw a { width:49%; } 
.policy-btnw a+a { margin-left:1rem; } 
.policy .dl-List { margin-bottom:2rem; } 
.policy .dl-List dt { margin-top:2rem; } 
.policy .corp-row { margin-bottom:0; } 
@media only all and (max-width:1199px){
 .zeroT01 i,.zeroT02 i,.zeroT03 i,.zeroT04 i { width:10rem; height:10rem; background-size:contain; background-repeat:no-repeat; background-position:top; display:block; float: none; } 
/*입력폼*/
.write-row dl dd { display:block; } 
.write-row { width:100%; padding-left:2rem; padding-right:2rem; } 
.write-row dl { display:block; margin-bottom:2rem; } 
.write-row dl dt { margin-bottom:1rem; } 
.write-row dl:nth-child(2) dd input,.write-row dl:nth-child(1) dd input { width:100%; } 
.write-row dl dd input { margin-bottom:1rem; } 
.m-inline { display:flex; } 
.m-inline input+span { margin-left:1rem; line-height:4.7rem; } 
.m-inline input+select { margin-left:1rem; height: 4.7rem; } 
/*테이블 반응형*/
.waid-table .table-body li .w-100 dt { margin-bottom:0; } 
.waid-table .table-body li .w-100 { display:flex; } 
.myqna-view .myqna-inner,.question-view-inner { width:100%; padding-left:2rem; padding-right: 2rem; } 
/*안전경영*/
.safery-list .list-img-box { width:inherit; max-width:15%; } 
.safery-list .list-content { max-width:55%; } 
.safery-list .list-btn { margin-left:auto; margin-top:0; } 
.safery-list .news-contents { padding-left:2rem; padding-right: 2rem; } 
/*공정거래*/
.compliance-content1 { display:block; } 
.compliance1 { display: none; } 
/*상생경영*/
.partnership-content2 { flex-wrap:wrap; justify-content:inherit; column-gap:1rem; } 
.partnership-content2 p { margin-bottom:1rem; } 
.partnership-content2 p i { background-size: 100%; } 
/*나눔경영*/
.contribute-content-com p img { width:11.8rem; height:11.8rem; } 
.nidea-content2 ul>li>dl dt { width:20%; } 
.nidea-tel { flex-wrap:wrap; } 
.inter_list li { width:31%; } 
.inter_list li .thumbnail-w { width:100%; height:24rem; overflow: hidden; } 
/*연구비전*/
.rnd-box .rnd-inner { padding-left:0; padding-right: 0; } 
/*그린스마트*/
.green-box { display:block; } 
.green-box .green-inner.left li { margin-bottom:2rem; } 
.green-box .green-inner.right li { width:25%; padding-left:1rem; padding-right:1rem; } 
.green-box .green-inner.right { margin-left:0; width:100%; } 
.ethic-content1 dl { width:50%; } 
.ethic-content1 dl ul.dott-list { margin-top:1.5rem; margin-bottom:3rem; } 
.safery-content1>div { width:30% !important; } 
.safery-content1>div>ul { display:block; } 
.safery-content1>div>ul>li { width:100%; } 
.career-step ul { width:100%; } 
.address-box:lang(en) { display:flex; flex-wrap:wrap; margin-top:8rem; height:28rem; margin-bottom:5rem; flex-direction:column; align-content: flex-start; } 
/*타블릿 테이블 */
/*기업지배구조*/
.overview-table td:nth-child(1) { width:80%; } 
.overview-table td:nth-child(2) { width:20%; text-align:center; } 
.overview-table table tr { margin-bottom:0; border-bottom:1px solid #ddd; } 

.overview-table table thead th { border-bottom:0; text-align:center; width:auto; background:#f1f1f1; } 
.overview-table table thead th:nth-child(1) { width:80%; } 
.overview-table table thead th:nth-child(2) { width:20%; text-align:center; } 
/*70년 사사 .seven-th .thum-list-img img:after { content:""; display:block; box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.8); } */
.seven-img { width:50%; margin-left:4rem; } 
.seven-img .btn-tow a+a { border-left:0; margin-top:0; } 
.seven-img h2 { margin-bottom:4rem; } 
.seven-img-box { display:flex; justify-content:center; align-items:center; } 
.linkList .list01 { width:50%; } 
.linkList .list02 { width:50%; } 
.linkList .list03 { width:50%; } 
.creator-content1 dl dd li { list-style-type:none; width:100%; border:1px solid #ccc; float:left; text-align:center; font-size:1.4rem; line-height:2rem; margin-bottom:1rem; padding-bottom:1rem; } 
.creator-content1 dl dd li.next { width:10%; border:0px solid #ccc; line-height:3rem; } 
.creator-content1 dl dd li span { font-size:1.5rem; background:#359e56; text-align:center; width:100%; color:#fff; display:inline-block; padding:0.5rem; margin-bottom:1rem; } 
.creator-content1 dl dd .action_list p { width:100%; line-height:2rem; color:#000; margin-bottom:1rem; font-weight:500; } 
.creator-content1 dl dd .action_list dd { width:100%; display:block; } 
.green-box .green-inner.left { width:100%; } 
 }
@media only all and (max-width:1025px){
 .zeroT01 i,.zeroT02 i,.zeroT03 i,.zeroT04 i { width:10rem; height:10rem; background-size:contain; background-repeat:no-repeat; background-position:top; display:block; float:none; } 
.navi { justify-content:center; } 
.compliance-content2 dl { display:block; } 
.address-box { display:block; height:auto; margin-bottom:2rem; } 
.address-box dl { width:100%; margin-bottom:1rem; } 
.com-visi { display:block; } 
.com-visi .title { width:100%; padding-left:0; display:flex; align-items:center; } 
.com-visi .title p { margin-top:0; margin-left:2rem; } 
.com-visi .title p br { display:none; } 
.com-visi .conten-list { margin-top:2rem; } 
.com-visi .conten-list { width:100%; } 
.group-content2 { display:block; } 
.group-content2 dl { display:flex; margin-bottom:3rem; } 
.group-content2 dl dt { width:150px; } 
.group-content2 dl dd { width:80%; } 
.group-content2 dl dt i { margin-bottom:1rem; } 
.group-content2 dl dt i::before { margin-bottom:1.5rem; } 
.ci-box:lang(en),.ci-inner:lang(en),.ci-inner>div:lang(en),.great-company2:lang(en),.visi-group:lang(en) { display:block; } 
.visi-group dl:lang(en) { border-right:0; padding-left:0; } 
.visi-group dl dt br:lang(en) { display:none; } 
.visi-group dl dt:lang(en) { margin-bottom:1rem; } 
.visi-group dl:lang(en) { margin-bottom:2rem; } 
.great-company:lang(en) { height:88rem; } 
.ci-box div+div { margin-left:0; margin-top:1rem; padding:2.5rem; } 
.ci-inner { height:100%; } 
.chart-warp { display:block; } 
.chart-warp .chart-box+.chart-box { margin-left:0; margin-top:3rem; } 
.safery1 { height:46rem; } 
.safery1 i { height:46rem !important; background-size:100%; } 
.safery1:lang(en) { height:51rem; } 
.safery1 i:lang(en) { height:51rem !important; background-size:100%; } 
.green-box .green-inner.left { width:100%; } 
.ethic-2 i { background-size:contain; } 
.ethic-2 i:lang(en) { background-size:contain; } 
.creator-content3 .content3-con .strategy li { width:48%; border:1px solid #ccc; margin-right:1.5%; display:inline-block; margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center; font-size:2.2rem; } 
.linkList .list01 { width:50%; } 
.linkList .list02 { width:50%; } 
.linkList .list03 { width:50%; } 
.creator-content1 dl dd li { list-style-type:none; width:100%; border:1px solid #ccc; float:left; text-align:center; font-size:1.4rem; line-height:2rem; margin-bottom:1rem; padding-bottom:1rem; } 
.creator-content1 dl dd li.next { width:90%; border:0px solid #ccc; line-height:15rem; } 
.creator-content1 dl dd li span { font-size:1.5rem; background:#359e56; text-align:center; width:100%; color:#fff; display:inline-block; padding:0.5rem; margin-bottom:1rem; } 
.creator-content1 dl dd .action_list p { width:100%; line-height:2rem; color:#000; margin-bottom:1rem; font-weight:500; } 
.creator-content1 dl dd .action_list dd { width:100%; display:block; } 
.green-box .green-inner.left { width:100%; } 
 }
@media only all and (max-width:1024px){
 .zeroT01 i,.zeroT02 i,.zeroT03 i,.zeroT04 i { width:10rem; height:10rem; background-size:contain; background-repeat:no-repeat; background-position:top; display:block; float:none; } 
.navi { justify-content:center; } 
.compliance-content2 dl { display:block; } 
.address-box { display:block; height:auto; margin-bottom:2rem; } 
.address-box dl { width:100%; margin-bottom:1rem; } 
.com-visi { display:block; } 
.com-visi .title { width:100%; padding-left:0; display:flex; align-items:center; } 
.com-visi .title p { margin-top:0; margin-left:2rem; } 
.com-visi .title p br { display:none; } 
.com-visi .conten-list { margin-top:2rem; } 
.com-visi .conten-list { width:100%; } 
.group-content2 { display:block; } 
.group-content2 dl { display:flex; margin-bottom:3rem; } 
.group-content2 dl dt { width:150px; } 
.group-content2 dl dd { width:80%; } 
.group-content2 dl dt i { margin-bottom:1rem; } 
.group-content2 dl dt i::before { margin-bottom:1.5rem; } 
.ci-box:lang(en),.ci-inner:lang(en),.ci-inner>div:lang(en),.great-company2:lang(en),.visi-group:lang(en) { display:block; } 
.visi-group dl:lang(en) { border-right:0; padding-left:0; } 
.visi-group dl dt br:lang(en) { display:none; } 
.visi-group dl dt:lang(en) { margin-bottom:1rem; } 
.visi-group dl:lang(en) { margin-bottom:2rem; } 
.great-company:lang(en) { height:88rem; } 
.ci-box div+div { margin-left:0; margin-top:1rem; padding:2.5rem; } 
.ci-inner { height:100%; } 
.chart-warp { display:block; } 
.chart-warp .chart-box+.chart-box { margin-left:0; margin-top:3rem; } 
.safery1 { height:46rem; } 
.safery1 i { height:46rem !important; background-size:100%; } 
.safery1:lang(en) { height:51rem; } 
.safery1 i:lang(en) { height:51rem !important; background-size:100%; } 
.green-box .green-inner.left { width:100%; } 
.ethic-2 i { background-size:contain; } 
.ethic-2 i:lang(en) { background-size:contain; } 
.creator-content3 .content3-con .strategy li { width:48%; border:1px solid #ccc; margin-right:1.5%; display:inline-block; margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center; font-size:2.2rem; } 
.linkList .list01 { width:50%; } 
.linkList .list02 { width:50%; } 
.linkList .list03 { width:50%; } 
.creator-content1 dl dd li { list-style-type:none; width:100%; border:1px solid #ccc; float:left; text-align:center; font-size:1.4rem; line-height:2rem; margin-bottom:1rem; padding-bottom:1rem; } 
.creator-content1 dl dd li.next { width:9%; border:0px solid #ccc; line-height:15rem; } 
.creator-content1 dl dd li span { font-size:1.5rem; background:#359e56; text-align:center; width:100%; color:#fff; display:inline-block; padding:0.5rem; margin-bottom:1rem; } 
.creator-content1 dl dd .action_list p { width:100%; line-height:2rem; color:#000; margin-bottom:1rem; font-weight:500; } 
.creator-content1 dl dd .action_list dd { width:100%; display:block; } 
.green-box2 .green-inner.left2 li { width:49%; margin-bottom:2rem; } 
.hsilentlab dl { width:100%; display:inline-block; } 
.hsilentlab p { width:49%; display:inline-block; } 
 }
@media only all and (max-width:957px){
 .zeroT01 i,.zeroT02 i,.zeroT03 i,.zeroT04 i { width:10rem; height:10rem; background-size:contain; background-repeat:no-repeat; background-position:top; display:block; float:none; } 
.group7 { height:100%; padding-top:6rem; } 
.library-list.thum-list-tree li:lang(en) { width:100%; } 
.library-list { width:100%; justify-content:center; margin-bottom:5rem; } 
.compliance-content2 dl { display:block; } 
.compliance-content2 dl dt { margin-bottom:1rem; } 
.benefit-ul,.institute-ul { display:block; } 
.benefit-ul li dl { margin-top:0; margin-left:2rem; } 
.benefit-ul.colum3 li,.institute-ul.colum3 li { width:100%; display:flex; } 
.benefit-ul li,.institute-ul li { border-right:0; padding-bottom:2.5rem; margin-bottom:2.5rem; } 
.benefit-ul.colum2 li { width:100%; } 
.benefit-ul li dl { margin-left:0; } 
.benefit-ul li dl,.institute-ul li dl { margin-top:2rem; } 
.benefit-ul.colum3 li { display:block; } 
.benefit-ul li dl dt,.institute-ul li dl dt { margin-bottom: 0.7rem; } 
/*연구비전*/
.rnd-box2 { justify-content:space-between; } 
.rnd-box3 { justify-content:center; margin-left:1rem; } 
.rnd-box3 dl { margin-right:0; } 
.rnd-box3 dl+dl { margin-left:1rem; } 
.green-box { margin-bottom:10rem; } 
.safery-content3-right ul.sh-40 { height:48rem; } 
.inter_list li { width:48%; } 
.write-row dl dd select.w-50,.write-row dl.w52 dd input { width:100%; } 
.institute-ul li dl { width:100%; } 
.institute-ul li { border-bottom:1px solid #ccc; } 
.institute-ul li .m_none { display:none; } 
.institute-ul li:last-child { border-bottom:0; } 
.contact-content1 { display:block; } 
.contact-content1 dl { width:100%; border-right:0; } 
.contact-content1 dl:nth-child(3) { border-bottom:1px solid #ccc; } 
.volleyball1-content i.volleyball1 { height:40rem; } 
.group7 p i { width: 100%; } 
/*2020-10-05*/
.rnd1 { background-size:contain; height:55rem; background-image:url(../img/tech/m-rnd1.png); } 
.rnd6 { background-size:contain; height:35rem; background-image:url(../img/tech/m-rnd6.png); } 
.rnd7 { background-size:contain; height:40rem; background-image:url(../img/tech/m-rnd7.png); } 
.rnd1:lang(en) { background-size:contain; height:80rem; background-image:url(../img/tech/m-rnd1-en.png); } 
.rnd6:lang(en) { background-size:contain; height:40rem; background-image:url(../img/tech/m-rnd6-en.png); } 
.rnd7:lang(en) { background-size:contain; height:45rem; background-image:url(../img/tech/m-rnd7-en.png); } 
.rnd4 { background-size:100%; background-image:url(../img/tech/m-rnd4.html); } 
.rnd3 { background-size:100%; background-image:url(../img/tech/m-rnd3.png); } 
.creator-content3 .content3-con .strategy li { width:48%; border:1px solid #ccc; margin-right:1.5%; display:inline-block; margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center; font-size:2.2rem; } 
.linkList .list01 { width:100%; } 
.linkList .list02 { width:100%; } 
.linkList .list03 { width:100%; } 
.label li:hover .hovering.right33 { right:0; left:calc(100% - 50rem); } 
.creator-content1 dl dd li { list-style-type:none; width:100%; border:1px solid #ccc; float:left; text-align:center; font-size:1.4rem; line-height:2rem; margin-bottom:1rem; padding-bottom:1rem; } 
.creator-content1 dl dd li.next { width:100%; border:0px solid #ccc; line-height:1rem; height:1rem; } 
.creator-content1 dl dd li span { font-size:1.5rem; background:#359e56; text-align:center; width:100%; color:#fff; display:inline-block; padding:0.5rem; margin-bottom:1rem; } 
.creator-content1 dl dd .action_list p { width:100%; line-height:2rem; color:#000; margin-bottom:1rem; font-weight:500; } 
.creator-content1 dl dd .action_list dd { width:100%; display:block; } 
.strategy2030 li .listArea { border:1px solid #ddd; padding:1.5rem 0 0; height:25rem; } 
 }
@media only all and (max-width:900px){
 .compliance1-right { height:auto; margin-bottom:4rem; } 
.compliance1-right:lang(en),.compliance1-right ul:lang(en) { height:100%; } 
.compliance1-right ul { display:block; height:100%; } 
.compliance-content1:lang(en) { padding-bottom:2rem; } 
.compliance1-right ul li { width:100%; align-items:flex-start; line-height:none; } 
.compliance1-right ul li span:lang(en),.compliance1-right ul li em:lang(en) { line-height:2.5rem; } 
.compliance1-right ul li em:lang(en) { padding-right:1rem; } 
.contribute-tab .btn-tow1 { max-width:100%; } 
.nidea-content-inner { display:block; } 
.nidea-content-inner>div+div ul { margin-bottom:2rem; } 
.nidea1-step ul li { margin-right:2rem; } 
.nidea1-step ul li:last-child { margin-right:0; } 
.green-box .green-inner.right { width:100%; } 
.green-box .green-inner.right li { width:50%; margin-bottom:2rem; } 
.green-box .green-inner.right li dt { margin-bottom:1rem; } 
.nidea1-step ul { flex-wrap:wrap; } 
.nidea1-step ul li { width:30%; margin-bottom:2rem; } 
.nidea-content2 ul>li>dl dt::after { margin-left:1rem; margin-right:1rem; } 
.nidea1-step ul li:nth-child(3) { margin-right:0; } 
.career-step ul { display:block; } 
.career-step ul li { width:100%; border-right:0; } 
.career-step ul li:nth-child(4),.career-step ul li:nth-child(5),.career-step ul li:nth-child(6) { border-bottom: 1px solid #ccc; } 
/*자료실 지속경영보고서 */
.tow-down .td-div+.td-div { border-left:1px solid #ccc; } 
.tow-down .td-div { align-items:center; padding-left:1rem; padding-right:1rem; } 
.tow-down .td-div button { display:flex; align-items:baseline; } 
.tow-down.table-body li .download-icon:before { margin-right:1rem; } 
.visi5 { width:100%; } 
.visi5 i { background-image:url(../img/company/visi5.png); height:30rem; margin-top:10rem; width:100%; background-size:contain; background-position:center; background-repeat:no-repeat; } 
.zeroT01 i,.zeroT02 i,.zeroT03 i,.zeroT04 i { width:10rem; height:10rem; background-size:contain; background-repeat:no-repeat; background-position:top; display:block; float:none; } 
.creator-content3 .content3-con .strategy li { width:48%; border:1px solid #ccc; margin-right:1.5%; display:inline-block; margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center; font-size:2.2rem; } 
.linkList .list01 { width:100%; } 
.linkList .list02 { width:100%; } 
.linkList .list03 { width:100%; } 
.label li:hover .hovering.right33 { right:0; left:calc(100% - 50rem); } 
.strategy2030 li p:lang(en) { font-size:1.5rem; line-height:2rem; align-content:center; } 
 }
@media only all and (max-width:870px){
 .history-year-tab .accodion-img { column-gap:inherit; } 
.history-year-tab .accodion-img .acc-inner { display:block; } 
.history-year-tab .accodion-img dl { display:inline-flex; } 
.rnd1 i,.rnd2 i { width:100%; } 
.rnd-box i { background-size:contain; height:25rem; } 
.rnd-box .rnd-left { margin-right:1rem; } 
.rnd-box .rnd-left,.rnd-box .rnd-right { width:100%; } 
.rnd-right { margin-top:4rem; } 
.rnd-box { display:block; } 
.rnd-box .rnd-right { margin-top:3rem; border-top:1px solid #ccc; padding-top:3rem; } 
.navi { justify-content:center; } 
.structure-box { display:block; } 
.structure-box li,.structure-box li dl { width:100%; } 
.creator-content1 { margin-top:3rem; } 
.creator-content2,.creator-content1 dl { display:block; } 
.creator-content1 dl dt { margin-bottom:1rem; } 
.creator-content2 h3,.creator-content2 dl,.creator-content3 .dott-list { width:100%; margin-bottom:2rem; margin-top:1.8rem; } 
.creator-content2 dl dt span { margin-bottom:0rem; } 
.safery-content3 { display:block; } 
.safery-content3-left,.safery-content3-right { width:100%; } 
.safery-content3-right { margin-top:2rem; } 
.com-visi .conten-list { display:block; margin-top:3rem; } 
.com-visi .conten-list dl { padding-left:0; margin-top:2rem; border-right:0; border-bottom:1px solid #ccc; padding-bottom:2rem; } 
.com-visi .conten-list dl:last-child { border-bottom:0; } 
.zeroT01 i,.zeroT02 i,.zeroT03 i,.zeroT04 i { width:10rem; height:10rem; background-size:contain; background-repeat:no-repeat; background-position:top; display:block; float:none; } 
.creator-content3 .content3-con .strategy li { width:48%; border:1px solid #ccc; margin-right:1.5%; display:inline-block; margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center; font-size:2.2rem; } 
.label li { width:32%; margin-bottom:1rem; list-style-type:none; display:inline-block; text-align:center; border:1px solid #ddd; padding:1.5rem; } 
.linkList .list01 { width:100%; } 
.linkList .list02 { width:100%; } 
.linkList .list03 { width:100%; } 
.label li:hover .hovering.right33 { right:0; left:calc(100% - 50rem); } 
.strategy2030 li .listArea { border:1px solid #ddd; padding:1.5rem 0 0; height:27rem; } 
 }
@media only all and (max-width:850px){
 .nidea-content2 ul>li>dl dt::after { margin-left:2rem; margin-right:2rem; } 
.address-box { flex-direction:inherit; } 
.history-swip-box { top:18.5rem; width:100%; right:initial; right:0rem; } 
.history-swip-warp { padding-right:0rem; position:relative; } 
.history-swip-box { position:relative; top:0; margin-top:-5rem; } 
.history-img-title { width:100%; height:20rem; justify-content:flex-start; } 
.history-title { margin-left:2rem; } 
.history-title .meta-box span,.history-title .meta-box p,.history-title .meta-box h2 { margin-bottom:1rem; } 
.navi { display:none; } 
.compliance-content3,.compliance-content2 { display:block; } 
.compliance-content2 dl:lang(en) { width:100%; } 
.zeroT01 i,.zeroT02 i,.zeroT03 i,.zeroT04 i { width:10rem; height:10rem; background-size:contain; background-repeat:no-repeat; background-position:top; display:block; float:none; } 
.creator-content3 .content3-con .strategy li { width:48%; border:1px solid #ccc; margin-right:1.5%; display:inline-block; margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center; font-size:2.2rem; } 
.linkList .list01 { width:100%; } 
.linkList .list02 { width:100%; } 
.linkList .list03 { width:100%; } 
.label li:hover .hovering.right33 { right:0; left:calc(100% - 50rem); } 
 }
@media only all and (max-width:800px){
 .green-box .green-inner.right li { width:100%; } 
.meta-box { padding-top:2rem; } 
.safery-content1>div { width:50% !important; } 
.zeroT01 i,.zeroT02 i,.zeroT03 i,.zeroT04 i { width:10rem; height:10rem; background-size:contain; background-repeat:no-repeat; background-position:top; display:block; float:none; } 
.creator-content3 .content3-con .strategy li { width:48%; border:1px solid #ccc; margin-right:1.5%; display:inline-block; margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center; font-size:2.2rem; } 
.label li { width:32%; margin-bottom:1rem; list-style-type:none; display:inline-block; text-align:center; border:1px solid #ddd; padding:1.5rem; } 
.linkList .list01 { width:100%; } 
.linkList .list02 { width:100%; } 
.linkList .list03 { width:100%; } 
.label li:hover .hovering.right33 { right:0; left:calc(100% - 50rem); } 
 }
@media only all and (max-width:768px){
 .zeroT01 i,.zeroT02 i,.zeroT03 i,.zeroT04 i { width:10rem; height:10rem; background-size:contain; background-repeat:no-repeat; background-position:top; display:block; float:none; } 
.benefit-content2 .benefit3 { background-image:url(https://www.hdec.kr/common/img/career/m-benefit3.svg); width:100%; height:70.4rem; } 
.benefit-content2 .benefit4 { background-image:url(https://www.hdec.kr/common/img/career/m-benefit4.svg); width:100%; height:18.2rem; } 
.great-company2 dl+dl { margin-top:1rem; margin-left:0rem; } 
.contents-title-34 { margin-bottom:3rem; } 
.contents-title-34+a { margin-top:0; } 
.great-company:lang(en) { height:100%; padding-top:4rem; padding-bottom:4rem; } 
#contacTcolumns .noticontents .noti-day { justify-content:flex-start; margin-left:0; padding-left:0; } 
#contacTcolumns .noticontents .noti { padding-left:0; } 
.ethic-content1.pc_none { display: block; } 
/*테이블 반응형*/
.waid-table .table-body li .w-100 { width:100%; border-right:0; } 
.waid-table .table-body li .w-100 dt { width:100%; } 
.waid-table .table-body li .w-100 dd { width:20%; justify-content:start; text-align:left; } 
.waid-table .table-body li .w-100 dd:last-child { border-right:0; } 
.key-visual i { margin-bottom: -8.5rem; } 
/*지속가능경영*/
.creator-1 i { height:31rem; background-image:url(https://www.hdec.kr/common/img/invest/creator-1.svg); } 
.creator-1 i:lang(en) { height:31rem; background-image:url(https://www.hdec.kr/common/img/invest/creator-1-en.svg); } 
.creator-content1 dl { display:block; margin-bottom:3rem; } 
.creator-content1 dl dt { margin-bottom:1rem; } 
.creator-content3 .creator-content3-inner,.cre-book-inner { display:block; } 
.creator-content3 .content3-con { margin-top:2rem; } 
.creator-content3 .cre-book,.creator-content3 .cre-group { width:100%; } 
.creator-content3 .cre-book i { height:51.2rem; background-size:100%; background-position:center top; } 
.creator-content3 .cre-group .btn-group { display:flex !important; flex-wrap:wrap; justify-content:space-between; margin-top:2rem; } 
.creator-content3 .cre-group .btn-group a { display:flex; width:47%; font-size:1.2rem; } 
.creator-content1 dl dd { text-align:left; } 
.creator-content3 .cre-book i.carbon_neutral { background-image:url(../img/invest/carbon_neutral_img04.png); height: 44.5rem; } 
/*안전경영*/
.safery-list .list-btn { margin-left:0; margin-top:2rem; display:flex; } 
.safery-list .list-btn a { margin-right:1rem; } 
.safery-list .list-content { max-width:79%; } 
.partnership-content1 { display:block; } 
.partnership-content1 p { width:100%; margin-bottom:2rem; display:flex; align-items:flex-start; } 
.partnership-content1 p::before { content:"·"; display:block; font-size:1.8rem; color:#000; margin-right: 0.5rem; } 
/*윤리경영*/
.ethic1-box { display:block; } 
.ethic-1 { height:27rem; width:100%; } 
.ethic-1 i { height:27rem; } 
.ethic-1 i:lang(en) { height:27rem; } 
.ethic1-right { width:100%; padding-left:0; margin-top:3rem; } 
.ethic-2 i { width:100%; height:40rem; background-image:url(https://www.hdec.kr/common/img/invest/m_ethic2.svg); } 
.ethic-content1 { display:block; } 
.ethic-content1 dl { width:100%; } 
.ethic-2 i:lang(en) { background-image:url(https://www.hdec.kr/common/img/invest/m-ethic2-en.svg); height:40rem; margin-bottom: 60px; } 
/*나눔경영*/
.contribute2 i { background-image:url(https://www.hdec.kr/common/img/invest/contribute2-m.svg); width:79%; height:10rem; background-position:center left; } 
.contribute2 i:lang(en) { background-image:url(https://www.hdec.kr/common/img/invest/m-contribute2-en.svg); width:79%; height:10rem; background-position: center left; } 
/*09-17*/
/*지적재산권*/
.technology_02 .table-row dt,.technology_01 .table-row dd,.technology_02 .table-row dd { display:flex !important; width:100% !important; line-height:2.4rem; } 
.technology_01 .table-row dt.w40 { display:block; width:100% !important; } 
.technology_01 .table-row dt.w40 div,.technology_02 .table-row dt.w40 div,.technology_02 .table-row dt.w40 { display:block !important; } 
.technology_01 .table-row dt.w40 div span { width:100%; } 
.technology_01 li dt::before { width: 100%; } 
/*09-17*/
.technology_01 li dt::before,.technology_01 li dl.oder-list dd:nth-child(2)::before,.technology_01 li dl.oder-list dd:nth-child(3)::before,.technology_01 li dl.oder-list dd:nth-child(4)::before,.technology_01 li dl.oder-list dd:nth-child(5)::before,.technology_02 li dt::before,.technology_02 li dl.oder-list dd:nth-child(1)::before,.technology_02 li dl.oder-list dd:nth-child(3)::before,.technology_02 li dl.oder-list dd:nth-child(4)::before { display:block; text-align:left; margin-right:1rem; width:auto; background-color:transparent; margin-left:0; height:inherit; font-weight:700; } 
.technology_01 li dt::before { content:"분야 및 명칭"; } 
.technology_01 li dl.oder-list dd:nth-child(2)::before { content:"출원일자"; } 
.technology_01 li dl.oder-list dd:nth-child(3)::before { content:"출원번호"; } 
.technology_01 li dl.oder-list dd:nth-child(4)::before { content:"등록번호"; } 
.technology_01 li dl.oder-list dd:nth-child(5)::before { content:"등록일자"; } 
.technology_01:lang(en) li dt::before { content:"Category or title"; } 
.technology_01:lang(en) li dl.oder-list dd:nth-child(2)::before { content:"Date of Filing"; width:170px; } 
.technology_01:lang(en) li dl.oder-list dd:nth-child(3)::before { content:"Application No."; width:170px; } 
.technology_01:lang(en) li dl.oder-list dd:nth-child(4)::before { content:"Registration No."; width:170px; } 
.technology_01:lang(en) li dl.oder-list dd:nth-child(5)::before { content:"Registration Date"; width:170px; } 
.technology_02 li dt::before { content:"분야 및 명칭"; } 
.technology_02 li dl.oder-list dd:nth-child(1)::before { content:"번호"; } 
.technology_02 li dl.oder-list dd:nth-child(3)::before { content:"보호기간"; } 
.technology_02 li dl.oder-list dd:nth-child(4)::before { content:"인증기간"; } 
.address-box { flex-direction:inherit; display:block; height:auto; } 
.address-box dl { width:100%; } 
.visi-group dl { background-image:none !important; } 
.com-visi { display:block; } 
.com-visi .title { padding-left:0; width:100%; display:block; } 
.com-visi .title p,.com-visi .conten-list { width:100%; } 
.com-visi .title p br { display:none; } 
.com-visi .conten-list { display:block; } 
.com-visi .conten-list dl { padding-left:0; padding-right:0; margin-top:2rem; width:100%; border-right:0; } 
/*.dl-content-style1 { border-top:1px solid #ccc; padding-top: 4rem; } */
.com-visi { margin-bottom:4rem; } 
.great-company { height:100%; padding-top:4rem; padding-bottom:4rem; } 
.ci-box,.ci-inner,.ci-inner>div,.great-company2,.visi-group { display:block; } 
.ci-inner>div,.ci-inner i { width:auto; } 
.visi-group dl,.visi-group dl:first-child { border-right:0; padding-left:0; padding-right:0; } 
.great-company2 dl { margin-bottom:1rem; } 
.visi-group dl { margin-bottom:2.5rem; } 
.ci-inner { height:auto; padding:2.5rem; margin-top:2rem; } 
.visi-group dl dt { margin-bottom:1rem; } 
.com-visi .title p { margin-top:3rem; margin-left:0; } 
.visi-group dl dt,.visi-group dl dd { width:100%; } 
.volleyball1-content i.volleyball1 { height:35rem; } 
/* .nidea-btn-group { display:none; } .nidea-btn-group-mtext { display: block; } */
.creator-content3 .content3-con .strategy li { width:48%; border:1px solid #ccc; margin-right:1.5%; display:inline-block; margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center; font-size:2.2rem; } 
.label li { width:48%; margin-bottom:1rem; list-style-type:none; display:inline-block; text-align:center; border:1px solid #ddd; padding:1.5rem; } 
.linkList .list01 { width:100%; } 
.linkList .list02 { width:100%; } 
.linkList .list03 { width:100%; } 
.label li:hover .hovering.right33 { right:0; left:calc(100% - 50rem); } 
.green-box2 .green-inner.left2 li { width:100%; margin-bottom:2rem; } 
.hsilentlab dl { width:100%; display:inline-block; } 
.hsilentlab p { width:100%; display:inline-block; } 
.strategy2030 li .listArea { border:1px solid #ddd; padding:1.5rem 0 0; height:29rem; } 
 }
@media only all and (max-width:767px){
 .director-list .director-contents { margin-top:2.7rem; } 
.director-list li { margin-bottom:5rem; border-bottom:0; } 
.director-list li:last-child { margin-bottom: 0; } 
/*이사회 사진*/
.director-img { width:100%; border-bottom:1px solid #ccc; } 
.director-img i { width:100%; height:15rem; background-size:contain; background-repeat:no-repeat; background-position:center; } 
.director-list li { flex-wrap: wrap; } 
/*아코디언*/
.inv-live dl { display:flex; justify-content:space-between; padding-bottom:1.7rem; margin-bottom:0; padding-top:1.7rem; border-bottom:1px solid #ccc; } 
.inv-live dl:last-child { border-bottom: 0; } 
/*차트*/
.chart-warp { display:block; } 
.chart-warp .chart-box { margin-top:2rem; } 
.chart-warp .chart-box .chart-inner { max-height:100%; padding:3.8rem 0; } 
.chart-warp .chart-box .chart-inner .chart-text { justify-content:flex-end; margin-top:1rem; } 
.chart-warp .chart-box .chart-inner .flex-box { display: block; } 
/*채용안내*/
.career-step { margin-bottom:0; } 
.career-step ul,.career-step ul li { display:block; width:100%; } 
.career-step ul li { border-right:0; } 
.career-step ul li:nth-child(4),.career-step ul li:nth-child(5) { border-bottom:1px solid #ccc; } 
.m-inline { display:block; } 
.write-row dl dd.radio-warp { display:block; } 
.write-row dl dd.radio-warp label { width:100%; display:block; } 
.write-row dl.w25 dd input,.write-row dl dd select { width:100%; } 
.write-row dl dd select { margin-left:0; } 
.write-row dl dd span.point { align-items:start; line-height:1.2em; font-size:1.4rem; margin-top:1rem; margin-bottom:1rem; } 
.write-row dl dd span.point::before { margin-left:0; } 
.write-row dl dd select.w-50,.write-row dl.w52 dd input { width:100%; } 
.write-row .block { margin-top:0; } 
.write-row .block .password-btn { display:block; } 
.write-row .block .password-btn a { margin-top:2rem; } 
.write-row .block .password-btn a::before { content:none; } 
.filebox button { height:4.5rem; } 
.write-row dl:last-child { margin-bottom:0; } 
.write-row dl:last-child input { margin-bottom:0; } 
.write-row .tel select,.write-row .tel input { width:24% !important; margin-bottom:0; } 
.write-row .tel select { min-width:auto; } 
.write-row .m-inline input:first-child { margin-bottom:1rem; } 
.inter_list li { width:48%; } 
.table-body li .w-90 dt,.table-body li .w-90 dd { width: 100%; } 

/*테이블 반응형*/
.waid-table .table-body li .w-100 { display:block; } 
.dudrim-insert { width:100%; margin:0 auto; } 
.dudrim-insert>div p { font-size:1.8rem; line-height:3rem; } 
.dudrim-insert>div p strong { font-size:1.8rem; color:#133f75; font-weight:400; } 
.dudrim-insert i.dudrim-info { width:16rem; height:16rem; margin-bottom:1.5rem; } 
.dudrim-insert i.dudrim-info2 { width:16rem; height:16rem; } 
.myqna-view .myqna-inner ul { display:block; height:100%; } 
.myqna-view .myqna-inner ul li { width:100%; } 
.filebox { margin-bottom:2rem; width:100%; } 
.write-row dl dd select { width:100%; } 
.safery-content1 { display:block; } 
.safery-content1 { display:block; margin-top:2.5rem; margin-bottom:2.5rem; } 
.safery1 i { background-image:url(../img/invest/m_safery1.png); height:42rem; background-size:62%; } 
.safery-content1:lang(en) { display:block; } 
.safery-content1:lang(en) { display:block; margin-top:2.5rem; margin-bottom:2.5rem; } 
.safery1 i:lang(en) { background-image:url(https://www.hdec.kr/common/img/invest/m-safery1-en.svg); height:42rem; background-size:62%; } 
.policy-btnw { max-width:58rem; flex-wrap:warp; display:block; } 
.policy-btnw a+a { margin-left:0; margin-top:1rem; } 
.zeroT01 i,.zeroT02 i,.zeroT03 i,.zeroT04 i { width:10rem; height:10rem; background-size:contain; background-repeat:no-repeat; background-position:top; display:block; float:none; } 
.creator-content3 .content3-con .strategy li { width:48%; border:1px solid #ccc; margin-right:1.5%; display:inline-block; margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center; font-size:2.2rem; } 
.linkList .list01 { width:100%; } 
.linkList .list02 { width:100%; } 
.linkList .list03 { width:100%; } 
.label li:hover .hovering.right33 { right:0; left:calc(100% - 50rem); } 
.green-box2 .green-inner.left2 li { width:100%; margin-bottom:2rem; } 
.hsilentlab dl { width:100%; display:inline-block; } 
.hsilentlab p { width:100%; display:inline-block; } 
 }
@media only all and (max-width:750px){
 .safery-list .list-img-box { max-width:20%; } 
.safery-list .list-content { max-width:60%; margin-left:2rem; } 
.compliance-content2 { display:block; } 
.compliance-content2 dl { width:100%; } 
.compliance-content2 dl:lang(en) { width:100%; } 
.compliance-content3 { display:block; } 
.benefit-content1,.institute-ul { display:block; } 
.benefit-content1>div { width:100%; display:block; margin-bottom:0.5rem; } 
.benefit-content1 .benefit1,.benefit-content1 .benefit2 { display:none; } 
.inter_list li { width:47.5%; } 
.content2.flex-box dl { width:100%; margin-bottom:2rem; } 
.benefit-content2 dl dt { line-height:2.4rem; } 
.benefit-ul { display:block; } 
.benefit-ul.colum3 li,.benefit-ul.colum2 li,.institute-ul.colum3 li { width:100%; border-right:0; display:flex; } 
.benefit-ul.colum2 li:nth-child(3) { border-bottom:1px solid #ccc; } 
.benefit-ul li dl { margin-top:0; margin-left:2rem; width:100%; } 
.benefit-ul li { padding-left:0; padding-right:0; padding-bottom:2.5rem; margin-bottom:2.5rem; } 
.institute-ul li { padding-left:0; padding-right:0; border-bottom:1px solid #ccc; padding-bottom:2.5rem; margin-bottom:2.5rem; } 
.institute-ul li:last-child { border-bottom:0; } 
.group-content1,.group-content2 { display:block; } 
.group-content1 dl { margin-bottom:2rem; width:100%; } 
.group-content2 dl { display:flex; margin-bottom:3rem; } 
.group-content2 dl dt { width:150px; } 
.group-content2 dl dd { width:80%; } 
.social-voll { flex-wrap:wrap; } 
.social-voll a { margin-bottom:1rem; margin-right:0; } 
.social-voll a+a,.social-voll a:first-child { margin-right:0; } 
.volleyball2 { padding-top:0; padding-left:0; display:flex; justify-content:start; align-items:flex-end; padding:5rem; flex-wrap:wrap; } 
.contact-content1 { display:block; } 
.contact-content1 dl { width:100%; border-right:0; padding:0; padding-bottom:2rem; padding-top:2rem; } 
.contact-content1 dl:nth-child(3) { border-bottom: 1px solid #ccc; } 
/*연구비전*/
.rnd-box2 { display:block; } 
.rnd3,.rnd-box3 { width:100%; } 
.rnd-box3 { margin-top:4rem; } 
.rnd-box i { height: 20rem; } 
/*구조실험*/
.structure-box li { width:100%; } 
.structure-box li dl { width: 50%; } 
/*환경실험동*/
.tenvironment-box li { width:100%; } 
.tenvironment-box li dl { width:50%; } 
.tsolution-box li,.advanced-box li { width:100%; } 
.zeroT-box li { width:100%; } 
.zeroT01 i,.zeroT02 i,.zeroT03 i,.zeroT04 i { width:10rem; height:10rem; background-size:contain; background-repeat:no-repeat; background-position:top; display:block; float:none; } 
.environment1-content1>div { width:50%; } 
.rnd-box3 dl+dl { margin-left: 3rem; } 
/*70년 사사*/
.seven-img-box .thum-list-img { display:flex; justify-content:center; } 
.seven-img { width:100%; margin-left:0; margin-top:4rem; } 
.seven-img .btn-tow { justify-content:center; } 
.seven-img-box { display:block; } 
.creator-content3 .content3-con .strategy li { width:48%; border:1px solid #ccc; margin-right:1.5%; display:inline-block; margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center; font-size:2.2rem; } 
.linkList .list01 { width:100%; } 
.linkList .list02 { width:100%; } 
.linkList .list03 { width:100%; } 
.label li:hover .hovering.right33 { right:0; left:calc(100% - 50rem); } 
.green-box2 .green-inner.left2 li { width:100%; margin-bottom:2rem; } 
.hsilentlab dl { width:100%; display:inline-block; } 
.hsilentlab p { width:100%; display: inline-block; } 
/*배당금조회*/
.gate-box { border:1px solid #ccc; padding:5rem; } 
.content-title-27 { font-size:2.7rem; color:#000; line-height:3.4rem; font-weight:300; letter-spacing:-0.15rem; } 
.write-row1 dl dd,.write-row1 dl.w100 dd input { width:100%; } 
.write-row1 dl.w52 dd input { width:100%; } 
.write-row1 dl.w52 dd .bankinput { width:calc(100% - 19rem); } 
.write-row1 dl.w25 dd input,.write-row1 dl dd select { width:12rem; margin-right:1rem; } 
.write-row1 dl dd input,.write-row1 dl dd select,.write-row1 dl dd textarea { border:1px solid #ccc; background-color:#fff; padding:1rem; font-size:1.8rem; } 
.write-row1 dl dt label span { display:inline-block; letter-spacing:-0.1rem; } 
.write-row1 dl dt label::before { content:""; width:7px; height:7px; background-color:#133f75; border-radius:10px; display:inline-block; margin-right:1rem; } 
.write-row1 { width:100%; margin:0 auto; } 
.write-row1 dl { display:flex; margin-bottom:1rem; overflow:hidden; } 
.write-row1 dl dt { width:15rem; display:flex; align-items:center; } 
.write-row1 dl dt.start { align-items:start; padding-top:1rem; } 
.write-row1 dl dd { display:flex; flex-wrap:wrap; } 
.write-row1 dl dt label { display:flex; align-items:center; } 
.write-row1 .info { width:100%; margin:0 auto; } 
.write-row1 dl dd a { width:3rem; display:inline-block; text-align:center; line-height:5rem; } 
.write-row1 dl dd a:hover { color:#133f75; } 
 }
@media only all and (max-width:600px){
 .creator-content3 .cre-book i { height:38.2rem; background-size:100%; } 
.creator-content3 .cre-group .btn-group a { width:100%; margin-bottom:1rem; font-size:1.4rem; } 
.creator-content3 .cre-book i.carbon_neutral { background-image:url(../img/invest/carbon_neutral_img04.png); height:24.5rem; } 
.ethic-content2 { width:100%; display:block; } 
.ethic22 i:lang(en) { width:100%; } 
.ethic22 { margin-top: 2.5rem; } 
/*안전경영*/
.safery-content1>div { width:100% !important; } 
.safery-list .list-img-box { width:inherit; max-width:30%; } 
.safery-list .list-content { max-width:100%; margin-left:0; } 
.safery-list .list-content dl dd { display:block; height:100%; } 
.safery-list { margin-top:3.3rem; margin-bottom:10rem; } 
.safery-list .list-content dl dt { height:auto; } 
.safery1 { height:42rem; } 
.safery1 i { background-size:80%; height:auto; } 
.safery2 i:lang(en) { width:100%; } 
.safery2 { margin-top:2.5rem; } 
.safery3 { height:27rem; } 
.safery3 i { background-image:url(https://www.hdec.kr/common/img/invest/safery3.svg); height:25rem; } 
.safery3 i:lang(en) { background-image:url(https://www.hdec.kr/common/img/invest/safery3-en.svg); height:25rem; } 
.safery4 i { background-image:url(../img/invest/safery4.png); height:12.7rem; } 
.safery5 { height:23.4rem; } 
.safery5 i { background-image:url(../img/invest/safery5.png); height:23.4rem; } 
.safery-content1>div:nth-child(1),.safery-content1>div:nth-child(2),.safery-content1>div>ul,.safery-content1>div:nth-child(3),.safery-content2,.safery-content3 { width:100%; display:block; } 
.safery-content1>div>ul>li,.safery-content3-left,.safery5-btn,.safery-content3-right { width:100%; } 
.safery-content3-right { margin-top:2rem; } 
.safery-list .list-img-box { display:none; } 
.safery-content3-right ul li p { display:flex; } 
.benefit-content1>div,.benefit-content1>div:nth-child(2)>div p { display:block; } 
.benefit-content1>div:nth-child(2)>div p.career-p span:first-child { border-right:0; } 
.visi1 dt,.visi1 dd { line-height: 3.4rem; } 
/*품질경영*/
.qualit1 i { background-image:url(../img/invest/qualit1.png); height:38.2rem; width:100%; background-repeat:no-repeat; background-position:center; background-size: contain; } 
/*환경경영*/
.environment1 { display:block; } 
.environment1>div { width:100%; } 
.environment1 a { height:auto; } 
.environment1 i { height:31rem; margin-bottom:2rem; } 
.nidea1-step ul li { width:46%; margin-bottom:2rem; background-position:center right; } 
.nidea1-step ul li:nth-child(3) { margin-right:2rem; } 
.nidea-content2 ul>li>dl dt::after { content:none; } 
.nidea-tel span { width:100%; } 
.talent-content ul { display:block; } 
.talent-content ul li { width:100%; } 
.volleyball2 p { font-size:2.4rem; } 
.contribute-tab .btn-tow1 { display:block; } 
.contribute-tab .btn-tow1 a+a { margin-top:1rem; } 
.benefit-content2 .benefit3 { height:58.4rem; } 
.benefit-content2 .benefit4 { height:16.2rem; } 
.inst1 { height:40rem; background-image:url(../img/career/m-inst1.png); background-size:contain; } 
.group1 i { height:35rem; background-position:center; background-image:url(../img/company/m-group1.png); background-size:contain; } 
.group1 i:lang(en) { height:35rem; background-position:center; background-image:url(../img/company/m-group1-en.png); background-size:contain; } 
.address-box dl { display:block; height:100%; } 
.address-box dl dt { width:100%; margin-top:1.5rem } 
.address-box dl dd { padding-left:2rem; } 
.address-box dl dd p { display:flex; } 
.address-box dl dd p span { display:block; width:100%; } 
.address-box dl dd p span:nth-child(1) { width:10rem; } 
.address-box:lang(en) { display:block; flex-wrap:wrap; margin-top:5rem; height:100%; margin-bottom:5rem; flex-direction:column; align-content:flex-start; } 
.address-box dl:lang(en) { display:block; } 
.address-box dl dt:lang(en) { width:100%; } 
#contacTcolumns .noticontents>div { width:100%; } 
.tow-down .td-div+.td-div { border-left:0; } 
.small-tabs.m-tree-box { flex-wrap:wrap; background-color:#f1f1f1; } 
.small-tabs.m-tree-box li { width:33%; } 
.small-tabs.m-tree-box li:nth-child(1),.small-tabs.m-tree-box li:nth-child(2),.small-tabs.m-tree-box li:nth-child(3) { border-bottom:1px solid #ccc; } 
.small-tabs.m-tree-box li:nth-child(4) { border-left:0; } 
.volleyball1-content i.volleyball1 { height:25rem; } 
.carbon_neutral2 img { width:100%; background-repeat:no-repeat; background-position:center; background-size:contain; } 
.creator-content3 .content3-con .strategy li { width:100%; border:1px solid #ccc; margin-right:1.5%; display:inline-block; margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center; font-size:2.2rem; } 
.linkList .list01 { width:100%; } 
.linkList .list02 { width:100%; } 
.linkList .list03 { width:100%; } 
.label li:hover .hovering.right33 { right:0; left:calc(100% - 50rem); } 
.green-box2 .green-inner.left2 li { width:100%; margin-bottom:2rem; } 
.hsilentlab dl { width:100%; display:inline-block; } 
.hsilentlab p { width:100%; display: inline-block; } 
/*비전*/
.strategy2030 .subtit { width:100%; display:inline-block; font-size:2.5rem; font-weight:600; color:#009999; } 
.strategy2030 li { width:40%; display:inline-block; margin-top:3rem; vertical-align:top; } 
.strategy2030 li .listArea { border:1px solid #ddd; padding:2.5rem 0 0; height:21rem; } 
 }
@media only all and (max-width:556px){
 .inter_list li { width:47%; } 
.tsolution-box { margin-bottom:10rem; } 
.tsolution-box li { width:100%; margin-bottom:3rem; } 
.advanced-box li { width:100%; } 
.zeroT-box li { width:100%; } 
.safery-list .list-btn { display:block; width:100%; } 
.com-visi .conten-list dl:last-child { border-bottom:0; } 
.partnership1 i { background-image:url(https://www.hdec.kr/common/img/invest/m-partnership1.svg); height:69.8rem; } 
.partnership1 i:lang(en) { background-image:url(../img/invest/m-partnership1-en.png); width:32rem; height:40rem; background-position:center; } 
.policy-btnw { max-width:100%; } 
.contribute1 { margin-top:4rem; margin-bottom:4rem; } 
.carbon_neutral2 img { width:100%; background-repeat:no-repeat; background-position:center; background-size:contain; } 
.creator-content3 .content3-con .strategy li { width:100%; border:1px solid #ccc; margin-right:1.5%; display:inline-block; margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center; font-size:2.2rem; } 
.linkList .list01 { width:100%; } 
.linkList .list02 { width:100%; } 
.linkList .list03 { width:100%; } 
.label li:hover .hovering.right33 { right:0; left:calc(100% - 50rem); } 
.green-box2 .green-inner.left2 li { width:100%; margin-bottom:2rem; } 
.hsilentlab dl { width:100%; display:inline-block; } 
.hsilentlab p { width:100%; display: inline-block; } 
 }
@media only all and (max-width:500px) { /*신용등급 이미지*/
.credit { margin-top:2.5rem; } 
.credit i { background-image:url(../img/Invest/m-credit.png); width:100%; height:19.3rem; background-size:contain; background-repeat:no-repeat; background-position: top center; } 
/*전자공고 테이블*/
.table-body li .w-90 dd { justify-content:inherit; } 
.chart-warp .chart-box .chart-inner .chart-text { justify-content:flex-end; margin-top:2rem; padding-right: 4rem; } 
/*두드림*/
.dudrim-insert { width:100%; margin:0 auto; } 
.dudrim-insert>div p { font-size:1.8rem; line-height:3rem; } 
.dudrim-insert>div p strong { font-size:1.8rem; color:#133f75; font-weight:400; } 
.dudrim-insert i.dudrim-info { width:20rem; height:9rem; background-position:left; } 
.dudrim-insert i.dudrim-info2 { width:20rem; height:9rem; } 
.creator-content3 .cre-book i { height:26.2rem; background-size:contain; } 
.creator-content3 .cre-book i:lang(en) { height:26.2rem; background-size:contain; } 
.dd-inner div>div { display:block; } 
.dd-inner div>div a { max-width:100%; } 
.dd-content1 { column-gap:0rem; padding-bottom:4rem; } 
.dd-inner div>div a+a { margin-top:1rem; } 
.btab-contents img { width:100%; } 
.dm-top.mar-b40 { margin-bottom: 4rem !important; } 
/*안전경영*/
.safery-content3-right ul li>i { display:none; } 
.safery-content3-right ul.sh-40 { height: 45rem; } 
/*나눔경영*/
.contribute-content-com { display:block; margin-top:3.3rem; } 
.contribute-content-com p img { margin-bottom:3.3rem; } 
.nidea1-step ul { justify-content:space-between; } 
.nidea1-step ul li { width:47%; margin-right:0rem; background-image:initial; } 
.nidea1-step ul li:nth-child(2),.nidea1-step ul li:nth-child(4) { margin-right:0; } 
.nidea1 i { background-image:url(../img/tech/m_nidea1.png); height:22.4rem; } 
.nidea-content1 { margin-top:5rem; } 
.nidea1-step { margin-bottom:3rem; margin-top:3rem; } 
.nidea-content1 .caption { margin-bottom:2rem; line-height:1.5rem; } 
.nidea-tel span { line-height:2.4rem; } 
.nidea-tel span::after { content:none; } 
.nidea-tel span:nth-child(3) { display:inline-block; } 
.nidea-btn-group { width:100%; } 
.nidea-btn-group strong { display:block; margin-top:2rem; } 
.nidea-content2 ul li:nth-child(1) dl { display:flex; } 
.nidea-content2 ul li:nth-child(1) dl dt { width:30%; font-weight:700; } 
.nidea-content2 ul>li:first-child>dl dt { margin-bottom:1rem; } 
.nidea-content2 ul>li>dl { display:block; margin-bottom:2rem; } 
.nidea-content2 ul>li>dl dt { margin-bottom:2rem; width:100%; } 
.nidea-content2 ul>li li:last-child { margin-bottom:0; } 
.nidea-content2 { margin-bottom:10rem; } 
.nidea-content2 ul>li>dl dd { width:100%; } 
.group-content2 dl { display:block; } 
.group-content2 dl dt { width:100%; } 
.group-content2 dl dd { width:100%; } 
.group-content3 { display:block; } 
.group-content3 h2 { margin-bottom:1rem; } 
.group-content2 dl dd { margin-top: 1rem; } 
/*연구비전*/
.rnd-box { display:block; } 
.rnd-box .rnd-left,.rnd-box .rnd-right { width:100%; } 
.rnd-box .rnd-right { margin-top:3rem; border-top:1px solid #ccc; padding-top:3rem; } 
.rnd-box2 { margin-bottom:10rem; } 
.rnd-box3 dl { margin-right:0; width:50%; } 
.rnd-box3 dl+dl { margin-left:0rem; } 
.rnd-box3 { align-items:flex-start; } 
.rnd-box3 dd span { font-size:1.6rem; line-height: 2.6rem; } 
/*그린스마트*/
.green-box { display:block; margin-bottom:10rem; margin-top:2rem; } 
.green-box .green-inner.left li { width:48%; } 
.green-box .green-inner.left li p { line-height:initial; } 
.green-box .green-inner.right { margin-left:0; width:100%; margin-top:3rem; } 
.green-box .green-inner.right li dt { margin-bottom:1rem; } 
.green-box .green-inner.right li { margin-bottom:2rem; padding-left:0; padding-right:0; } 
.structure-box,.tenvironment-box { margin-bottom:10rem; } 
.rnd-box i { height:15rem; } 
.structure-box li { display:block; } 
.structure-box li i { width:100%; } 
.structure-box li dl { width:100%; margin-top:1rem; margin-left:0; } 
.partnership-content2 p i { width:21rem; } 
.inter_list li { width:100%; } 
.inter_list li dl { margin-top:2rem; } 
.dd-content1 { display:block; } 
.benefit-content2 .benefit3 { height:39.4rem; } 
.visi-group dl dt,.visi-group dl dd { width:100%; } 
.compliance1-right:lang(en),.compliance1-right ul:lang(en) { padding-left: 0; } 
/*연혁*/
.history-year-tab ul li dl dd { width:100%; } 
.nidea2 i { height:7.3rem; } 
.carbon_neutral2 img { width:100%; background-repeat:no-repeat; background-position:center; background-size:contain; } 
.creator-content3 .content3-con .strategy li { width:100%; border:1px solid #ccc; margin-right:1.5%; display:inline-block; margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center; font-size:2.2rem; } 
.creator-content3 p img { width:100%; } 
.linkList .list01 { width:100%; } 
.linkList .list02 { width:100%; } 
.linkList .list03 { width:100%; } 
.label li:hover .hovering.right33 { right:0; left:calc(100% - 50rem); } 
.green-box2 .green-inner.left2 li { width:100%; margin-bottom:2rem; } 
.hsilentlab dl { width:100%; display:inline-block; } 
.hsilentlab p { width:100%; display:inline-block; } 
.strategy2030 li { width:90%; display:inline-block; margin-top:3rem; vertical-align:top; } 
.strategy2030 li p:lang(en) { font-size:1.5rem; line-height:2rem; align-content:center; } 
.strategy2030 li dd { font-size:1.4rem; margin-bottom:1rem; } 
.strategy2030 .subtit:lang(en) { font-weight:500; } 
.strategy2030 .subtit { width:100%; display:inline-block; font-size:2.5rem; font-weight:600; color:#009999; margin-bottom:1rem; } 
.strategy2030 .subtit span { font-size:1.7rem; color:#8b8b8b; display:block; } 
.strategy2030 .subtit span:lang(en) { font-size:1.5rem; } 
.strategy2030 li p { width:100%; height:4rem; line-height:4rem; margin-bottom:1rem; color:#fff; font-weight:600; } 
.strategy2030 li p:lang(en) { font-size:1.5rem; height:4rem; line-height:4rem; } 
.strategy2030 li dl { text-align:left; width:90%; margin:0 auto; } 
.strategy2030 li dt { font-weight:600; } 
.strategy2030 li dt:lang(en) { font-weight:500; font-size:1.6rem; color:#000; } 
.strategy2030 li dd { font-size:1.4rem; margin-bottom:1rem; } 
.strategy2030 li .listArea { border:1px solid #ddd; padding:2.5rem 0 0; height:15rem; } 
 }
@media only all and (max-width:420px){
 .safery-list .list-img-box { display:none; } 
.partnership-content2 p,.partnership-content2 p i { width:100%; } 
.contribute-tab .btn-tow1 { display:block; } 
.contribute-tab .btn-tow1 a { margin-bottom:1rem; } 
.inter_list li { width:100%; } 
.dd-content1 { padding-bottom:4rem; } 
.dd-inner div>div { margin-bottom: 2rem; } 
/*구조실험실*/
.structure-box li { display:block; } 
.structure-box li dl { width:100%; margin-left:0; margin-top:2rem; } 
.structure-box li i { width: 100%; } 
/*환경실험동*/
.tenvironment-box li { display:block; } 
.tenvironment-box li dl { width:100%; margin-left:0; margin-top:2rem; } 
.tenvironment-box li i { width:100%; } 
.visi1 dd { padding-left:2rem; padding-right:2rem; } 
.safery1 { height:42rem; } 
.safery1 i { background-size:100%; height:auto; } 
.carbon_neutral2 img { width:100%; background-repeat:no-repeat; background-position:center; background-size:contain; } 
.creator-content3 .content3-con .strategy li { width:100%; border:1px solid #ccc; margin-right:1.5%; display:inline-block; margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center; font-size:2.2rem; } 
.creator-content3 p img { width:100%; } 
.linkList .list01 { width:100%; } 
.linkList .list02 { width:100%; } 
.linkList .list03 { width:100%; } 
.label li:hover .hovering.right33 { right:0; left:calc(100% - 50rem); } 
.green-box2 .green-inner.left2 li { width:100%; margin-bottom:2rem; } 
.hsilentlab dl { width:100%; display:inline-block; } 
.hsilentlab p { width:100%; display: inline-block; } 
/*배당금조회*/
.gate-box { border:1px solid #ccc; padding:5rem; } 
.content-title-27 { font-size:2.7rem; color:#000; line-height:3.4rem; font-weight:300; letter-spacing:-0.15rem; } 
.write-row1 dl dd,.write-row1 dl.w100 dd input { width:100%; } 
.write-row1 dl.w52 dd input { width:100%; } 
.write-row1 dl.w52 dd .bankinput { width:calc(100% - 4rem); } 
.write-row1 dl.w25 dd input,.write-row1 dl dd select { width:calc(100% - 4rem); } 
.write-row1 dl dd input,.write-row1 dl dd textarea { border:1px solid #ccc; background-color:#fff; padding:1rem; font-size:1.8rem; } 
.write-row1 dl dt label span { display:inline-block; letter-spacing:-0.1rem; } 
.write-row1 dl dt label::before { content:""; width:7px; height:7px; background-color:#133f75; border-radius:10px; display:inline-block; margin-right:1rem; } 
.write-row1 { width:100%; margin:0 auto; } 
.write-row1 dl { display:flex; margin-bottom:1rem; overflow:hidden; } 
.write-row1 dl dt { width:15rem; display:flex; align-items:center; } 
.write-row1 dl dt.start { align-items:start; padding-top:1rem; } 
.write-row1 dl dd { display:flex; flex-wrap:wrap; } 
.write-row1 dl dt label { display:flex; align-items:center; } 
.write-row1 .info { width:100%; margin:0 auto; } 
.write-row1 dl dd a { width:2rem; display:inline-block; text-align:center; line-height:5rem; } 
.write-row1 dl dd a:hover { color:#133f75; } 
 }
@media only all and (max-width:375px){
 .visi1 { height:40rem; } 
.carbon_neutral2 img { width:100%; background-repeat:no-repeat; background-position:center; background-size:contain; } 
.creator-content3 .content3-con .strategy li { width:100%; border:1px solid #ccc; margin-right:1.5%; display:inline-block; margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center; font-size:2.2rem; } 
.creator-content3 p img { width:100%; } 
.linkList .list01 { width:100%; } 
.linkList .list02 { width:100%; } 
.linkList .list03 { width:100%; } 
.label li:hover .hovering.right33 { right:0; left:calc(100% - 50rem); } 
.green-box2 .green-inner.left2 li { width:100%; margin-bottom:2rem; } 
.hsilentlab dl { width:100%; display:inline-block; } 
.hsilentlab p { width:100%; display:inline-block; } 
.strategy2030 li .listArea { border:1px solid #ddd; padding:1.5rem 0 0; height:18rem; } 
.strategy2030 h4 { line-height:3.8rem; margin-bottom:3rem; } 
 }
@media only all and (max-width:320px){
 .creator-content3 .cre-group .btn-group a { width:100%; } 
.visi1 { height:46rem; } 
.carbon_neutral2 img { width:100%; background-repeat:no-repeat; background-position:center; background-size:contain; } 
.creator-content3 p img { width:100%; } 
.linkList .list01 { width:100%; } 
.linkList .list02 { width:100%; } 
.linkList .list03 { width:100%; } 
.label li:hover .hovering.right33 { right:0; left:calc(100% - 50rem); } 
.green-box2 .green-inner.left2 li { width:100%; margin-bottom:2rem; } 
.hsilentlab dl { width:100%; display:inline-block; } 
.hsilentlab p { width:100%; display:inline-block; } 
 }
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
 .rnd-box2 i { background-size:auto; height:20rem; } 
.write-row input[type="radio"],.write-row input[type="radio"]:checked { appearance:none; width:1.5rem; height:1.5rem; border-radius:100%; margin-right:0.1rem; margin-bottom:0; } 
.linkList .list01 { width:100%; } 
.linkList .list02 { width:100%; } 
.linkList .list03 { width:100%; } 
.label li:hover .hovering.right33 { right:0; left:calc(100% - 50rem); } 
.green-box2 .green-inner.left2 li { width:100%; margin-bottom:2rem; } 
.hsilentlab dl { width:100%; display:inline-block; } 
.hsilentlab p { width:100%; display:inline-block; } 
 }
@media (max-width:736px) and (orientation:landscape){
 .safery1 i { background-size:contain; height:35rem; } 
.safery3 i,.safery3 { height:56rem; } 
.safery-content3-right ul.sh-40 { height:51rem; } 
.safery-list .news-contents { flex-wrap:wrap; } 
.carbon_neutral2 img { width:100%; background-repeat:no-repeat; background-position:center; background-size:contain; } 
.linkList .list01 { width:100%; } 
.linkList .list02 { width:100%; } 
.linkList .list03 { width:100%; } 
.label li:hover .hovering.right33 { right:0; left:calc(100% - 50rem); } 
.green-box2 .green-inner.left2 li { width:100%; margin-bottom:2rem; } 
.hsilentlab dl { width:100%; display:inline-block; } 
.hsilentlab p { width:100%; display:inline-block; } 
 }
.ceoContent_inner { display:flex; justify-content:space-between; align-items:flex-end; } 
.ceo_left { padding-right:10rem; } 
.ceo-ul { padding:20px 10px; margin:20px 0 20px; width:100%; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; } 
.ceo-ul { list-style-type:circle; } 
.ceo-ul li { font-size:1.7rem; letter-spacing:-0.02em; line-height:1.9em; } 
.ceo-text-right { text-align:right; } 
.ceo-ul { list-style-type:none; /* 기본 목록 스타일 제거 */ } 
.ceo-ul li { position:relative; padding-left: 12px; /* 왼쪽 패딩을 추가하여 점과 텍스트 사이에 공간 확보 */ } 
.ceo-ul li::before { content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:4px; /* 점의 너비 */
height:4px; /* 점의 높이 */
background-color:rgb(10,10,99); /* 점의 색상 */
border-radius:50%; /* 점을 원형으로 만듦 */ } 
.org-chart { display:flex; flex-direction:column; align-items:center; } 
.node { border:1px solid #ccc; border-radius:5px; padding:10px 20px; margin:10px; background-color:#f2f2f2; } 
.node.director { background-color:#004b9b; color:white; } 
.node.research { background-color:#8e44ad; color:white; } 
.node.audit { background-color:#a4a4a4; color:white; } 
.node div { margin-top:5px; color:#666; } 
.children { display:flex; justify-content:center; } 
.child { display:flex; flex-direction:column; align-items:center; } 
.line { border-left:1px solid #ccc; height:30px; margin-left:50%; } 
.branch { display:flex; justify-content:center; } 
.map_wrap { position:relative; overflow:hidden; width:100%; height:350px; } 
.map_container .row-warp { text-align:center; display:flex } 
.map_container img { width:30%; margin-right:1%; } 

#map { width:70%; height:500px; } 

.radius_border { border:1px solid #919191; border-radius:5px; } 
.custom_typecontrol { position:absolute; top:10px; right:10px; overflow:hidden; width:130px; height:30px; margin:0; padding:0; z-index:1; font-size:12px; font-family:"Malgun Gothic","맑은 고딕",sans-serif; } 
.custom_typecontrol span { display:block; width:65px; height:30px; float:left; text-align:center; line-height:30px; cursor:pointer; } 
.custom_typecontrol .btn { background:#fff; background:linear-gradient(#fff,#e6e6e6); } 
.custom_typecontrol .btn:hover { background:#f5f5f5; background:linear-gradient(#f5f5f5,#e3e3e3); } 
.custom_typecontrol .btn:active { background:#e6e6e6; background:linear-gradient(#e6e6e6,#fff); } 
.custom_typecontrol .selected_btn { color:#fff; background:#425470; background:linear-gradient(#425470,#5b6d8a); } 
.custom_typecontrol .selected_btn:hover { color:#fff; } 
.custom_zoomcontrol { position:absolute; top:50px; right:10px; width:36px; height:80px; overflow:hidden; z-index:1; background-color:#f5f5f5; } 
.custom_zoomcontrol span { display:block; width:36px; height:40px; text-align:center; cursor:pointer; } 
.custom_zoomcontrol span img { width:1.5rem; height:1.5rem; padding:12px 0; border:none; } 
.custom_zoomcontrol span:first-child { border-bottom:1px solid #bfbfbf; } 
.content .rela { overflow:hidden; width:1100px; height:auto; margin:0 auto; padding:0 50px } 
.content .rela.over { overflow:visible } 
.content .rela_all { overflow:hidden; width:100%; height:auto; margin:0 auto } 
.content .rela_1100 { overflow:hidden; width:1100px; height:auto; margin:0 auto } 
.btnBox .btnItemDown { font-size:16px } 
.undertxt { overflow:hidden; width:100%; height:auto; margin:10px 0 30px; font-size:16px; color:#555; text-align:center } 
.subTitle.t01 { margin-bottom:0 } 
.subTitle.t01 span { display:inline-block; position:relative; padding-bottom:10px; font-size:40px } 
.subTitle.t02 span { display:inline-block; position:relative; padding-bottom:10px; font-size:40px; font-weight:normal } 
.subTitle.t01 span:before { overflow:hidden; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ddd; content:'' } 
.rela.t01 { overflow:visible; margin-top:-70px } 
.tbl_list01 td.bold { padding:5px 0; font-size:42px; color: #002b5c } 
/* 인재채용>인재상 */
.car_insangBox { overflow:hidden; width:100%; height:726px; margin-top:80px; background: url(../../assets/img/career/bg_ability.jpg) no-repeat left top } 
/* 인재채용>인사제도 */
/*.car_sysbox01 { overflow:hidden; width:1100px; height:169px; margin-top:30px; margin-bottom:30px; background:url(../../assets/img/career/pic_car_sys01.jpg) no-repeat 50% 0; border-bottom: 1px solid #bbb } */
.car_sysbox01 { overflow:hidden; width:1100px; height:169px; margin-top:30px; margin-bottom:30px; background:url(../../assets/img/career/pic_car_sys01_1.jpg) no-repeat center 36px } 
.car_sysbox01 ul { position:relative } 
.car_sysbox01 ul li { position:absolute } 
.car_sysbox01 ul li.cs_txt01,.car_sysbox01 ul li.cs_txt03,.car_sysbox01 ul li.cs_txt05,.car_sysbox01 ul li.cs_txt07,.car_sysbox01 ul li.cs_txt09,.car_sysbox01 ul li.cs_txt_m1,.car_sysbox01 ul li.cs_txt_m2,.car_sysbox01 ul li.cs_txt_m3,.car_sysbox01 ul li.cs_txt_m4 { font-size:18px; color:#222; top:74px; text-align:center } 
.car_sysbox01 ul li.cs_txt02,.car_sysbox01 ul li.cs_txt04,.car_sysbox01 ul li.cs_txt06,.car_sysbox01 ul li.cs_txt08 { font-size:14px; color:#555; top:21px } 
.car_sysbox01 ul li.cs_txt01 { left:94px } 
.car_sysbox01 ul li.cs_txt02 { left:204px } 
.car_sysbox01 ul li.cs_txt03 { left:314px } 
.car_sysbox01 ul li.cs_txt04 { left:429px } 
.car_sysbox01 ul li.cs_txt05 { left:533px } 
.car_sysbox01 ul li.cs_txt06 { left:655px } 
.car_sysbox01 ul li.cs_txt07 { left:752px } 
.car_sysbox01 ul li.cs_txt08 { left:880px } 
.car_sysbox01 ul li.cs_txt09 { left:971px } 
.car_sysbox01 ul li.cs_txt_m4 { left:230px } 
.car_sysbox01 ul li.cs_txt_m1 { left:836px } 
.car_sysbox02 { overflow:hidden; width:1100px; height:466px; margin-top:10px; margin-bottom:43px; background:url(../../assets/img/career/pic_car_sys02.jpg) no-repeat 50% 0; border-bottom:1px solid #bbb } 
.car_sysbox02 ul { position:relative } 
.car_sysbox02 ul li { position:absolute; text-align:center; line-height:1.5em } 
.car_sysbox02 ul li.cs_txt01 { left:238px; top:79px; color:#fff; font-size:18px } 
.car_sysbox02 ul li.cs_txt02 { left:51.5rem; top:76px; color:#222; font-size:20px } 
.car_sysbox02 ul li.cs_txt03 { left:792px; top:79px; color:#fff; font-size:18px } 
.car_sysbox02 ul li.cs_txt04 { left:11.5rem; top:171px; color:#555; font-size:16px } 
.car_sysbox02 ul li.cs_txt05 { left:710px; top:171px; color:#555; font-size:16px } 
.car_sysbox02 ul li.cs_txt06 { left:210px; top:322px; color:#222; font-size:18px } 
.car_sysbox02 ul li.cs_txt07 { left:622px; top:322px; color:#222; font-size:18px } 
.car_sysbox02 .etc01 { overflow:hidden; position:relative; width:1200px; height:238px } 
.car_sysbox02 .etc01 .item { overflow:hidden; float:left; width:600px; height:238px } 
.car_sysbox02 .etc01 .item .txt01 { display:block; overflow:hidden; width:100%; height:auto; margin-top:40px; font-size:26px; color:#002b5c; text-align:center } 
.car_sysbox02 .etc01 .item .txt02 { display:block; overflow:hidden; width:100%; height:auto; margin-top:5px; font-size:18px; color:#888; text-align:center } 
.car_sysbox02 .etc01 .item .txt03 { display:block; overflow:hidden; width:100%; height:auto; margin-top:30px; font-size:20px; color:#222; text-align:center } 
.car_sysbox02 .etc02 { overflow:hidden; position:relative; width:1200px; height:80px; margin-top:11.5rem } 
.car_sysbox02 .etc02 li { overflow:hidden; float:left; width:600px; height:80px; font-size:20px; line-height:80px; color:#222; text-align:center } 
.car_sysbox03 { overflow:hidden; width:1200px; height:101px; margin-top:30px; background:url(../../assets/img/career/pic_car_sys03.jpg) no-repeat left top } 
.car_sysbox03 dl { overflow:hidden; width:1200px; height:101px } 
.car_sysbox03 dl dt { overflow:hidden; float:left; width:600px; height:101px; font-size:20px; line-height:101px; color:#001546; text-align:center } 
.car_sysbox03 dl dd { overflow:hidden; float:left; width:600px; height:101px; font-size:20px; line-height:101px; color:#001546; text-align:center } 
.car_bosang01 { overflow:hidden; width:1100px; height:185px; margin-top:20px; background:url(../../assets/img/career/bg_car_bosang01.jpg) no-repeat 50% 0; border-bottom:1px solid #bbb } 
.car_bosang01 ul { position:relative } 
.car_bosang01 ul li { position:absolute } 
.car_bosang01 ul li.cb_txt01,.car_bosang01 ul li.cb_txt02,.car_bosang01 ul li.cb_txt03,.car_bosang01 ul li.cb_txt04 { top:45px; font-size:18px; color:#002c5d } 
.car_bosang01 ul li.cb_txt05,.car_bosang01 ul li.cb_txt06 { top:129px; font-size:14px; color:#757575 } 
.car_bosang01 ul li.cb_txt01 { left:113px } 
.car_bosang01 ul li.cb_txt02 { left:369px } 
.car_bosang01 ul li.cb_txt03 { left:662px } 
.car_bosang01 ul li.cb_txt04 { left:920px } 
.car_bosang01 ul li.cb_txt05 { left:44px } 
.car_bosang01 ul li.cb_txt06 { left:597px } 
.car_bosang02 { overflow:hidden; width:1200px; height:21.5rem; margin-top:20px; background:url(../../assets/img/career/bg_car_bosang01.jpg) no-repeat left top } 
.car_insa01,.car_insa01_02 { overflow:hidden; position:relative; width:1100px; height:167px; margin-top:20px; margin-bottom:34px; background:url(../../assets/img/career/bg_car_insa01.jpg) no-repeat left top; border-bottom:1px solid #bbb } 
.car_insa01 ul { position:relative } 
.car_insa01 ul li { position:absolute; text-align:center } 
.car_insa01 ul li.ci_txt01,.car_insa01 ul li.ci_txt03,.car_insa01 ul li.ci_txt05,.car_insa01 ul li.ci_txt07,.car_insa01 ul li.ci_txt09 { top:11px; font-size:1.7rempx; color:#002c5d } 
.car_insa01 ul li.ci_txt02,.car_insa01 ul li.ci_txt04,.car_insa01 ul li.ci_txt06,.car_insa01 ul li.ci_txt08,.car_insa01 ul li.ci_txt10 { top:67px; font-size:14px; color:#757575; line-height:1.5em } 
.car_insa01 ul li.ci_txt01 { left:78px } 
.car_insa01 ul li.ci_txt02 { left:78px } 
.car_insa01 ul li.ci_txt03 { left:299px } 
.car_insa01 ul li.ci_txt04 { left:274px } 
.car_insa01 ul li.ci_txt05 { left:520px } 
.car_insa01 ul li.ci_txt06 { left:494px } 
.car_insa01 ul li.ci_txt07 { left:755px } 
.car_insa01 ul li.ci_txt08 { left:716px } 
.car_insa01 ul li.ci_txt09 { left:955px } 
.car_insa01 ul li.ci_txt10 { left:930px } 
.car_insa01_02 ul { position:relative } 
.car_insa01_02 ul li { position:absolute; text-align:center } 
.car_insa01_02 ul li.ci02_txt01,.car_insa01_02 ul li.ci02_txt03,.car_insa01_02 ul li.ci02_txt05,.car_insa01_02 ul li.ci02_txt07,.car_insa01_02 ul li.ci02_txt09 { top:11px; font-size:1.7rempx; color:#002c5d } 
.car_insa01_02 ul li.ci02_txt02,.car_insa01_02 ul li.ci02_txt04,.car_insa01_02 ul li.ci02_txt06,.car_insa01_02 ul li.ci02_txt08,.car_insa01_02 ul li.ci02_txt10 { top:67px; font-size:14px; color:#757575; line-height:1.5em } 
.car_insa01_02 ul li.ci02_txt01 { left:60px } 
.car_insa01_02 ul li.ci02_txt02 { left:70px } 
.car_insa01_02 ul li.ci02_txt03 { left:257px } 
.car_insa01_02 ul li.ci02_txt04 { left:261px } 
.car_insa01_02 ul li.ci02_txt05 { left:498px } 
.car_insa01_02 ul li.ci02_txt06 { left:483px } 
.car_insa01_02 ul li.ci02_txt07 { left:724px } 
.car_insa01_02 ul li.ci02_txt08 { left:719px } 
.car_insa01_02 ul li.ci02_txt09 { left:932px } 
.car_insa01_02 ul li.ci02_txt10 { left:930px } 
.car_insa01.car_insa05 { background:url(../../assets/img/career/bg_car_insa05.jpg) no-repeat left top } 
.car_insa01.car_insa05 ul li.ci_txt01,.car_insa01.car_insa05 ul li.ci_txt03,.car_insa01.car_insa05 ul li.ci_txt05,.car_insa01.car_insa05 ul li.ci_txt07 { top:11px; font-size:1.7rempx; color:#002c5d } 
.car_insa01.car_insa05 ul li.ci_txt02,.car_insa01.car_insa05 ul li.ci_txt04,.car_insa01.car_insa05 ul li.ci_txt06,.car_insa01.car_insa05 ul li.ci_txt08 { top:67px; font-size:14px; color:#757575; line-height:1.5em } 
.car_insa01.car_insa05 ul li.ci_txt01 { left:111px } 
.car_insa01.car_insa05 ul li.ci_txt02 { left:107px } 
.car_insa01.car_insa05 ul li.ci_txt03 { left:392px } 
.car_insa01.car_insa05 ul li.ci_txt04 { left:368px } 
.car_insa01.car_insa05 ul li.ci_txt05 { left:663px } 
.car_insa01.car_insa05 ul li.ci_txt06 { left:639px } 
.car_insa01.car_insa05 ul li.ci_txt07 { left:958px } 
.car_insa01.car_insa05 ul li.ci_txt08 { left:921px } 
.car_insa02 { overflow:hidden; position:relative; width:1100px; height:168px; margin-top:20px; margin-bottom:34px; background:url(../../assets/img/career/bg_car_insa06.jpg) no-repeat left top; border-bottom:1px solid #bbb } 
.car_insa02 ul { position:relative } 
.car_insa02 ul li { position:absolute; text-align:center } 
.car_insa02 ul li.ci03_txt01,.car_insa02 ul li.ci03_txt03 { top:11px; font-size:1.7rempx; color:#002c5d } 
.car_insa02 ul li.ci03_txt02,.car_insa02 ul li.ci03_txt04 { top:67px; font-size:14px; color:#757575; line-height:1.5em } 
.car_insa02 ul li.ci03_txt01 { left:216px } 
.car_insa02 ul li.ci03_txt02 { left:156px } 
.car_insa02 ul li.ci03_txt03 { left:788px } 
.car_insa02 ul li.ci03_txt04 { left:731px } 
.car_insa03 { overflow:hidden; position:relative; width:1098px; height:230px; margin-top:20px; background:url(../../assets/img/career/bg_car_insa04.jpg) no-repeat left top; padding:0px 1px } 
.car_insa03 dl { overflow:hidden; width:100% } 
.car_insa03 dl dt { overflow:hidden; position:absolute; width:326px; height:53px; margin-top:40px; padding-left:40px; font-size:24px; color:#012b5d; text-align:left } 
.car_insa03 dl dd { overflow:hidden; position:absolute; width:326px; padding-left:40px; padding-top:26px; line-height:1.8em; font-size:16px; color:#222; text-align:left } 
.car_insa03 dl dt.step01 { top:0; left:0 } 
.car_insa03 dl dd.step01 { top:55px; left:0 } 
.car_insa03 dl dt.step02 { top:0; left:365px } 
.car_insa03 dl dd.step02 { top:55px; left:365px } 
.car_insa03 dl dt.step03 { top:0; left:732px } 
.car_insa03 dl dd.step03 { top:55px; left:732px } 
.car_hooList { overflow:hidden; margin-top:16px; padding-bottom:6rem; background:url(../../assets/img/career/bg_car_hooList.jpg) no-repeat left top } 
.car_hooList li { overflow:hidden; float:left; width:282px; height:150px; margin-bottom:30px } 
.car_hooList li.last { width:254px } 
.car_hooList li p.txt { font-size:16px; line-height:1.5em; color:#222; text-align:left } 
.car_hooList li div { display:table; overflow:hidden; width:130px; height:148px; margin-left:150px } 
.car_hooList li div p { display:table-cell; vertical-align: middle } 
/* 회사연혁) */
#history .list-history { position:relative; } 
#history .list-history::before { content:''; top:10px; left:20%; height:98.5%; position:absolute; border-left:1px solid #e6e6e6; } 
#history .list-history>li { margin-bottom:45px; } 
#history .list-history>li>.year { float:left; width:20%; position:relative; margin:0; font-size:30px; font-weight:500; color:#133f75; text-align:center; } 
#history .list-history>li>.year::before { content:''; top:10px; right:-6px; width:12px; height:12px; position:absolute; background-color:#133f75; border-radius:50%; border:3px solid #ffffff; } 
#history .list-history>li>.detail { width:80%; display:inline-block; padding-top:5px; padding-left:70px; } 
#history .list-history>li>.detail .month { float:left; margin:4px 0 0 0; font-size:1.7rem; font-weight:700; line-height:20px; letter-spacing:0em; width:40px; text-align:right; } 
#history .list-history>li>.detail p { margin-bottom:6px; padding-left:60px; font-size:1.7rem; letter-spacing:-0.034em; color:#000; } 
.seven-img { width:50%; margin-left:4rem; } 
.seven-img .btn-tow a + a { border-left:0; } 
.seven-img h2 { margin-bottom:4rem; } 
.seven-img-box { display:flex; justify-content: center; align-items: center; } 

.seven-img { width:50%; margin-left:4rem; } 
.seven-img .btn-tow a + a { border-left:0; } 

 
.overline { text-decoration: overline; } 
/* 게시판,주문폼 공통 스타일 */
.table_default { margin-bottom:50px; border-top:2px solid #000; } 
.table.table_default { table-layout:fixed; } 
.table.table_default tr th,.table.table_default tr td { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:15px; padding:15px 15px; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle; } 
.table.table_default thead th { background-color:#f6f6f6; border-bottom-color:#aaa; } 
.table.table_default tbody .subject { text-align:left; } 
.table.table_default tbody .subject a { color:inherit; text-decoration:none; } 
.table.table_default tbody .text-muted { color:#999; } 
.table_default dt>span,.table_default dd>span { padding:0 15px; display:block; float:left; border-bottom:1px solid #ddd; line-height:55px; } 
.table_default dt>span { text-align:center; background-color:#f6f6f6; border-bottom-color:#aaa; } 
.table_default dd>span { font-size:15px; } 
.table_default dt::after,.table_default dd::after { content:" "; display:table; clear:both; } 
.table_default .status_badge { padding:4px 10px; border-radius:4px; font-size:14px; font-weight:600; } 
.board_wrapper { margin-top:0; margin-bottom:0; border-top:2px solid #333 } 
.search_wrap { margin-bottom:0; } 
.table.table_default tr th,.table.table_default tr td { font-size:15px; border-color:#e3e3e3; } 
.table.table_default tbody .subject a:hover { text-decoration:underline; } 
.table.table_default tbody .subject .badge { margin-right:8px; padding:6px 7px 5px; font-weight:500; color:#fff; background:#777; border-radius:0; } 
.board_data_view { border-top:1px solid #999; } 
.board_data_view .header_wrap { padding:20px 10px; border-bottom:1px solid #ddd; background:#fff; } 
.board_data_view .header_wrap .title { font-size:2.8rem; line-height:1.25em; font-weight: 700; } 
.board_data_view .header_wrap .info { margin-top:12px; font-size:1.5rem; } 
.board_data_view .contents_inner { padding:30px 5px; } 
.board_data_view .contents_inner img { max-width: 100%; cursor: pointer; } 
.board_data_view .contents_inner figure { text-align: center; } 
.board_data_view .contents_inner figcaption { font-size: 1.4rem; color: #666; } 
.board_data_view .contents_inner p { line-height: 3rem; } 
.board-area, .board_data_view { padding-bottom:8rem } 
.list_btn_wrap { text-align:right; margin-bottom: 5rem; } 
.list_btn_wrap .btn-dark { margin-left: 3px; padding: 10px 15px; border-top: 1px solid #ddd; font-size: 1.6rem; color:#fff; background: #000; } 
.list_btn_wrap .btn-dark:hover { background: #0c1f68; } 
.board_data_view .header_wrap .info span strong { margin-right:10px; } 
.board_data_view .header_wrap .info .regdate,
.board_data_view .header_wrap .info .hits,
.board_data_view .header_wrap .info .file1,
.board_data_view .header_wrap .info .file2 { margin-right:20px } 


.board_data_view .header_wrap .info .file1 a,
.board_data_view .header_wrap .info .file2 a { color:#333; text-decoration: underline; } 

.board_wrapper .table.board_write_table tbody tr td .form-control { width:350px; } 
.board_wrapper .table.board_write_table tbody tr td .text-muted { font-size:14px; } 
.table.table_default tbody .subject a { font-size:1.7rempx; } 
.table.table_default tbody tr .num { font-weight:400; } 
.table.table_default tbody .subject { padding:18px 15px; } 
.board_wrapper .table.table_default tr th { background:#fff; } 
.board_wrapper .table.table_default { border-top:1px solid #999; } 
.board_wrapper .table.board_write_table .files .fileInput .file_add { padding:9px 10px 7px; } 
.pagination_wrap ul { margin:0; padding:0; text-align:center; font-size:0; } 
.pagination_wrap li { list-style:none; display:inline-block; margin:0 10px; } 
.pagination_wrap li a { color:#000; display:block; font-size:15px; } 
.pagination_wrap li.currentbox { font-weight: 700; } 
.pagination_wrap li.box a { border:1px solid #e6e6e6; width:35px; line-height:35px; color:#000; text-decoration:none; margin: 0 2px } 
.pagination_wrap li.box2 a { border:1px solid #e6e6e6; line-height:35px; color:#000; text-decoration:none; padding-left: 10px; padding-right: 10px; margin: 0 2px } 
.pagination_wrap li.box:where(:hover,:focus) a { border-color:#000; color:#000; } 
.pagination_wrap li.active:where(a,a:hover,a:focus) { color:#000; font-weight:700; } 
.search_wrap { position:relative; margin-top:30px; margin-bottom:100px; text-align:center; min-height:40px; } 
.search_wrap .form-control { display:inline-block; } 
.search_wrap .btn { padding-left:20px; padding-right:20px; } 
.search_wrap #search_kind { width:auto; } 
.search_wrap #search_query { width:280px; } 
.search_wrap #search_btn { vertical-align:0; } 
.search_wrap .write_btn_wrap { position:absolute; top:0; right:0; } 
@media (max-width:991px){
 .search_wrap .write_btn_wrap { position:relative; margin-top:20px; } 
 }
@media (max-width:767px){
 .car_sysbox01 { border-bottom:1px solid #bbb } 
 .box_st1.pc_none { border-bottom:1px solid #bbb; padding-bottom:5rem } 
 .search_wrap:is(#search_kind,#search_query,#search_btn,#write_btn) { width:100%; display:block; margin-bottom:5px; } 

 /* 회사연혁) */
 #history .list-history>li>.year { font-size:2rem; } 
 #history .list-history>li>.detail { padding-left:2rem; } 

 .ceo_left { padding-right:0; } 
 .ceoContent_inner { display:block; } 
 
 .map_container img { display: block; width:100%; margin-right:0; } 
 .map_container .row-warp { display:block; text-align:center; } 

 #map { display: block; width:100%; height:400px; } 
 
 .board_list_list .regdate_col,
 .board_list_list .regdate,
 .board_list_list .hits,
 .board_list_list .hits_col { display: none; } 

 .num_col { width:60px !important; } 

 .car_sysbox01 { width:80%; background-size: contain; margin: 0 auto; border-bottom:0px } 
 .car_sysbox01 ul { display: flex; flex-wrap: wrap; justify-content: space-between; } 
 .car_sysbox01 ul li { left:auto !important; right:auto !important; position: relative; } 

 .car_hooList { background: url(../../assets/img/career/bg_car_hooList_m.jpg) no-repeat; background-size:contain; height: 415px; } 
 
 .car_hooList li { width:47%; margin-bottom:20px; height:24%; } 
 .car_hooList li.last { width:47%; margin-left:0; height:24%; } 
 .car_hooList li div { width:47%; height:100%; margin-left:9rem } 
 .car_hooList li p.txt { font-size:1.2rem; line-height:1.5rem; } 


 .box_st1 { overflow:hidden; margin-bottom:30px } 
 .box_st1 .gr_color { font-size: 1rem; line-height: 1.5rem; color: #333 } 
 .box_st1 .box1 { float:left; width:48.5%; text-align:center; border:1px solid #bbbbbb; border-top:2px solid #008bbc } 
 .box_st1 .box1 .pintBox { padding:21px 15px 15px; background:#008bbc; color:#fff; font-size:11px; line-height:15px; height:80px; box-sizing:border-box } 
 .box_st1 .box2 { float:right; width:48.5%; text-align:center; border:1px solid #bbbbbb; border-top:2px solid #012b5d } 
 .box_st1 .box2 .pintBox { padding:21px 15px 15px; background:#012b5d; color:#fff; font-size:11px; line-height:15px; height:80px; box-sizing:border-box } 
 .box_st1 .boxhd { position:relative; height:130px; padding:0 8px; border-bottom:1px solid #bbbbbb; background:#fafafa } 
 .box_st1 .boxhd .bot_ar { position:absolute; bottom:-8px; left:50%; width:14px; margin-left:-7px } 
 .box_st1 .boxhd p.tit { padding:22px 0 20px; font-size:1.3rem; color:#222 } 
 }




@font-face { font-family:'Font Awesome 6 Free'; font-style:normal; font-weight:900; font-display:block; src:url("../fonts/fa-solid-900.woff2") format("woff2"),url("../fonts/fa-solid-900.ttf") format("truetype"); } 
.fas,.fa-solid { font-family:'Font Awesome 6 Free'; font-weight:900; } 
.btn { border-radius:0; padding-top:9px; padding-bottom:11px; -webkit-box-shadow:none; box-shadow:none; } 
.btn.btn-dark { background-color:#000; border:1px solid #000; color: #fff; } 
.form-control { display:block; width:100%; height:38px; /* @input-height-base의 실제 값으로 대체 */
padding:6px 12px; /* @padding-base-vertical @padding-base-horizontal의 실제 값으로 대체 */
font-size:14px; /* @font-size-base의 실제 값으로 대체 */
line-height:1.42857143; /* @line-height-base의 실제 값으로 대체 */
color:#000000; /* @input-color의 실제 값으로 대체 */
background-color:#ffffff; /* @input-bg의 실제 값으로 대체 */
background-image:none; /* Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 */
border:1px solid #cccccc; /* @input-border의 실제 값으로 대체 */
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; } 
.form-control:focus { border-color:#66afe9; /* @input-border-focus의 실제 값으로 대체 */
outline:0; } 
.form-control::placeholder { color:#999999; /* @input-placeholder-color의 실제 값으로 대체 */
opacity:1; } 
.form-control::-ms-expand { background-color:transparent; border: 0; } 
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control { background-color:#eeeeee; /* @input-bg-disabled의 실제 값으로 대체 */
opacity:1; /* iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655 */ } 
.form-control[disabled],fieldset[disabled] .form-control { cursor:not-allowed; /* @cursor-disabled의 실제 값으로 대체 */ } 
textarea.form-control { height: auto; } 
/* list-bbs:제목 및 날짜,dday,내용,썸네일 */
.list-bbs { border-top:2px solid #05418d; border-bottom:1px solid #05418d; } 
.list-bbs>ul { margin:0; } 
.list-bbs>ul>li { display:table; padding:5px 0; width:100%; height:100px; } 
.list-bbs.with-thumbnail>ul>li { height:150px; } 
.list-bbs.with-thumbnail h2.list-bbs-title { margin:7px 0 8px; } 
.list-bbs>ul>li+li { border-top:1px solid #dfdfdf; margin-top:0px; } 
.list-bbs>ul>li>.list-bbs-wrap { position:relative; padding-left:255px; padding-right:30px; } 
.list-bbs h2.list-bbs-title { margin:0px 0px 5px; color:#4d4d4d; font-size:21px; } 
.list-bbs h2.list-bbs-title:before,.list-bbs h2.list-bbs-title:after { content:none; } 
.list-bbs span.list-bbs-file { color:#eea046; } 
.list-bbs span.list-bbs-contents { display:block; color:#515151; } 
.list-bbs span.list-bbs-notice-name { margin-right:9px; } 
.list-bbs-title .fas { color:#8d9497; font-size:1em; } 
.list-bbs-notice-name a { color:#000; font-size:1em; } 
.list-bbs span.list-bbs-dday { position:relative; font-size:1.5rem; font-weight:bold; margin-left:32px; color:#05418d; } 
.list-bbs span.list-bbs-dday:before { content:""; position:absolute; left:-18px; bottom:3px; height:13px; border-left:1px solid #d6dace; } 
.list-bbs span.list-bbs-date { font-size:16px; color:#898989; } 
.list-bbs span.list-bbs-hitcount { font-size:14px; margin-left:32px; position:relative; color:#898989; } 
.list-bbs span.list-bbs-hitcount:before { content:""; position:absolute; left:-18px; bottom:1px; height:13px; border-left:1px solid #d6dace; } 
.list-bbs .list-bbs-thumbnail { position:absolute; top:15px; left:0px; width:230px; height:120px; margin-right:26px; overflow:hidden; } 
.list-bbs .list-bbs-thumbnail.blank { background:url(images/bbsThumbnailDefault.png); } 
.list-bbs.with-tab .list-bbs-thumbnail.blank { background-size:180px 100px; } 
.list-bbs>ul>li>.list-bbs-wrap.noThumbnail { padding-left:0px; } 
.list-bbs .list-bbs-wrap.noThumbnail .list-bbs-thumbnail { display:none; } 
.list-bbs.with-tab .list-bbs-thumbnail { position:absolute; top:auto; left:auto; width:180px; height:100px; margin-right:26px; overflow:hidden; } 
.list-bbs.with-tab .list-bbs-with-thumbnail { padding-left:198px; } 
.list-bbs>ul>li>div { display:table-cell; position:relative; color:#5b5b5b; font-size:18px; vertical-align:middle; } 
.list-bbs>ul>li>.list-bbs-nolist { padding-left:0px; text-align:center; font-size:24px; } 
.list-bbs>ul>li>.list-bbs-no-noticelist { padding-left:0px; text-align:center; font-size: 1.7rempx; } 
.board_data_write { padding:30px 0; } 
.board_data_write .list_btn_wrap { margin: 20px 0; } 
.board_data_write .btn-dark { margin:0; padding:10px 20px; } 
/* list-bbs:구분 */
.list-bbs>ul>li>.list-bbs-type { width:144px; text-align:center; padding-right:42px; } 
.list-bbs>ul>li>.list-bbs-type:after { content:"|"; position:absolute; right:32px; color:#c2c2c2; } 
.list-bbs>ul>li>.list-bbs-number { width:120px; text-align:center; font-size:30px; padding-right:0px; color:#96b5bb; } 
.list-bbs>ul>li .list-bbs-status { width:74px; padding:0 50px; } 
/* .tab { position:relative; min-height:49px; border-bottom:1px solid #05418d; margin-bottom: 3rem; } */
.tab>ul { margin-left:0px; } 
.tab>ul>*,.tab>ul>li>* { vertical-align:bottom; } 
.tab>ul>li>a { min-width:145px; background:#fff; border-width:1px 1px 0px 1px; border-color:#d2d2d2; border-style:solid; color:#666; font-size:1.6rem; display:inline-block; text-align:center; padding:12px 5px; cursor:pointer; text-decoration:none; } 
.tab>ul>li>a.active { background:#05418d; border-color:#05418d; color:#fff; font-size:1.7rempx; padding:15px 5px; } 
.tab>ul>li { display:inline-block; position:relative; margin-top:0px; padding-left:0px; } 
.type-05 .tab { border-color:#05418d; } 
.tab::before { background:#fff; } 
.box-img { text-align: center; } 




.modal { display: none; position: fixed; z-index: 1000; padding-top: 60px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.9); } 

.modal-content { margin: auto; display: block; max-height: 100%; } 

.close { position: absolute; top: 15px; right: 35px; color: #fff; font-size: 40px; font-weight: bold; transition: 0.3s; } 

.close:hover,
.close:focus { color: #bbb; text-decoration: none; cursor: pointer; } 

.form-group { margin-top: 2rem; } 


.biz { position: relative; } 

.biz.active { background: #0073e6; /* Change to your desired color */
 color: #fff; /* Optional: change text color */ } 

.biz.active::after { content: "▼"; position: absolute; bottom: -8px; /* Adjust as needed */
 left: 50%; transform: translateX(-50%); color: #0073e6; /* Match the background color */
 font-size: 56px; /* Adjust as needed */ } 

/* 견적문의 (주문폼) */
.formmail .board-area { padding: 50px; background: #f5f5f5; border-radius: 5px; } 
.formmail .board_wrapper .table.board_write_table { border: none; } 
.formmail .board_wrapper .table.board_write_table tbody { display: grid; grid-template-columns: repeat(6, 1fr); } 
.formmail .board_wrapper .table.board_write_table tbody tr { grid-column: span 2; } 
.formmail .board_wrapper .table.board_write_table tbody tr#item_1 { grid-column: span 6; } 
.formmail .board_wrapper .table.board_write_table tbody tr#item_captcha,
.formmail .board_wrapper .table.board_write_table tbody tr#item_agree { grid-column: span 3; } 
.formmail .board_wrapper .table.board_write_table tbody tr th,
.formmail .board_wrapper .table.board_write_table tbody tr td { display: block; border: none; } 
.formmail .board_wrapper .table.board_write_table tbody tr th { padding: 10px 15px 10px; background: transparent; } 
.formmail .board_wrapper .table.board_write_table tbody tr td { padding: 0 5px 12px; } 
.formmail .board_wrapper .table.board_write_table tbody tr td .form-control { width: 100%; height: 45px; } 
.formmail .board_wrapper .table.board_write_table tbody tr td .text-muted { display: none; } 
.formmail .board_wrapper .table.board_write_table tbody tr#item_captcha td { display: flex !important; align-items: center; gap: 5px; } 
.formmail .board_wrapper .table.board_write_table tbody tr#item_captcha td #captcha { height: 45px; } 
.formmail .board_wrapper .table.board_write_table tbody tr#item_captcha td #wr_captcha { width: 100%; height: 45px; margin: 0 0 0 -1px !important; max-width: 250px; } 

/* 게시글 작성 */
.board_wrapper .table.board_write_table tbody tr th,
.board_wrapper .table.board_write_table tbody tr td { padding: 12px; font-size: 16px; border-top: none; border-bottom: 1px solid #e6e6e6; } 
.custom_checkbox + span::before { font-size: 1em; } 
.board_wrapper .table.board_write_table { border-top: 1px solid #333; } 
.board_wrapper .table.board_write_table tbody tr th { width: 220px; padding: 23px 25px; font-weight: 500; color: #333; background: #fff; font-size: 16px; letter-spacing: -0.034em; } 
.board_wrapper .table.board_write_table tbody tr th > span.required_text { color: #ff0000; } 
.board_wrapper .table.board_write_table tbody tr th .sm { display: block; font-size: 90%; } 
.board_wrapper .table.board_write_table .files .fileInput .file_add { padding: 6px 8px; } 
.custom_radio + span::before { font-size: 1em; } F