@charset "utf-8";

/* ===============================================
Date : 2022-05-25 ~
Description : 비대면 제증명발급 서비스
=============================================== */

.g-text-right { text-align: right; }
.g-text-left { text-align: left; }
.g-text-center { text-align: center; }

#content .h3-wrap.has-count { display: flex; align-items: center; }
#content .h3-wrap > .selection-count { float: none; margin-bottom: 12px; padding-left: 10px; }
.selection-count .all { color: #d71820; }
.table-type1 tfoot th[colspan] { border-bottom: none; }
table.text-center >*, table.text-center th { text-align: center; }
p.noti >.memo { padding-left: 5px; }
.line.set-time >* { display: inline-block; vertical-align: middle; }

.asterisk:before { content: "\002A"; display: inline-block; padding-right: 5px; }
.asterisk.bold { font-weight: 700; color: #333; }
.asterisk.bold:before { font-weight: 700; color: #333; }

.toggle-contents { position: relative; text-align: center; }
.toggle-contents .toggle-btn { position: absolute; bottom: 0; right: 0; z-index: 1; display: inline-block; }
.toggle-contents .more{ display: none; }
.toggle-contents.on .more{ display: block; }
.toggle-contents .more ul { margin: auto; width: 70%; }
.toggle-contents .more ul:after { content:'';display:block; overflow: hidden; clear:both; }
.toggle-contents .more ul li { float: left; width: 50%; }

.heading-sum { text-decoration: underline; } 

.table-type2 tbody td.g-text-right { text-align: right; }

.rec-sign { text-align: right; }

.btn-white-s[disabled], .btn-gray-s[disabled], .btn-brown-s[disabled],
.btn-white-s[disabled]:hover, .btn-gray-s[disabled]:hover, .btn-brown-s[disabled]:hover{ color:#808080 !important; border:1px solid #e1e1e1; background-color:#e1e1e1; cursor: default; }

.box-guide .guide-section +.guide-section { margin-top: 15px; }
.box-guide .guide-section strong { font-size: inherit; }

/* 증명서 발급수수료 영수증 출력 */
#reciptWrp table >* >* >* { height: 42px; }
#reciptWrp .table-type2 thead th,
#reciptWrp .table-type2 tbody th { text-align: center; }
@media print {
	[class^="table-"] table { width:100%; border-collapse:collapse; border-spacing:0; }
	[class^="table-"] tfoot tr td,
	table th,
	.toggle-head { background-color: #fbf9f5 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
	.table-type1 thead th { height: 42px !important; padding: 7px 10px 6px 10px; text-align:center; }
}


/*
 * ===============================================
 * Date : 2023-02-03 ~
 * Description : 비대면 기업뱅킹 제증명발급 서비스
 * ===============================================
 */
 
/*
* @ 공통
* -------------------------------------
*/
#content .h3-wrap.not-des > h4{margin-bottom: 15px;}
#content .h3-wrap.has-count > .selection-count .date {position: absolute;right: 0;}
#content .h3-wrap.sub-tit {margin-top: 10px;}
#content .h3-wrap.sub-tit > h4{font-size: 15px;line-height: 1.6;}
#content [class^="table-"]+.h3-wrap.sub-tit {margin-top: 20px;}
 
[class^="table-"] .unit {margin-left: 2px;}
[class^="table-"] td select.biz-info + .data {padding: 0 10px 0;}
[class^="table-"] td select.biz-info {vertical-align: bottom;}
[class^="table-"] td label.vtm {vertical-align: middle !important;}

.btn-red-s.plus {position: relative;padding-right: 25px;}
.btn-red-s.plus:after {content:'+';display:inline-block;position: absolute;top: -2px;margin-left: 2px;font-size: 20px;}

.charlist li{display: flex;}
.charlist .ico{width:15px;margin-top: -1px;}

.pop-box.upi-viewer {position: relative;}
.pop-box.upi-viewer .pop-cont {height: 650px;overflow-y: auto;}
.pop-box.upi-viewer .pop-cont .canvas-area canvas {width: 640px;height: 918px;vertical-align: middle;background: #f5f5f5;}

.pop-box.upi-viewer .swiper-section,
.pop-box.upi-viewer .swiper-container,
.pop-box.upi-viewer .swiper-wrapper {height:100%;}
.pop-box.upi-viewer .swiper-slide {overflow:auto;-webkit-overflow-scrolling:touch;height:110%;}
.pop-box.upi-viewer .swiper-container-v {background-color:#aaa;}

.pop-box.upi-viewer .upibtn-group {position: absolute;bottom: 25px;right: 25px;display: flex;flex-direction: column;}
.pop-box.upi-viewer .upibtn-group a[class^="btn-"] {width: 50px;height: 50px;border-radius: 10px;box-shadow: 0px 0px 3px 1px #afafaf;transition: all 0.2s linear;}
.pop-box.upi-viewer .upibtn-group a[class^="btn-"] + a[class^="btn-"] {margin-top: 8px;}

.pop-box.upi-viewer .btn-print {background: #4c8cc3 url(/resource/img/cmm/print.png) no-repeat center;border:1px solid #4c8cc3;}
.pop-box.upi-viewer .btn-print:hover {background-color: #599bd3;}
.pop-box.upi-viewer .btn-pdf {background: #f53a43 url(/resource/img/cmm/pdf.png) no-repeat center / contain;border:1px solid #f53a43;}
.pop-box.upi-viewer .btn-pdf:hover {background-color: #fb535b;}
.pop-box.upi-viewer .btn-email {background: #3a3e48 url(/resource/img/cmm/email_w.png) no-repeat center;border: 1px solid #3a3e48;}
.pop-box.upi-viewer .btn-email:hover {background-color: #4e525c;}

/*
* @ 증명서 발급수수료 영수증
* -------------------------------------
*/
.table-type2 tbody td.has-inner-tbl {padding: 0;border-left: 0;border-right: 0;}
.has-inner-tbl .table-type1 {border-bottom: none;}
.has-inner-tbl .table-type1 tbody tr th,
.has-inner-tbl .table-type1 tbody tr td,
.has-inner-tbl .table-type1 tfoot tr th,
.has-inner-tbl .table-type1 tfoot tr td {border-top: 1px solid #dcdcdc;}
.has-inner-tbl .toggle-head {position: relative;display: flex;align-items: center; justify-content: center;height: 42px;padding: 4px 10px 6px 10px;background: #fbf9f5;}
.has-inner-tbl .toggle-head .heading-text {font-size: 14px;}
.has-inner-tbl .toggle-head .toggle-btn.top {position: absolute;top: 50%;right: 5px;z-index: 1;transform: translateY(-50%);display: inline-block;}

/*
* @ 증명서 발급 내용
* -------------------------------------
*/
.toggle-wrap {position: relative;}
.toggle-wrap .toggle-btn {position: absolute;top: 11px;right: 5px;z-index: 1;transform: translateY(-50%);display: inline-block;}
.toggle-wrap .toggle-contents {display: none;}
.toggle-wrap .toggle-contents ul.acc-arr{display: flex;width: 55%;margin: 0 auto;flex-wrap: wrap;justify-content: center;}
.toggle-wrap .toggle-contents ul.acc-arr li{width: 50%;}
.toggle-wrap .toggle-contents ul.acc-arr li:nth-child(2n+1):after{content: ',';}
.toggle-wrap .toggle-contents ul.acc-arr li:last-child:after{content: '';}

.box-guide.type-sign {margin-top: 50px;}
.box-guide.type-sign .rec-dates {margin: 0;padding: 0;}
.box-guide.type-sign .rec-dates span .name {display: inline-block;margin: 0 20px 0 10px;}

/*
* @ Parking page
* -------------------------------------
*/
.msgbox-upi {padding: 70px 50px 70px 260px;background: #fff url('/resource/img/bg/bg_certificate.png') no-repeat 60px 50%;}
.msgbox-upi p:first-child {margin-bottom: 15px;color: #333;font-size: 22px;font-weight: 600;letter-spacing: -0.05em;}
.msgbox-upi p {font-size: 14px;color: #666}

.upi-menu-area{margin: 20px 0;}
.upi-menu-area .menulist > li{position: relative;padding: 20px 0;border-bottom: 1px solid #d6d6d6;}
.upi-menu-area .menulist > li a {display: block;margin: 0 15px;font-size: 18px;font-weight: 600;color: #333;letter-spacing: -0.05em;text-decoration: none;}
.upi-menu-area .menulist > li a:hover {color:#e32a2b; font-weight:bold;}
.upi-menu-area .menulist > li a:after {content: "";display: block;position: absolute;right: 15px;top: 50%;width: 6px;height: 12px;margin-top: -6px;background: url(/resource/img/upi/icon.png) -14px -142px no-repeat;background-size: 300px 300px;}

/*
* @ Parking page > 증명서목록
* -------------------------------------
*/
.upi-sitemap a:hover {color:#e32a2b !important; font-weight:bold;}
.upi-sitemap .colm,
.upi-sitemap .item-wrap {padding-bottom:30px;border-bottom:1px solid #e5e5e5;}
.upi-sitemap .colm+.colm {padding-top: 30px;}
.upi-sitemap .colm:after {content:''; display:block; clear:both;}
.upi-sitemap .colm-in{float:left;width:300px;margin-left:30px;}
.upi-sitemap .colm-in:first-child {margin-left: 15px;}
.upi-sitemap .colm-in > ul > li {padding: 5px 0;}
.upi-sitemap .colm-in > ul > li a,
.upi-sitemap .item-wrap ul li a{color:#555;line-height: 1.5;}
.upi-sitemap .colm-in > strong {display:block; margin-bottom:10px;}
.upi-sitemap .colm-in > strong > a {font-size:18px; line-height:28px;}
.upi-sitemap .item-wrap > ul{display: flex;flex-wrap: wrap;width: calc(100% - 30px);margin: 0 auto;}
.upi-sitemap .item-wrap > ul li{width: 33.3%;padding: 5px 30px 5px 0;}

/*
* @ 고객센터 > 증명서 발급내용 조회
* -------------------------------------
*/
.upi-guide-box {position: relative;display: flex;margin-top: 45px;border: 1px solid #d6d6d6;}
.upi-guide-box strong {display: block;font-size: 22px; margin-bottom:20px;}
.upi-guide-box:after {content:'';display: block;width:1px; position:absolute; left:50%; top:30px; bottom:30px; background:url('/resource/img/bg/bg_dotline.png') repeat-y;}
.upi-guide-box .box {display: flex;width: 100%;flex-direction: column;justify-content: space-between;padding: 30px;font-size: 14px;}
.upi-guide-box .box .img-area {position: relative;margin-top: 30px;padding: 10px;}
.upi-guide-box .box .img-area .txt{position: relative;display: inline-block;padding: 0 10px;background-color: #fff;font-weight: bold;z-index: 1;}
.upi-guide-box .box .img-area img {width: 408px;}
.upi-guide-box .box .img-area:before{content:'';position: absolute;top: 68px;left: 14px;display: block;width: 52px;height: 52px;border: 3px solid #d71921;-webkit-animation: blink 2s ease-in-out 1s 3;animation: blink 2s ease-in-out 1s 3;}
.upi-guide-box .box .img-area.barcode:before{top: 72px;width: 335px;height: 46px;left: 70px;}
.upi-guide-box .box .img-area:after{content:'';position: absolute;bottom: 0;left: 0;display: block;width: 428px;height: 125px;border: 1px solid #333;}
@-webkit-keyframes blink {
    30% {opacity: 1;}
    60% {opacity: 0.2;}
    100% {opacity: 1;}
}
@keyframes blink {
    30% {opacity: 1;}
    60% {opacity: 0.2;}
    100% {opacity: 1;}
}
.certi-check.type2 > ul > li .inner{height: 560px;}
.certi-check.type2 > ul > li .cont .img-box{height: 180px;}
.certi-check.type2 > ul > li .cont .img-box img {width: 405px;}
.certi-check.type2 > ul > li .cont .img-box:before{content:'';position: absolute;top: 76px;left: 14px;display: block;width: 52px;height: 52px;border: 3px solid #d71921;-webkit-animation: blink 2s ease-in-out 1s 3;animation: blink 2s ease-in-out 1s 3;}
.certi-check.type2 > ul > li .cont .img-box.barcode:before{top: 80px;width: 332px;height: 45px;left: 70px;}
.certi-check.type2 > ul > li .cont .img-box:after{position: absolute;bottom: 0;left: 0;display: block;width: 428px;height: 125px;}

/* ie메뉴 개행처리 */
.ie9 .g-section > li li li > a[id^="gnbLink_ECBUPI"],
.ie10 .g-section > li li li > a[id^="gnbLink_ECBUPI"],
.ie11 .g-section > li li li > a[id^="gnbLink_ECBUPI"]{-ms-word-break:break-all;}