@charset "UTF-8";

/*---------------- 지원사업 -------------------*/
/* 자금신청 무상담비대면평가 20210719 */
.layer-pop.alert .info-area {padding:38px 30px;line-height:24px;}
.layer-pop.alert .info-area p {padding-top: 20px;}
.layer-pop.alert .info-area p.emp {font-weight:bold;}
.layer-pop.alert .info-area .bottom-btn {padding-top: 20px;}
.layer-pop.alert .info-area .bottom-btn .right {margin-left: 90px;}

/* 자금신청 신청서업로드 말풍선 20210719 */
.request-table-box .com-box-table th .t-tip {background:sandybrown; border-radius: 18px; padding:1px 8px; position: relative; line-height: 22px; font-size: 18px; font-weight:bold;color: #ededed; right:10px; float: right;}
.request-table-box .com-box-table th .t-tip .tip-text {visibility: hidden; width: 494px; height:150px; background: rgba(255,255,255,0.9); color: black; text-align: left; border-radius: 10px; padding: 20px 12px 27px 20px; position: absolute; z-index: 1; bottom:50px; left: -618%; margin-left: -105px;font-size: 14px;border:2px solid #70acdb;box-shadow:1px 1px 5px 1px rgb(0 0 0 / 20%);}
.request-table-box .com-box-table th .t-tip .tip-text.box3 {width: 344px; height:150px; left:-74px;}
.request-table-box .com-box-table th .t-tip .tip-text h3 {font-weight: 600; color:#1175c3;text-indent: -8px; padding-bottom:4px;}
.request-table-box .com-box-table th .t-tip .tip-text p {padding-left:20px;}
.request-table-box .com-box-table th .t-tip .tip-text.type-02 p {padding-left:88px;}
.request-table-box .com-box-table th .t-tip .tip-text p.gap {padding-left:32px;}
.request-table-box .com-box-table th .t-tip .tip-text p .t-in{margin-left: -12px;}
.request-table-box .com-box-table th .t-tip .tip-text.type-02 p .t-in{margin-left: -82px;}
.request-table-box .com-box-table th .t-tip .tip-text.type-02 p .t-in2{margin-left: 14px;}
.request-table-box .com-box-table th .t-tip .tip-text::after {content: "";position: absolute; bottom: -20%;left: 50%; margin-left: -18px; border:20px solid ; border-color:white transparent transparent transparent;}
.request-table-box .com-box-table th .t-tip .tip-text::before {content: "";position: absolute; bottom: -22%;left: 50.1%; margin-left: -20px; border: 21px solid; border-color:#70acdb transparent transparent transparent;} 
.request-table-box .com-box-table th .t-tip:hover .tip-text {visibility: visible;}

/* 신규 자금신청 융자신청서 20211021 */
.request-table-box .table-view .com-box-table td.action {padding:14px 0;}
.request-table-box .table-view .table-bottom-step-btn {margin-top: 20px; text-align: center;}
.request-table-box .table-view .com-btn {position:relative; top:-2px; padding:8px 20px;border: none;border-radius: 5px;color: white;background: grey;font-size:16px;font-weight: bold;cursor: pointer; }
.request-table-box .table-view .com-btn.center {display: block; margin: auto;}
.request-table-box .table-view .com-btn:hover {background:#707070;}
/* 신규 자금신청 융자신청서 말풍선 20211204 */
.request-table-box .table-view .t-tip-box {float:right;position:relative;right:10px;padding:1px 8px;border-radius: 18px;background:sandybrown;  line-height: 22px; font-size: 18px; font-weight:bold;color: #ededed; }
.request-table-box .table-view .t-tip-box [class*='t-tip-content'] {visibility:hidden;position:absolute;top:0;bottom:0;left:-618%;z-index:1;width:500px; /* height:200px; */margin-left:-105px;padding:20px 12px 27px 20px;border:2px solid #70acdb;border-radius:10px;box-shadow:1px 1px 5px 1px rgb(0 0 0 / 20%);background: rgba(255,255,255,0.9);color: black;text-align:left;font-size:14px;}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'].h240 {height:240px;}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'].h270 {height:270px;}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'].h290 {height:290px;}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'].h310 {height:310px;}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'].h340 {height:340px;}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'].h370 {height:370px;}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'].h830 {height:830px;}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'].mt45 {margin-top:45px}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'].ml45 {margin-left:45px}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'].low-mt105 {margin-top:-105px}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'].low-mt310 {margin-top:-310px}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'].low-mt330 {margin-top:-330px}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'].low-mt360 {margin-top:-360px}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'].low-mt380 {margin-top:-380px}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'].low-mt410 {margin-top:-410px}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'].low-mt440 {margin-top:-440px}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'].box3 {width: 344px; height:150px; left:-74px;}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'] h3 {padding-bottom:4px; font-weight: 600; color:#1175c3;text-indent: -8px;}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'] p {padding-left:20px;}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'].type-02 p {padding-left:88px;}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'] p.gap {padding-left:32px;}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'] p .t-in{margin-left: -12px;}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'].type-02 p .t-in{margin-left: -82px;}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'].type-02 p .t-in2{margin-left: 14px;}
.request-table-box .table-view .t-tip-box [class*='t-tip-content']::after {content: "";position: absolute; top:99%; left: 50%; margin-left: -22px; border:20px solid ; border-color:white transparent transparent transparent;}
.request-table-box .table-view .t-tip-box [class*='t-tip-content']::before {content: "";position: absolute; top:100%; left: 50%; margin-left: -22px; border: 20px solid; border-color:#70acdb transparent transparent transparent;}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'].upside::after {top:-4.5%; border-color:transparent transparent white transparent;}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'].upside::before {top:-4.8%; border-color:transparent transparent #70acdb transparent;}
.request-table-box .table-view .t-tip-box:hover [class*='t-tip-content']  {visibility: visible;}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'] .table-example {border:1px solid #bfbfbf; border-collapse:collapse; width: 473px; margin-left: 10px;}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'] .table-example th {padding:5px 8px; border:1px solid #bfbfbf; border-collapse:collapse;  background:#f4f4f4;font-size:13px;font-weight:bold;line-height:20px;text-align:center;color:#1175c3;}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'] .table-example td {padding:5px 8px; border:1px solid #bfbfbf; border-collapse:collapse; font-size:13px;line-height:26px;color:#666;text-align:center;}
.request-table-box .table-view .t-tip-box [class*='t-tip-content'] .table-example td.txt-left {text-align:left;}
.request-table-box .table-view .t-tip-box .t-tip-content-wide {width: 662px;}
.request-table-box .table-view .t-tip-box .t-tip-content-wide .table-example {width: 635px;}
.request-table-box .table-view .t-tip-box .t-tip-content-wide::after {margin-left: -102px;}
.request-table-box .table-view .t-tip-box .t-tip-content-wide::before {margin-left: -102px;}
.request-table-box .table-view .t-tip-box .t-tip-content-wide.virtualMl253::after {margin-left: -253px;}
.request-table-box .table-view .t-tip-box .t-tip-content-wide.virtualMl253::before {margin-left: -253px;}

/* 정책자금신청내역 수정 20210811 */
.com-box-table.ver-top td {vertical-align:top;}
.online-pop .line-biz-content .btn {font-size:22px;line-height:46px;}
.com-input-file .input-txt {width:270px; margin:0 0 10px 0;}
.com-input-file.box-bt-line {padding-top:10px;height:92px;border-bottom:1px solid #bfbfbf;}
.online-pop .request-table-box .file-name {max-width: 270px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; -ms-overflow:hidden; -o-overflow:hidden; -webkit-overflow:hidden;  }
.online-pop .normal-txt + .com-box-table.box-type01 {border: 1px solid #bfbfbf;}
.online-pop .normal-txt + .com-box-table.box-type01 th {padding:15px; background: #f4f4f4; font-weight:normal; text-align:left; color: #666; line-height: 24px; border-bottom:none;}

/* 융자대상 및 제한기업 20210914 */
.sub-info-content .box-list .list-down-btn .link-list.line li a { line-height:32px; border-bottom:1px solid grey; text-decoration: none;}
.sub-info-content .box-list .list-down-btn .link-list.line li a:hover {color: #1f64b2;}
.sub-info-content .box-list .list-down-btn .link-list.line li {background-position: 0 12px;}
.sub-info-content .normal-txt.ind {text-indent: -22px; margin-left: 22px; margin-bottom: 10px;}

/*융자절차 수정*/
.sub-info-content .box-step-list.mtop-01 .line-list, .sub-info-content .box-step-list.mtop-01 div.table-view { margin-top: 10px;}
.sub-info-content .box-step-list.mtop-02 .line-list { margin-top: 20px;}
.sub-info-content .box-step-list.mtop-03 .line-list { margin-top: 30px;}
.sub-info-content .box-step-list.mtop-04 .line-list { margin-top: 40px;}
.sub-info-content .box-step-list.mtop-05 .line-list { margin-top: 50px;}
.sub-info-content .box-step-list .line-list .num-in { padding-left: 40px;}
.sub-info-content .box-step-list .imp-list li.in-type-01 { padding-left:100px; text-indent:-90px;}

/*스마트공장 AS 지원사업 수정*/
.sub-info-content .btn-cnt .line.type-1 a.link, .sub-info-content .btn-cnt .line.type-2 a.link, .sub-info-content .btn-cnt .line.type-3 a.link{margin-bottom: 10px; }
.sub-info-content .btn-cnt .line.type-1 a.link, .sub-info-content .btn-cnt .line.type-2 a.link, .sub-info-content .btn-cnt .line.type-3 a.link, .sub-info-content .btn-cnt .line.type-4 a.link{padding:0 16px 0 19px;border-radius:0;}
.sub-info-content .btn-cnt .line.type-1 a.link > span {min-width : 793px; padding-right:18px;}
.sub-info-content .btn-cnt .line.type-2 a.link > span {min-width : 353px; padding-right:18px;}
.sub-info-content .btn-cnt .line.type-3 a.link > span {min-width : 217px; padding-right:18px;}
.sub-info-content .btn-cnt .line.type-4 a.link > span {min-width : 113px; padding-right:18px;}

/*수출인큐베이터*/
.sub-info-content .btn-cnt.type-2 a.down > span.ls12 {letter-spacing: -1.2px;}
.sub-info-content .incubator-location .location-img img {margin:20px auto; padding:10px 0; width: 700px; border: 1px solid #cadbef;}

/*일본 수출규제 대체 수입선 발굴지원 서비스이용절차 안내도 수정*/
.com-step-graph.type-4 li.sep-01 {width:180px;}
.com-step-graph.type-4 li.sep-02 {width:130px;left:204px;}
.com-step-graph.type-4 li.sep-03 {width:160px;left:358px;}
.com-step-graph.type-4 li.sep-04 {width:130px;left:542px;}
.com-step-graph.type-4 li.sep-05 {width:239px;left:698px;}

/*무역조정지원사업 안내도 수정*/
.com-step-graph.type-4 li.sep-06 {width:140px;}
.com-step-graph.type-4 li.sep-07 {width:150px;left:164px;}
.com-step-graph.type-4 li.sep-08 {width:160px;left:338px;}
.com-step-graph.type-4 li.sep-09 {width:150px;left:522px;}
.com-step-graph.type-4 li.sep-10 {width:239px;left:698px;}

/*중소기업진단사업 표*/
.com-step-graph.type-6.size-4 {height:70px;}
.com-step-graph.type-6.size-4 li {width:277px;height:55px; border-radius: 10px;}
.com-step-graph.type-6.size-4 li .icon {top:74px;}
.com-step-graph.type-6.size-4 li.list-1 {left:0;}
.com-step-graph.type-6.size-4 li.list-2 {left:327px;}
.com-step-graph.type-6.size-4 li.list-3 {left:654px;}
.com-step-graph.type-6.size-4 li.color-4 {background-color: #1AABB4;}
.com-step-graph.type-6.size-4 li.color-5 {background-color: #1175C3;}
.com-step-graph.type-6.size-4 li.color-6 {background-color: #02428A;}
.com-step-graph.type-6.size-4 .dot-txt {margin-top:14px;padding-left:20px;}
.com-step-graph.type-6.size-4 .dot-txt span {display:block;padding-left:10px;background:url(/static/compat/images/common/list_dot_1.gif) no-repeat 0 10px;line-height:26px;color:#666;}
.com-step-graph.type-6.size-5 {height:60px;}
.com-step-graph.type-6.size-5 li {width:100%;height:55px; border-radius: 10px;}
.com-step-graph.type-6.size-5 li.color-4 {background-color: #1AABB4;}

/* 구조개선전용자금 20230119*/
.com-box-table td .small-arrow::before{content:'▶';position:relative;top:-3px;padding-right:3px;font-size:12px;}

/*---수출인큐베이터 사진보기 4칸씩 보기 --*/
.sub-info-content .incubator-photo-list.list-4 li {width:208px;height:225px;}
.sub-info-content .incubator-photo-list.list-4 .photo img {width:157px;height:118px;}
.sub-info-content .incubator-photo-list.list-4 .txt {font-size:16px;}
/*---//수출인큐베이터 사진보기 4칸씩 보기 --*/

/*---------------- //지원사업 -------------------*/

/*---------------- 참여광장 -------------------*/
/* 국민제안방 공모제안 */
.sub-info-content .info-area .box-list .search-area .btn {display:inline-block;width:120px;margin-left:6px;background:#707070;text-align:center;line-height:35px;color:#fff;vertical-align:top;}
.sub-info-content .info-area .box-list.info-txt:first-child:before {content: ''; position:absolute;top:41px;right:8px;width:193px;height:153px;background:url(/static/compat/images/img_bg_apply.png) no-repeat;}
.sub-info-content .box-list > .title {width:660px;line-height: 31px;}
.sub-info-content .box-list .txt-list {width:660px;}
/* 국민제안방 공모제안 */
/*---------------- //참여광장 -------------------*/

/*---------------- 정보공개 -------------------*/
/* 개인정보처리방침 수정 20220809 */
.text-hidden {position: absolute !important;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden;}
.com-box-table.center th.label-title {margin-top:66px;font-size:24px;font-weight:bold;line-height:28px;color:#02428a;}
.com-box-table .label-box tr td {width:156px;height:200px;vertical-align:bottom;}
.com-box-table .label-box tr td:before{content:'';display:block;position:relative;top:0;left:58px;width:178px;height:180px;background:url(/static/compat/images/common/policy_icon_1.gif) no-repeat center 0;}
.com-box-table .label-box .label-img-01:before {background-position:10px -10px;}
.com-box-table .label-box .label-img-02:before {background-position:-185px 0;}
.com-box-table .label-box .label-img-03:before {background-position:-371px 0;}
.com-box-table .label-box .label-img-04:before {background-position:-545px 0;}
.com-box-table .label-box .label-img-05:before {background-position:-728px 0;}
.com-box-table .label-box .label-img-06:before {background-position:-900px 0;}
.sub-info-content .info-area.policy h5{display:inline-block;}
.sub-info-content .info-area.policy .t-tip {position:absolute;margin-top:-7px;width:45px;height:45px; background:url(/static/compat/images/common/policy_icon_1.gif) no-repeat center 0;}
.sub-info-content .info-area.policy .t-tip.middleBg {display:inline-block;position:relative;width:60px;height:60px;}
.sub-info-content .info-area.policy .t-tip.firstOrder {margin-left: 0;}
.sub-info-content .info-area.policy .t-tip.secondOrder {margin-left: 45px;}
.sub-info-content .info-area.policy .t-tip.thirdOrder {margin-left: 90px;}
.sub-info-content .info-area.policy .t-tip.middleBg.middle-type-01{background-position:5px -190px;}
.sub-info-content .info-area.policy .t-tip.middleBg.middle-type-07{background-position:-413px -190px;}
.sub-info-content .info-area.policy .t-tip.middleBg.middle-type-21{background-position:-1380px -190px;}
.sub-info-content .info-area.policy .t-tip.middleBg.middle-type-22{background-position:-1444px -190px;}
.sub-info-content .info-area.policy .t-tip.small-type-01{background-position:5px -270px;}
.sub-info-content .info-area.policy .t-tip.small-type-02{background-position:-49px -267px;}
.sub-info-content .info-area.policy .t-tip.small-type-03{background-position:-104px -267px;}
.sub-info-content .info-area.policy .t-tip.small-type-04{background-position:-158px -267px;}
.sub-info-content .info-area.policy .t-tip.small-type-05{background-position:-213px -267px}
.sub-info-content .info-area.policy .t-tip.small-type-06{background-position:-268px -270px}
.sub-info-content .info-area.policy .t-tip.small-type-07{background-position:5px -270px;}
.sub-info-content .info-area.policy .t-tip.small-type-08{background-position:-376px -267px;}
.sub-info-content .info-area.policy .t-tip.small-type-09{background-position:-431px -270px}
.sub-info-content .info-area.policy .t-tip.small-type-10{background-position:-485px -270px}
.sub-info-content .info-area.policy .t-tip.small-type-11{background-position:-540px -270px}
.sub-info-content .info-area.policy .t-tip.small-type-12{background-position:-594px -267px}
.sub-info-content .info-area.policy .t-tip.small-type-13{background-position:-648px -267px}
.sub-info-content .info-area.policy .t-tip.small-type-14{background-position:-704px -270px}
.sub-info-content .info-area.policy .t-tip.small-type-15{background-position:-758px -270px}
.sub-info-content .info-area.policy .t-tip.small-type-16{background-position:-812px -270px}
.sub-info-content .info-area.policy .t-tip.small-type-17{background-position:-867px -267px}
.sub-info-content .info-area.policy .t-tip.small-type-18{background-position:-922px -270px}
.sub-info-content .info-area.policy .t-tip.small-type-19{background-position:-975px -267px}
.sub-info-content .info-area.policy .t-tip.small-type-20{background-position:-1030px -270px}
.sub-info-content .info-area.policy .t-tip .tip-text {visibility:hidden;position: absolute;bottom:52px;left:-80;z-index:1;width:390px;height:55px;margin-left:-105px;padding: 20px 20px 27px 20px;border:2px solid #70acdb;border-radius:10px;background:rgba(255,255,255,0.9);color: black;text-align: left;font-size:14px;line-height:25px;box-shadow:1px 1px 5px 1px rgb(0 0 0 / 20%);}
.sub-info-content .info-area.policy .t-tip .tip-text {}
.sub-info-content .info-area.policy .t-tip .tip-text.middleBox1{left:6;width:225.5px;}
.sub-info-content .info-area.policy .t-tip .tip-text.middleBox1.text-int{text-indent:-9px;padding-left:20px;}
.sub-info-content .info-area.policy .t-tip .tip-text.middleBox1 span.in {margin-left:-18px;padding-left:10px;}
.sub-info-content .info-area.policy .t-tip .tip-text.middleBox2{left:39;width:155.5px;height:20px;text-align:center;}
.sub-info-content .info-area.policy .t-tip .tip-text.middleBox3{left:39;width:155.5px;height:37px;}
.sub-info-content .info-area.policy .t-tip .tip-text.middleBox4{left:39;width:105.5px;height:20px;text-align:center;}
.sub-info-content .info-area.policy .t-tip .tip-text.smallBox1 {left:7px;width:204px;height:20px; text-align:center;}
.sub-info-content .info-area.policy .t-tip .tip-text.smallBox2 {left:7px;width:144px;height:20px; text-align:center;}
.sub-info-content .info-area.policy .t-tip .tip-text::before {content: "";position: absolute; bottom: -41%;left: 48.2%; margin-left: -20px; border: 21px solid; border-color:#70acdb transparent transparent transparent;} 
.sub-info-content .info-area.policy .t-tip .tip-text::after {content: "";position: absolute; bottom: -37%;left: 48%; margin-left: -18px; border:20px solid ; border-color:white transparent transparent transparent;}
.sub-info-content .info-area.policy .t-tip .tip-text.middleBox2::before {bottom: -62%;left:48.4%;} 
.sub-info-content .info-area.policy .t-tip .tip-text.middleBox2::after {bottom: -57%;}
.sub-info-content .info-area.policy .t-tip .tip-text.middleBox3::before {bottom: -51%;left:48.4%;} 
.sub-info-content .info-area.policy .t-tip .tip-text.middleBox3::after {bottom: -47%;}
.sub-info-content .info-area.policy .t-tip .tip-text.middleBox4::before {bottom: -62%;left:62.4%;} 
.sub-info-content .info-area.policy .t-tip .tip-text.middleBox4::after {bottom: -57%;left:62%;}
.sub-info-content .info-area.policy .t-tip .tip-text.smallBox1::before {bottom: -62.3%;left:48.4%;} 
.sub-info-content .info-area.policy .t-tip .tip-text.smallBox1::after {bottom: -57%;}
.sub-info-content .info-area.policy .t-tip .tip-text.smallBox2::before {bottom: -63%;left:65.5%;} 
.sub-info-content .info-area.policy .t-tip .tip-text.smallBox2::after {bottom: -57%;left:65%;}
.sub-info-content .info-area.policy .t-tip:hover .tip-text {visibility: visible;}
/* //개인정보처리방침 수정 20220809 */

/* 정보공개포털 수정 20210811 */
.sub-info-content .box-list .photo-txt {padding:25px 0 0 212px; background: url(/static/compat/images/common/data_bg_1.png) no-repeat 0 27px; background-size: 179px 130px; }

/*경영공시 수정 담당자 연락처 삭제 20210819*/
.com-value-box .top-info-cnt {display: none;}

/*---------------- 중진공 소개-------------------*/
/* 임원소개 페이지 수정 20210622 */
.sub-info-content .introduce-box li .posi { height : 58px; }
.sub-info-content .introduce-box li .btn { margin-top : 0; }

/* 감사소개 페이지 수정 20210622 */
.sub-info-content .inspection-view .right li .month { width: 210px; }

/* 중진공 기업민원 보호·서비스헌장 페이지 수정 20210623 */
.sub-info-content .info-area .txt-line-box {margin-top:0;}
.sub-info-content .info-area .txt-line-box h2{display:block;margin-top:0;font-size:32px;line-height:50px;text-align:center;}
.sub-info-content .info-area .txt-line-box h3{display:block;margin-top:0;font-size:21px;line-height:30px;text-align:center;}

/* 인력양성 추진내용 및 세부사업 페이지 수정 20210715 */
.com-step-graph.type-8.size-3 li {height:523px;}
.com-step-graph.type-8.size-3.num-6 li.list-1 {left:86px;}
.com-step-graph.type-8.size-3.num-6 li.list-2 {left:372px;}
.com-step-graph.type-8.size-3.num-6 li.list-3 {left:658px;}
.com-step-graph.type-8.size-3.num-6 li {width:250px;}
.com-step-graph.type-8 li.color-4 .txt {width:100px; padding:40px 0 40px 30px !important}
.com-step-graph.type-8 li.color-5 .txt {width:100px; padding:60px 0 60px 30px !important}
.com-step-graph.type-8 li.color-5 .txt {position: relative; top:20px;}
.com-step-graph .btn-cnt {width:225px; margin-top: 19px !important;}
.sub-info-content .btn-cnt a.link {padding:0 28px 0 19px;border-radius: 7px;}
.sub-info-content .btn-cnt a.link.round-none {border-radius: 0;}
.sub-info-content .btn-cnt a.down.w123 > span, .sub-info-content .btn-cnt a.link.w123 > span{min-width: 123px;}

/*윤리ㆍ인권경영 추진활동 단락 글자 간격 20210909*/
.sub-info-content .title-line.ti-78 .line-list > li {padding-left:78px;text-indent:-78px;}

/*윤리ㆍ인권경영 윤리ㆍ인권경영규범 윤리경영 규범 윤리헌장 글자 단락 20211116*/
.sub-info-content .txt-list .service-txt.ind ul li {padding-left:45px;text-indent:-45px;}
/*---------------- //중진공 소개-------------------*/

/*주요 사회공헌 활동 20220509*/
.sub-info-content .work-img-list a.esg {padding:19px 0 20px 310px;}
.sub-info-content .work-img-list .img-cnt.esg {width:250px; height:150px;}
.sub-info-content .work-img-list .img-cnt img.img-esg {width:250px; height:150px;}
.sub-info-content .work-img-list .txt.txt-esg {overflow: hidden; height:80px; word-break: break-all; text-overflow: ellipsis; width: 600px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient:vertical;}
.sub-info-content .work-img-list .img-cnt{transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); overflow: hidden;}
.sub-info-content .work-img-list .img-cnt:hover{transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2);
-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

/*사회공헌 자료실 20220509*/
/* .sub-info-content .movements-box2 li.esg {width:300px; height:60px; margin:30px 0 0 8px; } */
.sub-info-content .movements-box2 li.esg {width:452px; height:380px; margin:30px 0 0 11px; }
/* .sub-info-content .movements-box2 li.esg .img-cnt {width:300px; height:210px; } */
.sub-info-content .movements-box2 li.esg .img-cnt {width:450px; height:306px; }
/* .sub-info-content .movements-box2 li.esg .title {font-size: 16px; width:266px; letter-spacing:0; text-align: center;} */
.sub-info-content .movements-box2 li.esg .title {font-size: 16px; width:416px; letter-spacing:0; text-align: center;}
.sub-info-content .movements-box2 li.esg a .bg .esg-pdf {opacity: 0; position: absolute; width: 100%; height: 100%;  transition: 1s;}
.sub-info-content .movements-box2 li.esg a .bg .esg-pdf:hover {opacity: 0.9; background: rgba(0,0,0,0.2);}
.sub-info-content .movements-box2 li.esg a .bg .esg-pdf img {position:relative; top:30%;}

/*---------------- 로그인 및 기타 -------------------*/
/* 로그인페이지 상세 수정 20210716 */
.sub-info-content .txt-list.normal > li {list-style:none; background:none;text-align:center;}
.sub-info-content .join input[type="text"], .sub-info-content .join input[type="password"] {height: 42px;}
.sub-info-content .p-join input[type="text"], .sub-info-content .p-join input[type="password"] {height: 42px;}
.com-round-box.join .login-cnt, .com-round-box.p-join .login-cnt {width:230px;height:100px;margin: 77px auto 0; }
.com-round-box.join .login-cnt .login-btn, .com-round-box.p-join .login-cnt .login-btn {height:100px; line-height: 100px;}
.com-round-box.join .login-com-cnt2 {width:370px; }
.com-round-box.join .login-com-cnt2 .leftbtn {margin:13px 0 0 0; }
.com-round-box.join .login-com-cnt2 .leftbtn .id-input {width:238px;}
.com-round-box.join .login-com-cnt2 .leftbtn .info-btn {width:240px; margin-top:11px; padding: 12px 0 12px 0;}
.com-round-box.join .login-com-cnt2 .rightbtn {margin-top:10px;}
.com-round-box.join .login-com-cnt2 .rightbtn .login-btn {right:47px; padding:29px 0;}
.com-round-box.join .txt-list, .com-round-box.p-join .txt-list {margin-top:25px;}
.com-round-box.p-join .login-cnt .psw-input {margin-top:0;}
.com-round-box.p-join .left-box {width: 410px;}
.com-round-box .login-one-cnt {padding-top:80px;}
.com-round-box.p-join.member .right-box {padding: 30px 15px 84px 25px; }
.com-round-box.p-join.member .right-box .txt-list {margin-top: 35px;}

/* 보안 프로그램 통합설치 인증서프로그램 설치실행 추가 20210726 */
.sub-info-content .box-list .line-list.set-bg {min-height:205px;padding-left:445px;}
.sub-info-content .box-list .line-list.set-bg.num-1 {background:url(/static/compat/images/common/set_bg_1.gif) no-repeat 0 0;}
.sub-info-content .box-list .line-list.set-bg.num-2 {background:url(/static/compat/images/common/set_bg_2.gif) no-repeat 0 0;}
.sub-info-content .line-list > li {text-indent:-20px;}

/*테이블박스 추가 padding 간격 일부 소스*/
.com-box-table.p-side10 td {padding:14px 10px; }
.com-box-table.ind-10 .line-list > li {text-indent: -10px;padding-left: 10px;}

/*공통 글자 정렬 수정 */
.inner.type-01 {padding-left:16px;text-indent:-16px;}
.inner.type-02 {padding-left:18px;text-indent:-18px;}
.inner.type-03 {padding-left:20px;text-indent:-20px;}
.inner.type-04 {padding-left:22px;text-indent:-22px;}
.inner.type-05 {padding-left:24px;text-indent:-24px;}
.inner.type-05 {padding-left:24px;text-indent:-24px;}
.sub-info-content .box-list .txt-list > li p.ind-90 {padding-left:95px;text-indent:-92px;}
.sub-info-content .box-list .txt-list > li.ind.type-140 {padding-left:140px;text-indent:-130px;}
.sub-info-content .box-list .txt-list > li.ind.type-150 {padding-left:150px;text-indent:-140px;}
.sub-info-content .box-list .txt-list > li.ind.type-190 {padding-left:190px;text-indent:-180px;}
.sub-info-content .num-list > li.inner.type-01 {padding-left:16px;text-indent:-16px;}
.sub-info-content .num-list > li.inner.type-02 {padding-left:18px;text-indent:-18px;}
.sub-info-content .num-list > li.inner.type-03 {padding-left:20px;text-indent:-20px;}
.sub-info-content .num-list > li.inner.type-04 {padding-left:22px;text-indent:-22px;}
.sub-info-content .num-list > li.inner.type-05 {padding-left:24px;text-indent:-24px;}

/*---------------- 증명서 다운로드 팝업 -------------------*/
#wrap.down-pop {overflow:visible;position:relative;max-width:500px;min-width:200px; margin:0 auto;}
#wrap.down-pop .down-area {padding: 20px 20px 0 20px; margin: auto;}
#wrap.down-pop .down-area .down-bg {width: 215px; height:186px; background: url(/static/compat/images/common/img_down_pdf.png) no-repeat 0 0; text-indent: -9999px; margin: 20px auto;}
#wrap.down-pop .down-area .down-text-box {border: 1px solid #7b7b7b; border-radius: 10px; margin: 0 auto; padding:20px 40px; }
#wrap.down-pop .down-area .down-text-box ul li {font-size: 16px; line-height: 24px; text-align: left; text-indent: -19px; padding-top:10px;}
#wrap.down-pop .down-area .down-text-box ul li.imp {color: #bf1d2d;}
#wrap.down-pop .down-area button.down-pop-btn {padding:10px 30px; background: #225c8d; display: block; margin: auto; color: white; border: none; font-size: 16px; margin-top: 10px; border-radius: 7px;}
/*---------------- //증명서 다운로드 팝업 -------------------*/

/*---------------- 자금신청 인증서 표시 레이어 팝업 -------------------*/
.pop-layer .pop-container { padding: 20px 17px; }
.pop-layer .pop-container .cert-btn {padding:8px 30px; margin: 15px auto 0; display: inline-block; cursor: pointer; font-size: 16px; background: #4095bd; border-radius: 5px; border:none; color: white; }
.pop-layer .pop-container .cert-btn:hover {background: #2b799e;}
.pop-layer .check-area {padding:5px 12px; border: 1px solid #cecece; overflow: scroll; max-height: 290px; }
.pop-layer .check-area ul li {line-height: 33px; border-bottom:1px solid #cecece; padding:0 5px; }
.pop-layer .check-area ul li label {display:inline-block;  width: 290px;}
.pop-layer .check-area ul li input[type='checkbox'] {width: 15px; height:15px;}
.pop-layer .cert-btn-area {text-align: center;}
.pop-layer .btn-r { width: 100%; padding: 15px 0 20px; background: #3571B5; }
.pop-layer .btn-r h3 {display: inline-block; font-size: 19px; font-weight: 600; color:white;text-align: left; padding:0 15px; }
.pop-layer .btn-r a {font-size: 16px;}
.pop-layer { display: none;position: absolute; top: 50%; left: 70%; width: 410px; height: auto; background-color: #fff; border: 5px solid #3571B5; z-index: 10; }
.cert-layer { display: none; position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.cert-layer .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}
.cert-layer .pop-layer {display: block;}
a.btn-layerClose {display: inline-block;height: 25px;padding: 5px 18px;border:none;background-color: #3f5a9d;color: #fff;line-height: 25px; margin-right: 13px; margin-top: -7px; float: right; border-radius: 5px;}
a.btn-layerClose:hover {background-color: #1f326a;color: #fff;}
/*--------------- //자금신청 인증서 표시 레이어 팝업 -------------------*/

/*---------------- 국민제안방 20220621-------------------*/
.t-tip-box.jointProposer {right:0;top:-46px;left:134px;float: left;}
.t-tip-box.jointProposer .t-tip-content-wide {width:404px; height:250px;}
.t-tip-box.suggestContent {right:0;top:-32px;left:104px;float: left;}
.t-tip-box.suggestContent .t-tip-content-wide {width:404px; height:290px;}
/*---------------- //국민제안방 20220621-------------------*/

/*--------------------- 공통 ----------------------*/
.sub-info-content.tit-top-01 .title-line {margin-top: 10px;}
.sub-info-content.tit-top-02 .title-line {margin-top: 20px;}
.sub-info-content.tit-top-03 .title-line {margin-top: 30px;}
.sub-info-content.tit-top-04 .title-line {margin-top: 40px;}
.sub-info-content.tit-top-05 .title-line {margin-top: 50px;}
.sub-info-content .btn-cnt a.down.basic, .sub-info-content .btn-cnt a.link.basic {float:none; padding:20px 16px 20px 19px;}
/*--------------------- //공통 ----------------------*/

/* 공통 테이블 박스 정렬 지정 */
.com-box-table.cen-type00 tr.sel01 td:nth-child(1) {text-align: center;}
.com-box-table.cen-type00 tr.sel02 td:nth-child(-n+2) {text-align: center;}
.com-box-table.cen-type00 tr.sel03 td:nth-child(-n+3) {text-align: center;}
.com-box-table.cen-type00 tr.sel04 td:nth-child(-n+4) {text-align: center;}
.com-box-table.cen-type01 tr td:nth-child(1) {text-align: center;}
.com-box-table.cen-type02 tr td:nth-child(-n+2) {text-align: center;}
.com-box-table.cen-type03 tr td:nth-child(-n+3) {text-align: center;}
.com-box-table.cen-type04 tr td:nth-child(-n+4) {text-align: center;}
/* //공통 테이블 박스 정렬 지정 */

/* 레이어 팝업 기본 화면 */
@media(min-width:500px) and (max-width:1099px) {
#sub_layer_popup{position: absolute;width: 100%;height: 100%; display: none !important;}
}

/* 공통 툴팁(말풍선) 20220621 */
.t-tip-box {background:sandybrown; border-radius: 18px; padding:1px 8px; position: relative; line-height: 22px; font-size: 18px; font-weight:bold;color: #ededed; right:10px; float: right;}
.t-tip-box [class*='t-tip-content'] {visibility:hidden;position:absolute;z-index:1;top:-150px;bottom:50px;left:54px;width:500px;height:200px;margin-left:0;padding:7px 13px 27px 12px;border:2px solid #70acdb;border-radius:10px; box-shadow:1px 1px 5px 1px rgb(0 0 0 / 20%);background: rgba(255,255,255,0.8); color: black; text-align: left; font-size: 14px;}
.t-tip-box [class*='t-tip-content'].box3 {width: 344px; height:150px; left:-74px;}
.t-tip-box [class*='t-tip-content'] h3 {font-weight: 600; color:#1175c3;padding-bottom:4px; border-bottom:1px solid gray; line-height: 35px; margin: 7px 0;}
.t-tip-box [class*='t-tip-content'] p {padding-left:20px;}
.t-tip-box [class*='t-tip-content'].type-02 p {padding-left:88px;}
.t-tip-box [class*='t-tip-content'] p.gap {padding-left:32px;}
.t-tip-box [class*='t-tip-content'] p .t-in{margin-left: -12px;}
.t-tip-box [class*='t-tip-content'].type-02 p .t-in{margin-left: -82px;}
.t-tip-box [class*='t-tip-content'].type-02 p .t-in2{margin-left: 14px;}
.t-tip-box [class*='t-tip-content']::before {content: "";position: absolute; top:58%; left: 12%; margin-left: -22px; border:25px solid ; border-color:transparent #70acdb  transparent transparent;}
.t-tip-box [class*='t-tip-content']::after {content: "";position: absolute; top:59%; left: 14%; margin-left: -22px; border: 22px solid; border-color:transparent white transparent transparent;}
.t-tip-box:hover [class*='t-tip-content']  {visibility: visible;}
.t-tip-box [class*='t-tip-content'] .table-example {border:1px solid #bfbfbf; border-collapse:collapse; width: 473px; margin-left: 10px;}
.t-tip-box [class*='t-tip-content'] .table-example th {padding:5px 8px; border:1px solid #bfbfbf; border-collapse:collapse;  background:#f4f4f4;font-size:13px;font-weight:bold;line-height:20px;text-align:center;color:#1175c3;}
.t-tip-box [class*='t-tip-content'] .table-example td {padding:5px 8px; border:1px solid #bfbfbf; border-collapse:collapse; font-size:13px;line-height:26px;color:#666;text-align:center;}
.t-tip-box [class*='t-tip-content'] .table-example td.txt-left {text-align:left;}
.t-tip-box .t-tip-content-wide {width: 402px;}
.t-tip-box .t-tip-content-wide .table-example {width: 635px;}
.t-tip-box .t-tip-content-wide::before {margin-left: -102px;}
.t-tip-box .t-tip-content-wide::after {margin-left: -104px;}
.t-tip-box .t-tip-content-wide.type-1::before {top:48%;}
.t-tip-box .t-tip-content-wide.type-1::after {top:49%;}
.t-tip-box .t-tip-content-wide.type-2::before {top:42%;}
.t-tip-box .t-tip-content-wide.type-2::after {top:43%;}

@media(min-width:1100px) {
#sub_layer_popup{position: absolute;width: 100%;height: 100%;}
#sub_layer_popup #layer_bg{position: absolute;display: block;top: 0;left: 0;width: 1920px;height: 2500px;opacity: 0.5;background-color:#000;z-index: 1000;}
#sub_layer_popup #layer_box{position: absolute;display: block;width: 383px;top:2%;left: 2%;z-index: 1001;}
#sub_layer_popup #layer_box .pop_title {width: 100%; padding:15px 0 ; text-align: left; background-color: #324567; color: white; border-radius: 20px 20px 0 0;}
#sub_layer_popup #layer_box .pop_title:before {float:right; content:""; display:block; width:123px; height:51px; background:url(/static/compat/images/pop/pop_title_bg.png) no-repeat;}
#sub_layer_popup #layer_box .pop_title li {padding-left: 20px;}
#sub_layer_popup #layer_box .pop_title .tit {font-size: 26px;}
#sub_layer_popup #layer_box .pop_title .small {font-size: 14px;}
#sub_layer_popup #layer_box .image_box{margin: 0 auto;width: 383px;height: 468px;background-color:#fff;}
#sub_layer_popup #layer_box .image_box ul li{width: 100%;}
#sub_layer_popup #layer_box .image_box ul li{float:left;width: 386px;height: 468px; overflow: hidden;}
#sub_layer_popup #layer_box .image_box img{vertical-align: top;border: 0;}
#sub_layer_popup #layer_box .close_btn {display: table; table-layout: fixed;width: 100%; height: 50px; background: black; word-wrap: break-word;}
#sub_layer_popup #layer_box .close_btn a {position: relative; display: table-cell; height:50px; color: #ffffff; font-size: 17px; text-align: center; vertical-align: middle; text-decoration: none; background: #324567;}
#sub_layer_popup #layer_box .close_btn a:before{content: ''; display: block; position: absolute;top:16px; right:29px; width: 1px; height: 21px; background: #ffffff; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
#sub_layer_popup #layer_box .close_btn a:after{content: ''; display: block; position: absolute;top:16px; right:29px; width: 1px; height: 21px; background: #ffffff; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#sub_layer_popup #layer_box .close_btn a.close-btn {background:#5d5d5d; width: 49%;}
#sub_layer_popup #layer_box .close_btn a.close-btn:before, #layer_popup #layer_box .close_btn a.close-btn:after{display: none;}
#sub_layer_popup #layer_box .close_bg{margin: 0 auto;width: 980px;height: 80px;background-color:#ffffff;color:black;font-weight: bold;}
#sub_layer_popup #layer_box .close_box{margin: 0 auto;width: 50%;background-color:#000;padding: 25px 0 0 0;}
#sub_layer_popup #layer_box .close_box a{color:#fff;font-weight: bold;font-size: 20px;}
#sub_layer_popup #layer_box .close_bg2{display: none;margin: 0 auto;width: 980px;height: 80px;background-color:#000;color:#fff;font-weight: bold;}
#sub_layer_popup #layer_box .close_box2{display: none;margin: 0 auto;width: 100px;padding: 25px 0 0 0;}
#sub_layer_popup #layer_box .close_box2 a{display: none;color:#fff;font-weight: bold;font-size: 20px;}
.close_bg3{display: none;margin: 0 auto;width: 70%;height: 100%;background-color:#000;color:#fff;font-weight: bold;}
.close_box3{display: none;margin: 0 auto;width: 100px;padding: 15px 0 0 0;}
.close_box3 a{display: none;color:#fff;font-weight: bold;font-size: 20px;}
}
/* //레이어 팝업 기본 화면 */