@charset "UTF-8";

/*공통*/
.cl-control .cl-text.cl-ellipsis {text-overflow: ellipsis; white-space: nowrap; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

/* 동영상 콘텐츠 (컨설팅)*/
.movie {position:relative; background:#fff; border:1px solid #ddd;}
.movie .txt {line-height:1.3; font-size:.75rem; letter-spacing:-0.05rem; text-align:center; padding:.5rem}
.movie:hover,
.movie.on {background:#f1f1f1 }
.bbs_view .cl-video {border:none; margin:2rem 0;}
/* 버튼 MASK */
.movie .inner > .depck > .depck > .cl-last-row{position:absolute !important; left:0; top:0; }

/*비밀번호확인*/
.check_password {width:100%; height:370px !important; box-sizing:border-box; padding:0.5rem; border:1px solid #bddeee; border-radius:10px; background:url('../../theme/onbiz/images/bg_checkPassword.png') no-repeat -50px -100px;}
.check_password .txt {text-align:center; margin-bottom:1rem; line-height:1.4; font-weight:bold;}
.check_password .txt:before {content:''; display:block; width:90px; height:101px; margin:1.5rem auto; background:url('../../theme/onbiz/images/img_checkPassword01.png')}
.check_password .btn_mgt {margin-top:1rem !important;}
.check_password .cl-inputbox .cl-text {padding:0 0.5rem;}
@media screen and (max-width:768px) {
	.check_password {height:80vh !important; padding:15vh 0 0; background-position:-10% 20%; border-radius:0; border:none;}
}

/*아코디언*/
.accodian_01.general > .cl-accordion-wrap > .cl-accordion-header .cl-text:before {display:inline-block; font-family: 'xeicon'; font-size:15.6px; color:#666; top:3px; content:'\ea14'; background:none; transform:scale(-1,1); width:auto; height:auto; background:none !important; }
.accodian_01.general > .cl-accordion-wrap > .cl-accordion-header:hover,
.accodian_01.general > .cl-accordion-wrap > .cl-accordion-header.cl-activated {border-color: #0f5b81; color: #0f5b81; }
.accodian_01.general > .cl-accordion-wrap > .cl-accordion-header:hover .cl-text:before,
.accodian_01.general > .cl-accordion-wrap > .cl-accordion-header.cl-activated .cl-text:before {color:#047d96}

/*툴팁*/
.tooltip_btn {margin-left:7px; line-height:revert; color:#e50039; font-size:1rem; }
.tooltip_box .cl-htmlsnippet {position:relative; font-size:.7rem !important; color:#fff; }

/*전자의결*/
.board_header {margin: 0; border: 2px solid #cddde2; border-radius: 10px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
.board_header .tbl_th {font-weight:600;  background: #f9fafc; border-top:1px solid #cddde2; min-height:40px; }
.board_header .tbl_th .cl-text {padding-left:10px; vertical-align:middle !important; line-height:100% !important; padding-top:0 !important; }

/*기업개요표*/
.form_wrap {border:1px solid #d4d4d4; padding:.5rem; background:#fff; }
.form_wrap .form {border-bottom:1px dashed #d4d4d4; padding:.5rem 0 .75rem; }
.form_wrap .form .title {font-weight:600; }
.form_wrap .cl-first-row.form {padding-top:0; }
.form_wrap .cl-last-row.form {border-bottom:none; padding-bottom:0; }
.corpOverview .moblst.gridMob .form {padding:0 0 .3rem; }
.corpOverview .cl-inputbox,
.corpOverview .cl-maskeditor {padding:0 0.35rem}
/*.corpOverview .lst .form {padding:0 .3rem; }*/

/*공통사용-박스체크형*/
.boxCheck {margin:0 0 .25rem 0 !important;}
.boxCheck  .box {border-radius:10px; background:#bed9e6; margin-bottom:10px; cursor:pointer; }
.boxCheck  .box .check .cl-text {position:relative; }
.boxCheck  .box .check .cl-text:before {position:absolute; top:0; left:0; width:100%; height:100%; line-height:100%; content:'\e92c'; font-family: 'xeicon'; font-size:1.5rem; display:block; color:#fff; }
.boxCheck  .box .img {background:#fff; border-radius:50%; }
.boxCheck  .box .title .cl-text {font-weight:bold; font-size:1.2rem; vertical-align:top !important;}
.boxCheck  .box .title.sFont .cl-text{font-size:.9rem;}
.boxCheck  .box .txt {border-top:1px solid #acccdc; padding-top:.75rem;  margin-top:.25rem; box-sizing:border-box; text-align:center;}
.boxCheck  .box .recom{text-align:center; color:#111; padding-left:1.5rem; font-size:.9rem; font-weight:600; background:url('../theme/isu/images/join/ico_recom.svg') no-repeat center left/1.5rem auto; }
.box_supr .recom{text-align:center; color:#111; font-size:.9rem; font-weight:600; background:url('../theme/isu/images/join/ico_recom.svg') no-repeat center 0/1.5rem auto; }
.recom_info {border:1px solid #ffc046; border-radius:10px; padding:.75rem; background:#ffeece; box-shadow:3px 3px 3px rgba(255,161,0,.1)}
.recom_info .cl-text {padding-top:.25rem; padding-bottom:.25rem; font-weight:bold; }
.recom_info .tit {background:#0f5b81; color:#fff; padding:0 .75rem; border-radius:20px;}
.recom_info .recom_tit {padding-left:1.75rem; font-size:.9rem; font-weight:bold; background:url('../theme/isu/images/join/ico_recom.svg') no-repeat center left/1.5rem auto;}
.recom_info .wrap {margin-right:20px;}
.recom_info .cont {margin-left:10px;}
/**active**/
.boxCheck .box:hover,
.boxCheck .box.on {background:#0f5b81; box-shadow:5px 5px 10px rgba(15,91,129,.2)}
.boxCheck .box:hover .check .cl-text:before,
.boxCheck .box.on .check .cl-text:before {content:'\e92b'; }
.boxCheck .box:hover .cl-text,
.boxCheck .box.on .cl-text {color:#fff; }
.boxCheck .box:hover .txt,
.boxCheck .box.on .txt {border-top:1px solid #276c8e; color:#fff; }
.boxCheck .box:hover .recom,
.boxCheck .box.on .recom{color:#ffc046; }
/* 2023-07-21) 2차 인증 box 추가 : 박스 안의 폼레이아웃 글자색이 변경되지 않도록 */
.boxCheck .box2 {border-radius:10px; background:#bed9e6; margin-bottom:10px; cursor:pointer; border:#bed9e6 2px solid;}
.boxCheck .box2 .check .cl-text {position:relative; }
.boxCheck .box2 .check .cl-text:before {position:absolute; top:0; left:0; width:100%; height:100%; line-height:100%; content:'\e92c'; font-family: 'xeicon'; font-size:1.5rem; display:block; color:#fff; }
.boxCheck .box2 .img {background:#fff; border-radius:50%; }
.boxCheck .box2 .title .cl-text {font-weight:bold; font-size:1.2rem;}
.boxCheck .box2 .title.sFont .cl-text{font-size:.9rem;}
.boxCheck .box2 .txt {box-sizing:border-box;}
.boxCheck .box2 .recom{text-align:center; color:#111; padding-left:1.5rem; font-size:.9rem; font-weight:600; background:url('../theme/isu/images/join/ico_recom.svg') no-repeat center left/1.5rem auto; }
.boxCheck .box2:hover {background:#0f5b81; box-shadow:5px 5px 10px rgba(15,91,129,.2); border:#0f5b81 2px solid;}
.boxCheck .box2.on    {background:#ffffff; box-shadow:5px 5px 10px rgba(15,91,129,.2); border:#0f5b81 2px solid;}
.boxCheck .box2:hover .check .cl-text:before {content:'\e92b'; }
.boxCheck .box2.on    .check .cl-text:before {content:'\e92b'; color:#0f5b81;}
.boxCheck .box2:hover .title {color:#fff; }
.boxCheck .box2.on    .title {color:#000; }
.boxCheck .box2:hover .txt {color:#fff; }
.boxCheck .box2.on    .txt {color:#000; }
@media screen and (max-width:768px) {
	.recom_info {padding:.2rem;}
	.recom_info .tit {padding:0; color:#0f5b81; background:none;}
	.recom_info .cont .cl-text {font-weight:normal;}
	.boxCheck .box {margin-bottom:0; box-shadow:none !important;}
	.boxCheck .box .title .cl-text {vertical-align:middle !important;}
	.recom_wrap {margin-bottom:.5rem;}
}

/*공통사용-박스링크형*/
.boxLink {position:relative; margin:0 0 .25rem 0 !important;}
.boxLink .box {border-radius:5px; border:1px solid #047d96; background:rgba(4,125,150,.03); margin-bottom:10px; cursor:pointer; }
.boxLink .box .check .cl-text {position:relative; }
.boxLink .box .check .cl-text:before {position:absolute; top:0; left:0; width:100%; height:100%; line-height:100%; content:'\e93f'; font-family: 'xeicon'; font-size:1.5rem; display:block; color:#047d96;}
.boxLink .box .img {background:#fff; border-radius:50%; }
.boxLink .box .title .cl-text {font-weight:bold; font-size:.85rem;}
.boxLink .box .txt {box-sizing:border-box;}
/**active**/
.boxLink .box:hover,
.boxLink .box.on {background:#0f5b81;}
.boxLink .box:hover .check .cl-text:before,
.boxLink .box.on .check .cl-text:before {color:#fff;}
.boxLink .box:hover .title .cl-text {color:#fff; }
.boxLink .box.on .title .cl-text {color:#fff; }
.boxLink .box:hover .txt,
.boxLink .box.on .txt {color:#fff; }
.boxLink .box:hover .recom,
.boxLink .box.on .recom{color:#ffc046; }
@media screen and (max-width:768px) {
	.boxLink .box {margin-bottom:0; box-shadow:none !important;}
	.boxLink .box .title .cl-text {vertical-align:middle !important; font-size:.875rem;}
	.boxLink .box .check .cl-text:before {top:2px;}
}

/*공통사용-박스내버튼링크형 (CS center, 보증선택)*/
.boxBtnLink .box {border:1px solid #c2dbe7; background:#f3f7f9; border-radius:5px;}
.boxBtnLink .box .info {text-align:center; padding:1rem;}
.boxBtnLink .box .info .tit {font-weight:bold; color:#0c5c84 !important; font-size:1rem;}
.boxBtnLink .box .info .tit:after {content:''; display:block; margin:.5rem auto; width:80px; height:80px; border-radius:50%; background-color:#fff; background-repeat:no-repeat; background-position:center;}
.boxBtnLink .box.cs1 .info .tit:after {background-image:url('../theme/onbiz/images/ico_csCenter01.png')}
.boxBtnLink .box.cs2 .info .tit:after {background-image:url('../theme/onbiz/images/ico_csCenter02.png')}
.boxBtnLink .box.guarantee1 .info .tit:after {background-image:url('../theme/grn/images/sub/ico_guarantee01.png')}
.boxBtnLink .box.guarantee2 .info .tit:after {background-image:url('../theme/grn/images/sub/ico_guarantee02.png')}
.boxBtnLink .box.guarantee3 .info .tit:after {background-image:url('../theme/grn/images/sub/ico_guarantee03.png')}
.boxBtnLink .box.guarantee4 .info .tit:after {background-image:url('../theme/grn/images/sub/ico_guarantee03.png')}

.boxBtnLink .box .info .check {font-weight:bold;}
.boxBtnLink .box .info .check:before {content:'\e928'; font-family:'xeicon'; padding-right:.25rem;}
.boxBtnLink .box .cl-button {background:#bed9e6; border-radius:0; border:none !important;}
.boxBtnLink .box .cl-button .cl-text{color:#0c5c84 !important; font-weight:bold !important; font-size:.85rem !important;}
/**active**/
.boxBtnLink:not(.noActi) .box:hover {border:1px solid #093d57;}
.boxBtnLink:not(.noActi) .box:hover .cl-button,
.boxBtnLink:not(.noActi) .box .cl-button.cl-focus {background:#1c719c;}
.boxBtnLink:not(.noActi) .box:hover .cl-button .cl-text,
.boxBtnLink:not(.noActi) .box .cl-button.cl-focus .cl-text {color:#fff !important;}

/*이용약관(html스니펫)*/
.agr_wrap {height:100%; overflow-y:scroll;}
.agr {margin-top:1.25rem;}
.agr:first-child {margin-top:0;}
.agr p {font-weight:bold;}
.agr .agr_li01 {margin-top:.5rem;}
.agr .agr_li02 {margin:.15rem 0 .15rem .5rem;}
.agr .agr_li03 {margin:.15rem 0 .15rem .5rem;}

/*영수증*/
.receiptWrap {}
.receipt .tit {font-weight:bold; padding-right:.5rem;}
.receipt .tit.ar {padding-left:.5rem; padding-right:0;}
.receipt .num{}
.receipt .mainTit {margin-bottom:1rem; }
.receipt .mainTit .tit01 {font-size:1rem; font-weight:bold; text-align:center;}
.receipt .mainTit .tit02 {text-align:center;}
.receipt .mainTit .tit03 {text-align:center;}
.receipt .date {}
.receipt .date .cl-text{padding-right:10px;}
.receipt .recipient {}
.receipt .price {margin:1rem 0; background:#f1f1f1;}
.receipt .price .cl-text {padding-right:10px;}
.receipt .cont {}
.receipt .txt .cl-text {text-align:center; padding:1rem 0;}
.receipt .date02{margin-bottom:1rem;}
.receipt .date02 .cl-text {padding-left:10px;}
.receiptWrap .receipt .stemp {display:none !important;} /*수입인지, 직인. 일반 clx에서 display:none처리*/
.receipt .ceo .cl-text {text-align:right;}
.receipt .charge {border-top:1px solid #484848; padding-top:.75rem; margin-top:1.5rem;}
.receipt .charge .cl-text {padding-right:10px;}
.zoomOut{display:none !important; position:absolute !important; right:0; bottom:0;}
.zoomOut .cl-button {background:#011744 url("../../../common/images/con_com/ico_zoomOut.png") no-repeat center; background-size:28px;}
.zoomOut .cl-button .cl-text {position:absolute; left:-999999px}
.zoomView {width:1024px !important; overflow:auto !important;}
.zoomViewScroll {overflow:auto !important;}
.zoomView .receiptWrap {padding:1.5rem 1rem;}
.zoomView .receiptWrap .receipt {zoom:1; width:100%; height:100%; border:1px solid #ddd; padding:.75rem;}
.zoomView .zoomOut {display:none !important;}
.zoomIn{display:none !important; position:fixed !important; width:100%; left:0; top:54px; z-index:10;}
.zoomIn .cl-button {background:#011744 url("../../../common/images/con_com/ico_zoomIn.png") no-repeat center; background-size:28px;}
.zoomIn .cl-button .cl-text {position:absolute; left:-999999px}
.zoomIn .txt {width:100%; background:rgba(255,255,255,.5);}
.zoomIn .txt .cl-text {padding-left:.5rem;}
.zoomIn .txt .cl-text:after {content: "\e94b"; font-family: 'xeicon'; position:relative; top:3px; padding-left:.5rem; font-size: 1.25rem; line-height:100%; color:#011744;}
@media screen and (max-width:768px) {
	.receipt { zoom : .8; }
	.zoomOut,
	.zoomView .zoomIn {display:block !important;}
	.viewForm .btn_navy {display:none !important;}
}
@media screen and (max-width:640px) {
	.receipt { zoom : .6; }
}
@media screen and (max-width:540px) {
	.receipt { zoom : .5; }
}
@media screen and (max-width:460px) {
	.receipt { zoom : .4; }
}
@media screen and (max-width:360px) {
	.receipt { zoom : .35; }
}
/*프린트화면*/
.receiptWrap.print {position:relative; padding-bottom:150px;}
.receiptWrap.print:before {content:''; position:absolute; top:0; left:0; width:100%; height:10px; background:url('../theme/common/images/print/top.jpg') repeat center top;}
.receiptWrap.print:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:130px; background:#dcdcdc url('../theme/common/images/print/logo_w.png') repeat;}
.receiptWrap.print .receipt .mainTit .tit01 {font-size:2rem; font-weight:bold;}
.receiptWrap.print .receipt .stemp {display:block !important;}

/**로그인 : CI등록**/
.indv_ci_regist {background:#f3f7f9; border:1px solid #bed9e6;border-radius:1rem; padding:2rem 3.5rem; overflow:hidden; text-align:center;}
.indv_ci_regist i {position:relative; display:inline-block;  vertical-align:middle; width:165px; height:165px; border-radius:50%; background:#fff url('../theme/common/images/member/ico_login_ciRegist.png') no-repeat center;}
.indv_ci_regist i:after {content:'\e928'; font-family: 'xeicon'; color:#fff; text-align:center; line-height:30px; position:absolute; right:.5rem; top:.5rem; background:#0f5b81; width:30px; height:30px; border-radius:50%;}
.indv_ci_regist .txt {display:inline-block; vertical-align:middle; padding:1rem; font-size:.9rem; line-height:1.8; text-align:left;}
/**로그인 : 보안센터**/
.security_center {margin-bottom:1rem;}
.security_center .thumb .cl-htmlsnippet {padding:1.75rem 1rem;}
.security_center .thumb {background:#f3f7f9; border:1px solid #bed9e6;border-radius:1rem;overflow:hidden; box-sizing:border-box;}
.security_center .thumb i {display:block; margin:.5rem auto 1rem;}
.security_center .thumb .txt {font-size:.85rem; line-height:1.3;}
.security_center .thumb .txt span {display:block; color:#0f5b81; font-weight:bold;}
.security_center .thumb .equip i {width:145px; height:130px;}
.security_center .thumb .equip i:after {content:'\e90b'; font-family: 'xeicon'; color:#fff; text-align:center; line-height:30px; position:absolute; right:-5px; top:50%; margin-top:-15px; background:#0f5b81; width:30px; height:30px; border-radius:50%;}
.security_center .thumb .equip.mobile i:after {content:'\e928'; right:auto; left:15px;}
.security_center .arr {padding-left:1rem;}
.security_center .arr span {color:#0f5b81}
.security_center .arr span:nth-of-type(1) {opacity:.3;}
.security_center .arr span:nth-of-type(2) {opacity:.6;}
.security_center .detail {padding-left:2rem;}
.security_center .detail .equip {display:inline-block; width:70px; text-align:center; border:2px solid #0f5b81; background:#fff; border-radius:15px; font-weight:bold; font-size:.7rem;}
.security_center .detail > .cl-layout > .cl-layout-content > .cl-layout-wrap:after {position:absolute; bottom:5px; left:3px; content:'\e905'; font-family: 'xeicon'; color:#0f5b81; width:20px; height:20px; text-align:center;}
.security_center .detail > .cl-layout > .cl-layout-content > .cl-layout-wrap:last-child:after {display:none;}
@media screen and (max-width:768px) {
	.security_center {margin-bottom:0;}
	.security_center .thumb {margin:.5rem 0;}
	.security_center .thumb .cl-htmlsnippet {padding:.5rem .25rem}
	.security_center .thumb .equip i {margin:.2rem auto}
	.security_center .thumb .equip i {width:90px; height:90px; margin:.5rem auto;}
	.security_center .thumb .equip i img {width:100%; vertical-align:middle;}
	.security_center .thumb .equip.mobile i img {width:auto; height:100%;}
	.security_center .thumb .equip i:after {width:20px; height:20px; line-height:20px; margin-top:-10px;}
	.security_center .detail {padding-left:0;}
	.security_center .detail .equip {width:55px;}
	.security_center .detail > .cl-layout > .cl-layout-content > .cl-layout-wrap:after {display:none;}
}
/*-------------------------------------------------
Author : YJ,Kim
Create date : 2021. 09. 30.
title : 매출채권보험
-------------------------------------------------*/
/* 보험가입 - 보험선택 */
.box_select .box:hover,
.box_select .box.active{border-color:#0f5b81 !important; }
.box_select .box:hover:before,
.box_select .box.active:before {display: block; position: absolute; right: 1rem; top: 1rem; content: "\e92e"; font-family: 'xeicon'; font-size: 1rem; color:#0f5b81; }
@media screen and (max-width:768px) {
	.box_select .box:hover:before,
	.box_select .box.active:before {display: block; position: absolute; right: 1rem; top: .8rem; content: "\e92e"; font-family: 'xeicon'; font-size: 1rem; color:#0f5b81; }
}
/*보험종류선택*/
.isuInfoWrap {background:#f5f8ff; border-radius:15px; }
.isuInfo {position:relative; background:#fff; border-radius:10px; box-shadow:3px 3px 3px rgba(0,0,0,.1)}
.isuInfo:before {display:none; position:absolute; content:''; top:-70px; right:-30px; width:280px; height:280px; border-radius:50%; background:#1278b6; }
.isuInfo .more {font-family: 'xeicon'; font-size:23px; line-height:35px; color:#fff; background:#117ebf; border-radius:50%; }
.isuInfo .ico {border-radius:50%; background:#bbdbed; }
.isuInfo .txt {font-size:1.2rem; line-height:1.3; font-weight:bold; margin-top:0.8rem; }
.isuInfo:hover,
.isuInfo.on {background:#117ebf; }
.isuInfo:hover:before {display:block; }
.isuInfo:hover .more,
.isuInfo.on .more {background:#fff; color:#117ebf}
.isuInfo:hover .txt,
.isuInfo.on .txt {color:#fff; }
@media screen and (max-width:768px) {
	/* .isuInfo .inner .button {width:100% !important; }
	.isuInfo .ico {width:110px; height:110px; margin:0 auto; } */
	.isuInfo .more {font-size:19px; line-height:31px; }
	.isuInfo .txt {font-size:1rem; margin-top:0; text-align:center; }
}
/* 버튼 MASK */
.isuInfo .inner > .depck > .depck > .cl-last-row{position:absolute !important; left:0; top:0;}

/*-------------------------------------------------
Author : YJ,Kim
Create date : 2021. 07. 29.
title : 신용보증플랫폼
-------------------------------------------------*/

/* 보증상담신청 - 보증선택 : 은행선택
01.기업은행(ibk) / 02.국민은행(kb) / 03.신한은행(shinhan) / 04.하나은행(keb) / 05.우리은행(woori) / 06.농협은행(nh) / 07.대구은행(dgb) / 08.경남은행(bnkgn / 09.광주은행(kjbank) / 10.부산은행 (bnkbs)
11.전북은행(jejubank) / 12.제주은행(jbbank) / 13.지역농축협(areanh) / 14.수협은행(sh) / 15.SC제일은행(scbank) / 16.산업은행(kdb) / 17.수출입은행(korexim) / 18.한국씨티은행(citi) / 19.중소벤처기업진흥공단(kosme) / 20.HSBC은행(hsbc)
*/
.bankSelect .box{cursor: pointer; }
.bankSelect .box:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #0083cb; display:none; z-index:1; }
.bankSelect .box .txt{/* font-family: 'SCDream'; */ font-size:.85rem; font-weight: 600; }
.bankSelect .ciBox {background-size:90% !important; background-repeat:no-repeat; background-position:center;}
.bankSelect .ciBox.ibk {background-image:url('../theme/grn/images/sub/icon_bank01.jpg');}
.bankSelect .ciBox.kb {background-image:url('../theme/grn/images/sub/icon_bank02.jpg');}
.bankSelect .ciBox.shinhan{background-image:url('../theme/grn/images/sub/icon_bank03.jpg');}
.bankSelect .ciBox.keb{background-image:url('../theme/grn/images/sub/icon_bank04.jpg');}
.bankSelect .ciBox.woori{background-image:url('../theme/grn/images/sub/icon_bank05.jpg');}
.bankSelect .ciBox.nh{background-image:url('../theme/grn/images/sub/icon_bank06.jpg');}
.bankSelect .ciBox.dgb{background-image:url('../theme/grn/images/sub/icon_bank07.jpg');}
.bankSelect .ciBox.bnkgn{background-image:url('../theme/grn/images/sub/icon_bank08.jpg');}
.bankSelect .ciBox.kjbank{background-image:url('../theme/grn/images/sub/icon_bank09.jpg');}
.bankSelect .ciBox.bnkbs{background-image:url('../theme/grn/images/sub/icon_bank10.jpg');}
.bankSelect .ciBox.jejubank{background-image:url('../theme/grn/images/sub/icon_bank11.jpg');}
.bankSelect .ciBox.jbbank{background-image:url('../theme/grn/images/sub/icon_bank12.jpg');}
.bankSelect .ciBox.areanh{background-image:url('../theme/grn/images/sub/icon_bank13.jpg');}
.bankSelect .ciBox.sh{background-image:url('../theme/grn/images/sub/icon_bank14.jpg');}
.bankSelect .ciBox.scbank{background-image:url('../theme/grn/images/sub/icon_bank15.jpg');}
.bankSelect .ciBox.kdb{background-image:url('../theme/grn/images/sub/icon_bank16.jpg');}
.bankSelect .ciBox.korexim{background-image:url('../theme/grn/images/sub/icon_bank17.jpg');}
.bankSelect .ciBox.citi{background-image:url('../theme/grn/images/sub/icon_bank18.jpg');}
.bankSelect .ciBox.kosme{background-image:url('../theme/grn/images/sub/icon_bank19.jpg');}
.bankSelect .ciBox.hsbc{background-image:url('../theme/grn/images/sub/icon_bank20.jpg');}
.bankSelect .ciBox.toss{background-image:url('../theme/grn/images/sub/icon_bank21.jpg');}
.bankSelect .ciBox.kbank{background-image:url('../theme/grn/images/sub/icon_bank22.jpg');}
/* 대환보증 */
.bankSelect .box2{cursor: pointer; padding:10px 30px;}
.bankSelect .box2:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #0083cb; display:none; z-index:1; }
.bankSelect .box2 .txt{/* font-family: 'SCDream'; */ font-size:.85rem; font-weight: 600; }
.bankSelect .ciBox2 {background-size:60% !important; background-repeat:no-repeat; background-position:center;}
.bankSelect .ciBox2.ibk {background-image:url('../theme/grn/images/sub/icon_bank01_n.jpg');}
.bankSelect .ciBox2.kb {background-image:url('../theme/grn/images/sub/icon_bank02_n.jpg');}
.bankSelect .ciBox2.shinhan{background-image:url('../theme/grn/images/sub/icon_bank03_n.jpg');}
.bankSelect .ciBox2.keb{background-image:url('../theme/grn/images/sub/icon_bank04_n.png');}
.bankSelect .ciBox2.woori{background-image:url('../theme/grn/images/sub/icon_bank05_n.jpg');}
.bankSelect .ciBox2.nh{background-image:url('../theme/grn/images/sub/icon_bank06_n.jpg');}
.bankSelect .ciBox2.dgb{background-image:url('../theme/grn/images/sub/icon_bank07_n.jpg');}
.bankSelect .ciBox2.bnkgn{background-image:url('../theme/grn/images/sub/icon_bank08_n.jpg');}
.bankSelect .ciBox2.kjbank{background-image:url('../theme/grn/images/sub/icon_bank09_n.jpg');}
.bankSelect .ciBox2.bnkbs{background-image:url('../theme/grn/images/sub/icon_bank10_n.jpg');}
.bankSelect .ciBox2.jejubank{background-image:url('../theme/grn/images/sub/icon_bank11_n.jpg');}
.bankSelect .ciBox2.jbbank{background-image:url('../theme/grn/images/sub/icon_bank12_nn.png');}
.bankSelect .ciBox2.areanh{background-image:url('../theme/grn/images/sub/icon_bank13.jpg');}
.bankSelect .ciBox2.sh{background-image:url('../theme/grn/images/sub/icon_bank14_n.jpg');}
.bankSelect .ciBox2.scbank{background-image:url('../theme/grn/images/sub/icon_bank15_n.jpg');}
.bankSelect .ciBox2.kdb{background-image:url('../theme/grn/images/sub/icon_bank16.jpg');}
.bankSelect .ciBox2.korexim{background-image:url('../theme/grn/images/sub/icon_bank17.jpg');}
.bankSelect .ciBox2.citi{background-image:url('../theme/grn/images/sub/icon_bank18.jpg');}
.bankSelect .ciBox2.kosme{background-image:url('../theme/grn/images/sub/icon_bank19.jpg');}
.bankSelect .ciBox2.hsbc{background-image:url('../theme/grn/images/sub/icon_bank20.jpg');}
.bankSelect .ciBox2.toss{background-image:url('../theme/grn/images/sub/icon_bank21_n.png');}
.bankSelect .ciBox2.kbank{background-image:url('../theme/grn/images/sub/icon_bank22_n.jpg');}

/** active **/
.bankSelect .box:hover:before,
.bankSelect .box:focus:before{display:block; }
.bankSelect .box:hover .txt,
.bankSelect .box:focus .txt{color:#0083cb; }
.bankSelect .box2:hover:before,
.bankSelect .box2:focus:before{display:block; }
.bankSelect .box2:hover .txt,
.bankSelect .box2:focus .txt{color:#0083cb; }

/* 도움글 표출 */
.quesPopup{background:rgba(0,0,0,0.75); padding:.5rem; border-radius:10px; }
.quesPopup .cl-text{color:#fff; font-size:14px; word-break:keep-all; }

/*-------------------------------------------------
Author : YJ,Choi
Create date : 2021. 08. 10.
title : 사회적경제평가시스템
-------------------------------------------------*/

.line_row .cl-text{position:relative; border-left:1px dashed #ccc;  }
.line_row .cl-text:before { content:"\e944"; display:inline-block;  font-family:'xeicon'; color:#ccc; position:absolute; top:-5px; left:-7px; }
.line_row .cl-text:after{content:"\e941"; display:inline-block;  font-family:'xeicon'; color:#ccc; position:absolute; bottom:-5px; left:-7px; }

.line_col .cl-text{position:relative; border-top:1px dashed #ccc;  }
.line_col .cl-text:before { content:"\e93b"; display:inline-block;  font-family:'xeicon'; color:#ccc; position:absolute; top:-8px; left:-4px; }
.line_col .cl-text:after{content:"\e93e"; display:inline-block;  font-family:'xeicon'; color:#ccc; position:absolute; top:-8px; right:-4px; }

/*-------------------------------------------------
Author : YJ,Kim
Create date : 2021. 09. 30.
title : 잡클라우드
-------------------------------------------------*/

/* 채용정보 */
/** 회사정보 **/
.job-compy-info .txt .cl-text{font-size:.75rem; }
.job-compy-info .txt .sub-tit .cl-text{/* font-family: 'SCDream'; */ font-weight:700; font-size:.85rem; }
.job-compy-score:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background:url('../theme/job/images/bg_compy_score.png') no-repeat center; }
/** 채용상태 **/
.job-mark-ing .cl-text{border-radius:1rem; border:2px solid #007bc7; color:#007bc7; font-size:.7rem; }
.job-mark-end .cl-text{border-radius:1rem; border:2px solid #777; color:#777; font-size:.7rem; }

/* 잡매칭 스토리 */
.job_match .year_box{position:relative; }
.job_match .year_box:before{content:""; position:absolute; left:0; bottom:0; width:100%; height:130px; background:linear-gradient(to right, #eff5ff 0%, #c0d6fb 100%); border-radius:0 1rem 1rem; }
.job_match .year_box:after{content:""; position:absolute; left:132px; bottom:125px; width:190px; height:117px; background:url('../theme/sut/images/sub/jobmatching_01.png') no-repeat center / contain;}
.job_match .year{padding-top:23px;}
.job_match .year .cl-text .pc_blue_2 {position:relative; padding-top:5px;}
.job_match .year .cl-text .pc_blue_2:before {content:''; position:absolute; top:2px; left:6px; height:1px; width:5px; border-top:5px dotted #246beb;}
.job_match .year .cl-output{position:relative; color:#000; }
.job_match .year-txt {color:#999 !important}

.job_match .job_img {position:relative; background:#000;}
.job_match .job_img:after {content:'\e97a'; font-family: 'xeicon' !important; position:absolute; top:calc(50% - 25px); left:calc(50% - 25px); display:flex; align-items:center; justify-content:center; width:50px; height:50px; border-radius:50%; border:1px solid #fff; color:#fff; font-size:1.1rem; opacity:0;}
.job_match .job_img:hover:after {opacity:1;}
.job_match .job_img:hover img {opacity:0.3;}

.job_match .btn_prev,
.job_match .btn_next{background:#fff; border:1px solid #666; z-index:1; top:calc(50% - 2.5rem) !important;}
.job_match .btn_prev {left:0 !important;}
.job_match .btn_next {right:auto !important; left:60px;}
.job_match .btn_prev .cl-text:after,
.job_match .btn_next .cl-text:after{color:#fff !important; font-size:1rem !important; }
.job_match .btn_prev.cl-focus,
.job_match .btn_next.cl-focus,
.job_match .btn_prev:hover,
.job_match .btn_next:hover{background:#246beb; border-color:#246beb;}
.job_match .btn_prev:hover .cl-text:before,
.job_match .btn_next:hover .cl-text:before {color:#fff;}

/* 고용정책 */
.job_policy .title{font-size:.85rem; line-height:1.3; font-weight:600; color:#162e3a !important; }
.job_policy .detail{color:#333 !important; padding-top:3px; }
.job_policy .txt{font-size:.7rem; color:#666 !important; }
.job_policy .info span{display:inline-block; font-size:12px; border:1px solid #ccc; border-radius:5px; padding:0 7px; }
.job_policy .info span.age{border-color:#3290bf; color:#185f83; }
.job_policy .info span.edu{border-color:#29af6c; color:#17814c; }
.job_policy .info span.emp{border-color:#947baf; color:#624a7a; }

/* 채용행사 */
.job_event .txt{overflow:hidden; text-overflow: ellipsis; }
.job_event .area{display:inline-block; font-size:12px; border:1px solid #ccc; border-radius:5px; padding:0 7px; margin-right:.4rem; }

/* 일자리 정보 */
.job_info .info span{display:inline-block; font-size:12px; border:1px solid #ccc; border-radius:5px; padding:0 7px; }
.job_info .info span.col1{border-color:#ccc; color:#333; }
.job_info .info span.col2{border-color:#3290bf; color:#3290bf; }
@media screen and (max-width:768px) {
	.job_policy .detail{max-height:2.5rem; padding-top:0; }
	.job_policy .txt{max-height:2.1rem; }
	.job_policy .info{padding-top:5px; }

	.job_policy .title,
	.job_event .title,
	.job_info .title{font-size:.9rem; }

	.job_match .cl-image{background:rgba(0,0,0,0.25);}
	.job_match .cl-image img{ width:100%; margin:0 auto;}
	.job_match .btn_prev,
	.job_match .btn_next{width:40px !important; height:40px !important;}
}


/*-------------------------------------------------
Author : YJ,Jeon
Create date : 2021. 10. 07.
title : 스타트업
-------------------------------------------------*/

/*applyNow목록*/
.applyNow_list .cl-image {padding-bottom: .6rem;}
.applyNow_list img {padding: .5rem; border:1px solid #ebebeb; background:#f9f9f9;}

/* 공모신청내역 */
.pos-box {padding: 0 28px;}
.pos-box-day {background: #f53f59; font-size: .7rem; font-weight: 600; color: #fff; text-align: center; padding: .2rem .7rem; border-radius: 25px 0 0 25px; }
.pos-box-cate {background: #ddd; font-size: .7rem; text-align: center; border-radius: 0 25px 25px 0; }
.pos-box .tit {font-size: .85rem; font-weight: 700; color: #151515; min-height: 60px;}
.pos-box-li .cl-text {font-size: .7rem; color: #555;}
.pos-box-bts {margin-top: .4rem; }
.pos-box-bts .cl-button {border-radius: 10px;}

@media screen and (max-width: 768px) {
	.pos-box {padding: 0px;}
	.pos-box .tit {min-height: 45px; line-height: 1.3;}
	.pos-box-bts {margin-top: 0rem;}
}
@media screen and (max-width: 450px) {
	.apply_img {position: relative;}
	.apply_img img {height: 80% !important;}
	.pos-box-bts .cl-button {padding: 0;}
}


/* [u-connect_online]-[신청목록] */
.uonline_sen .cl-text {font-size: .9rem; box-shadow: inset #ddf1ff 0 -0.8rem 0; line-height: .8rem; }
.uonline_sen .num {font-size: 1.2rem; font-weight: 700; color: #1068A4; }
.uonline-box {border: 1px solid #ddd; border-radius: 10px; transition: all 0.2s ease; }
.uonline-box:hover {border: 1px solid #404e57; }
.uonline-box .img {position: relative; overflow: hidden; }
.uonline-box .textgroup {padding: 0 18px; min-height: 160px;}
.uonline-box .comy {font-size: .85rem; font-weight: 700; color: #000; min-height: 50px;}
.uonline-box .cate {font-size: .7rem; font-weight: 500;}
.uonline-box .hom .tit {font-size: .7rem; font-weight: 500;}
.uonline-box .hom .btn_txt {line-height: 1.4 !important;}
.uonline-box .bts .bt_1 {background: #E1F1FC; color: #333; font-weight: 700; transition: all 0.3s ease;}
.uonline-box .bts .bt_1:hover {background: #105c81; color:#fff;}
.uonline-box .bts .bt_2 {background:linear-gradient(to right, #00a6a0, #007dc6); color: #fff; font-weight: 700; transition: all 0.3s ease;}
.uonline-box .bts .bt_2:hover {background:linear-gradient(to left, #08b1ab, #007dc6);}

@media screen and (max-width:768px) {
	.uonline-box .comy {font-size: 1rem;}
	.uonline-box .cate, .uonline-box .hom .tit, .uonline-box .hom .btn_txt {font-size: .85rem;}
	.uonline-box .textgroup {min-height: 150px;}
}

/* [u-connect_day]-[신청목록] */
.uday-box {border: 1px solid #ddd; transition: all 0.3s ease;}
.uday-box:hover {border: 1px solid #0083cb; }
.uday-box .box {padding: 20px 20px 10px 20px; min-height: 384px;}
.uday-box .imgwrap {border-radius: 15px; }
.uday-box .title {font-size: .85rem; font-weight: 700; min-height: 75px;}
.uday-box .li-title {font-size: .75rem; font-weight: 600; }
.uday-box .li-text {font-size: .75rem; color: #777; }
.uday-box .bts .bt_1 {background: #065981; color: #fff; font-weight: 700; transition: all 0.3s ease;}
.uday-box .bts .bt_1:hover {background: #004465;}
.uday-box .bts .bt_2 {background:linear-gradient(to right, #08b2aa, #007bc7); color: #fff; font-weight: 700; transition: all 0.3s ease;}
.uday-box .bts .bt_2:hover {background:linear-gradient(to left, #08b2aa, #1068A4);}


/* 투자제안(포스터박스 변형) */
.tj-box-tit {font-size: 1.4rem; font-weight: 700; color: #000; vertical-align: bottom; margin: 1rem 0; }
.tj-box-text {font-size: 1rem; color: #777; margin-bottom: .8rem; }
.tj-box-li {margin-bottom: .4rem; }
.tj-box-bts {margin-top: 1rem; }
.tj-box-bt {font-size: .9rem; height: 55px; border-radius: 30px; line-height: 55px; background: #105c81; color: #fff; }
.tj-box-sns {border-radius: 50px; border: 1px solid #105c81; background: #fff; }

/* 기업 인포박스 */
.ms-compy-box {margin: 1.2rem 0; }
.ms-compy-box .cl-image {border-radius: 50%; }
.ms-compy-title {font-size: 1rem; font-weight: 600; }
.ms-comy-info {font-size: .75rem; }

/* 퍼스트펭귄기업 box */
.first_wrap {position: relative; }
.first_wrap .inner{position:relative; min-height:245px; padding: 0 20px; background-color: #fff; border-radius: 10px; }
.first_wrap .inner:before {content:''; display:block; width:100%; height:100%; position:absolute; bottom: -155px; right: -125px; background:url('../theme/sut/images/sub/combox_bg.png') no-repeat; }
.first_wrap .inner .com-tit {position: relative;}
.first_wrap .inner .com-tit .cl-text {font-size: 1rem; font-weight: 700; color: #333; padding-top:.85rem;}
.first_wrap .inner:hover .com-tit .cl-text {position: relative; }
.first_wrap .inner .tit {font-size: 14px; font-weight: 700; color: #858585; }
.first_wrap .inner .cont {font-size: 14px; color: #858585; }
.first_wrap .inner .lst {position: relative; padding: .3rem 0; }
.first_wrap .inner .lst:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #e2e2e2; }
.first_wrap .inner .lst.first-row:before {display: none; }
.first_wrap .inner .btn_txt {padding-left:0 !important; text-align:left; letter-spacing:.02rem;z-index:10; }
/* 퍼스트펭귄기업 box:hover시  */
.first_wrap .box {position:relative; padding:3px; border: 1px solid #a7bfdb; border-radius:10px; }
.first_wrap .inner .com-tit .cl-text {position: relative; }
.first_wrap .box:hover {padding:0; border:4px solid transparent; background-image:linear-gradient(to right, #9adf00, #08b2aa, #007bc7); background-origin:border-box; background-clip:content-box, border-box; }
.first_wrap .inner .com-tit .cl-text:before {content: ""; position:absolute; bottom: 0; left: 0; width: 100%; height: 13px; background: #007bc7; opacity: 0.1; border-radius: 10px; }
.first_wrap .inner .cl-button.cl-focus{text-decoration: underline;}
.first_wrap .com-tit .cl-writingmode-horizontal-tb > div {width:auto !important; }
.first_search .cl-searchinput,
.first_search .cl-combobox{height:35px !important; }

/* 혁신아이콘기업 */
.inno_wrap {position: relative; background: linear-gradient(to right, rgba(0, 123, 200, 0.2) 0%, rgba(158, 205, 51, 0.2) 100%); }
.inno_wrap:before {content: ""; display: block; position: absolute; top: 0; left: 0; width:100%; height: 100%; background: url('../theme/sut/images/sub/inno_bg.png') no-repeat top; }
.inno_wrap .btn {font-size: .9rem; color: #000; background: #fff; border-radius: 35px; }
.inno_wrap .btn:hover {color: #fff; font-weight: 700; background: linear-gradient(to right, rgba(0, 123, 200, 1) 0%, rgba(158, 205, 51, 1) 100%); box-shadow:3px 0px 3px rgba(15,91,129,.2); }
.inno_wrap .img .cl-layout-content {margin-bottom:20px; }
.inno_wrap .cl-image {box-shadow:0px 5px 15px rgba(15,91,129,.2); }
.inno_wrap .cl-button.cl-focus {border:none; }
@media screen and (max-width:480px) {
	.inno_wrap .img {grid-template-rows: auto !important; }
	.inno_wrap .cl-layout-wrap {min-width:auto !important; width:90% !important; grid-template-rows: auto !important; }
	.inno_wrap .cl-image img {width:100% !important; }
}

/*창업경진대회수상기업*/
.lineAni_box{position:relative; width:100%; height:100%; min-height:135px; border:1px solid #e1e1e1; border-radius:6px; overflow:hidden; box-sizing:border-box; padding:1.25rem; }
.lineAni_box.grade:after {content:''; display:block; width:44px; height:67px; position:absolute; top:0; right:20px; opacity:.3; background-size:100%; background-repeat:no-repeat; z-index:0; }
.lineAni_box.grade.grade01:after {background-image:url('../theme/sut/images/sub/grade01.png'); }
.lineAni_box.grade.grade02:after {background-image:url('../theme/sut/images/sub/grade02.png'); }
.lineAni_box.grade.grade03:after {background-image:url('../theme/sut/images/sub/grade03.png'); }
.lineAni_box.grade.grade04:after {background-image:url('../theme/sut/images/sub/grade04.png'); }
.lineAni_box dl {position:relative; width:100%; height:100%; z-index:1; min-height:100px !important; padding-bottom:2rem;}
.lineAni_box dl dt{font-size:.7rem; font-weight:bold; background:linear-gradient(to right, #00a6a0, #007dc6); display:inline-block; padding:3px 20px; color:#fff; border-radius:20px; }
.lineAni_box dl dd.item {font-size:.85rem; margin-top:1rem; font-weight:bold; letter-spacing:-0.01rem; line-height:1.5; }
.lineAni_box dl dd.item br {display:none;}
.lineAni_box dl dd.team {position:absolute; left:0; bottom:0; font-size:.7rem; }
.lineAni_box dl dd.team span {letter-spacing:-0.01rem; }
.lineAni_box dl dd.team span:first-child {font-weight:bold; /*display:block;*/}
.lineAni_box dl dd.team span:first-child:before {content:"\e9f9";  display: inline-block; font-family: 'xeicon' !important; padding-right:.3rem; }
.lineAni_box .left_top{position:absolute; left:0; top:0; width:4px; height:0; transition:0.3s all; background-color: #08b2aa; }
.lineAni_box .right_top{position:absolute; right:0; top:0; width:0; height:4px; transition:0.3s all; background: linear-gradient(to right, #00a6a0, #007dc6); }
.lineAni_box .right_bottom{position:absolute; right:0; bottom:0; width:4px; height:0; transition:0.3s all; background-color: #007bc7; }
.lineAni_box .left_bottom{position:absolute; left:0; bottom:0; width:0; height:4px; transition:0.3s all; background: linear-gradient(to right, #08b1ab, #007bc7); }
/**active**/
.lineAni_box.grade:hover:after {opacity:1; }
.lineAni_box:hover .left_top{height:100%; }
.lineAni_box:hover .right_top{width:100%; }
.lineAni_box:hover .right_bottom{height:100%; }
.lineAni_box:hover .left_bottom{width:100%; }
@media screen and (max-width:768px) {
	.lineAni_box {padding:1rem; }
	.lineAni_box.grade:after {width:36px; }
	.lineAni_box br {display:none; }
	.lineAni_box dl {min-height:-webkit-fill-available; padding-bottom:2rem;}
	.lineAni_box dl dd.item {letter-spacing:-0.075rem; }
	.lineAni_box dl dd.team span:first-child {display:inline-block; }
}
@media screen and (max-width:480px) {
	.lineAni_box.grade:after {width:30px; }
	.lineAni_box dl {min-height:auto;}
	.lineAni_box dl dd.item {margin-top:.5rem; }
}


/* 투자제안하기 */
.tj_box {background: linear-gradient(to left, rgba(0, 123, 200, 0.1) 0%, rgba(144, 195, 31, 0.1) 100%); border-radius: 5rem; padding: 70px 110px; }
.tj_box:before {content:""; position:absolute; display: block; top: -17px; right: 0; width: 252px; height: 519px; background: url('../theme/sut/images/sub/tj_bg.png') no-repeat; }
.tj_box .img {position: relative; overflow: hidden; }
.tj_box .img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.tj_box .cont {padding-left: 55px; }
.tj_box .info {background: rgba(255, 255, 255, 0.4); border-radius: 0 15px 15px 0; padding: 12px 0; margin-bottom: 20px; }
.tj_box .info .comp {font-size: .75rem; font-weight: 700; color: #151515; }
.tj_box .info .ico {font-size: .7rem; color: #858585; }
.tj_box .tit {font-size: 1.3rem; font-weight: 700; color: #151515; line-height: 1.8rem; padding-bottom: 18px; }
.tj_box .sen {font-size: .85rem; color: #858585; letter-spacing: -.05rem; padding-bottom: 30px; }
.tj_box .btn {font-size: .85rem; font-weight: 700; color: #fff; background: #007bc7; border-radius: 20px; }
.tj_box .btn_sns {font-size: .85rem; font-weight: 700; color: #007bc7; background: #fff; border: 2px solid #007bc7; border-radius: 20px; }
.tj_box .btn:hover {background: #1068A4; color: #fff; }
.tj_box .btn_sns:hover {background: #daf3ff; }

@media screen and (max-width:768px) {
	.tj_box .img {margin-bottom: 20px; }
	.tj_box {padding: 50px 30px; border-radius: 3rem; }
	.tj_box .cont {padding-left: 0px; }
	.tj_box .info {border-radius: 15px; }
	.tj_box .sen {padding-bottom: 20px; }
	.tj_box .btn, .tj_box .btn_sns {font-size: .95rem; }
}

/* 입주기업목록 */
.front_wrap {position: relative;}
.front_wrap .box {border: 2px solid  #eee; border-radius: 10px; transition: all 0.3s ease;}
.front_wrap .box .img {position: relative; background: #fdfdfd; border-radius: 10px 10px 0 0;}
.front_wrap .box .cl-image img {max-height: 75px;}
.front_wrap .box .num {font-size: .7rem; font-weight: 600; color: #fff; text-align: center; width: 40px; height: 30px; background-image: linear-gradient(to right, #00a6a0, #007dc6); border-radius: 10px; margin: 10px;}

.front_wrap .box .txt_box {padding: 10px 20px;}
.front_wrap .box .txt_box .comy {font-size: .85rem; font-weight: 700; color: #90c31f; padding-bottom: 10px;}
.front_wrap .box .txt_box .repr {padding-bottom: 10px;}
.front_wrap .box .txt_box .repr .tit {font-size: 14px; font-weight: 700; color: #858585;}
.front_wrap .box .txt_box .repr .cont {font-size: 14px; color: #858585;}
.front_wrap .box .txt_box .title {font-size: .75rem; font-weight: 700; color: #777; line-height: 1.1rem; min-height: 50px;}
/* active */
.front_wrap .box:hover {border: 2px solid #90c31f; }

/*applyNow목록*/
.applyNow_list .cl-image {padding-bottom:1rem;}
.applyNow_list img {padding:.5rem; border:1px solid #ebebeb; background:#f9f9f9;}

/* 시설물 관리 */
.place_select .box{padding:25px;}
.place_select .img_wrap {margin-top:1rem;}
.place_select .img_wrap img{max-width:100%; height:auto;}
@media screen and (max-width:768px) {
	.place_select .box{padding:15px;}
}

/*-------------------------------------------------
Author : HW, Yun
Create date : 2021. 10. 08.
title : 컨설팅
-------------------------------------------------*/
/*컨설팅신청_선택화면*/
.consultApplyWrap {background:#f3f7f9; padding:2rem 0; }
.consultApplyWrap .tit1 {text-align:center; font-size:1.4rem; border:none; }
.consultApplyWrap .tit1:before {display:none; }
.consultApply {margin:1.5rem 0; }
.consultApply .box {border-radius:10px; background:#bed9e6; margin-bottom:10px; cursor:pointer; }
.consultApply .box .check .cl-text {position:relative;}
.consultApply .box .check .cl-text:before {position:absolute; top:0; left:0; width:100%; height:100%; line-height:100%; content:'\e92c'; font-family: 'xeicon'; font-size:40px; display:block; color:#fff; }
.consultApply .box .img {background:#fff; border-radius:50%; }
.consultApply .box .title .cl-text {/* font-family: 'SCDream'; */ font-size:1.2rem; }
.consultApply .box .txt {border-top:1px solid #acccdc; padding-top:1rem; box-sizing:border-box; text-align:center; }
.consultApply .box .recom{text-align:center; color:#111; padding-left:1.5rem; font-size:.9rem; font-weight:600; background:url('../theme/isu/images/join/ico_recom.svg') no-repeat center left/1.5rem auto; }
/**active**/
.consultApply .box:hover,
.consultApply .box.on {background:#0f5b81; box-shadow:5px 5px 10px rgba(15,91,129,.2)}
.consultApply .box:hover .check .cl-text:before,
.consultApply .box.on .check .cl-text:before {content:'\e92b'; }
.consultApply .box:hover .title .cl-text {color:#fff; }
.consultApply .box.on .title .cl-text {color:#fff; }
.consultApply .box:hover .txt,
.consultApply .box.on .txt {border-top:1px solid #276c8e; color:#fff; }
.consultApply .box.on .recom{color:#ffc046; }
/*컨설팅신청_대면컨설팅_선택화면*/
.consultApplyDetailWrap {margin-top:5rem; }
.consultApplyDetail .box {border:1px solid #bed9e6; background:#f3f7f9; cursor:pointer; border-radius:5px; }
.consultApplyDetail .box .inner {padding:1rem 0.6rem; box-sizing:border-box; }
.consultApplyDetail .box .ico {display:block; }
.consultApplyDetail .box .txt {display:none !important;}
.consultApplyDetail .box .txt .cl-text {letter-spacing:-0.06rem; line-height:1.5;}
.consultApplyDetail .box .num {width:25px; height:25px; display:inline-block; border-radius:50%; background:#276c8e; color:#fff; text-align:center; font-size:0.75rem; font-weight:700; }
.consultApplyDetail .box .tit {/* font-family: 'SCDream'; */ font-size:0.95rem; font-weight:700; }
.consultApplyDetail .box .check .cl-text {position:relative; }
.consultApplyDetail .box .check .cl-text:before {display:block; position:absolute; top:0; left:0; width:100%; height:100%; line-height:100%; content:'\e928'; font-family: 'xeicon'; font-size:25px; color:#0f5b81; }
/**active**/
.consultApplyDetail .box:hover,
.consultApplyDetail .box.on {background:#fff; border-color:#0f5b81; box-shadow:5px 5px 10px rgba(15,91,129,.2); }
.consultApplyDetail .box:hover .ico,
.consultApplyDetail .box.on .ico {display:none !important; }
.consultApplyDetail .box:hover .txt,
.consultApplyDetail .box.on .txt {display:block !important; }
/*퍼블리싱 추가*/
.consultApply .s_font .cl-text {font-size:1.1rem !important; font-weight:600; }

/*컨설팅신청_실행버튼*/
.consultApplyGoWrap {border-top:1px solid #ddd; margin-top:2rem; padding-top:2rem; }
/*컨설팅수수료안내*/
.openCheck .cont {display:none !important; }
.openCheck .form_tit1 {cursor:pointer; border-bottom: 3px solid #d7d7d7; }
.openCheck.on .form_tit1 .cl-text {color:#0f5b81; }
.openCheck.on .form_tit1 {border-bottom: 3px solid #0f5b81; }
.openCheck.on .cont {display:block !important; }
.form_tit1 .tit .cl-text {font-size: 1rem; height:60px !important; font-weight: 700; color: #666; position: relative; z-index: 1; padding-left: 1rem; }
.form_tit1 .tit .cl-text:before {content: ""; position: absolute; top: 50%; margin-top:-17.5px; left: 0; width: 35px; height: 35px; background: #f3f7f9; display: block; border-radius: 50%; z-index: -1; }
.form_tit1 .check .cl-text {position:relative; }
.form_tit1 .check .cl-text:before {position:absolute; top:0; left:0; width:100%; height:100%; line-height:100%; content:'\e92c'; font-family: 'xeicon'; font-size:25px; display:block; }
.form_tit1 .check.on .cl-text:before {content:'\e92b'; }
.openCheck .inner1 {padding: 1rem 1.5rem; border: solid 1px #ccc; border-top:none; }
.openCheck .inner2 {padding: 1rem 1.5rem; background:#f9f9f9; }
.openCheck .cl-radiobutton .cl-radiobutton-item .cl-icon-wrapper {vertical-align:middle; }
.openCheck .cont .cl-text {padding-left:0 !important; }
.openCheck .cont .cl-text:before {position:relative !important; }
@media screen and (max-width:768px) {
	.openCheck .checkWrap {margin-bottom:0.5rem; }
}
/*BIR컨설팅*/
.applyWrap {overflow:hidden; }
.applyWrap .box {border-radius:5px; border:1px solid #bed9e6; background:#f3f7f9}
.applyWrap .box:hover {border-color:#0f5b81; }
.applyWrap .box .tit {font-size:1rem; font-weight:600; }
.applyWrap .box .ico .cl-layout-content {text-align:center !important; }
.applyWrap .box .btn {background:#bed9e6}
.applyWrap .box:hover .btn {background:#0f5b81; color:#fff !important; font-weight:bold; }
/*-------------------------------------------------
Author : HW, Yun
Create date : 2021. 10. 19.
title : 신용보증
-------------------------------------------------*/
/*기한연장조건입력*/
.submit .tit {border-radius:20px; border:2px solid #0f5b81; text-align:center; font-size:0.7rem; font-weight:bold; }
.submit .cl-text {font-size:0.7rem; }
/*보증부대출상환안내*/
.popup .inner1 {padding: 1rem 1.5rem; border: solid 1px #ccc; border-top:none; }
.popup .inner2 {padding: 1rem 1.5rem; background:#f9f9f9; }
/*무방문자료제출 박스 스타일 추가*/
.consultApply .box .check_txt .cl-text {font-weight:bold !important; color:#da333d;}
/**active**/
.consultApply .box:hover .check_txt .cl-text,
.consultApply .box.on .check_txt .cl-text {color:#fff;}
/*자가심사*/
.readyBox {background:#f8f8f8; text-align:center; margin-bottom:1rem; padding:1rem;}
.readyBox i {font-size:1.25rem; background:#fff; box-shadow:3px 3px 3px rgba(0,0,0,.05); border-radius:50%; padding:.5rem; color:#0f5b81/*#da333d;*/}
.readyBox p {font-size:.9rem; font-weight:bold; color:#0f5b81/*#da333d*/; margin-top:.5rem;}
.consultApply .box.brd_emp {border:solid 3px #da333d}
.emp_txt {font-weight:bold; color:#da333d;}
.readyBox.completion i,
.readyBox.completion p {color:#0f5b81}
/*-------------------------------------------------
Author : HW, Yun
Create date : 2021. 10. 26.
title : 공통 (임시)
-------------------------------------------------*/
/* 콘텐츠 준비중 */
.coming_soon { padding:5rem 0 2rem; text-align:center; /*font-family:'SCDream'; */ background:url('/common/images/con_com/coming_bg.png') no-repeat center; }
.coming_soon h3 { font-size:1.3rem; color:#000; margin:2rem auto 1rem; font-weight:500; }
.coming_soon h3 em { font-weight:700; }
.coming_soon h3 em.blue {color:#00225f;}
/* .coming_soon h3 em { box-shadow:0 -15px 0 #f2ffd6 inset; } */
.coming_soon p img { max-width:80%; }
.coming_soon span { color:#111; }

/*온라인자료수집(스크래핑)*/
.online .xeicon {font-family: 'xeicon'; font-size:50px; color:#d5d5d6; }
.online .xeicon.small {font-size:20px; line-height:30px; }
@media screen and (max-width:768px) {
	.online .online_arr .xeicon .cl-text{width:80px; height:50px; transform:rotate(90deg); }
}
@media screen and (max-width:414px) {
	.w100_m .cl-layout-wrap {width:100% !important; }
}

/*-------------------------------------------------
Author : HW, Yun
Create date : 2021. 11. 10.
title : 안심거래 (공통사용가능)
-------------------------------------------------*/
/*이용안내*/
.liWrap01 .tit {font-weight:600; color:#3785ac}
.liWrap01 .cl-last-row {border-bottom:none !important; }


@media screen and (max-width:768px) {
	/* 잡클라우드 */
	/* 잡매칭 스토리 */
	.job_match .year{padding-top:0; }
	.job_match .year .cl-text .pc_blue_2:before {display:none;}
	.job_match .year_box:before{top:45px; height:7rem; }
	.job_match .year_box:after {display:none;}
	.job_match .year .cl-output:before{width:1rem; height:1rem; padding:0 .25rem; }
	.job_match .m-poster-wrap{ max-height:20rem; overflow: auto !important; }
	.job_match .m-poster-wrap > .cl-layout > .cl-layout-content{ display: flex; flex-wrap: wrap; gap: 10px;}
	.job_match .m-poster-wrap > .cl-layout > .cl-layout-content > .cl-layout-wrap{ width:calc(50% - 5px) !important; }
	.job_match .m-poster img{ width:100% !important; height:auto !important;}
	/*컨설팅*/
	.form_tit1 .tit .cl-text {height:35px !important; }
	/*
	.btn_same {position:fixed !important; left:0; bottom:0; width:100%; z-index:99; }
	.btn_same .cl-layout-wrap {display:inline-block; float:left; width:calc(50% - 0.5px) !important; margin:0 !important; }
	.btn_same.btn_sameW100 .cl-layout-wrap {width:100% !important; }
	.btn_same .cl-layout-wrap:nth-of-type(2) {float:right; }
	.btn_same .cl-button {background:#606a73; }
	.btn_same .cl-button .cl-text:after,
	.btn_same .cl-button .cl-text:before {display:none !important; }
	*/
}

@media screen and (max-width:480px) {
	/* 잡클라우드 */
	/* 잡매칭 스토리 */
	.job_match .m-poster-wrap > .cl-layout > .cl-layout-content > .cl-layout-wrap{ width:100% !important; }
}

/*-------------------------------------------------
Author : YJ, Jeon
Create date : 2021. 11. 08.
title : 사회적경제기업
-------------------------------------------------*/

.moblst.infoTy_slct.scal_inCk .lst:hover,
.moblst.infoTy_slct.scal_inCk .lst.active {border: 1px solid #276c8e; box-shadow:4px 1px 6px rgba(15,91,129,.2)}

/*-------------------------------------------------
Author : YJ, Jeon
Create date : 2021. 11. 09.
title : 재기지원
-------------------------------------------------*/

.suprLogin .box {padding: 1.5rem 1.5rem; border: 1px solid #ccc; background: #fff; }
.suprLogin .box .title {font-size: 1rem; font-weight: 700; padding-bottom: .5rem; border-bottom: 1px solid #ddd; }


/*-------------------------------------------------
Author : YJ, Kim
Create date : 2021. 12. 14.
title : 공통 : 전자약정
-------------------------------------------------*/
/*뷰어*/
.contractViewer ifream{border:none; background:none;}
.contractViewer .prev,
.contractViewer .next {background: #003675; border-radius:50%; opacity: 1;} /* 사용성 개선: .3 -> 1 */
.contractViewer .prev .cl-text,
.contractViewer .next .cl-text {color:#fff !important; font-weight:bold !important; position:absolute; bottom:17px; left:0;}
.contractViewer .prev:before,
.contractViewer .next:before {content:''; position:absolute; width:3.5rem; height:3.5rem; line-height:3.5rem; display:block; background-repeat:no-repeat; background-position:center 30%; background-image:url('../../theme/v2/images/sub/ico_za_prev.svg')}
.contractViewer .next:before {background-image:url('../../theme/v2/images/sub/ico_za_next.svg')}

[id^=OZViewer] {border:none !important; height:100%;}
[id^=OZViewer] select,
[id^=OZViewer] input {vertical-align:baseline;}

/**active**/
.contractViewer .prev:hover,
.contractViewer .next:hover,
.contractViewer .prev:focus,
.contractViewer .next:focus { opacity: 1;}
.contractViewer .prev:hover:before,
.contractViewer .next:hover:before,
.contractViewer .prev:focus:before,
.contractViewer .next:focus:before {color:#fff;}

@media screen and (max-width:768px) {
	.contractViewer .prev,
	.contractViewer .next{display:none !important;}
}

/*canvas.printCanvas{width: 150mm !important; height: auto !important;}*/
.ozViewer canvas{width: auto !important;}

/*-------------------------------------------------
Author : YJ, Kim
Create date : 2021. 12. 16.
title : 공통 : 프린트 CSS
-------------------------------------------------*/
@page{
	size : 210mm 297mm;
	margin:10mm;
	padding:0mm;
}
@media print{
	.fixPrint{ zoom:0.7; width: 900px !important;  }
	.fixPrint .accodian_01{ width:900px !important;}
	.fixPrint .zoomView{width:auto !important;}

	body,
	.cl-dialog{ width: 210mm; min-width:0; border:0; background:#fff;}
	.cl-dialog .cl-dialog-header{display:none;}
	.lyrPopup{padding:0;}
	.fixPrint{ zoom:.8; width: 190mm;  }
	.fixPrint .accodian_01{ width:190mm;}
	.fixPrint .zoomView{width:auto !important;}
	.subContents{padding:0 !important;}

	html{font-size:14px;}
	.cl-grid > div{width:100% !important;}
	.mainApp,
	.eaLayout{width:190mm;}


	.printHid{display:none !important;}
}

/*  @media print{
	body,
	.cl-dialog{ width: 1024px !important; min-width:0; border:0;}
	.cl-dialog .cl-dialog-header{display:none;}
	.lyrPopup{padding:0;}
	.fixPrint{ zoom:0.7; width: 900px !important;  }
	.fixPrint .accodian_01{ width:900px !important;}
	.fixPrint .zoomView{width:auto !important;}

	.printHid{display:none !important;}
}
*/


/*-------------------------------------------------
Author : YG, Heo
Create date : 2023. 01. 11.
title : 공통 : 인증서 구분
-------------------------------------------------*/
.select_cert .orcf {background-color:#8dc63f; color:#fff; font-size:0.9rem;}
.select_cert .orcf:hover {background-color:#2F9D27; color:#fff; font-size:0.9rem;}
.select_cert .orcf .cl-text:before{background:url(../theme/rvgrn/images/sub/icon_01.png) no-repeat center / cover;}
.select_cert .fin {background-color:#0083cb; color:#fff; font-size:0.9rem;}
.select_cert .fin:hover {background-color:#073246; color:#fff; font-size:0.9rem;}
.select_cert .fin .cl-text:before{background:url(../theme/rvgrn/images/sub/icon_02.png) no-repeat center / cover;}
.select_cert .oacx {background-color:#ffffff; color:#0083cb; border:1px solid #0083cb; font-size:0.9rem;}
.select_cert .oacx:hover {background-color:#e7f5fc}
.select_cert .oacx .cl-text:before{background:url(../theme/rvgrn/images/sub/icon_03.png) no-repeat center / cover;}

/* 이사회참여 버튼 */
.btn-div{
	cursor:pointer;
	transition: all .2s;
}

.btn-div .icon_tlt{
	background: #ffffff;
	border-radius: 50%;
	transition: all .25s;
}
.btn-div:hover .icon_tlt{
	background: #b2dff6;
	transform: translateY(-4px);
	box-shadow:1px 5px 6px rgba(0,0,0,.1)
}
.moblst.infoTy_slct .btn-div .title{
	border-bottom: 0;
	padding: 0;
}

.moblst.infoTy_slct .btn-div .title:before{
	display:none;
}
.moblst.infoTy_slct .btn-div .title:after{
	display:none
}

@media (hover: hover) and (pointer: fine){
	.moblst.infoTy_slct .lst.btn-div:hover{
		background: #0f5b81;
	}
	.btn-div:hover .cl-output .cl-text{
		color:#ffffff;
	}
}