@charset "utf-8";

/* **************************************** *
 * 정책금융안내
 * **************************************** */
 /* 탭 컨트롤 */
.tab-cont{display:none}
.tab-cont.active{display:block}
 
.tab-multiply{position:relative; margin-bottom:30px}
.tab-multiply > ul{display:flex; margin-left:10px; position:relative}
.tab-multiply > ul:after{content:''; display:block; clear:both}
.tab-multiply > ul > li{display:flex}
.tab-multiply > ul > li a{display:flex; align-items:center; position:relative; justify-content:center; min-width:110px; height:56px; margin-left:-10px; padding:0 15px; background:#f7f5f3; border-radius:200px; mix-blend-mode:multiply; box-sizing:border-box; z-index:1}
.tab-multiply > ul > li a > span{margin-top:-1px; color:#808080; font-size:16px; font-weight:500; letter-spacing:-0.8px}
.tab-multiply > ul > li.active a{background:#d9002c}
.tab-multiply > ul > li.active a:before{content:''; position:absolute; left:50%; width:0; height:0}
.tab-multiply > ul > li.active a:before{bottom:-7px; margin-left:-7px; border-top:7px solid #d9002c; border-bottom:7px solid none; border-right:7px solid transparent; border-left:7px solid transparent}
.tab-multiply > ul > li.active a > span{color:#fff; font-weight:700}

/* 금융상품 검색 예시 */
.search-pfi-example{margin-top:10px; box-sizing:border-box}
.search-pfi-example .example-inner{display:flex; flex-direction:column; height:24px; overflow:hidden; transition:all .20s ease}
.search-pfi-example .example-box{display:flex; align-items:center; gap:5px; position:relative; height:24px; padding-left:134px; box-sizing:border-box}
.search-pfi-example .example-box .ex{display:flex; align-items:center; justify-content:center;  position:absolute; top:50%; margin-top:-12px; left:0; height:24px; padding:0 10px; background-color:#d04010; border-radius:5px; box-sizing:border-box}
.search-pfi-example .example-box .ex span{position:relative; top:-1px; line-height:1.2em; color:#fff; font-size:14px; font-weight:300; letter-spacing:-0.2px}
.search-pfi-example .example-box .tit{line-height:1.2em; color:#202020; font-size:15px !important; font-weight:300; letter-spacing:-0.2px}
.search-pfi-example .example-box .more{display:flex; align-items:center; margin-left:10px; padding:0; background:none}
.search-pfi-example .example-box .more span{line-height:1.2em; color:#d04010; font-size:15px; font-weight:300; letter-spacing:-0.5px}
.search-pfi-example .example-box .more:after{content:'\ea4e'; display:flex; align-items:center; justify-content:center; width:24px; height:24px; margin-left:5px; padding-top:2px; color:#fff; font-family:remixicon; font-size:16px; background-color:#d04010; border-radius:50%; box-sizing:border-box; transition:all .20s ease}
.search-pfi-example.active .example-inner{height:auto}
.search-pfi-example.active .example-box .more:after{transform: rotate(-180deg)}

/* 인기 정책금융상품 */
.popular-pfi{display:flex; align-items:center; margin:15px 0 10px}
.popular-pfi .pfi-tit{flex:none; display:flex; align-items:center; justify-content:center; height:31px; margin-right:5px; padding:0 14px; color:#fff; font-size:15px; font-weight:500; letter-spacing:-0.5px; background:#596b7f; border-radius:200px}
.popular-pfi .pfi-list{display:flex; align-items:center; flex-wrap:wrap}
.popular-pfi .pfi-list a{display:flex; align-items:center; position:relative; height:31px; margin:1px; padding:0 12px; background:#fff; border:1px solid #fff; color:#505050; font-size:15px; font-weight:400; letter-spacing:-0.5px; border-radius:200px; box-sizing:border-box; transition:all .20s ease; border:1px solid #dadada;}
.popular-pfi .pfi-list a:hover{border:1px solid #596b7f}
.popular-pfi .pfi-list a .label-pfi.hot{position:absolute; left:0; top:-12px}
.popular-pfi .pfi-list a .label-pfi.hot .label-tit{top:0; height:18px; padding:0 8px; font-size:9px}

/* 인기 정책금융상품 소개 */
.popular-pfi-info{margin-bottom:50px}
.popular-pfi-info{position:relative; padding:1px 18px; padding-left:34px; background-color:#ffffff; border-radius:8px}
.popular-pfi-info [class^="ri-"]{position:absolute; left:4px; font-size:21px; color:#cd0f35}
.popular-pfi-info .info{position:relative; top:-1px; line-height:1.65em; font-size:15px; font-weight:300; color:#202020; letter-spacing:-0.2px}


/* 정책금융상품 리스트 */
.board-pfi-list .pfi-list:after{content:''; display:block; clear:both}
.board-pfi-list .pfi-list > li{margin-bottom:20px}
.board-pfi-list .pfi-list > li:last-child{margin-bottom:0}

.board-pfi-list .pfi-box{display:flex; align-items:flex-start; margin-bottom:20px; border:1px solid #ebebeb; box-sizing:border-box; border-radius:10px; transition:all .20s ease}
.board-pfi-list .pfi-box:hover{border:1px solid #d3d3d3; box-shadow:2px 4px 10px 0 rgb(0 0 0 / 4%)}
.board-pfi-list .pfi-box:last-child{margin-bottom:0}

.board-pfi-list .pfi-cont{flex:1; padding:30px 24px; box-sizing:border-box}

.board-pfi-list .pfi-top{display:flex; align-items:flex-start}
.board-pfi-list .pfi-top > a{max-width:90%}
.board-pfi-list .pfi-top .top-tit{display:flex; align-items:center}
.board-pfi-list .pfi-top .top-tit .tit{line-height:1.4em; color:#202020; font-size:20px !important; font-weight:500; letter-spacing:-0.8px}
.board-pfi-list .pfi-top .top-tit .tit + .label-pfi{margin-left:4px; margin-right: 4px;}
.board-pfi-list .pfi-top > a:hover .top-tit .tit{color:#000}
.board-pfi-list .pfi-top .top-info{margin-top:10px}
.board-pfi-list .pfi-top .top-info .info{line-height:1.4em; color:#505050; font-size:16px; font-weight:300; letter-spacing:-0.2px}
.board-pfi-list .pfi-top .top-tit .tit,
.board-pfi-list .pfi-top .top-info .info{display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; word-wrap:break-word; word-break:keep-all; overflow:hidden}
.board-pfi-list .pfi-top .top-tit .tit{-webkit-line-clamp:1}
.board-pfi-list .pfi-top .top-info .info{-webkit-line-clamp:2}
.board-pfi-list .pfi-top .top-hit{flex:none; display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; top:-6px; width:68px; height:52px; margin-left:auto; text-align:center; background:#f5f5f5; border-radius:4px}
.board-pfi-list .pfi-top .top-hit span{line-height:1.2em; color:#505050; font-size:14px; font-weight:300; letter-spacing:-0.5px}
.board-pfi-list .pfi-top .top-hit span.num{margin-top:4px}

.board-pfi-list .pfi-detail{position:relative; margin-top:20px}
.board-pfi-list .pfi-detail .detail-list:after{content:''; display:block; clear:both}
.board-pfi-list .pfi-detail .detail-list > li{display:flex; align-items:center; position:relative; padding:4px 0; min-height:40px; box-sizing:border-box}
.board-pfi-list .pfi-detail .detail-list > li:last-child{border-bottom:none}

.board-pfi-list .pfi-detail .detail-list li.multiple .col-box{display:flex; align-items:center; flex:1}
.board-pfi-list .pfi-detail .detail-list li.multiple .col-box.none{flex:1; margin-left:15px} /*250328 신예리 수정*/
.board-pfi-list .pfi-detail .detail-list li.multiple .col-box > li{display:flex; align-items:center; flex:1; position:relative; min-width:50%; max-width:50%; min-height:40px; box-sizing:border-box}
.board-pfi-list .pfi-detail .detail-list li.multiple .col-box > li.none{flex:none; min-width:auto}
.board-pfi-list .pfi-detail .detail-list li.multiple .col-box.none:first-child{margin-left:0}

/*250328 신예리 수정*/
.board-pfi-list .pfi-detail .detail-tit{display:flex; align-items:center; justify-content:center; min-width:130px; min-height:100%; padding:9px 14px; text-align:center; background-color:#f5f5f5; border-radius:4px; box-sizing:border-box}
.board-pfi-list .pfi-detail .detail-tit .tit{display:inline-block; font-size:15px !important; letter-spacing:-0.8px; color:#505050; font-weight:500}
.board-pfi-list .pfi-detail .detail-cont{display:flex; align-items:center; flex:auto; padding:0 12px; box-sizing:border-box}
.board-pfi-list .pfi-detail .detail-cont .tit{display:inline-block; font-size:15px; letter-spacing:-0.8px; color:#202020; font-weight:300}
.board-pfi-list .pfi-detail .detail-cont .cont-txt{display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; word-wrap:break-word; word-break:keep-all; overflow:hidden}
.board-pfi-list .pfi-detail .detail-cont .cont-txt .txt{font-size:15px; letter-spacing:-0.5px; color:#505050; font-weight:300; word-break:keep-all}
.board-pfi-list .pfi-detail .detail-cont .col-row{display:flex; flex-direction:column; flex:auto}
.board-pfi-list .pfi-detail .detail-cont .col-row .row{display:flex; align-items:center}
.board-pfi-list .pfi-detail .col-flex{flex:1} 
.board-pfi-list .pfi-detail .col-flex.none{flex:none;}

.board-pfi-list .pfi-detail .detail-list li.multiple .col-box.none .detail-cont .cont-txt .txt{}

.board-pfi-list .pfi-tag{display:flex; align-items:center; flex-wrap:wrap; margin-top:5px; padding-top:12px; border-top:1px solid #ebebeb}
.board-pfi-list .pfi-tag p{margin-right:18px; margin-top:5px; line-height:1.2em; color:#505050; font-size:14px; font-weight:300; letter-spacing:-0.2px}
.board-pfi-list .pfi-tag p:nth-child(n+6){display:none}
.board-pfi-list .pfi-tag p:nth-child(n+5):after{content:'...'}

/* 정책금융상품 리스트 라벨 */
.label-pfi{display:inline-block; position:relative; vertical-align:middle; border-radius:200px; box-sizing:border-box}
.label-pfi .label-tit{display:flex; align-items:center; justify-content:center; height:30px; padding:0 14px; font-size:18px; font-weight:500; letter-spacing:-0.8px; white-space:nowrap; box-sizing:border-box}
.label-pfi.fac{background:#f0f5f9; color:#4760a0} /* 융자 */
.label-pfi.asr{background:#fcf3f6; color:#cd0f35} /* 보증 */
.label-pfi.sis{background:#edf8f2; color:#1fc88d} /* 보증보험 */
.label-pfi.new{margin-right:4px; background:#4761a1; color:#fff} /* 신규 */
.label-pfi.new .label-tit{position:relative; height:24px; padding:0 10px; font-size:12px; letter-spacing:-0.5px}
.label-pfi.hot{margin-right:4px; background:#d9002c; color:#fff} /* 인기 */
.label-pfi.hot .label-tit{position:relative; height:24px; padding:0 10px; font-size:12px; letter-spacing:-0.5px}


/*250324 신예리 추가*/
.titinfoWrap { display: flex; align-items: center; justify-content: space-between; margin: 20px 0;}
.titinfo-text { font-size: 14px;  background: url(../image/ico/titInfo-ico.png) no-repeat; margin-left: 5px; display: inline-block; padding-left: 18px; background-position: 0 2px; background-size: 12px; }
.label-pfi.fac > .label-tit { font-size: 15px; }
.label-pfi.asr > .label-tit { font-size: 15px; }
.label-pfi.sis > .label-tit { font-size: 15px; }

.label-pfi.online { margin-left: 4px; }
.label-pfi.online, .label-pfi.visit { margin-right:4px; background:#fff; border: 1px solid #d6d9df; color:#acb1bb; } 
.label-pfi.online > .label-tit { font-size: 14px !important; height: 28px; padding: 0 11px;  }
.label-pfi.visit > .label-tit { font-size: 14px !important; height: 28px; padding: 0 11px;  }

/* .label-pfi.online-fac { margin-right:4px; margin-left: 4px; background:#ebeef3; color:#555c6b; } 
.label-pfi.visit-fac { margin-right:4px; background:#e3ecf5; color:#4760a0;}

.label-pfi.online-asr { margin-right:4px; margin-left: 4px; background:#ebeef3; color:#3c4e77; } 
.label-pfi.visit-asr { margin-right:4px; background:#e3ecf5; color:#3c4e77;}

.label-pfi.online-sis { margin-right:4px; margin-left: 4px; background:#ebeef3; color:#3c4e77; } 
.label-pfi.visit-sis { margin-right:4px; background:#ebeef3; color:#3c4e77;} 

.label-pfi.online-fac > .label-tit { font-size: 15px !important; }
.label-pfi.visit-fac > .label-tit { font-size: 15px !important; }
.label-pfi.online-asr > .label-tit { font-size: 15px !important; }
.label-pfi.visit-asr > .label-tit { font-size: 15px !important; }
.label-pfi.online-sis > .label-tit { font-size: 15px !important; } 
.label-pfi.visit-sis > .label-tit { font-size: 15px !important; }
*/

.plcyinfo_cont { display: flex; flex-direction: column; margin: 25px auto 20px auto; padding: 0; list-style: none; } 
.plcyinfo_cont.none { display: none; } 
.plcyinfo { position: relative; background-color: #ffffff; border: 1px solid #ebebeb; border-radius: 16px; overflow: hidden; transition: 0.3s ease; }
.plcyinfo2 { position: relative; background-color: #ffffff; height: auto; max-height: 400px; transition: 0.3s ease; }
.plcyinfo2 > .plcyinfo_answer2 > .detail-view { padding: 0 !important; }
.plcyinfo_titbox { padding: 15px; display: flex; align-items: center; } 
.plcyinfo_tit { display: inline-block; font-size: 16px !important; letter-spacing: -0.8px; color: #202020; font-weight: 500; position: relative;}
/*.plcyinfo_tit::after { content:""; width: 1px; height: 10px; display: inline-block; background-color: #ebebeb; position: absolute; }*/
.plcyinfo_answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-in-out; }
.plcyinfo_text { padding: 15px 20px; color: #505050; font-size: 14px; line-height: 1.5rem; letter-spacing: -0.8px;}
.plcyinfo_text_tit { display: block; font-weight: bold; margin: 2px 0; }
.plcyinfo_text > span.by { line-height: 2rem;  border-top: 1px solid #eaeaea; width: 100%; display: inline-block;  margin-top: 13px; padding-top: 8px;  }
.plcyinfo.active .plcyinfo_answer { max-height: 510px; border-top: 1px solid #ebebeb; overflow-y: auto; transition: max-height 0.3s ease-in-out; }

.plcyinfo_btn {
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 14px;
  right: 15px;
  border: 0;
  border-radius: 50%;
  font-size: 1.5rem;
}

.plcyinfo_btn:focus { outline: 0; } 
.plcyinfo_btn.open { background: url(../image/ico/plcyinfo-ico-c.png) #f3f3f3 no-repeat center; background-size: 15px; }
.plcyinfo_btn { background: url(../image/ico/plcyinfo-ico-o.png) #f3f3f3 no-repeat center; background-size: 15px; }

.plcyinfo_btn2 {
    cursor: pointer;
    bottom: 0;
    position: absolute;
    width: 95px;
    height: 25px;
    left: 50%;
    margin-left: -50px;
    border-radius: 5px 5px 0 0 ;
}

.plcyinfo_btn2:focus { outline: 0; } 
.plcyinfo_btn2.open { background: url(../image/ico/plcyinfo-ico-c.png) #f3f3f3 no-repeat center; background-size: 15px; }
.plcyinfo_btn2 { background: url(../image/ico/plcyinfo-ico-o.png) #f3f3f3 no-repeat center; background-size: 15px; }
/*
.plcyinfo_icon.close { display: none; } 
.plcyinfo.active .plcyinfo_icon.close { background: url(../image/ico/plcyinfo-ico-c.png) no-repeat; } 
.plcyinfo.active .plcyinfo_icon.open { display: none; }
*/
.plcyinfo_answer { display: none; }
.plcyinfo_answer2 {} /*0327 일단 테스트*/
.plcyinfo-down { display: flex; align-items: center; justify-content: center; position: relative; padding: 4px 32px 4px 15px; margin-left: 10px; line-height: 1.2em; background: url(../image/ico/plcyinfo-download-ico.png) #fff no-repeat 66px center; background-size: 15px 15px; color: dodgerblue; font-size: 14px; font-weight: bold; letter-spacing: -1.5px; border: 1px solid dodgerblue; border-radius: 200px;  }
.plcyinfo-down > a { color: #1e90ff; }

.plcyinfo_cont > .plcyMoreToogle {  }

.board-pfi-view .view-content .detail-view .view-tit.downbtnBox { display: flex; align-items: center; }

/* 정책금융상품 상세 */
.board-pfi-view .view-top{display:flex; align-items:flex-start; gap:40px}
.board-pfi-view .view-focus{min-width:620px; max-width:620px}
.board-pfi-view .view-focus .focus-inner{display:flex; flex-direction:column; position:relative; min-height:384px; padding:65px 40px 40px; background:#f8f8f8; border-radius:16px; overflow:hidden; box-sizing:border-box}
.board-pfi-view .view-focus .focus-inner:before{content:''; position:absolute; right:-165px; bottom:-30px; width:447px; height:256px}

.board-pfi-view .view-focus .label-pfi{position:absolute; right:20px; top:20px}
 /*250324 신예리 수정*/
.board-pfi-view .view-focus .label-pfi .label-tit{height:40px; padding:0 20px}
.board-pfi-view .view-focus .focus-intro{position:relative}
.board-pfi-view .view-focus .focus-intro .intro-ins{display:flex; align-items:center; margin-bottom:32px; margin-top: -37px;}
.board-pfi-view .view-focus .focus-intro .intro-ins span,
.board-pfi-view .view-focus .focus-intro .intro-ins strong{line-height:1.4em; font-size:20px; font-weight:500; letter-spacing:-0.8px} 
.board-pfi-view .view-focus .focus-intro .intro-ins span{position:relative; color:#202020}
.board-pfi-view .view-focus .focus-intro .intro-ins span:before{content:''; position:absolute; top:-5px; width:100%; height:2px; background-color:#202020}
.board-pfi-view .view-focus .focus-intro .intro-ins strong{margin-left:10px; color:#202020}
.board-pfi-view .view-focus .focus-intro .intro-tit{display:flex; flex-direction:column; width:100%} 
.board-pfi-view .view-focus .focus-intro .intro-tit strong{line-height:1.2em; color:#202020; font-size:27px; font-weight:700; letter-spacing:-1.5px; word-break: keep-all;}
.board-pfi-view .view-focus .focus-intro .intro-info{width:100%; margin-top:20px; word-break: keep-all;}
.board-pfi-view .view-focus .focus-intro .intro-info p{line-height:1.35em; color:#606060; font-size:17px; font-weight:400; letter-spacing:-0.5px}

.board-pfi-view .view-focus .focus-more{display:flex; align-items:center; position:relative; margin-top:auto; padding-top:20px}
.board-pfi-view .view-focus .focus-more .more
{
   display:inline-block;
   flex:none;
   width:150px;
   height:54px;
   margin:0 4px;
   padding:18px 30px;
   line-height:1em;
   background:#fff;
   font-weight:500;
   font-size:16px;
   letter-spacing:-0.8px;
   color:#202020;
   text-align:center;
   border-radius:4px;
   vertical-align:middle;
   cursor:pointer;
   box-sizing:border-box
 }
.board-pfi-view .view-focus .focus-more .more:active,
.board-pfi-view .view-focus .focus-more .more:hover,
.board-pfi-view .view-focus .focus-more .more:focus{padding:18px 30px; background:#fff; color:#202020}
.board-pfi-view .view-focus .focus-more .more [class^="ri-"],
.board-pfi-view .view-focus .focus-more .more [class*=" ri-"]{display:inline-block; position:relative; margin-right:4px; font-size:24px; vertical-align:middle}
.board-pfi-view .view-focus .focus-more .more.detail{background:#4c4a4b; color:#fff}


.board-pfi-view .view-key{display:flex; flex-wrap:wrap; flex:1; margin-top:-20px; margin-left:-20px}
.board-pfi-view .view-key .key-align{width:50%}
.board-pfi-view .view-key .key-align:nth-child(3){width:100%}
.board-pfi-view .view-key .key-box{display:flex; flex-direction:column; position:relative; height:182px; margin-left:20px; margin-top:20px; padding:30px; background:#000; border-radius:16px; box-sizing:border-box}
.board-pfi-view .view-key .key-align:nth-child(1) .key-box{background-color:#586b7e}
.board-pfi-view .view-key .key-align:nth-child(3) .key-box{background-color:#f8f8f8}
.board-pfi-view .view-key .key-box .key-ico{position:absolute; right:25px; bottom:15px; color:rgba(255,255,255,.8); font-size:50px} /*250324 신예리 수정*/
.board-pfi-view .view-key .key-box .key-tit{line-height:1.2em; color:rgba(255,255,255,.9); font-size:16px; font-weight:500; letter-spacing:-0.5px}
.board-pfi-view .view-key .key-box .key-value{display:flex; flex-direction:column; margin-top:20px}
.board-pfi-view .view-key .key-box .key-value .value{flex:1; display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; word-wrap:break-word; position:relative; line-height:1.2em; color:#fff; font-size:16px; font-weight:500; letter-spacing:-0.5px; -webkit-line-clamp:2; overflow:hidden}
.board-pfi-view .view-key .key-box .key-value .more{display:flex; align-items:center; justify-content:center; position:relative; top:15px; width:fit-content; padding:4px 10px; line-height:1.2em; color:#fff; font-size:14px; font-weight:500; letter-spacing:-0.5px; border:1px solid rgba(255,255,255,.3); border-radius:200px}
.board-pfi-view .view-key .key-box .key-value .key-value-detail{display:none; position:absolute; right:0; top:105%; width:550px; height:auto; padding:10px; padding-top:30px; background:#fff; border:1px solid #dadada; border-radius:16px; box-sizing:border-box; box-shadow:1px 5px 30px rgb(0 0 0 / 10%); z-index:3} /*250324 신예리 수정*/
.board-pfi-view .view-key .key-box .key-value .key-value-detail .detail-close{display:flex; align-items:center; justify-content:center; position:absolute; top:6px; right:6px; width:26px; height:26px}
.board-pfi-view .view-key .key-box .key-value .key-value-detail .detail-close i{font-size:20px; color:#202020}
.board-pfi-view .view-key .key-box .key-value .key-value-detail .detail-value{max-height:200px; padding:20px; padding-top:0; line-height:1.45em; color:#505050; font-size:16px; font-weight:400; letter-spacing:-0.2px; text-align:left; overflow-x:hidden; overflow-y:auto}
.board-pfi-view .view-key .key-align:nth-child(1) .key-box .key-value .key-value-detail{left:-338px}
.board-pfi-view .view-key .key-align:nth-child(2) .key-box .key-value .key-value-detail{left:-340px}

/*250321 신예리 추가*/
.board-pfi-view .view-key .key-align2 { width: 100%; }
.board-pfi-view .view-key .key-align2:nth-child(1) > .key-box { background-color:#586b7e; height: 182px; margin-top: 20px; padding: 30px; }
.board-pfi-view .view-key .key-align2:nth-child(2) > .key-box { background-color: #5878c7; height: 182px; }
/* 정책금융 상품안내 더보기 추가 */
.board-pfi-view .view-content .key-value-detail{display:none; position:absolute; top:115px; right: 0; width:1020px; height:auto; max-height: 450px; padding:10px; padding-top:30px; background:#fff; border:1px solid #dadada; border-radius:8px; box-sizing:border-box; box-shadow:1px 5px 30px rgb(0 0 0 / 10%); z-index:3; overflow-x: hidden; overflow-y: auto;}
.board-pfi-view .view-content .key-value-detail .detail-value{margin-top:5px; max-height:none; padding:20px; padding-top:10px; line-height:1.45em; color:#505050; font-size:16px; font-weight:400; letter-spacing:-0.2px; text-align:left; overflow-x:hidden; overflow-y:hidden; /*width:98%;*/ column-count: 2; column-gap: 20px;}
.board-pfi-view .view-content .key-align:nth-child(2) .key-value-detail{left:-230px}
.board-pfi-view .view-content .key-value-detail .detail-close{display:flex; align-items:center; justify-content:center; position:absolute; top:6px; right:6px; width:26px; height:26px}
.board-pfi-view .view-content .key-value-detail .detail-close i{font-size:20px; color:#202020}
.board-pfi-view .view-content .key-value-detail-right {right: 0;}
.board-pfi-view .view-content .key-value-detail-left {left: 0 !important;}
.board-pfi-view .view-content .key-value-detail-one{width: 100% !important;}
/* 더보기 끝 */


.board-pfi-view .view-key .key-align:nth-child(3) .key-ico{color:#bfbfbf; font-size:38px}
.board-pfi-view .view-key .key-align:nth-child(3) .key-tit{color:#808080}
.board-pfi-view .view-key .key-align:nth-child(3) .key-value .value{color:#202020}

/* 융자 */
.board-pfi-view .view-top.fac .view-focus .focus-inner{background:#f0f5f9}
.board-pfi-view .view-top.fac .view-focus .focus-inner:before{background:url(../image/contents/pfiview_focus_fac.png) 50% 50% no-repeat; background-size:447px 256px}
.board-pfi-view .view-top.fac .view-focus .label-pfi{background:#4761a1; color:#fff}
.board-pfi-view .view-top.fac .view-focus .focus-intro .intro-ins span{color:#4761a1}
.board-pfi-view .view-top.fac .view-focus .focus-intro .intro-ins span:before{background-color:#4761a1}
.board-pfi-view .view-top.fac .view-key .key-align:nth-child(2) .key-box{background-color:#4761a1}

/* 보증 */
.board-pfi-view .view-top.asr .view-focus .focus-inner{background:#fcf3f5}
.board-pfi-view .view-top.asr .view-focus .focus-inner:before{background:url(../image/contents/pfiview_focus_asr.png) 50% 50% no-repeat; background-size:447px 256px}
.board-pfi-view .view-top.asr .view-focus .label-pfi{background:#c62847; color:#fff}
.board-pfi-view .view-top.asr .view-focus .focus-intro .intro-ins span{color:#cb0e34}
.board-pfi-view .view-top.asr .view-focus .focus-intro .intro-ins span:before{background-color:#c62847}
.board-pfi-view .view-top.asr .view-key .key-align:nth-child(2) .key-box{background-color:#c62847}

.board-pfi-view .view-top.asr .view-key .key-align2:nth-child(2) .key-box{background-color:#c62847}

/* 보증보험 */
.board-pfi-view .view-top.sis .view-focus .focus-inner{background:#edf7f2}
.board-pfi-view .view-top.sis .view-focus .focus-inner:before{background:url(../image/contents/pfiview_focus_sis.png) 50% 50% no-repeat; background-size:447px 256px}
.board-pfi-view .view-top.sis .view-focus .label-pfi{background:#1ed194; color:#fff}
.board-pfi-view .view-top.sis .view-focus .focus-intro .intro-ins span{color:#1dc98d}
.board-pfi-view .view-top.sis .view-focus .focus-intro .intro-ins span:before{background-color:#1ed194}
.board-pfi-view .view-top.sis .view-key .key-align:nth-child(2) .key-box{background-color:#1ed194}
.board-pfi-view .view-top.sis .view-key .key-align2:nth-child(2) .key-box{background-color:#1ed194}

.board-pfi-view .view-content{margin-top:60px}
.board-pfi-view .view-content .content-tit{display:flex; align-items:center; position: relative;}
.board-pfi-view .view-content .content-tit i{position:relative; top:1px; margin-right:8px; color:#202020; font-size:22px}
.board-pfi-view .view-content .content-tit .tit{line-height:1.2em; color:#202020; font-size:18px !important; font-weight:500; letter-spacing:-0.5px}

.board-pfi-view .view-content .content-detail{position:relative; margin-top:15px; border:1px solid #ebebeb; border-radius:16px}
.board-pfi-view .view-content .detail-top{display:flex; align-items:center; padding:16px 40px; border-bottom:1px solid #ebebeb; box-sizing:border-box}
.board-pfi-view .view-content .detail-top .top-tit{margin-right:30px}
.board-pfi-view .view-content .detail-top .top-tit .tit{line-height:1.2em; color:#202020; font-size:18px !important; font-weight:500; letter-spacing:-0.5px}
.board-pfi-view .view-content .detail-top .pfi-tag{display:flex; align-items:center; flex-wrap:wrap; margin-left:auto}
.board-pfi-view .view-content .detail-top .pfi-tag p{margin-left:6px; line-height:1.2em; color:#808080; font-size:16px; font-weight:400; letter-spacing:-0.2px; white-space:nowrap}

.board-pfi-view .view-content .detail-view{padding:20px 40px}
.board-pfi-view .view-content .detail-view .view-list:after{content:''; display:block; clear:both}
.board-pfi-view .view-content .detail-view .view-list > li{display:flex; align-items:flex-start; position:relative; padding:16px 0; min-height:40px; box-sizing:border-box}
.board-pfi-view .view-content .detail-view .view-list > li:last-child{border-bottom:none}

.board-pfi-view .view-content .detail-view .view-list > li .col-box{display:flex; flex-direction:column; flex:1}
.board-pfi-view .view-content .detail-view .view-list > li .col-box.none{flex:none}
.board-pfi-view .view-content .detail-view .view-list > li .col-box:nth-child(1){padding-right:10px}
.board-pfi-view .view-content .detail-view .view-list > li .col-box:nth-child(2){padding-left:10px}

.board-pfi-view .view-content .detail-view .view-tit{display:flex; box-sizing:border-box}
.board-pfi-view .view-content .detail-view .view-tit .tit{display:inline-block; font-size:16px !important; letter-spacing:-0.8px; color:#202020; font-weight:500}
.board-pfi-view .view-content .detail-view .view-cont{display:flex; align-items:center; flex:auto; margin-top:10px; box-sizing:border-box}
.board-pfi-view .view-content .detail-view .view-cont .cont-txt .txt{line-height:1.4em; font-size:16px; letter-spacing:-0.4px; color:#505050; font-weight:400; word-break:keep-all}

.board-pfi-view .view-content .detail-view .col-flex{flex:1; position:relative} 
.board-pfi-view .view-content .detail-view .col-flex.none{flex:none}


/* 정책금융상품 상세 백업 */
.board-pfi-view-bak .view-focus .focus-inner{display:flex; flex-direction:column; position:relative; height:484px; padding:80px 50px 40px; background:#f8f8f8; border-radius:16px; overflow:hidden; box-sizing:border-box}
.board-pfi-view-bak .view-focus .focus-inner:before{content:''; position:absolute; right:-225px; top:50px; width:665px; height:380px}

.board-pfi-view-bak .view-focus .focus-intro{position:relative}
.board-pfi-view-bak .view-focus .focus-intro .label-pfi{margin-bottom:10px}
.board-pfi-view-bak .view-focus .focus-intro .label-pfi .label-tit{height:35px}

.board-pfi-view-bak .view-focus .focus-intro .intro-tit{display:flex; flex-direction:column; width:58%}
.board-pfi-view-bak .view-focus .focus-intro .intro-tit strong{line-height:1.2em; color:#202020; font-size:36px; font-weight:700; letter-spacing:-2px}
.board-pfi-view-bak .view-focus .focus-intro .intro-tit strong:last-child{margin-top:5px}
.board-pfi-view-bak .view-focus .focus-intro .intro-info{width:40%; margin-top:42px}
.board-pfi-view-bak .view-focus .focus-intro .intro-info p{line-height:1.3em; color:#505050; font-size:17px; font-weight:400; letter-spacing:-0.8px}

.board-pfi-view-bak .view-focus .focus-tag{width:40%; margin-top:auto}
.board-pfi-view-bak .view-focus .focus-tag .pfi-tag{display:flex; align-items:center; flex-wrap:wrap}
.board-pfi-view-bak .view-focus .focus-tag .pfi-tag p{display:flex; align-items:center; justify-content:center; height:40px; margin-right:4px; margin-top:4px; margin-top:5px; padding:0 18px; line-height:1.2em; color:#505050; font-size:15px; font-weight:400; letter-spacing:-0.2px; background:rgba(83,103,123,.08); border-radius:6px; box-sizing:border-box}

.board-pfi-view-bak .view-focus .focus-key{display:flex; align-items:center; position:absolute; right:50px; bottom:40px}
.board-pfi-view-bak .view-focus .focus-key .key-box{display:flex; align-items:center; justify-content:center; justify-content:space-around; flex-direction:column; position:relative; width:205px; height:205px; margin-left:-18px; padding:20px 22px 24px; background:rgba(88,107,126,.92); border-radius:50%; box-sizing:border-box}
.board-pfi-view-bak .view-focus .focus-key .key-box:nth-child(2){background:rgba(71,97,161,.9)}
.board-pfi-view-bak .view-focus .focus-key .key-box .key-ico{color:rgba(255,255,255,.8); font-size:34px}
.board-pfi-view-bak .view-focus .focus-key .key-box .key-value{display:flex; align-items:center; justify-content:center; flex:1}
.board-pfi-view-bak .view-focus .focus-key .key-box .key-value .value{position:relative; top:-5px; text-align:center; color:#fff; line-height:1.2em; color:#fff; font-size:18px; font-weight:500; letter-spacing:-0.5px;}
.board-pfi-view-bak .view-focus .focus-key .key-box .key-tit{color:#fff; line-height:1.2em; color:rgba(255,255,255,.8); font-size:16px; font-weight:500; letter-spacing:-0.5px}

/* 융자 */
.board-pfi-view-bak .view-focus.fac .focus-inner{background:#f0f5f9}
.board-pfi-view-bak .view-focus.fac .focus-inner:before{background:url(../image/contents/pfiview_focus_fac.png) 50% 50% no-repeat; background-size:665px 380px}
.board-pfi-view-bak .view-focus.fac .focus-intro .label-pfi{background:#4761a1; color:#fff}
.board-pfi-view-bak .view-focus.fac .focus-intro .intro-tit strong:last-child{color:#4761a1}
.board-pfi-view-bak .view-focus.fac .focus-key .key-box:nth-child(2){background:rgba(71,97,161,.92)}

/* 보증 */
.board-pfi-view-bak .view-focus.asr .focus-inner{background:#fcf3f5}
.board-pfi-view-bak .view-focus.asr .focus-inner:before{background:url(../image/contents/pfiview_focus_asr.png) 50% 50% no-repeat; background-size:665px 380px}
.board-pfi-view-bak .view-focus.asr .focus-intro .label-pfi{background:#c62847; color:#fff}
.board-pfi-view-bak .view-focus.asr .focus-intro .intro-tit strong:last-child{color:#cb0e34}
.board-pfi-view-bak .view-focus.asr .focus-key .key-box:nth-child(2){background:rgba(198,40,71,.92)}

/* 보증보험 */
.board-pfi-view-bak .view-focus.sis .focus-inner{background:#edf7f2}
.board-pfi-view-bak .view-focus.sis .focus-inner:before{background:url(../image/contents/pfiview_focus_sis.png) 50% 50% no-repeat; background-size:665px 380px}
.board-pfi-view-bak .view-focus.sis .focus-intro .label-pfi{background:#1ed194; color:#fff}
.board-pfi-view-bak .view-focus.sis .focus-intro .intro-tit strong:last-child{color:#1dc98d}
.board-pfi-view-bak .view-focus.sis .focus-key .key-box:nth-child(2){background:rgba(30,209,148,.92)}


.board-pfi-view-bak .view-more{display:flex; align-items:center; justify-content:center; margin-top:30px}
.board-pfi-view-bak .view-more .more
{
   display:inline-block;
   flex:none;
   width:180px;
   height:60px;
   margin:0 4px;
   padding:20px 30px 20px;
   line-height:1em;
   background:#fff;
   border:1px solid #dadada;
   font-weight:500;
   font-size:16px;
   letter-spacing:-0.8px;
   color:#202020;
   text-align:center;
   border-radius:200px;
   vertical-align:middle;
   cursor:pointer;
   box-sizing:border-box
 }
.board-pfi-view-bak .view-more .more:active,
.board-pfi-view-bak .view-more .more:hover,
.board-pfi-view-bak .view-more .more:focus{padding:20px 30px 20px; background:#fff; border:1px solid #dadada; color:#202020}
.board-pfi-view-bak .view-more .more [class^="ri-"],
.board-pfi-view-bak .view-more .more [class*=" ri-"]{display:inline-block; position:relative; margin-right:4px; font-size:24px; vertical-align:middle}
.board-pfi-view-bak .view-more .more.detail{background:#4c4a4b; border:1px solid #4c4a4b; color:rgb(255, 255, 255, 1)}

.board-pfi-view-bak .view-content{margin-top:80px}
.board-pfi-view-bak .view-content .content-top{display:flex; align-items:center; height:52px; padding:0 30px; background:#586b7e; border-radius:200px}
.board-pfi-view-bak .view-content .content-top i{margin-right:8px; color:#fff; font-size:22px}
.board-pfi-view-bak .view-content .content-top .tit{line-height:1.2em; color:#fff; font-size:18px !important; font-weight:500; letter-spacing:-0.5px}

.board-pfi-view-bak .view-content .content-detail{position:relative; padding:0 20px; border-bottom:1px solid #ebebeb}
.board-pfi-view-bak .view-content .detail-view .view-list{padding:12px 0}
.board-pfi-view-bak .view-content .detail-view .view-list:after{content:''; display:block; clear:both}
.board-pfi-view-bak .view-content .detail-view .view-list > li{display:flex; align-items:flex-start; position:relative; padding:16px 0; min-height:40px; box-sizing:border-box}
.board-pfi-view-bak .view-content .detail-view .view-list > li:last-child{border-bottom:none}



/* **************************************** *
 * 지능형 추천공고
 * **************************************** */
.irn-tit{display:flex; position:relative; align-items:center; margin-bottom:6px} /*25228 신예리 수정*/
.irn-tit:after{content:''; display:block; clear:both}
.irn-tit .tit-l,
.irn-tit .tit-r{display:flex; align-items:center}
.irn-tit .tit-r{margin-left:auto}
.irn-tit h4.tit04,
.irn-tit h5.tit05{display:inline-block; position:relative; margin:0; padding:0; color:#202020; font-weight:500; letter-spacing:-0.5px; line-height:1.45em; vertical-align:middle; word-break:keep-all}
.irn-tit h4.tit04{font-size:18px}
.irn-tit h5.tit05{font-size:16px}
.irn-tit .help-txt{line-height:1.65em; font-size:15px; font-weight:normal; color:#808080; letter-spacing:-0.5px}
.irn-tit h4.tit04 + .help-txt{margin-left:5px}
 
/* 기업정보, 관심분야선택 */
.irn-intro{padding:8px 12px 8px; border:2px solid #dadada; border-radius:12px} /*25228 신예리 수정*/
 
/* 기업정보 */
.irn-intro .corp-info{position:relative; margin-bottom:0; border-top:1px solid #ebebeb} /*25228 신예리 수정*/
.irn-intro .corp-info .info-detail{padding:5px 0} /*25228 신예리 수정*/
.irn-intro .corp-info .info-detail:after{content:''; display:block; clear:both}
.irn-intro .corp-info .info-detail > li{display:flex; align-items:center; position:relative; padding:4px 0; min-height:40px; box-sizing:border-box}
.irn-intro .corp-info .info-detail > li:last-child{border-bottom:none}
.irn-intro .corp-info .info-detail .col-box{display:flex; align-items:center; flex:1}
/*250307 신예리 detil-tit padding값, background color 수정*/
.irn-intro .corp-info .detail-tit{display:flex; align-items:center; justify-content: center; min-width:125px; padding:9px 15px; background-color:#e4e5e5; border-radius:4px; box-sizing:border-box} /*250228 신예리 수정*/
.irn-intro .corp-info .detail-tit .col-row{display:flex; flex-direction:column; flex:auto}
.irn-intro .corp-info .detail-tit .col-row .row{display:flex; align-items:center}
.irn-intro .corp-info .detail-tit .tit{display:inline-block; font-size:15px !important; letter-spacing:-0.8px; color:#202020; padding-right:3px; font-weight:500}

.irn-intro .corp-info .detail-cont{display:flex; align-items:center; flex:auto; padding:0 12px; box-sizing:border-box}
.irn-intro .corp-info .detail-cont .tit{display:inline-block; font-size:15px; letter-spacing:-0.8px; color:#202020; font-weight:300}
.irn-intro .corp-info .detail-cont .col-row{display:flex; flex-direction:column; flex:auto}
.irn-intro .corp-info .detail-cont .col-row .row{display:flex; align-items:center}
.irn-intro .corp-info .detail-cont .cont-txt .txt{font-size:15px; letter-spacing:-0.5px; color:#202020; font-weight:normal; word-break:keep-all}

.irn-intro .corp-info .col-flex{flex:1} 
.irn-intro .corp-info .col-flex.none{flex:none}

/* 관심분야선택*/
.irn-intro .interest-industry{padding:9px 15px; background-color:#f5f5f5; border-radius:10px} /*25228 신예리 수정*/
.irn-intro .interest-industry .industry-list{display:flex; align-items:center; flex-wrap:wrap; gap:4px}
.irn-intro .industry-check{display:inline-block; position:relative; min-width:80px; min-height:18px; vertical-align:middle; cursor:pointer}
.irn-intro .industry-check .check{display:flex; align-items:center; justify-content:center; min-width:80px; height:30px; background-color:#fff; border-radius:200px; box-sizing:border-box}  /*25228 신예리 수정*/
.irn-intro .industry-check .check i{display:none; font-size:16px; color:#fff}
.irn-intro .industry-check .check .tit{display:flex; align-items:center; position:relative; top:-1px; line-height:1em; font-size:16px !important; color:#202020; letter-spacing:-0.5px; font-weight:300}
.irn-intro .industry-check input[type="checkbox"]{position:absolute; width:100%; height:100%; cursor:pointer; box-sizing:border-box}
.irn-intro .industry-check input[type='checkbox']:checked + .check{background-color:#d9002c}
.irn-intro .industry-check input[type='checkbox']:checked + .check i{display:block}
.irn-intro .industry-check input[type='checkbox']:checked + .check .tit{margin-left:2px; color:#fff}

/* 챗봇 */
.irn-onebot{margin-top:40px} /*25228 신예리 수정*/
.irn-onebot .onebot-top{display:flex; align-items:center; position:relative}
.irn-onebot .onebot-top:before{content:''; width:73px; height:78px; margin-right:20px; background:url(../image/contents/onebot_bot.png) 50% 50% no-repeat; background-size:73px 78px}
.irn-onebot .onebot-top .top-message strong,
.irn-onebot .onebot-top .top-message span{display:inline-block; line-height:1.3em; color:#202020; font-size:26px; font-weight:700; letter-spacing:-1.2px}
.irn-onebot .onebot-top .top-message span:last-child{color:#808080; font-weight:300}

.irn-onebot .onebot-form{position:relative; margin-top:15px; border:1px solid #1ed194; border-radius:10px; z-index:1}
.irn-onebot .onebot-form .form-question{display:block; position:relative; background:#fff; border:none; border-radius:10px}
/*250307 신예리 수정*/
.irn-onebot .onebot-form .form-question textarea{display:block; width:100%; border:0; padding:15px; padding-right:140px; color:#202020; font-size:16px; font-weight:300; letter-spacing:-0.2px; outline:none; border-radius:10px; box-sizing:border-box; resize:none}
.irn-onebot .onebot-form .form-question textarea::placeholder{color:#9e9e9e}
.irn-onebot .onebot-form .form-question .confirm{display:flex; align-items:center; justify-content:center; position:absolute; right:20px; top:50%; width:54px; height:54px; margin-top:-27px; padding:0; border:0; background-color:#1ed194; border-radius:50%}
.irn-onebot .onebot-form .form-question .confirm:after{content:'\f56a'; color:#fff; font-family:remixicon; font-size:24px}
.irn-onebot .onebot-form .form-question-example{padding:15px 20px; background-color:#f6f6f6; border-radius:0 0 10px 10px; box-sizing:border-box}
.irn-onebot .onebot-form .form-question-example .example-inner{display:flex; flex-direction:column; height:24px; overflow:hidden; transition:all .20s ease}
.irn-onebot .onebot-form .form-question-example .example-box{display:flex; align-items:center; gap:5px; position:relative; height:24px; padding-left:80px; box-sizing:border-box}
/*250307 신예리 background color 수정 ( class name ex )*/
.irn-onebot .onebot-form .form-question-example .example-box .ex{display:flex; align-items:center; justify-content:center;  position:absolute; top:50%; margin-top:-12px; left:0; height:24px; padding:0 10px; background-color:#222; border-radius:200px; box-sizing:border-box}
.irn-onebot .onebot-form .form-question-example .example-box .ex span{line-height:1.2em; color:#fff; font-size:14px; font-weight:300; letter-spacing:-0.2px}
.irn-onebot .onebot-form .form-question-example .example-box .tit{line-height:1.2em; color:#202020; font-size:15px !important; font-weight:300; letter-spacing:-0.2px}
.irn-onebot .onebot-form .form-question-example .example-box .more{display:flex; align-items:center; margin-left:10px; padding:0; background:none}
/*250307 신예리 더보기color 수정*/
.irn-onebot .onebot-form .form-question-example .example-box .more span{flex:none; line-height:1.2em; color:#087651; font-size:15px; font-weight:300; letter-spacing:-0.5px}
.irn-onebot .onebot-form .form-question-example .example-box .more:after{content:'\ea4e'; display:flex; align-items:center; justify-content:center; flex:none; width:24px; height:24px; min-width:24px; min-height:24px; margin-left:5px; padding-top:2px; color:#fff; font-family:remixicon; font-size:16px; background-color:#1ed194; border-radius:50%; box-sizing:border-box; transition:all .20s ease}

.irn-onebot .onebot-form .form-question-example.active .example-inner{height:auto}
.irn-onebot .onebot-form .form-question-example.active .example-box .more:after{transform:rotate(-180deg)}

/*250307 신예리 수정 padding*/
.irn-onebot .onebot-cmmcation{display:flex; flex-direction:column; gap:10px; position:relative; margin-top:-15px; padding:35px 25px 25px 25px; background-color:#edf7f2; border-radius:0 0 10px 10px}
.irn-onebot .onebot-cmmcation .cmmcation-box{display:flex; align-items:flex-start}
.irn-onebot .onebot-cmmcation .cmmcation-box .box-inner{max-width:45%; padding:16px 20px; line-height:1.5em; color:#202020; font-size:15px; letter-spacing:-0.2px; border-radius:4px; box-sizing:border-box}

.irn-onebot .onebot-cmmcation .cmmcation-box.question{justify-content:flex-end}
.irn-onebot .onebot-cmmcation .cmmcation-box.question .box-inner{background-color:#cef1e4}
.irn-onebot .onebot-cmmcation .cmmcation-box.answer{justify-content:flex-start}
.irn-onebot .onebot-cmmcation .cmmcation-box.answer:before{content:''; width:34px; height:34px; margin-right:10px; background:url(../image/contents/onebot_bot_s.png) 50% 50% no-repeat; background-size:34px 34px}
.irn-onebot .onebot-cmmcation .cmmcation-box.answer .box-inner{background-color:#fff}

.irn-onebot .onebot-cmmcation .cmmcation-loader{display:none; position:absolute; top:0; left:0; right:0; bottom:0; z-index:999}
.irn-onebot .onebot-cmmcation .cmmcation-loader.active{display:block}
.irn-onebot .onebot-cmmcation .cmmcation-loader:before 
{
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    width:36px;
    height:36px;
    margin-left:-18px;
    margin-top:-24px;
    border:4px solid #1ed194;
    border-top:4px solid #fff;
    border-radius:50%;
    animation:circle_spin 1s ease 0.2s infinite;
    box-sizing:border-box
}
@keyframes circle_spin{0%{transform:rotate(0deg)} 100%{transform:rotate(360deg)}}


/* 추천 결과 */
.irn-result{margin-top:40px} /*250307 신예리 수정*/
.irn-result .board-result-list .result-list:after{content:''; display:block; clear:both}
.irn-result .board-result-list .result-list > li{margin-bottom:20px}
.irn-result .board-result-list .result-list > li:last-child{margin-bottom:0}

.irn-result .board-result-list .result-box{display:flex; align-items:flex-start; margin-bottom:20px; border:1px solid #ebebeb; box-sizing:border-box; border-radius:10px; transition:all .20s ease}
.irn-result .board-result-list .result-box:hover{border:1px solid #d3d3d3; box-shadow:2px 4px 10px 0 rgb(0 0 0 / 4%)}
.irn-result .board-result-list .result-box:last-child{margin-bottom:0}

.irn-result .board-result-list .result-cont{flex:1; position:relative; padding:30px 24px; box-sizing:border-box}

.irn-result .board-result-list .result-rank{position:absolute; left:-1px; top:-1px; width:49px; height:49px; text-align:center; box-sizing:border-box}
.irn-result .board-result-list .result-rank.green{background:url(../image/contents/irn_result_rank_green.png) 50% 50% no-repeat; background-size:49px 49px}
.irn-result .board-result-list .result-rank.gray{background:url(../image/contents/irn_result_rank_gray.png) 50% 50% no-repeat; background-size:49px 49px}
.irn-result .board-result-list .result-rank span{position:relative; left:-10px; top:3px; line-height:1.4em; color:#fff; font-size:16px; font-weight:500; letter-spacing:-0.8px}

.irn-result .board-result-list .result-top{display:flex; align-items:flex-start}
.irn-result .board-result-list .result-top > a{max-width:80%}
.irn-result .board-result-list .result-top .top-tit{display:flex; align-items:center}
.irn-result .board-result-list .result-top .top-tit .tit{display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; line-height:1.4em; color:#202020; font-size:18px !important; font-weight:500; letter-spacing:-0.8px; word-wrap:break-word; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}
.irn-result .board-result-list .result-top > a:hover .top-tit .tit{color:#0aa570}

.irn-result .board-result-list .result-detail{position:relative; margin-top:15px}
.irn-result .board-result-list .result-detail .detail-list:after{content:''; display:block; clear:both}
.irn-result .board-result-list .result-detail .detail-list > li{display:flex; align-items:center; position:relative; padding:4px 0; min-height:40px; box-sizing:border-box}
.irn-result .board-result-list .result-detail .detail-list > li:last-child{border-bottom:none}

.irn-result .board-result-list .result-detail .detail-list li.multiple .col-box{display:flex; align-items:center; flex:1}
.irn-result .board-result-list .result-detail .detail-list li.multiple .col-box.none{flex:none; margin-left:15px}
.irn-result .board-result-list .result-detail .detail-list li.multiple .col-box > li{display:flex; align-items:center; flex:1; position:relative; min-width:50%; max-width:50%; min-height:40px; box-sizing:border-box}
.irn-result .board-result-list .result-detail .detail-list li.multiple .col-box > li.none{flex:none; min-width:auto}
.irn-result .board-result-list .result-detail .detail-list li.multiple .col-box.none:first-child{margin-left:0}

.irn-result .board-result-list .result-detail .detail-tit{display:flex; align-items:center; justify-content:center; min-width:60px; min-height:100%; padding:9px 14px; text-align:center; background-color:#f5f5f5; border-radius:4px; box-sizing:border-box}
.irn-result .board-result-list .result-detail .detail-tit .tit{display:inline-block; font-size:15px !important; letter-spacing:-0.8px; color:#505050; font-weight:500}
.irn-result .board-result-list .result-detail .detail-cont{display:flex; align-items:center; flex:auto; padding:0 12px; box-sizing:border-box}
.irn-result .board-result-list .result-detail .detail-cont .tit{display:inline-block; font-size:15px; letter-spacing:-0.8px; color:#202020; font-weight:300}
.irn-result .board-result-list .result-detail .detail-cont .cont-txt{display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; word-wrap:break-word; word-break:keep-all; overflow:hidden}
.irn-result .board-result-list .result-detail .detail-cont .cont-txt .txt{font-size:15px; letter-spacing:-0.5px; color:#505050; font-weight:normal; word-break:keep-all}
.irn-result .board-result-list .result-detail .detail-cont .col-row{display:flex; flex-direction:column; flex:auto}
.irn-result .board-result-list .result-detail .detail-cont .col-row .row{display:flex; align-items:center}
.irn-result .board-result-list .result-detail .col-flex{flex:1} 
.irn-result .board-result-list .result-detail .col-flex.none{flex:none}

.irn-result .board-result-list .result-addview{display:flex; justify-content:center; margin-top:20px}
.irn-result .board-result-list .result-addview .more{display:flex; align-items:center; justify-content:center; height:38px; margin:0; padding:0 22px; background:#f5f5f5; border-radius:200px}
.irn-result .board-result-list .result-addview .more span{line-height:1.2em; color:#202020; font-size:15px; font-weight:500; letter-spacing:-0.5px}
.irn-result .board-result-list .result-addview .more:before{content:'\ea4c'; margin-right:2px; color:#202020; font-family:remixicon; font-size:20px; box-sizing:border-box}

/* 만족도조사*/
.irn-poll{display:flex; flex-direction:column; margin-top:60px}
.irn-poll .poll-inner{display:flex; align-items:center; padding:25px; border:1px solid #ebebeb; border-radius:10px}
.irn-poll .poll-box{display:flex; align-items:center; flex:1}
.irn-poll .poll-box .tit{line-height:1.2em; color:#202020; font-size:16px !important; font-weight:500; letter-spacing:-0.2px}
.irn-poll .poll-box .poll-score{display:flex; align-items:center; margin-left:60px}
.irn-poll .poll-box .poll-score .score-tit{line-height:1.2em; color:#808080; font-size:16px; font-weight:300; letter-spacing:-0.2px}
.irn-poll .poll-box .poll-score .score-select{display:flex; align-items:center; justify-content:center; min-width:120px; height:34px; margin:0 8px; padding:0 10px; background-color:#f6f6f6; border-radius:4px; box-sizing:border-box}
.irn-poll .poll-box .poll-score .score-select .select-star{display:flex; align-items:center; justify-content:center; margin:0; padding:0; border:0; background:none}
.irn-poll .poll-box .poll-score .score-select .select-star:after{content:'\f18d'; position:relative; margin:0; margin-top:-2px; padding:0; color:#afafaf; font-family:remixicon; font-size:22px; box-sizing:border-box}
.irn-poll .poll-box .poll-score .score-select .select-star:hover:after,
.irn-poll .poll-box .poll-score .score-select .select-star.active:after{content:'\f18c'; color:#ffba00}

.irn-poll .poll-send{display:flex; align-items:center; justify-content:center; height:38px; margin:0; padding:0 22px; background:#d9002c; border-radius:4px}
.irn-poll .poll-send span{line-height:1.2em; color:#fff; font-size:15px; font-weight:500; letter-spacing:-0.5px}

/*250307 신예리 추가 placeholder*/
.cont-txt > input::placeholder { color: #b7b7b7; }



/* **************************************** *
* response max 800px / mobile
* **************************************** */
@media all and (max-width:1200px)
{
    /* 지능형 추천 서비스*/
   .irn-poll .poll-inner{align-items:flex-start; flex-direction:column; gap:10px; position:relative; padding:20px}
   .irn-poll .poll-box .tit{min-width:220px}
   .irn-poll .poll-box .poll-score{margin-left:20px}
   .irn-poll .poll-send{position:absolute; right:20px; top:50%; margin-top:-19px}
}

@media all and (max-width:1020px)
{
    /* 정책금융안내*/
    .board-pfi-view .view-top{flex-direction:column}
    .board-pfi-view .view-focus{min-width:100%; max-width:100%}
    .board-pfi-view .view-focus .focus-intro .intro-tit strong{font-size:24px}
    .board-pfi-view .view-key .key-box .key-value .key-value-detail{width:100%}
    .board-pfi-view .view-key .key-align:nth-child(2) .key-box .key-value .key-value-detail{left:0}
    .board-pfi-view .view-key .key-box .key-value .value{font-size:16px}
    .board-pfi-view .view-content .key-value-detail-right {left: -445px;}
}

@media all and (max-width:1020px){.board-pfi-view .view-content .key-value-detail-right {left: -423px;}}
@media all and (max-width:905px){.board-pfi-view .view-content .key-value-detail-right {left: -404px;}}
@media all and (max-width:870px){.board-pfi-view .view-content .key-value-detail-right {left: -385px;}}
@media all and (max-width:835px){.board-pfi-view .view-content .key-value-detail-right {left: -368px;}}

@media all and (max-width:800px)
{
	/* 지능형 추천 서비스*/
    .irn-tit{flex-direction:column; align-items:flex-start}
    .irn-tit .tit-r{margin-left:0}
    .irn-tit .help-txt{font-size:14px}
    
    .irn-intro .corp-info .info-detail > li{flex-direction:column; align-items:flex-start; gap:4px; margin-bottom:4px; padding:0}
    .irn-intro .corp-info .info-detail > li:last-child{margin-bottom:0}
    .irn-intro .corp-info .info-detail .col-box{width:100%}
    .irn-intro .corp-info .detail-cont{padding-right:0}
    .intl-input-text{width:100% !important; box-sizing:border-box} 
    
    .irn-intro .interest-industry{padding:20px 15px}
    .irn-intro .industry-check .check{height:36px}
    .irn-intro .industry-check .check .tit{font-size:15px}
    
    .irn-onebot .onebot-form .form-question textarea{padding-right:95px; font-size:15px}
    
    .irn-onebot .onebot-form .form-question-example{padding:15px}
    .irn-onebot .onebot-form .form-question-example .example-inner{height:auto; overflow:visible}
    .irn-onebot .onebot-form .form-question-example .example-box .ex{top:-2px; margin-top:0;}
    .irn-onebot .onebot-form .form-question-example .example-box .tit{font-size:14px !important}
    .irn-onebot .onebot-form .form-question-example .example-box{display:none; height:auto}
    .irn-onebot .onebot-form .form-question-example .example-box:nth-child(1){display:block}
    .irn-onebot .onebot-form .form-question-example .example-box .tit{}
    .irn-onebot .onebot-form .form-question-example .example-box .more{display:none}
    
    .irn-onebot .onebot-cmmcation{padding-left:20px; padding-right:20px; padding-bottom:20px}
    .irn-onebot .onebot-cmmcation .cmmcation-box .box-inner{max-width:90%; font-size:14px}
    
    .irn-result .board-result-list .result-cont{padding-bottom:18px}
    .irn-result .board-result-list .result-top > a{max-width:100%}
    .irn-result .board-result-list .result-top .top-tit .tit{-webkit-line-clamp:3}
    .irn-result .board-result-list .result-detail .detail-list > li{flex-wrap:wrap; flex-direction:column; align-items:flex-start; gap:4px}
    .irn-result .board-result-list .result-detail .detail-list li.multiple .col-box.none{margin-left:0}
    .irn-result .board-result-list .result-detail .detail-tit{min-width:80px}
    
    
    /* 정책금융안내*/
    .search-pfi-example{margin-top:30px}
    .search-pfi-example .example-inner{height:auto; overflow:visible}
    .search-pfi-example .example-box{display:flex; flex-direction:column; padding-left:0; padding-top:30px}
    .search-pfi-example .example-box .ex{top:-2px; margin-top:0;}
    .search-pfi-example .example-box .tit{font-size:14px !important}
    .search-pfi-example .example-box{display:none; height:auto}
    .search-pfi-example .example-box:nth-child(1){display:block}
    .search-pfi-example .example-box .tit{}
    .search-pfi-example .example-box .more{display:none}
    
    .board-pfi-list .pfi-cont{padding:25px 20px}
    .board-pfi-list .pfi-top > a{max-width:100%}
    .board-pfi-list .pfi-top .top-tit{flex-wrap:wrap;}
    .board-pfi-list .pfi-top .top-tit .label-pfi{order:1}
    .board-pfi-list .pfi-top .top-tit .tit{-webkit-line-clamp:3; order:3; width:100%; margin-top:5px; font-size:18px !important}
    
    .board-pfi-list .pfi-top .top-tit .label-pfi.hot .label-tit,
    .board-pfi-list .pfi-top .top-tit .label-pfi.new .label-tit{height:30px; padding:0 14px}
    .board-pfi-list .pfi-top .top-tit .tit + .label-pfi{margin-left:0}
    .board-pfi-list .pfi-top .top-hit{display:none}
    .board-pfi-list .pfi-top .top-info .info{-webkit-line-clamp:3}
    
	.board-pfi-list .pfi-detail .detail-list li.multiple{padding-top:0}
	.board-pfi-list .pfi-detail .detail-list li.multiple .col-box.none{margin-left:0}
	.board-pfi-list .pfi-detail .detail-tit{min-width:88px; padding:11px}
	.board-pfi-list .pfi-detail .detail-cont .cont-txt{-webkit-line-clamp: 2}
	
	.board-pfi-list .pfi-detail .detail-list li.multiple{flex-wrap:wrap; flex-direction:column; align-items:flex-start; gap:4px}
	.board-pfi-list .pfi-tag{margin-top:15px}

    .board-pfi-view .view-content .detail-top{padding:16px 20px}
    .board-pfi-view .view-content .detail-view{padding:20px}
    .board-pfi-view .view-content .detail-view .view-list > li{flex-direction:column; gap:32px}
	.board-pfi-view .view-content .detail-view .view-list > li .col-box:nth-child(1){padding-right:0}
	.board-pfi-view .view-content .detail-view .view-list > li .col-box:nth-child(2){padding-left:0}
	
	.board-pfi-view .view-content .key-value-detail{width:100%}
	.board-pfi-view .view-content .key-value-detail-right {left: 0px;}
	
	.plcyinfo_titbox { align-items: start;  flex-direction: column; }
	.titinfoWrap { flex-direction: column; align-items: start; }
	.titinfo-text { margin-bottom: 20px; }
	.board-pfi-view .view-key .key-align2 > .key-box { width: 100%; }
	.board-pfi-view .view-key { width: 95%; }
}

@media all and (max-width:768px)
{
    .srch-button-block{gap:4px}
    
    .tbl-cnt.view_method .more_view .btn.gray.sorting{display:none}
}

@media all and (max-width:600px)
{
	/* 지능형 추천 서비스*/
	.irn-intro .corp-info .detail-tit{min-width:110px}
	.irn-intro .corp-info .detail-cont{padding-left:5px}
	
	.irn-onebot .onebot-top:before{margin-right:10px}
    .irn-onebot .onebot-top .top-message strong,
    .irn-onebot .onebot-top .top-message span{font-size:22px}
    
    .irn-tit .tit-l{align-items:flex-start; flex-direction:column}
    .irn-tit h4.tit04 + .help-txt{margin-left:0}
    
    .irn-result .board-result-list .result-top .top-tit .tit{font-size:16px !important}
    .irn-result .board-result-list .result-detail .detail-tit .tit{font-size:14px !important}
    .irn-result .board-result-list .result-detail .detail-cont .cont-txt .txt{font-size:14px}
    
    .irn-poll .poll-inner{gap:25px}
    .irn-poll .poll-box{flex-direction:column; align-items:flex-start; gap:8px}
    .irn-poll .poll-box .poll-score{margin-left:0}
    .irn-poll .poll-send{position:relative; right:auto; top:auto; margin-top:0}
    
    
    /* 정책금융안내 */
    .tab-multiply > ul{flex-wrap:wrap; margin-left:-5px; margin-top:-5px}
    .tab-multiply > ul > li{width:50%}
    .tab-multiply > ul > li a{width:100%; min-width:auto; margin-left:5px; margin-top:5px}
    .tab-multiply > ul > li a > span{font-size:15px}
    
    .popular-pfi{flex-direction:column; align-items:flex-start}
    .popular-pfi .pfi-list{margin-top:5px}
    
    .board-pfi-list .pfi-top .top-tit .tit{font-size:16px !important}
    .board-pfi-list .pfi-top .top-info .info{font-size:15px}
    .board-pfi-list .pfi-detail .detail-tit .tit{font-size:14px !important}
    .board-pfi-list .pfi-detail .detail-cont .cont-txt .txt{font-size:14px}
    
    .board-pfi-view .view-focus .focus-inner{min-height:400px; height:auto; padding:95px 30px 30px}
    .board-pfi-view .view-focus .focus-inner:before{opacity:0.5}
    .board-pfi-view .view-focus .focus-intro .intro-tit{width:100%}
    .board-pfi-view .view-focus .focus-intro .intro-info{width:100%}
    .board-pfi-view .view-focus .focus-more{gap:4px}
    .board-pfi-view .view-focus .focus-more .more{flex:1; width:auto; margin:0; padding:20px 4px; font-size:15px}
    .board-pfi-view .view-focus .focus-more .more [class^="ri-"],
    .board-pfi-view .view-focus .focus-more .more [class*=" ri-"]{margin-right:2px; font-size:20px}
    
    
    .board-pfi-view .view-key{margin-top:-10px; margin-left:-10px}
    .board-pfi-view .view-key .key-align{width:100%}
    .board-pfi-view .view-key .key-box{margin-top:10px; margin-left:20px}
    
    .board-pfi-view .view-content .detail-top{align-items:flex-start; flex-direction:column; gap:14px; padding:22px 20px}
    .board-pfi-view .view-content .detail-top .pfi-tag{margin-left:0}
    .board-pfi-view .view-content .detail-top .pfi-tag p{margin-right:6px; margin-left:0; line-height:1.4em}
    .board-pfi-view .view-content .detail-top .pfi-tag p:first-child{margin-left:0}
    
    .board-pfi-view .view-key .key-align2 > .key-box { width: 100%; }
    .plcyinfo_titbox { align-items: start; flex-direction: column; }
    .titinfoWrap { flex-direction: column; align-items: start; }
    .titinfo-text { margin-bottom: 20px; }
    .board-pfi-view .view-key { width: 95%; }
    .titinfoWrap { position: relative; }
    .titinfoWrap > .pfi-tag { position: absolute; right: 0; top: 40px; }
}