@charset "utf-8";

/* layout */
.wrapper {position:relative;width:100%;/*height:100%;*//*min-width:320px;*/ }
/*.wrapper {padding-right:constant(safe-area-inset-right);padding-left:constant(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left);padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}*/
.header {position:fixed;top:0;left:0;width:100%;height:50px;text-align:center;background:#1b97e6;z-index:11;padding-top:env(safe-area-inset-top);padding-top:constant(safe-area-inset-top)}
.header.certHeaderArea {-webkit-transform:translateZ(1px)}
.header.green{background:#2ec45d !important}
.header > button{padding-top:env(safe-area-inset-top);padding-top:constant(safe-area-inset-top)}
.footer {position:fixed;bottom:0;left:0;margin-top:-60px;height:60px;width:100%;z-index:10;background:#fff;border-top:1px solid #c9c9c9;padding-bottom:env(safe-area-inset-bottom);padding-bottom:constant(safe-area-inset-bottom)}
.footer:before{content:"";clear:both;display:block;overflow:hidden;visibility:hidden}
/* .footer > div{float:left;height:100%;text-align:center}
.footer > div button{height:100%;width:100%;font-size:12px !important;color:#353535 !important;font-weight:400}
.footer > div button.new-view .ico-is-f:after{content:"";display:block;position:absolute;top:4px;right:1px;width:4px;height:4px;background:#ff0024;border-radius:4px}

.footer > div button:active{font-weight:600}
.footer > div button:active .ico-is-f.ico-home{background-position:-30px 0}
.footer > div button:active .ico-is-f.ico-alarm{background-position:-30px -60px}
.footer > div button:active .ico-is-f.ico-my{background-position:-30px -120px}
.footer > div button:active .ico-is-f.ico-cust{background-position:-30px -180px}
.footer > div button:active .ico-is-f.ico-mobile-web{background-position:-30px -240px}

.footer > div button span.ico-home.on{background-position:-30px 0}
.footer > div button span.ico-my.on{background-position:-30px -120px}
.footer > div button span.ico-cust.on{background-position:-30px -180px}
 */
 
.footer > ul{overflow:hidden}
.footer .ficon li{float:left;height:100%;text-align:center}
.footer .ficon li button{height:100%;width:100%;font-size:12px  !important;color:#353535 !important;font-weight:400}
.footer .ficon li button.new-view .ico-is-f:after{content:"";display:block;position:absolute;top:4px;right:1px;width:4px;height:4px;background:#ff0024;border-radius:4px}

.footer .ficon li button:active{font-weight:600}
.footer .ficon li button:active .ico-is-f.ico-home{background-position:-30px 0}
.footer .ficon li button:active .ico-is-f.ico-alarm{background-position:-30px -60px}
.footer .ficon li button:active .ico-is-f.ico-my{background-position:-30px -120px}
.footer .ficon li button:active .ico-is-f.ico-cust{background-position:-30px -180px}
.footer .ficon li button:active .ico-is-f.ico-mobile-web{background-position:-30px -240px}

.footer .ficon li button span.ico-home.on{background-position:-30px 0}
.footer .ficon li button span.ico-my.on{background-position:-30px -120px}
.footer .ficon li button span.ico-cust.on{background-position:-30px -180px}

.li4 li{width:25%}
.li3 li{width:33.33%}
 
/* 모바일홈페이지 하단 추가 div 영역  */
.footerPreDiv {background:#f9f9f9;width: 100%;text-align:center;padding-bottom:20px}
.footerPreDiv > P:first-child span {font-size:12px !important;font-weight:400}
.footerPreDiv > p {font-size:10px !important;font-weight:200}

.container {/*min-height:100%;height:100%;*/font-size:13px;padding:50px 0 70px;box-sizing:border-box}
.container {padding-top:calc(env(safe-area-inset-top) + 51px);padding-top:calc(constant(safe-area-inset-top) + 51px);padding-bottom:calc(env(safe-area-inset-bottom) + 70px);padding-bottom:calc(constant(safe-area-inset-bottom) + 70px)}
.container .contents{padding:10px 0;box-sizing:border-box}
.container .contents{padding-bottom:calc(env(safe-area-inset-bottom) + 10px);padding-bottom:calc(constant(safe-area-inset-bottom) + 10px)}

/* layout - sub */
.sub .header .tit-01{color:#fff}
.sub .container{background:#f9f9f9}
.sub .container .contents{padding-top:0px;background:#f9f9f9}
.sub.green .header{background:#2ec45d}
.sub.green .box-type10{background:#2ec45d}

/* layout - sub01 */
.sub01 .header{background:#fff;border-bottom:1px solid #bbb}
.sub01 .header .tit-01{color:#222}
.sub01 .container{/*padding:50px 15px 60px;*/background:#f9f9f9}
.sub01 .container .contents{padding:10px 0 !important;background:#f9f9f9}
.sub01 .container .contents{/*padding-top:calc(env(safe-area-inset-top) + 10px);padding-top:calc(constant(safe-area-inset-top) + 10px);*/}
.app-acc.sub01 .container{background:#fff}
.app-acc.sub01 .container .contents{padding:0 10px;background:#fff}

/* common */
.blind{display:none !important}
.block{display:block !important}

.table{display:table}
.cell{display:table-cell}
.row{display:table-row}

.txt-l{text-align:left !important}
.txt-c{text-align:center !important}
.txt-r{text-align:right !important}

.fl{float:left !important}
.fr{float:right !important}

.fs12{font-size:12px  !important}
.fs-13{font-size:13px  !important}
.fs18{font-size:18px  !important}

.box-scroll-type{padding:5px 13px 8px;border:1px solid #e5e5e5}
.box-scroll-type .tit-05{padding:8px 0 5px}
.overScroll100{margin-bottom:10px;overflow:auto;overflow-x:hidden;max-height:100px;border-bottom:1px solid #ddd; background:#eee}
.overScroll130{margin-bottom:10px;overflow:auto;overflow-x:hidden;max-height:130px;border-bottom:1px solid #ddd; background:#eee}
.overScroll160{margin-bottom:10px;overflow:auto;overflow-x:hidden;max-height:160px;border-bottom:1px solid #ddd; background:#eee}
.overScroll200{margin-bottom:10px;overflow:auto;overflow-x:hidden;max-height:200px;border-bottom:1px solid #ddd; background:#eee}
.overScroll300{margin-bottom:10px;overflow:auto;overflow-x:hidden;max-height:300px;border-bottom:1px solid #ddd}
.overScrollFull{margin-bottom:10px;overflow:auto;overflow-x:hidden;max-height:70%;border-bottom:1px solid #ddd}

.lett-space01{letter-spacing:6px}

.clearfix{zoom: 1}
.clearfix:after{content:"";clear:both;display:block;overflow:hidden;visibility:hidden}

.hide{clear:both;position:absolute;top:auto;left:0;overflow:hidden;width:1px;height:1px;border:0 none;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%)}

.middle{vertical-align:middle}
.va-top{vertical-align:top  !important}

.map-wrap,
.graph-wrap{position:relative;width:100%;height:0;overflow:hidden;padding-bottom:60.60%;border:1px solid #ddd;background-color:#fff;box-sizing:border-box}
.graph-wrap{padding-bottom:80%}
.map-wrap .map,
.graph-wrap .graph{position:absolute;top:0;left:0;width:100%;height:100%}
#map{padding-bottom:60.60%}
.map.pd-char{padding-bottom:100% !important}

.num{font-family:'roboto', sans-serif;font-weight:500}

.bt0{border-bottom:none  !important}
.bt0{border-top:0  !important}

.circle {width:100%;padding-top:100%;border-radius:50%}

/* bg color */
.bg-none{background-color:transparent  !important}
.bg-blue {background-color:#d2ebff !important}
.bg-blue01{background:#0782d1 !important}
.bg-gray {background-color:#efefef !important}
.bg-gray01{background:#c2c2c2 !important}
.bg-gray02{background:#f9f9f9 !important}
.bg-fc{background-color:#fcfcfc !important}
.bg-white{background-color:#fff !important}

/* font-color */
.fc-black01 {color:#333 !important}
.fc-blue01 {color:#006eb9 !important}
.fc-blue02 {color:#c5e8ff !important}
.fc-blue03{color:#1b97e6  !important}
.fc-blue04{color:#246297  !important}
.fc-red {color:#ff3535  !important}
.fc-red01 {color:#e50b1f  !important}
.fc-888{color:#888  !important}
.fc-666{color:#666  !important}
.fc-green {color:#2ec45d  !important} 

/* font-weight */
/*.fw-200{font-weight:200  !important}*/
.fw-300{font-weight:300  !important}
.fw-400{font-weight:400  !important}
.fw-500{font-weight:500  !important}
.fw-600{font-weight:600  !important}
.fw-700{font-weight:700  !important}

/* margin */
.mt-1{margin-top:-1px  !important}
.mt-5{margin-top:-5px  !important}
.mt-8{margin-top:-8px  !important}
.mt-10{margin-top:-10px  !important}
.mt0{margin:0  !important}
.mt5{margin-top:5px  !important}
.mt8{margin-top:8px  !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px  !important}
.mt20{margin-top:20px  !important}
.mt30{margin-top:30px  !important}
.mt50{margin-top:50px  !important}
.mt60{margin-top:60px  !important}

.ml-15{margin-left:-15px  !important}
.ml14{margin-left:.875rem  !important}

.mb0{margin-bottom:0 !important}
.mb13{margin-bottom:13px !important}
.mb20{margin-bottom:20px  !important}
.mb30{margin-bottom:30px  !important}
.mb50{margin-bottom:50px  !important}

.mlr10{margin-left:10px !important;margin-right:10px !important}

/* padding */
.p0{padding:0 !important}
.p01{padding:50px 0 70px !important}
.pt0{padding-top:0  !important}
.pt05{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt20{padding-top:20px !important}

.pr0{padding-right:0 !important}
.pb0{padding-bottom:0px  !important}
.pb15{padding-bottom:15px  !important}
.pb30{padding-bottom:30px  !important}
.pb35{padding-bottom:35px  !important}
.pb40{padding-bottom:40px  !important}

.pd-01{padding:15px 0 20px !important}
.pd-02{padding:15px 10px 0  !important}
.pd-03{padding:10px  !important}
.pd-04{padding:10px 15px  !important}
.pd-05{padding:16px 15px 10px  !important}
.pd-06{padding:0 20px  !important}

.pl10{padding-left:10px  !important}

.plr0{padding-left:0 !important;padding-right:0 !important}
.plr10{padding-left:10px !important;padding-right:10px !important}
.plr15{padding-left:15px  !important;padding-right:15px  !important}
.plr30{padding-left:30px  !important;padding-right:30px  !important}

.ptb0{padding-top:0  !important;padding-bottom:0  !important}
.ptb25{padding-top:25px  !important;padding-bottom:30px  !important}


/* width */
.w-full{width:100% !important}

/* height */
.h-150{height:150px !important}

/* title */
.tit-01 {position:relative;font-size:18px;line-height:50px}
.tit-02 {position:relative;font-size:16px;font-weight:400;padding:5px 0}
.tit-02 .fc-blue01{font-weight:400}
.tit-03 {position:relative;font-size:15px;font-weight:500;min-height:36px;padding:10px 0 6px;box-sizing:border-box}
.tit-03 .check-box input:checked + label:before{background-position: -5px -31px}
.tit-04 {position:relative;font-size:22px;line-height:30px}
.tit-04 .fc-blue01{font-weight:500}
.tit-04.ceo{ font-size:17px;line-height:22px}
.tit-05 {position:relative;font-size:13px;line-height:25px;font-weight:400;padding:5px 15px;min-height:35px;box-sizing:border-box}
.tit-05 .txt-aside em{font-size:13px;font-weight:400;color:#1b97e6;padding-left:8px}
.tit-05 > .tip-exp{position:absolute;right:15px;display:inline-block;margin-top:5px}
.tit-05 > .tip-exp.type01{position:relative;display:block;font-size:12px;margin:0 0 0 15px}
.tit-06{position:relative;font-size:15px;font-weight:500;min-height:36px;padding:10px 0 6px 12px;box-sizing:border-box}
.tit-06:after{content: '';position: absolute;width:3px;height:13px;left:0;top:0;background-color:#ffb029;margin-top:15px}
.tit-07 {position:relative;font-size:14px;font-weight:500;min-height:36px;padding:10px 0 6px;box-sizing:border-box}
.tit-02.type01{padding:10px 80px 10px 0}
.tit-02.type01 button{position:absolute;top:-5px;right:0}
.tit-02.type01 button.btn-underline{top:7px}
.tit-02.type02{padding:15px 15px 10px}
.tit-02.type02 button{position:absolute;top:0px;right:15px}
.tit-02.type03{}
.tit-02.type03 .txt{position:absolute;top:9px;right:0px;font-size:13px;color:#888}
.tit-02.type03 button{position:absolute;bottom:5px;right:0px}
.tit-03.type01{padding:10px 0 6px}
.tit-03.type01 button{position:absolute;top:-10px;right:0}

/* loading */
.loading {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.5)}
.loading > div {left: 50%;position: absolute;top: 40%;transform: translate(-50%, -50%)}
.loading > div h1 img{width:141px}
.progress {overflow:hidden;border-radius:0.25em;background-color: #e5e9eb;height: 0.25em;position: relative;width: 12em}
.progress-bar {border-radius:0.25em;animation-duration: 20s;animation-name: width;animation-iteration-count:infinite;background-image: linear-gradient(to right, #f9c849, #6fc76d, #65b5db, #45bab2, #3386bd);background-size: 12em 0.25em;height: 100%;position: relative}
.progress-shadow {background-image: linear-gradient(to bottom, #eaecee, transparent);height: 4em;position: absolute;top: 100%;transform: skew(45deg);transform-origin: 0 0;width: 100%}
@keyframes width {
  0%, 100% {transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85)}
  0% {width:0}
  100% {width:100%}
}

/* popup */
.popup-area{position:relative;width:100%;/*height:100%;*/z-index:100}
.popup-area .popup-wrap{position:relative;width:100%;/*height:100%;*/}
.popup-area .popup-wrap .header{background:#fff;border-bottom:1px solid #e5e5e5;z-index:9988}
.popup-area .popup-wrap .header .tit-01{padding:0 50px;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}
.popup-area .popup-wrap .container{height:auto;padding:60px 15px 50px;background:#fff}
.popup-area .popup-wrap .container{padding-top:calc(env(safe-area-inset-top) + 60px);padding-top:calc(constant(safe-area-inset-top) + 60px);padding-bottom:calc(env(safe-area-inset-bottom) + 50px);padding-bottom:calc(constant(safe-area-inset-bottom) + 50px)}
.popup-area .popup-wrap .container .contents{padding:0 !important;background:#fff}/*padding-bottom:0;*/
.popup-area .popup-wrap .pop-footer{position:fixed;bottom:0;left:0;margin-top:-50px;min-height:50px;width:100%;z-index:10;background:#fff}
.popup-area .popup-wrap .pop-footer{padding-bottom:env(safe-area-inset-bottom);padding-bottom:constant(safe-area-inset-bottom)}
.popup-area.view_context__{height:100% !important}
.popup-area.view_context__ .popup-wrap{height:100% !important}
.popup-area.view_context__ .contents.pb0 {height:100% !important}
.popup-area.certBtnArea{padding-top:calc(env(safe-area-inset-top) + 60px);padding-top:calc(constant(safe-area-inset-top) + 60px);padding-bottom:calc(env(safe-area-inset-bottom) + 50px);padding-bottom:calc(constant(safe-area-inset-bottom) + 50px)}
.popup-area.certBtnArea .pop-footer{ position:fixed;-webkit-transform:translateZ(1px);bottom:0;left:0;/*margin-top:-80px;*/min-height:50px;width:100%;z-index:10;background:#fff}
.popup-area.certBtnArea .pop-footer{padding-bottom:env(safe-area-inset-bottom);padding-bottom:constant(safe-area-inset-bottom)}

/* layer popup */ 
.layer-popup-area{display:none;position:fixed;top:0;left:0;width:100%;min-height:100%;z-index:100;/*background:rgba(0,0,0,0.6);*/}
.layer-popup-area .layer-popup-wrap{position:absolute;left:15px;overflow:hidden;width:calc(100% - 30px);background:#fff;border-radius:5px;box-sizing:border-box}
.layer-popup-area .popup-header{height:50px;border-bottom:1px solid #e5e5e5;box-sizing:border-box}
.layer-popup-area .popup-header h1{text-align:center;font-size:16px;line-height:50px}
.layer-popup-area .popup-contents{padding:19px}
.layer-popup-area01{display:none;position:fixed;top:0;left:0;width:100%;min-height:100%;z-index:100;background:rgba(0,0,0,0.6)}
.layer-popup-area01 .popup-contents{position:absolute;left:50%;margin-left:-40%;padding:19px;width:80%;background:#fff;border:1px solid #000;box-sizing:border-box}

/* sitemap */
.page-sitemap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;overflow-y:auto;font-size:13px;z-index:20}
.page-sitemap .pop-bg{background:#fff;position:fixed;width:100%;height:100%;z-index:0}
.page-sitemap .bg-full{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff}
.page-sitemap .page-cont{position:relative;width:100%;height:100%}
.page-sitemap .header-sitemap {position:fixed;top:0;left:0;width:100%;min-height:110px;z-index:30;padding:0 10px;box-sizing:border-box;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2S..%2Svzt%2SznvaArjot.cat) no-repeat 0 0;background-size: cover;padding-top:calc(env(safe-area-inset-top) + -5px);padding-top:calc(constant(safe-area-inset-top) + -5px);padding-bottom:calc(env(safe-area-inset-bottom) + -16px);padding-bottom:calc(constant(safe-area-inset-bottom) +  -16px)}
.page-sitemap .footer-sitemap {position:fixed;bottom:0;left:0;margin-top:-55px;height:55px;width:100%;z-index:30;background:#545c62;padding:0 calc(env(safe-area-inset-bottom)+ -2px);padding:0 calc(constant(safe-area-inset-bottom)+ -2px)}
.page-sitemap .web .header-sitemap{min-height:50px}
.page-sitemap .footer-sitemap ul{text-align:center;white-space:nowrap}
.page-sitemap .footer-sitemap ul:after{content:"";clear:both;display:block;overflow:hidden;visibility:hidden}
.page-sitemap .footer-sitemap ul li{display:inline-block}
.page-sitemap .footer-sitemap ul li button,.page-sitemap .footer-sitemap ul li button#btnFootSInfo{display:inline-block;font-size:14px;color:#fff;line-height:44px;padding:0 0 0 30px;background-size:44px auto;background-position:-3px -43px/*1px*/;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-fvgrznc-sbbgre.cat');background-repeat:no-repeat}
.page-sitemap .footer-sitemap ul li button em,.page-sitemap .footer-sitemap ul li button em#btnFootSInfo{display:inline-block;font-size:13px;white-space:nowrap}
.page-sitemap .footer-sitemap ul li + li button{background-position:-3px -87px;font-weight:400}
/*.page-sitemap .footer-sitemap ul li + li button{background-position:-3px -43px}
.page-sitemap .footer-sitemap ul li + li + li button{background-position:-3px -87px;font-weight:400}*/
.page-sitemap .container-sitemap {position:relative;min-height:100%;padding:80px 0 64px;background:#fff;box-sizing:border-box}
.page-sitemap .container-sitemap {padding-top:calc(env(safe-area-inset-top) + 80px);padding-top:calc(constant(safe-area-inset-top) + 80px);padding-bottom:calc(env(safe-area-inset-bottom) + 64px);padding-bottom:calc(constant(safe-area-inset-bottom) + 64px)}

.page-sitemap .web .container-sitemap {padding:50px 0 64px}
.page-sitemap .web .container-sitemap {padding-top:calc(env(safe-area-inset-top) + 50px);padding-top:calc(constant(safe-area-inset-top) + 50px);padding-bottom:calc(env(safe-area-inset-bottom) + 50px);padding-bottom:calc(constant(safe-area-inset-bottom) + 50px)}

.page-sitemap .container-sitemap .contents-sitemap{min-height:100%;/*padding:0 0 450px*/}
.page-sitemap .btn-aside{position:relative;padding-top:7px;height:40px;/*border-bottom:1px solid rgba(255,255,255,0.4);*/box-sizing:border-box}
.page-sitemap .aside-local{color:#fff;padding:0 0 9px;font-size:17px;font-weight:200;text-align:center}
.page-sitemap .aside-local:before{content:'';display:inline-block;width: 1.2rem;height: 1.2rem;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2S..%2Svzt%2Svpba%2Sznva_ot_vpba.cat) no-repeat; background-size: 36rem 20rem;background-position:-24rem .2rem}
.page-sitemap .web .aside-local{font-size:15px;line-height:2.5}

/* search */
.page-search .btn-aside button{color:#fff !important}
.page-search{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;overflow-y:auto;font-size:13px;z-index:200}
.page-search .pop-bg{background:#f9f9f9;position:fixed;width:100%;height:100%;z-index:0}
.page-search .bg-full{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff}
.page-search .page-cont{position:relative;width:100%;height:100%}
.page-search .header-sitemap {position:fixed;top:0;left:0;width:100%;min-height:110px;z-index:30;padding:0 10px;box-sizing:border-box;background:#1b97e6;padding-top:calc(env(safe-area-inset-top) + -5px);padding-top:calc(constant(safe-area-inset-top) + -5px);padding-bottom:calc(env(safe-area-inset-bottom) + -16px);padding-bottom:calc(constant(safe-area-inset-bottom) +  -16px)}
.page-search .footer-sitemap {position:fixed;bottom:0;left:0;margin-top:-55px;height:55px;width:100%;z-index:30;background:#545c62;padding:0 calc(env(safe-area-inset-bottom)+ -2px);padding:0 calc(constant(safe-area-inset-bottom)+ -2px)}
.page-search .web .header-sitemap{min-height:50px}
.page-search .footer-sitemap ul{text-align:center;white-space:nowrap}
.page-search .footer-sitemap ul:after{content:"";clear:both;display:block;overflow:hidden;visibility:hidden}
.page-search .footer-sitemap ul li{display:inline-block}
.page-search .footer-sitemap ul li button{display:inline-block;font-size:14px;color:#fff;line-height:44px;padding:0 0 0 30px;background-size:44px auto;background-position:-3px -43px/*1px*/;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-fvgrznc-sbbgre.cat');background-repeat:no-repeat}
.page-search .footer-sitemap ul li button em{display:inline-block;font-size:13px;white-space:nowrap}
.page-search .footer-sitemap ul li + li button{background-position:-3px -87px;font-weight:400}
.page-search .container-sitemap {position:relative;min-height:100%;padding:80px 0 64px;background:#fff;box-sizing:border-box}
.page-search .container-sitemap {padding-top:calc(env(safe-area-inset-top) + 80px);padding-top:calc(constant(safe-area-inset-top) + 80px);padding-bottom:calc(env(safe-area-inset-bottom) + 64px);padding-bottom:calc(constant(safe-area-inset-bottom) + 64px)}
.page-search .web .container-sitemap {padding:50px 0 64px}
.page-search .web .container-sitemap {padding-top:calc(env(safe-area-inset-top) + 50px);padding-top:calc(constant(safe-area-inset-top) + 50px);padding-bottom:calc(env(safe-area-inset-bottom) + 50px);padding-bottom:calc(constant(safe-area-inset-bottom) + 50px)}
.page-search .container-sitemap .contents-sitemap{min-height:100%;/*padding:0 0 450px*/}
.page-search .btn-aside{position:relative;padding-top:7px;height:40px;/*border-bottom:1px solid rgba(255,255,255,0.4);*/box-sizing:border-box}
.page-search .aside-local{color:#fff;padding:0 0 9px;font-size:17px;font-weight:200;text-align:center}
.page-search .web .aside-local{font-size:15px;line-height:2.5}

/* login */
.login .login-header{position:fixed;top:0;left:0;width:100%;height:50px;text-align:center;border-bottom:1px solid #bbb;z-index:30;background:#fff}
.login .login-header{padding-top:env(safe-area-inset-top);padding-top:constant(safe-area-inset-top)}
.login .login-header > button{padding-top:env(safe-area-inset-top);padding-top:constant(safe-area-inset-top)}
.login .login-footer{position:fixed;bottom:0;left:0;margin-top:-50px;min-height:50px;width:100%;z-index:30;background:#fff}
.login .login-footer{padding-bottom:env(safe-area-inset-bottom);padding-bottom:constant(safe-area-inset-bottom)}
.login .login-container{position:relative;overflow:hidden;min-height:100%;padding:50px 0 50px;background:#f9f9f9;box-sizing:border-box}
.login .login-container {padding-top:calc(env(safe-area-inset-top) + 50px);padding-top:calc(constant(safe-area-inset-top) + 50px);padding-bottom:calc(env(safe-area-inset-bottom) + 50px);padding-bottom:calc(constant(safe-area-inset-bottom) + 50px)}
.login .login-container .login-contents{padding:10px}

.login.layout-type01 .login-container{padding:50px 0 20px} 
.login.layout-type01 .login-container{padding-top:calc(env(safe-area-inset-top) + 50px);padding-top:calc(constant(safe-area-inset-top) + 50px);padding-bottom:calc(env(safe-area-inset-bottom) + 50px);padding-bottom:calc(constant(safe-area-inset-bottom) + 50px)}

/* gnb */
.gnb-area{position:absolute;top:0;padding-top:110px;width:100%;z-index:20/*;background:#fff;*/}
.gnb-area button{font-weight:500;}
.gnb-area button:active{font-weight:400}
.gnb-area{padding-top:calc(env(safe-area-inset-top) + 110px);padding-top:calc(constant(safe-area-inset-top) + 110px);padding-bottom:calc(env(safe-area-inset-bottom) + 110px);padding-bottom:calc(constant(safe-area-inset-bottom) + 110px)}
.gnb-area .on-bar{position:absolute;top:-1px;left:0;z-index:-1;/*height:50px;*/width:115px;height:4rem;/*border-bottom:1px solid #d5d5d5;border-top:1px solid #d5d5d5;background-color:#fff;*/box-sizing:border-box}
.gnb-area .on-bar{margin-top:env(safe-area-inset-top);margin-top:constant(safe-area-inset-top)}
.gnb-area .menu {position:fixed;left:0;top:110px;float:left;width:115px;min-height:100%;background:#f4f4f4;z-index:21;box-sizing:border-box;border-right: 1px solid #d8d8d8;}
.gnb-area .menu {padding-top:env(safe-area-inset-top);padding-top:constant(safe-area-inset-top);padding-bottom:calc(env(safe-area-inset-bottom) + 64px);padding-bottom:calc(constant(safe-area-inset-bottom) + 64px)}
.gnb-area .menu h2{border-bottom: 1px solid #d8d8d8;}

.web .gnb-area{padding-top:calc(env(safe-area-inset-top) + 50px);padding-top:calc(constant(safe-area-inset-top) + 50px);padding-bottom:calc(env(safe-area-inset-bottom) + 50px);padding-bottom:calc(constant(safe-area-inset-bottom) + 50px)}
.web .gnb-area .menu {top:50px;padding-top:env(safe-area-inset-top);padding-top:constant(safe-area-inset-top);padding-bottom:calc(env(safe-area-inset-bottom) + 50px);padding-bottom:calc(constant(safe-area-inset-bottom) + 50px)}

/*인증관리*/
#divLoginNewPage{padding:20px;text-align:left}
#divLoginNewPage .loginStartTxt{margin-top:20px;padding:15px 0 0;font-size:19px;line-height:1.4}
#divLoginNewPage #btnBioLogin,#divLoginNewPage #btnPinLogin,#divLoginNewPage #btnRgstPin,#divLoginNewPage #btnCertLogin,#divLoginNewPage #btnLoginHandPhone, #divLoginNewPage #btnRgstBioChain,#divLoginNewPage #btnNHSmartCerti{width:100%;margin:20px 0 24px;padding:15%;background:#fff;border-radius:10px;box-sizing:border-box;border:1px solid #ccc;box-shadow:0px 0px 7px 0px rgba(0,0,0,0.2)}
/*btn 이미지*/
#divLoginNewPage #btnBioLogin span,
#divLoginNewPage #btnRgstPin span,
#divLoginNewPage #btnCertLogin span,
#divLoginNewPage #btnLoginHandPhone span,
#divLoginNewPage #btnRgstBioChain span,#divLoginNewPage #btnNHSmartCerti span{display:inline-block;height:80px;background-position:center 0;background-size:55px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba_o_ybtva_0701.cat');background-repeat:no-repeat;font-size:16px;color:#095eb5;line-height:120px}
#divLoginNewPage #btnRgstPin span{background-position:center -105px}/*간편비밀번호 등록하기*/
#divLoginNewPage #btnCertLogin span{background-position:center -210px}/* 공인인증서 로그인하기*/
#divLoginNewPage #btnLoginHandPhone span{background-position:center -310px}/* 휴대폰 로그인하기*/
#divLoginNewPage #btnRgstBioChain span{background-position:center -410px}/*바이오체인*/
#divLoginNewPage #btnNHSmartCerti span{background-position:center -510px}/*NHOnePASS*/

/*div text*/
#divLoginNewPage #btnPinLogin p{display:block;font-size:16px;color:#095eb5;text-align:center}
#divLoginNewPage #otherLogin{margin-bottom:30px}
#divLoginNewPage #otherLogin button{display:block;line-height:1.2}
#divLoginNewPage #otherLogin button#btnOtherLoginNew{margin-bottom:16px}
#divLoginNewPage #otherLogin span{font-size:.9rem;line-height:1}
#divLoginNewPage #otherLogin #btnOtherLoginNew span{margin:0 0 15px;color:#767676;font-size:1rem;text-decoration:underline}
.loginTxt{margin-top:5px;font-size:15px;line-height: 1.3}
#divLoginNewPage #divLoginBtnArea{overflow:hidden}
#divLoginNewPage #divLoginBtnArea button{float:left;width:33.3%;height:86px;padding:0;margin-bottom:7px;box-sizing: border-box} 
#divLoginNewPage #divLoginBtnArea span{display:inline-block;font-size:.8rem;line-height:1.3}
#divLoginNewPage #divLoginBtnArea span{padding-top:50px;background-position:center 6px;background-size:45px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba_ybtva.cat');background-repeat:no-repeat}/* 지문인증 등록/해지 */
#divLoginNewPage #divLoginBtnArea #btnBioChainRegist span{background-position:center -80px}/* 바이오체인 등록/해지 */
#divLoginNewPage #divLoginBtnArea #btnRegPin span{background-position:center -245px}/* 간편비밀번호 등록 */
#divLoginNewPage #divLoginBtnArea #btnTakeCert span{background-position:center -160px}/* 공인인증서가져오기 */
#divLoginNewPage #divLoginBtnArea #btnGoInstall span{background-position:center -330px}/* 바이오인증공동앱 설치하기 */
#divLoginNewPage #divLoginBtnArea #btnRegCert span{background-position:center -410px}/* 공인인증서 등록/취소 */
#divLoginNewPage #divLoginBtnArea #btnBioUnRegist span{background-position:center -579px}/* 지문 취소 */
#divLoginNewPage #divLoginBtnArea #btnUnRegCert span{background-position:center -494px}/* 공인인증서 취소 */
#divLoginNewPage #divLoginBtnArea #btnRegPin span{background-position:center -245px}/* 간편비밀번호 취소 */
#divLoginNewPage #divLoginBtnArea #btnUnregPin span{background-position:center -662px}/* 간편비밀번호 해지 */
#divLoginNewPage #divLoginBtnArea #btnBioCertiLink span{background-position:center -744px}/* 바이오인증 공동앱설치 */

/*회사소개, 계약관리*/
.gnb-area .menu ul > li button{height:4.5rem;width:115px;line-height:4.5rem;text-align:center;font-size:.9rem}
.gnb-area .menu ul > li button#btnGnbWeb2nd,.gnb-area .menu ul > li button#btnGnbApp3nd{background-position:47px -58px}/*보험상품*/
.gnb-area .menu ul > li button#btnGnbWeb3nd,.gnb-area .menu ul > li button#btnGnbApp4nd{background-position:47px -115px}/*대출상품*/
.gnb-area .menu ul > li button#btnGnbApp5nd,.gnb-area .menu ul > li button#btnGnbWeb4nd{background-position:47px -165px}/*플러스정보*/
.gnb-area .menu ul > li button#btnGnbWeb5nd,.gnb-area .menu ul > li button#btnGnbApp6nd{background-position:47px -220px}/*고객센터*/
.gnb-area .menu ul > li button#btnGnbApp2nd{background-position:47px -274px}/*대출서비스*/
.gnb-area .menu ul > li button#btnGnbWeb6nd{background-position:47px -332px}/*FC소개*/
.gnb-area .menu ul > li + li + li + li + li + li button{background-position:45px -223px}
.gnb-area .menu ul > li.on button{font-weight:500;background-position:-82px -3px}/*회사소개, 계약관리*/
.gnb-area .menu ul > li.on button#btnGnbWeb2nd,.gnb-area .menu ul > li.on button#btnGnbApp3nd{background-position:-82px -58px}/*보험상품*/
.gnb-area .menu ul > li.on button#btnGnbWeb3nd,.gnb-area .menu ul > li.on button#btnGnbApp4nd{background-position:-82px -115px}/*대출상품*/
.gnb-area .menu ul > li.on button#btnGnbApp5nd,.gnb-area .menu ul > li.on button#btnGnbWeb4nd{background-position:-82px -165px}/*플러스정보*/
.gnb-area .menu ul > li.on button#btnGnbWeb5nd,.gnb-area .menu ul > li.on button#btnGnbApp6nd{background-position:-82px -220px}/*고객센터*/
.gnb-area .menu ul > li.on button#btnGnbApp2nd{background-position:-82px -274px}/*대출서비스*/
.gnb-area .menu ul > li.on button#btnGnbWeb6nd{background-position:-82px -332px}/*FC소개*/
.gnb-area .menu ul > li + li + li + li + li + li.on button{background-position:-100px -223px}
.gnb-area .menu ul > li.on button{width:115px;color:#333;background-color:#fff;font-weight:400;font-size:1rem}
.gnb-area .smenu{top:.9rem;position:relative;width:calc(100% - 115px);min-height:100%;height:100%;margin-left:115px;padding:0 15px;/*background:#fff;*/z-index:20;box-sizing:border-box}
.gnb-area .smenu > li > button{/* position:fixed; */display:block;font-size:15px;color:#006eb9;text-align:left;width:100%;padding:10px 10px 0;height:50px;line-height:36px;border-bottom:1px solid #f0f0f0;box-sizing:border-box}
.gnb-area .smenu > li{position:relative;overflow:hidden;display:none}
.gnb-area .smenu > li:first-child{display:block}
.gnb-area .smenu li li h3{border-bottom: 1px solid #ccc;overflow: hidden}
.gnb-area .smenu li.on li.on h3{border-bottom:1px solid #d8d8d8}
.gnb-area .smenu li h4{margin-bottom:0}
.gnb-area .smenu > li > ul{overflow:hidden;/* padding-top:51px;*/padding-bottom:80px;box-sizing:border-box}
.gnb-area .smenu > li > ul > li:after{content:"";display:block;clear:both;overflow:hidden;visibility:hidden}
.gnb-area .smenu > li > ul > li button{float:left;width:calc(100% - 38px);min-height:46px;line-height:24px;padding:6px 10px 7px;text-align:left;font-size:.9rem;color:#888}
.gnb-area .smenu > li > ul > li.on h3{overflow:hidden}
.gnb-area .smenu > li > ul > li.on h3 button{color:#111;font-weight: 400;}
.gnb-area .smenu > li > ul > li h4 button{width:100%;padding:0 0 0 15px;min-height:32px;font-size:14px;color:#333}
.gnb-area .smenu > li > ul > li h5 button{padding:0 10px 6px 24px}
.gnb-area .smenu > li > ul > li button.btn-del,
.gnb-area .smenu > li > ul > li button.btn-dth03-view,
.gnb-area .smenu > li > ul > li button.btn-dth04-view{width:38px}
.gnb-area .smenu > li > ul > li button.btn-dth03-view span,
.gnb-area .smenu > li > ul > li button.btn-dth04-view span{display:block;overflow:hidden;text-indent:-999999999em}
.gnb-area .smenu > li > ul > li:active > h3 > button{background-color:#fafafa}
.gnb-area .smenu > li > ul > li button.btn-dth04-view{transition:all 0.5s ease}
.gnb-area .smenu > li > ul > li.on button.btn-dth04-view{transform:rotate(180deg);-webkit-transform:rotate(180deg)}/*회전*/
.gnb-area .ssmenu{left:100%;top:0;width:100%;min-height:100%;height:100%;padding:0;z-index:20;box-sizing:border-box}
.gnb-area .ssmenu > li > strong{position:fixed;top:80px;display:block;text-align:left;font-size:15px;color:#006eb9;width:calc(100% - 145px);padding:10px 10px 0 0 !important;height:50px;line-height:36px;border-bottom:1px solid #eee;background:#fff;box-sizing:border-box}
.gnb-area .ssmenu > li > strong{margin-top:calc(env(safe-area-inset-top) + 0px);margin-top:calc(constant(safe-area-inset-top) + 0px)}
.gnb-area .ssmenu > li > strong span{text-indent:0}
.gnb-area .ssmenu > li > strong:active{font-weight:400}
.gnb-area .ssmenu > li{position:relative;display:block}
.gnb-area .ssmenu > li > ul{padding-top:36px;padding-bottom:10px;box-sizing:border-box}
.gnb-area .ssmenu > li h4:after{content:"";display:block;clear:both;overflow:hidden;visibility:hidden}
.gnb-area .ssmenu > li > ul{padding:0 0 5px}
.gnb-area .ssmenu > li > ul:before{content:"";clear:both;display:block;overflow:hidden;visibility:hidden}
.gnb-area .ssmenu > li > ul > li{height:38px;line-height:38px}
.gnb-area .ssmenu > li > ul > li:active button{font-weight:400}
.gnb-area .ssmenu > li > ul > li button{width:100%;min-height:38px;line-height:20px;font-size:14px}
.gnb-area .ssmenu > li > h4 button:before{content:"";margin:0 7px 5px 0;display:inline-block;vertical-align:middle;width:2px;height:2px;background:#666}

/* bottom sheet */ 
.bottom-obj-view{display:block;position:absolute;bottom:10px;left:0;padding:15px 5% 10px;width:100%;height:330px;background-color:#fff;opacity:1;z-index:9999;border:1px solid #ccc;box-sizing:border-box;border-top-left-radius:10px;border-top-right-radius:10px}
.bottom-obj-view .upon{}/*transform:rotate(180deg);-webkit-transform:rotate(180deg);*/
.social{overflow: hidden;width: 100%;opacity: 1;background-color: #fff;box-sizing : border-box;}/*bottom:0;margin-top:-175px;transform : translate(0,100%)*/
.gnb-area .img-gnb-banner{position:absolute;bottom:0;margin-bottom:143px;left:11px;width:90px;height:80px}
.gnb-area .img-gnb-banner{margin-bottom:calc(env(safe-area-inset-bottom) + 54px + 80px);margin-bottom:calc(constant(safe-area-inset-bottom) + 54px + 80px)}
/*footer*/
#bottom-sheet h2{line-height:22px;min-height:35px;color:#767676;border-bottom:1px solid #cdcdcd;font-size:90%}
#bottom-sheet li{/*overflow:hidden;*/    float: left; width: 100%;border-top:1px solid #eee}
#bottom-sheet li:first-child{border-top:none}
#bottom-sheet li button{float:left;width:calc(100% - 38px);min-height:40px;line-height:24px;padding:10px 10px 10px;text-align:left;font-size:15px;font-weight: 500}
#bottom-sheet li button#btnCerti{padding-left:30px;background-position:-4px -11px;background-size:30px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-szrah_201012.cat');background-repeat:no-repeat;box-sizing:border-box}
#bottom-sheet li button#btnSimpleCerti{padding-left:30px;background-position:-4px -83px;background-size:30px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-szrah_201012.cat');background-repeat:no-repeat;box-sizing:border-box}
#bottom-sheet li button#btnBioCerti{padding-left:30px;background-position:-4px -152px;background-size:30px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-szrah_201012.cat');background-repeat:no-repeat;box-sizing:border-box}
#bottom-sheet li button#btnHPCerti{padding-left:30px;background-position:-4px -222px;background-size:30px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-szrah_201012.cat');background-repeat:no-repeat;box-sizing:border-box}
#bottom-sheet li button#btnBChainCerti{padding-left:30px;background-position:-4px -291px;background-size:30px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-szrah_201012.cat');background-repeat:no-repeat;box-sizing:border-box}
/* 20201012 스마트뱅킹 로그인 인증 추가 */
#bottom-sheet li button#btnNHSmartCerti{padding-left:30px;background-position:-4px -340px;background-size:30px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-szrah_201012.cat');background-repeat:no-repeat;box-sizing:border-box}
#bottom-sheet li button.btn-dth03-view{width:38px}
#bottom-sheet li button.btn-dth03-view span{display:block;overflow:hidden;text-indent:-999999999em}
#bottom-sheet li button.btn-dth03-view{background-position:right center;transition:all 0.5s ease}/*회전*/
#bottom-sheet .btn-close{right:18px}
#bottomMainsheet li{float: left; width: 100%;border-top:1px solid #eee}/*overflow:hidden;*/
#bottomMainsheet li:first-child{border-top:none}
#bottomMainsheet li button{float:left;width:calc(100% - 38px);min-height:40px;line-height:24px;padding:10px 10px 10px;text-align:left;font-size:15px;font-weight: 500}
#bottomMainsheet li button.btn-dth03-view{width:38px}
#bottomMainsheet li button.btn-dth03-view span{display:block;overflow:hidden;text-indent:-999999999em}
#bottomMainsheet li button.btn-dth03-view{background-position:right center;transition:all 0.5s ease}/*회전*/
#bottomMainsheet .btnMainclose{position:absolute;padding:9px 3px;bottom:5px;right:18px}
#bottomMainsheet .btnDailyMainclose{position:absolute;padding:9px 3px;bottom:5px;left:18px}
/* bottom sheet */ 
.bottomMainview{display:block;position:absolute;bottom:0;left:0;width:100%;padding:0;border:1px solid #ccc;border-radius:1.0rem 1.0rem 0 0;background-color:#f8f6f6;opacity:1;z-index:9999;box-sizing:border-box}
.bottomMainview.upon{/*transform:rotate(180deg);-webkit-transform:rotate(180deg);*/}
.social{overflow:hidden;/*bottom:0;*/width:100%;/*margin-top:-175px;*/opacity:1;background-color:#fff;box-sizing:border-box;/*transform:translate(0,100%)*/}
.bottomMainview.appDown{left:50%;max-width:40.0rem;border:0 none;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.bottomMainview.appDown .ficture{display:block;border-radius:1.0rem 1.0rem 0 0;overflow:hidden}
.bottomMainview.appDown .btn-close-blank{height:2.875rem}
.bottomMainview.appDown .btn-area{padding:0}
.bottomMainview.appDown .btn-area .btn{height:3.125rem;border-radius:0;background:#046fd9;font-size:1.0rem}

/*상단 */
.directMenu{width:100%;text-align:center}
.directMenu .directMenuList{overflow:hidden;width:90%;margin:0 5%}
.directMenu .directMenuList.col04 > li {width: 25%}
.directMenu .directMenuList.col03 > li {width: 33.3%}
.directMenu .directMenuList.col02 > li {width: 50%}
.directMenu .directMenuList li{float:left}
.directMenu .directMenuList li:first-child{padding-left:0}
.directMenu .directMenuList li button{padding:2px 0 2px 0;font-size:12px;color:#fff;line-height:1.3}
.directMenu .directMenuList li button#btnCertCenter{padding-left:20px;background-position:-2px -10px;background-size:18px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-zlzrah.cat');background-repeat:no-repeat;box-sizing:border-box}
.directMenu .directMenuList li button#btnMenuSearch{padding-left:20px;background-position:-2px -50px;background-size:18px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-zlzrah.cat');background-repeat:no-repeat;box-sizing:border-box}/*검색*/
.directMenu .directMenuList li button#btnPushAlarm{padding-left:18px;background-position:-2px -72px;background-size:15px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-zlzrah.cat');background-repeat:no-repeat;box-sizing:border-box}
.directMenu .directMenuList li button#btnMenuMyPage{padding-left:18px;background-position:-2px -111px;background-size:16px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-zlzrah.cat');background-repeat:no-repeat;box-sizing:border-box}
.directMenu .directMenuList li button#btnPushAlarm.on{background-position:-2px -145px}

/* slide common */
.swiper-container {width: 100%;margin-left: auto;margin-right: auto}
.swiper-wrapper{z-index:3 !important}
.swiper-slide {text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;0-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
/* slide 배너페이지 추가  */
.card-bann {overflow:hidden;border-radius:10px;width:100%;}

/* slide tab */
.login-container .slide-tab,.slide-tab{margin-bottom:10px;padding:0;background:#fff;border-bottom:1px solid #ddd;box-sizing:border-box}
.slide-tab .swiper-slide button{display:block;width:100%;padding:0 18px;font-size:15px;cursor:pointer;box-sizing:border-box}
.slide-tab .swiper-slide button span{display:block;height:42px;line-height:42px;white-space:nowrap;font-weight:500}
.slide-tab .swiper-slide.on button{color:#006eb9}
.slide-tab .swiper-slide.on button span{color:#006eb9;font-weight:400;border-bottom:2px solid #006eb9}
/* .slide-tab .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:0;background-image:none;background:linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1) 20px);} */
.slide-tab2 {margin-bottom:10px;padding:0;background:#fff;border-bottom:1px solid #ddd;box-sizing:border-box}
.slide-tab2 .swiper-slide2 button{display:block;width:100%;padding:0 18px;font-size:15px;cursor:pointer;box-sizing:border-box}
.slide-tab2 .swiper-slide2 button span{display:block;height:42px;line-height:42px;white-space:nowrap;font-weight:500;background:#fff}
.slide-tab2 .swiper-slide2.on button{color:#006eb9}
.slide-tab2 .swiper-slide2.on button span{color:#006eb9;font-weight:400;border-bottom:2px solid #006eb9}
.slide-tab2 .swiper-button-next2, .swiper-container-rtl2 .swiper-button-prev2{right:0;background-image:none;background:linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1) 20px);}
.newsw .swiper-wrapper div:FIRST-CHILD button{margin-left:15px}
.newsw .swiper-wrapper div:last-child button{margin-right:15px}
/* slide tab new (2021.02.22) */
.newsw.slide-tab {margin-bottom:10px;padding:0;background:#fff;border-bottom:1px solid #ddd;box-sizing:border-box}
.newsw.slide-tab .swiper-slide button{display:block;width:100%;padding:0 18px;font-size:15px;cursor:pointer;box-sizing:border-box}
.newsw.slide-tab .swiper-slide button span{display:block;height:42px;line-height:42px;white-space:nowrap;font-weight:500}
.newsw.slide-tab .swiper-slide.on button{color:#006eb9}
.newsw.slide-tab .swiper-slide.on button span{color:#006eb9;font-weight:400;border-bottom:2px solid #006eb9}
/* .newsw.slide-tab .swiper-button-prev{left:0;background-size: 15px 22px;background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2Sqngn%3Nvzntr%2Sfit%2Okzy%3Opunefrg%3Qhgs-8%2P%253Pfit%2520kzyaf%253Q%27uggc%253N%252S%252Sjjj.j3.bet%252S2000%252Sfit%27%2520ivrjObk%253Q%270%25200%252027%252044%27%253R%253Pcngu%2520q%253Q%27Z0%252P22Y22%252P0y2.1%252P2.1Y4.2%252P22y19.9%252P19.9Y22%252P44Y0%252P22Y0%252P22Y0%252P22m%27%2520svyy%253Q%27%2523007nss%27%252S%253R%253P%252Sfit%253R")} */ 
/* .newsw.slide-tab .swiper-button-next{right:0;background-size: 15px 22px;background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2Sqngn%3Nvzntr%2Sfit%2Okzy%3Opunefrg%3Qhgs-8%2P%253Pfit%2520kzyaf%253Q%27uggc%253N%252S%252Sjjj.j3.bet%252S2000%252Sfit%27%2520ivrjObk%253Q%270%25200%252027%252044%27%253R%253Pcngu%2520q%253Q%27Z27%252P22Y27%252P22Y5%252P44y-2.1-2.1Y22.8%252P22Y2.9%252P2.1Y5%252P0Y27%252P22Y27%252P22m%27%2520svyy%253Q%27%2523007nss%27%252S%253R%253P%252Sfit%253R");background-position: center;background-repeat: no-repeat;}  */
.newsw.slide-tab .swiper-button-prev{left:0;background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2S..%2Svzt%2Svpba%2Soga_neebj_ceri_arj.cat");display:inline-block;vertical-align:middle;}
.newsw.slide-tab .swiper-button-next{right:0;background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2S..%2Svzt%2Svpba%2Soga_neebj_arkg_arj.cat");display:inline-block;vertical-align:middle;}
.swiper-button-next, .swiper-button-prev{width:64px}
.sub.green .slide-tab .swiper-slide.on button span{color:#15b948;border-bottom:2px solid #15b948}

.tab-body .tab-cont{display:none;word-break:break-word}
.tab-body .tab-cont.on{display:block}

.tabs{margin:15px 0}
.tabs:after {content:"";clear:both;display:block;overflow:hidden;visibility:hidden}
.tabs li {float:left;width:50%;background:#f4f4f4}
.tabs li.on button{color:#006eb9;background:#fff;border-bottom:1px solid #fff;border-top:1px solid #bfbfbf;border-left:1px solid #bfbfbf;border-right:1px solid #bfbfbf}
.tabs li button {display:block;width:100%;height:45px;font-size:15px;font-weight:500;border-bottom:1px solid #bfbfbf;box-sizing:border-box}
.slide-banner,.slide-banner-dev{width:100%;padding:15px 15px 50px;box-sizing:border-box}
.slide-banner .swiper-pagination,.slide-banner-dev .swiper-pagination{bottom:25px  !important;width:100%;text-align: center}
.slide-banner .swiper-slide,.slide-banner-dev .swiper-slide{width:100%  !important}

/* 큰 글씨 */
.big-main{margin-top:26px;padding:0 25px}
.big-main .txt-01{position:relative;color:#555;padding:0 110px 6px 5px;line-height:24px;z-index:0;min-height:65px;box-sizing:border-box}
.big-main .txt-01:after{content:'';position:absolute;bottom:0;right:0; min-width:100px;height:85px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-ovt02.cat)no-repeat;background-size:calc(346px / 2) auto;background-position:-40px -15px;z-index: -1}
.big-main .txt-01 em{color:#1170b5;font-size:31px}
.big-main .big-menu:after{content:"";clear:both;display:block;overflow:hidden;visibility:hidden}
.big-menu .col01 button{width:100%}
.big-menu .col02 button{width:calc(50% - 5px)}
.big-menu .col02 button:nth-of-type(1){margin-right:6px}
.big-main .big-menu .btn-big{position:relative;border-radius:5px;text-align: left;padding:0 25px;box-sizing:border-box;height:115px}
.big-main .big-menu .btn-big span{display:inline-block;padding-top:25px; height:100%;color:#fff;font-size:22px;font-weight:500;line-height:27px;box-sizing:border-box}
.big-main .big-menu .btn-big.blue{width:100%;background-color:#28abff;margin-bottom:10px}
.big-main .big-menu .btn-big.blue:after{content:'';position:absolute;bottom:0;right:0; min-width:43px;height:44px;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-ovt02.cat')no-repeat;background-size:calc(346px / 2) auto;background-position:-20px -127px;margin:20px}
.big-main .big-menu .btn-big.green{background-color:#39d36a;min-height:155px;padding:0 23px}
.big-main .big-menu .btn-big.green:nth-of-type(1):after{content:'';position:absolute;bottom:0;right:0; min-width:44px;height:44px;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-ovt02.cat')no-repeat;background-size:calc(346px / 2) auto;background-position:-21px -200px;margin:20px}
.big-main .big-menu .btn-big.green:nth-of-type(2):after{content:'';position:absolute;bottom:0;right:0; min-width:45px;height:44px;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-ovt02.cat')no-repeat;background-size:calc(346px / 2) auto;background-position:-105px -167px;margin:20px}
.big-main .btn-cs{margin-top:20px;width:100%;height:70px;background-color:#fff;border:1px solid #dadada;border-radius:4px;padding: 0 25px}
.big-main .btn-cs span{display:inline-block;width:50%;font-size:18px;font-weight:400;box-sizing: border-box}
.big-main .btn-cs span.num{color:#0991e8;font-size:23px;font-weight:600}

.big-font .tit-01{font-size:21px}
.big-font .tit-02{font-size:18px;padding:6px 0 7px;font-weight:500}
.big-font .tit-02.type01 button{font-size:16px}
.big-font .txt-01{font-size:16px}
.big-font .txt-02{font-size:24px;line-height:30px}
.big-font .txt-07{font-size:16px;line-height:23px}
.big-font .txt-lbl01{font-size:14px;height:20px;line-height:20px;padding:0 11px}
.big-font .tip-exp{font-size:14px}
.big-font .box-type11{padding:15px}
.big-font .box-type11 .h-aside .stock-num{font-size:15px}
.big-font .box-type11 .h-aside .stock-num .num{font-size:17px}
.big-font .box-type11 .tit{font-size:19px;line-height:25px;padding:10px 0;font-weight:500}
.big-font .box-type11 .tit em{font-size:15px}
.big-font .box-type11 .f-aside li,
.big-font .box-type11 .f-aside li:nth-child(2n){width:100%;padding:0}
.big-font .box-type11 .f-aside li:nth-child(2n):before{display:none}
.big-font .box-type11 .f-aside li:after{content:"";display:block;clear:both;overflow:hidden;visibility:hidden}
.big-font .box-type11 .f-aside li strong{position:relative;display:block;width:36.29032258064516%}
.big-font .box-type11 .f-aside li strong:after{content:"";display:block;position:absolute;top:50%;right:0;width:1px;height:10px;background:#e5e5e5;margin:-4px 0 0 15px}
.big-font .box-type11 .f-aside li strong, 
.big-font .box-type11 .f-aside li span{float:left;font-size:16px;line-height:24px}
.big-font .box-type11 .f-aside li span{padding-left:20px}
.big-font .box-type11 .f-aside li span .num{font-size:17px}
.big-font .box-type11 .f-aside.type01 li,
.big-font .box-type11 .f-aside.type01 li:nth-child(2n){width:100%}

.big-font .txt-paging button{font-size:15px}
.big-font .login-certificate .certificate-icon{width:33.33333333333333%}
.big-font .box-ins-name strong{font-size:23px}
.big-font .box-ins-name .an-name span{font-size:17px;border-radius:30px}}
.big-font .box-ins-name .an-name a{font-size:15px}
.big-font .box-type02 .obj-view{padding-top:0}
.big-font .box-type02 .obj-view .aside{padding-bottom:20px;text-align:right}
.big-font .box-type02 .obj-view .aside .pay-type > div{font-size:18px;color:#c5e8ff}
.big-font .box-type02 .obj-view .aside .pay-type > div span{font-size:24px;padding-bottom:3px}
.big-font .box-type02 .obj-view .aside .pay-type > div + div{color:#fff}
.big-font .tbl-type02{padding-bottom:20px}
.big-font .tbl-type02 table tbody th,.big-font .tbl-type02 table tbody td{font-size:17px;padding:7px 15px 8px}
.big-font .tbl-type03{padding:0}
.big-font .tbl-type03 table thead th,.big-font .tbl-type03 table tbody th,.big-font .tbl-type03 table tbody td{font-size:17px}
.big-font .btn-area .btn,.big-font .btn-area05 .btn,.big-font .btn-area01 .btn{font-size:20px;font-weight:500;min-height:50px}

.big-font .btn-tab{padding:15px}
.big-font .btn-tab:after{content:"";clear:both;display:block;overflow:hidden;visibility:hidden}
.big-font .btn-tab .btn01{float:left;font-size:17px;width:33.3333333333%;height:45px;background:#fff;border:1px solid #afb2b4}
.big-font .btn-tab .btn01.on{color:#fff;background:#83898d;border:1px solid #83898d}
.big-font .btn-tab .btn01:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}
.big-font .btn-tab .btn01:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}
.big-font .btn-tab .btn01 + button{margin-left:-1px}
.big-font .list-squ{font-size:15px;line-height:24px;padding:0 15px 25px 9px}

.big-font .box-loan{height:55px}
.big-font .box-loan strong{font-size:17px}
.big-font .box-loan strong,.big-font .box-loan span{line-height:50px}
.big-font .box-loan span{font-size:18px}
.big-font .box-loan span em{font-size:24px;padding:0 5px 5px 0}

.big-font .box-loan-m{height:40px}
.big-font .box-loan-m strong{font-size:17px}
.big-font .box-loan-m strong,.big-font .box-loan-m span{line-height:40px}
.big-font .box-loan-m span{font-size:18px}
.big-font .box-loan-m span em{font-size:24px;padding:0 5px 5px 0}

.big-font .box-type06.pd-char{padding:24px 15px 0px}
.big-font .box-bigfont-tit{font-size:21px;padding-bottom:20px}
.big-font .box-bigfont-type01{padding-bottom:10px}
.big-font .box-bigfont-type01 strong{font-size:20px}
.big-font .box-bigfont-type01 span{display:block;text-align:right;font-size:22px;color:#15b948;padding-top:2px}
.big-font .box-bigfont-type01 span em{font-size:30px;font-weight:500}
.big-font .form-list > div > label{font-size:17px}
.big-font input[type='text'],.big-font input[type='tel'],.big-font input[type='number'],.big-font select{font-size:20px;height:48px;line-height:48px}
.big-font .field-txt.txt-pay > div{font-size:18px;font-weight:500;height:50px;line-height:50px}
.big-font .field-txt.txt-pay.etc input[type=tel]{color:#15b948;font-size:24px;font-weight:500}
.big-font .field-txt.txt-pay.etc > div{border:1px solid #2ec45d;border-radius:5px}

.big-font ::-webkit-input-placeholder {font-size:17px;color:#b1b1b1}
.big-font ::-moz-placeholder {font-size:17px;color:#b1b1b1}
.big-font :-ms-input-placeholder {font-size:17px;color:#b1b1b1}
.big-font :-moz-placeholder {font-size:17px; color:#b1b1b1}

.big-font .field-txt.txt-pay.etc ::-webkit-input-placeholder {font-size:24px; color:#b1b1b1}
.big-font .field-txt.txt-pay.etc ::-moz-placeholder {font-size:24px;color:#b1b1b1}
.big-font .field-txt.txt-pay.etc :-ms-input-placeholder {font-size:24px;color:#b1b1b1}
.big-font .field-txt.txt-pay.etc :-moz-placeholder {font-size:24px;color:#b1b1b1}

.big-font .phone > div > .selector{width:100%}
.big-font .phone > div > span{line-height:45px}
.big-font .phone > div > span,
.big-font .phone > div > .selector + label + input,
.big-font .phone > div > .selector + label + input + span + label + input{font-size:20px}
.big-font .phone > div > .selector + label + input + span + label + input{width:calc(42% - 39px)}
.big-font .phone input.end{padding:0 50px 0 15px;border-top:1px solid #ccc}
.big-font .phone .input-timer{right:15px}

.big-font .check-box label{font-size:16px}
.big-font .check-box01 label{font-size:18px}
.big-font .check-box02 label{line-height:35px}
.big-font .agree-list{padding:10px 15px}
.big-font .agree-list .check-box02 label{font-size:17px}

.big-font .btn-s{height:45px;width:100%;margin:5px 0;font-size:17px}
.big-font .btn-s.type01{color:#fff;background:#818587;border:1px solid #818587}
.big-font .btn-s.type01:active{background:#5a5d60}
.big-font .btn-s.type02{background:#fff;border:1px solid #a2a2a2}
.big-font .btn-s.type02:active{color:#000;background:#fafafa}
.big-font .btn-s.type03{background:#fafafa;border:1px solid #a2a2a2}
.big-font .btn-s.type03:active{color:#000;background:#fff}

.big-font .box-finish p{margin:15px 0;font-size:24px;line-height:29px}
.big-font .box-finish .txt-aside{font-size:16px}

.big-font .btn-div-view{padding:10px 5px 11px}
.big-font .btn-div-view .ico-is-b.ico-close-tbl{transition:all 0.5s ease;margin:0 5px}
.big-font .btn-div-view.on .ico-is-b.ico-close-tbl{transform:rotate(180deg);-webkit-transform:rotate(180deg)}

.big-font .btn-link span{font-size:18px}

.big-font .page-move-view{font-size:15px;line-height:24px;font-weight:400}

.big-font .ico-is-b{display:inline-block;vertical-align:middle;overflow:hidden;text-indent:-999999999em;background-size:300px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-ovt.cat');background-repeat:no-repeat}
.big-font .ico-is-b.ico-finish-big{width:60px;height:60px;background-position:0 0}
.big-font .ico-is-b.ico-close-tbl{width:11px;height:6px;background-position:-9px -74px}

/* box type */
.box-type01{min-height:53px;padding:16px 0 17px;border-bottom:1px solid #ddd;box-sizing:border-box}

.box-type02{position:relative}
.box-type02 .obj-view{padding:10px 15px 0px;background:#1b97e6;box-sizing:border-box}
.box-type02 .obj-view .aside{padding:0 7px 32px}
.box-type02 .obj-view .aside .txt-ico{display:inline-block;vertical-align:middle;margin-top:3px;margin-right:5px;height:16px;line-height:16px;color:#fff;font-size:11px;padding:0 10px;background:rgba(0,66,122,0.2);border-radius:16px}
.box-type02 .obj-view .aside .pay-type{display:inline-block;vertical-align:middle;font-size:15px}
.box-type02 .obj-view .aside .pay-type > div{color:#c5e8ff;font-size:14px}
.box-type02 .obj-view .aside .pay-type > div,
.box-type02 .obj-view .aside .pay-type > div span{display:inline-block;vertical-align:middle;line-height:18px;font-weight:500}
.box-type02 .obj-view .aside .pay-type > div span{color:#fff;font-size:19px}
.box-type02 .obj-view .aside .pay-type > div + div{color:#fff;font-size:15px}
.box-type02 .obj-view .aside .pay-type > div + div:before{content:"";display:inline-block;vertical-align:middle;margin:0 10px;width:1px;height:9px;background:#8dcbf3}

.box-ins-name{position:fixed;padding:22px 22px 20px;z-index:10;width:100%;background:#1b97e6;box-sizing:border-box}
.box-ins-name .an-name{padding-bottom:8px}
.box-ins-name .an-name span{display:inline-block;vertical-align:middle;font-size:13px;color:#005993;margin-right:15px;background:rgba(255,255,255,.8);font-weight:500;padding:1px 11px;border-radius:10px}
.box-ins-name .an-name a{display:inline-block;vertical-align:middle;font-size:12px;color:#fff;border-bottom:1px solid #fff;font-wegith:bold;}
.box-ins-name strong{overflow:hidden;display:block;font-size:20px;font-weight:500;line-height:27px;color:#fff}

.box-ins-name.bgnone{background:#fff;border-bottom:1px solid #ddd}
.obj-view.bgnone{background:none}
#divInc .box-ins-name.bgnone strong{color:#666}

.box-type04 li span{font-size:16px;color:#fff}
.box-type04 li span em{font-size:16px;font-weight:600}
.box-type04 li span + span{font-size:15px}
.box-type04 li span + span:before{content:"";display:inline-block;margin:0 7px 0 10px;width:1px;height:9px;background:#84c8f4}

.box-type05{position:relative;margin-bottom:10px}
.box-type05 .btn-obj-view{transition:all 0.5s ease;position:absolute;top:-32px;left:50%;margin-left:-29px;display:block;width:58px;height:32px;padding-bottom:4px;box-sizing:border-box}
.box-type05 .btn-obj-view.on{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.box-type05 .list-type04{display:none}

.box-type06 {padding:15px 10px 25px;background:#fff;border-bottom:1px solid #e5e5e5}

.box-type07 {padding:21px 15px 22px;background:#fff}
.box-type07 .tit-02.type01 button {top:0}
.box-type07 + .btn-area{padding-top:0}
.box-type07 + .company-wrap,
.box-type07 + .box-type07,
.box-type07 + .box-type08,
.box-type07 + .box-type09,
.box-type07 + .box-list{border-top:1px solid #e5e5e5}

.box-type08 {padding:23px 15px 26px;background:#fff;border-bottom:1px solid #e5e5e5}

.box-type09 {padding:15px 15px 20px;background:#fff}
.box-type09 + .box-type09,
.box-type09 + .tit-05,
.box-type09 + .btn-area{border-top:1px solid #e5e5e5}
.box-type09 + .box-type09{margin-top:15px}
.box-type09 > .box-type09{padding:0 0 10px}
.box-type09 > .box-type09 .list-type05{padding-bottom:7px}
.box-type09 > fieldset + .btn-area{padding:25px 0 10px}

.div-obj-view{transition:all 0.5s ease;position:relative;top:0px;left:0;margin-left:0;display:none;width:100%;padding-bottom:4px;box-sizing:border-box}
.div-obj-view.on{display:block}
.div-obj-view strong{display:inline-block;margin-bottom:5px}
.div-obj-view .field-form div{margin-bottom:5px}

.jukbu_banner{height:150px;margin-top:10px;background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Swhxoh_pbev_q.cat") no-repeat 0 center;background-size:100% auto}
.jukbu_banner.n02{height:150px;margin-top:10px;background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Swhxoh_pbev_s.cat") no-repeat 0 center; background-size:100% auto}
.jukbu_banner.n03{height:150px;margin-top:10px;background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Swhxoh_pbev_t.cat") no-repeat 0 center; background-size:100% auto}


.list-view-cont p + p{margin-top:0}
.list-view-cont strong,
.list-view-cont strong span,
.list-view-cont b,
.list-view-cont b span{font-weight:600}

.box-type10{padding:30px 10px 33px;background:#1b97e6}
.box-type10.type01{padding:15px;text-align:center}
.box-type10 + .box-type09{margin-top:10px}

.box-impObj{text-align:center;letter-spacing:1px}
.box-impObj p{font-size:14px;line-height:37px}
.box-impObj p span{display:inline-block;line-height:22px;font-size:18px;color:#1b97e6;border-bottom:1px solid #1b97e6}

.box-list{padding:10px} 
.box-type11 {position:relative;overflow:hidden;padding:10px 15px;/*min-height:130px;*/background:#fff;border-radius:5px;box-shadow:0px 0px 7px 0px rgba(0,0,0,0.1);box-sizing:border-box}
.box-type11 .h-aside .stock-num{display:inline-block;vertical-align:middle;font-size:12px;font-weight:500}
.box-type11 .h-aside .stock-num .num{font-size:13px;font-weight:400}
.box-type11 .tit{display:table-cell;vertical-align:middle;/*height:62px;*/padding:8px 0;font-size:15px;font-weight:500}
.box-type11 .tit em{font-size:13px;color:#666;font-weight:500;margin-left:7px}
.box-type11 .f-aside{padding-top:10px;border-top:1px solid #e5e5e5;box-sizing:border-box}
.box-type11 .f-aside:after{content:"";display:block;clear:both;overflow:hidden;visibility:hidden}
.box-type11 .f-aside li{position:relative;float:left;width:calc(40% - 15px)}
.box-type11 .f-aside li:nth-child(2n){padding-left:20px;width:calc(60% - 15px)}
.box-type11 .f-aside li:nth-child(2n):before{content:"";display:block;position:absolute;top:10px;left:0;width:1px;height:10px;background:#e5e5e5;margin:-5px 0 0 10px}
.box-type11 .f-aside li strong{float:left}
.box-type11 .f-aside li strong,
.box-type11 .f-aside li span{display:inline-block;color:#888;font-size:12px}
.box-type11 .f-aside li span{float:right;text-align:right;color:#333}
.box-type11 .f-aside li span .num{font-size:13px;font-weight:400}
.box-type11 .f-aside li.end-ect{float:right !important}
.box-type11 .f-aside.type01 li{width:calc(57% - 15px)}
.box-type11 .f-aside.type01 li:nth-child(2n){width:calc(43% - 15px)}
.box-type11 .f-aside.type02 li{width:calc(50% - 15px)}
.box-type11 .f-aside.type03 li{width:calc(47% - 13px)}
.box-type11 .f-aside.type03 li:nth-child(2n){padding-left:26px;width:calc(53% - 13px)}
.box-type11 .f-aside.type03 li.end-ect{width:100%;text-align:right}
.box-type11 .f-aside.type03 li.end-ect strong{padding-right:15px}
.box-type11 .f-aside.type03 li.end-ect strong,
.box-type11 .f-aside.type03 li.end-ect span{float:none}
.box-type11 .f-aside.type04 li{width:calc(54% - 15px)}
.box-type11 .f-aside.type04 li:nth-child(2n){width:calc(46% - 5px)}
.box-type11 .f-aside.type04 input::placeholder{font-size:13px; color:#b1b1b1}
.box-type11 .f-aside.type04 input::-webkit-input-placeholder {font-size:13px; color:#b1b1b1}
.box-type11 .f-aside.type04 input::-moz-placeholder {font-size:13px;color:#b1b1b1}
.box-type11 .f-aside.type04 input:-ms-input-placeholder {font-size:13px;color:#b1b1b1}
.box-type11 .f-aside.type04 input:-moz-placeholder {font-size:13px;color:#b1b1b1}
.box-type11 .f-aside.type05 li{width:calc(63% - 15px)}
.box-type11 .f-aside.type05 li:nth-child(2n){width:calc(37% - 15px)}
.box-type11 .f-aside.type06 li{width:calc(54% - 10px)}
.box-type11 .f-aside.type06 li:nth-child(2n){width:calc(46% - 10px)}
.box-type11 .f-aside.type07 li{width: 100%;}
.box-type11 .f-aside.type07 li strong,.box-type11 .f-aside.type07 li span{float:left}
.box-type11 .f-aside.type07 li strong{width:135px}
.box-type11 .f-aside.type07 li span{font-size:13px}
.box-type11 .f-aside.type07 li span .num{font-size:14px}
.box-type11 .f-aside.type07 li:nth-child(2n){padding-left:0}
.box-type11 .f-aside.type07 li:nth-child(2n):before{display:none}
.box-type11 + .box-type11{margin-top:10px}
.box-type11 .radio-box{position:absolute;top:4px;right:0}
.box-type11 .check-box{position:absolute;top:4px;right:0}

.box-no-data{padding:50px 0}
.box-no-data p{font-size:16px;text-align:center}

.insur-infor{padding:10px 0}
.insur-infor:after{content:"";clear:both;display:block;overflow:hidden;visibility:hidden}
.insur-infor button{position:relative;float:left;width:33.3333333333%;height:85px;box-sizing:border-box}
.insur-infor button + button{border-left:1px solid #e5e5e5}
.insur-infor button:nth-child(3n + 1){border-left:0}
.insur-infor button:nth-child(3n + 1) p{left:10px}
.insur-infor button:nth-child(6n),
.insur-infor button:nth-child(6n-1),
.insur-infor button:nth-child(6n-2){border-top:1px solid #e5e5e5}
.insur-infor button p{position:absolute;top:0px;left:20px;font-size:13px;font-weight:500}
.insur-infor button:nth-child(n+4):nth-child(-n+6) p{top:16px}
.insur-infor button span{position:absolute;bottom:0px;right:20px;display:block;color:#0991e8}
.insur-infor button:nth-child(-n + 3) span{bottom:20px}
.insur-infor button:nth-child(3n) span{right:10px}
.insur-infor button span em{display:inline-block;font-size:18px;line-height:18px;font-weight:500;font-family:'roboto', sans-serif;border-bottom:1px solid #0991e8}

/* box-d5d5d5 */
.box-type12 {padding:15px 15px 20px;background:#fff}
.box-type12 .box-type12{border:1px solid #d5d5d5;padding:10px}
.box-type12 + .box-type12,
.box-type12 + .tit-05,
.box-type12 + .btn-area{border-top:1px solid #d5d5d5}
.box-type13{}
.box-type14 {padding:5px 15px 8px;background:#fff}

.box-obj-view{position:relative;padding:10px 15px 0;min-height:60px;background:#1b97e6;box-sizing:border-box}
.box-obj-view .obj-select{position:relative;overflow:hidden;color:#fff;font-size:16px;font-weight:400;padding:15px 0;line-height:20px;padding-right:35px;/*text-overflow:ellipsis;white-space:nowrap;*/box-sizing:border-box}
.box-obj-view .obj-select .ico-arr-view{transition:all 0.5s ease;position:absolute;top:23px;right:2px}
.box-obj-view .obj-select.active .ico-arr-view{transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}
.box-obj-view .obj-view{overflow:auto;max-height:200px;display:none;position:absolute;/*top:60px;*/left:15px;width:calc(100% - 30px);z-index:10;background:#fff;border:1px solid #000}
.box-obj-view .obj-view li:hover{background:#fafafa}
.box-obj-view .obj-view li a{display:block;padding:7px 15px;min-height:40px;width:100%;text-align:left;font-size:13px;line-height:40px;box-sizing:border-box}

.box-obj-tit{font-size:22px;min-height:85px;padding:26px 15px;text-align:center;color:#fff;font-weight:500;background:#1b97e6;box-sizing:border-box}

.box-loan{overflow:hidden;padding:0 15px;height:45px;line-height:45px;background:#fff;border-bottom:1px solid #e5e5e5;box-sizing:border-box}
.box-loan:after{content:"";display:block;clear:both;overflow:hidden;visibility:hidden}
.box-loan button.btn-s{float:left; margin:7px 4px 7px 0;padding:0 6px}
.box-loan strong{float:left}
.box-loan strong,
.box-loan span{display:inline-block;line-height:42px;font-size:14px}
.box-loan span{float:right;color:#2ec45d}
.box-loan span em{display:inline-block;vertical-align:middle;padding:0 5px 1px 0;font-size:20px;font-weight:500}
.box-loan.blue span{color:#1b97e6}

.box-loan-m{overflow:hidden;padding:0 15px;height:35px;line-height:35px;background:#fff;border-bottom:1px solid #e5e5e5;box-sizing:border-box}
.box-loan-m:after{content:"";display:block;clear:both;overflow:hidden;visibility:hidden}
.box-loan-m button.btn-s{float:left; margin:7px 4px 7px 0;padding:0 6px}
.box-loan-m strong{float:left}
.box-loan-m strong,
.box-loan-m span{display:inline-block;line-height:35px;font-size:14px}
.box-loan-m span{float:right;color:#2ec45d}
.box-loan-m span em{display:inline-block;vertical-align:middle;padding:0 5px 1px 0;font-size:20px;font-weight:500}
.box-loan-m.blue span{color:#1b97e6}

.box-sePro{padding:15px 15px 10px;background:#fff;border-bottom:1px solid #e5e5e5}
.box-sePro .box-perInfor{padding:6px 0 12px}
.box-sePro .box-perInfor strong{display:inline-block;width:calc(100% - 100px);font-size:15px;font-weight:400}
.box-sePro .box-perInfor strong > span{color:#1b97e6;font-weight:400}
.box-sePro .box-perInfor > span{font-size:12px;color:#888}
.box-sePro .box-con-case:after{content:"";clear:both;display:block;overflow:hidden;visibility:hidden}
.box-sePro .box-con-case > div{position:relative;float:left;width:calc(40% - 10px)}
.box-sePro .box-con-case > div + div{width:calc(60% - 10px)}
.box-sePro .box-con-case > div + div{padding-left:20px}
.box-sePro .box-con-case > div + div:before{content:"";display:block;position:absolute;top:50%;left:10px;margin-top:-27px;width:1px;height:45px;background:#dadada}
.box-sePro .box-con-case > div p{text-align:right;line-height:40px}
.box-sePro .box-con-case > div p em{;font-size:26px;font-weight:400;color:#0077c0}
.box-sePro .box-con-case > div p .ico-is.ico-arr-view01{transition:all 0.5s ease;text-align:left}
.box-sePro .box-con-case > div p.active .ico-is.ico-arr-view01{transform:rotate(180deg);-webkit-transform:rotate(180deg)}

.box-finish{text-align:center;padding:20px 15px 10px}
.box-finish .ico-is.ico-finish{margin:7px 0 10px}
.box-finish p{font-size:15px;font-weight:500;padding-bottom:7px}
.box-finish .txt-aside{font-size:12px;color:#888}

.abstract-tit {padding-top:4px}
.abstract-tit button{display:block;text-align:left;width:100%;position:relative;padding-left:8px}
.abstract-tit button:before{content:"";position:absolute;top:0;margin-top:18px;width:2px;height:2px;background:#777;margin-right:8px;margin-left:-8px}
.abstract-tit button span{display:inline-block;min-height:30px;line-height:30px;padding-top:4px;border-bottom:1px solid #666}

.set-box{margin-top:15px;line-height:20px;font-weight:500}
.set-box em{color:#000}

.box-aside{position:relative;padding:13px 15px 16px;background:#f9f9f9}
.box-aside .tit{text-align:center;font-size:20px;padding:0 15px}
.box-aside .tit + p{display:inline-block;width:100%;font-size:16px;text-align: center;margin-top:-2px}
.box-aside .txt{font-size:16px;font-weight:500;text-align:center}
.box-aside .txt p{font-size:16px;color:#fff}

.box-tip{margin:0 0 10px;padding:5px 12px;line-height:32px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.box-tip .tip-exp{margin:5px 0}

.box-tip2{margin:0 0 20px;padding:5px 12px;line-height:32px;border-top:1px solid #C1D6ED;border-bottom:1px solid #C1D6ED;text-align:center;}

.login-certificate {margin-top:80px;text-align:center}
.login-certificate .certificate-icon {min-width:100px;width:13.888888888889%;max-width:200px;margin:20px auto}
.login-certificate .txt-02{margin-top:36px}
.login-certificate .certificate-text {margin-top:13px;line-height:20px}
.login-certificate .certificate-text li {margin-bottom:28px;font-size:14px}
.login-certificate .certificate-text li:last-child {margin-bottom:0}
.login-certificate + .btn-area{padding-top:36px}

.box-card{position:relative;min-height:140px;padding:15px 15px 70px;margin-bottom:20px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}
.box-card .obj-view strong{display:block;overflow:hidden;font-size:15px;max-height:50px;padding:5px 0;box-sizing:border-box}
.box-card .obj-view span{display:block;font-size:12px;color:#888;padding-bottom:4px}
.box-card .obj-pay{position:absolute;bottom:8px;right:15px;text-align:right}
.box-card .obj-pay p{padding-right:3px}
.box-card .obj-pay span{font-size:18px;color:#1b97e6;line-height:30px}
.box-card .obj-pay span em{font-size:24px;font-weight:500}
.box-card.h-char{min-height:105px;padding:15px 15px 30px}
.box-card.green .obj-pay span{color:#2ec45d}

.box-radio-type > div{width:calc(40% - 20px)}

.box-myinfor{position:relative;margin-bottom:10px;padding:0 15px 20px;background:#fff;border-bottom:1px solid #d5d5d5;box-sizing:border-box}
.box-myinfor .aside{position:relative;min-height:45px;padding:13px 0 12px;border-bottom:1px solid #e5e5e5;box-sizing:border-box}
.box-myinfor .aside button.btn-s{position:absolute;top:-1px;right:0}
.box-myinfor .my-infor{position:relative;height:79px;padding:11px 0;box-sizing:border-box}
.box-myinfor .my-infor p{font-size:15px;line-height:32px}
.box-myinfor .my-infor p em{font-weight:400}
.box-myinfor .my-infor span.num{font-size:14px}
.box-myinfor .my-infor button{position:absolute;top:0;right:0;padding:15px 5px 28px 20px}
.box-myinfor .my-infor span.ico-is.ico-modify{}
.box-myinfor .box-btn{background:#fafafa;border:1px solid #d5d5d5;border-radius:5px}
.box-myinfor .box-btn:after{content:"";clear:both;display:block;overflow:hidden;visibility:hidden}
.box-myinfor .box-btn button{position:relative;float:left;font-size:13px;height:38px;width:40.72948328267477%;line-height:38px}
.box-myinfor .box-btn button + button{width:33.58662613981763%}
.box-myinfor .box-btn button + button:before{content:"";display:block;position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-6px;background:#d5d5d5}
.box-myinfor .box-btn button + button + button{width:25.6838905775076%}
.box-myinfor .box-btn button span{margin-right:9px}
.box-myinfor + .box-myinfor{padding:15px 15px 20px}

.box-insur-infor{height:45px;line-height:45px;background:#fff;border-bottom:1px solid #e5e5e5;box-sizing:border}
.box-insur-infor:after{content:"";clear:both;display:block;overflow:hidden;visibility:hidden}
.box-insur-infor > div{position:relative;float:left;width:28.416666666667%;line-height:45px;padding:0 15px;box-sizing:border-box}
.box-insur-infor > div + div{width:28.416666666667%}
.box-insur-infor > div + div:before{content:"";display:block;position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-6px;background:#d5d5d5}
.box-insur-infor > div + div + div{width:42.8888888888889%}
.box-insur-infor > div strong{font-size:14px}
.box-insur-infor > div strong,
.box-insur-infor > div span{float:left;display:block;width:50%;white-space:nowrap}
.box-insur-infor > div span{text-align:right;font-family:'roboto', sans-serif;line-height:45px;font-size:20px;font-weight:500;color:#1b97e6}

.box-insur-infor-btn{height:45px;line-height:45px;background:#fff;border-bottom:1px solid #e5e5e5;box-sizing:border;border:1px solid #e5e5e5;border-radius:5px;margin:0 10px}
.box-insur-infor-btn:after{content:"";clear:both;display:block;overflow:hidden;visibility:hidden}
.box-insur-infor-btn > div{position:relative;float:left;width:28.416666666667%;line-height:45px;padding:0 15px;box-sizing:border-box}
.box-insur-infor-btn > div + div{width:28.416666666667%}
.box-insur-infor-btn > div + div:before{content:"";display:block;position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-6px;background:#d5d5d5}
.box-insur-infor-btn > div + div + div{width:42.8888888888889%}
.box-insur-infor-btn > div strong{font-size:14px}
.box-insur-infor-btn > div strong,
.box-insur-infor-btn > div span{float:left;display:block;width:50%;white-space:nowrap;text-align:center}
.box-insur-infor-btn > div span{text-align:center;font-family:'roboto', sans-serif;line-height:45px;font-size:20px;font-weight:500;color:#1b97e6}

.box-push{overflow:hidden;padding:0 15px;height:50px;background:#fff;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;box-sizing:border-box}
.box-push:after{content:"";clear:both;display:block;overflow:hidden;visibility:hidden}
.box-push p{float:left;font-size:15px;line-height:48px;font-weight:500}
.box-push > div{float:right}
.box-push .btn-switch{background:#d5d5d5 url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Snyybaroga.cat") no-repeat 0 center;transition:all 0.5s ease;position:relative;width:50px;height:30px;margin-top:9px;border-radius:30px;cursor:pointer}
.box-push .btn-switch button{transition:all 0.5s ease;position:absolute;top:0;left:3px;display:block;width:0;height:0;cursor:pointer}
.box-push .btn-switch button span{display:inline;width:24px;height:24px;text-indent:-999999em;background:#fff;border-radius:24px;box-shadow:2px 2px 4px 0px rgba(0,0,0,0.2);font-size:0}
.box-push .btn-switch.on{background:#1b97e6 url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Snyybaroga.cat") no-repeat 92% center;cursor:pointer }
.box-push .txt-10{line-height:49px;margin-left:15px;font-weight:500}
.box-push .txt-10 span{margin-left:5px}
.box-push .txt-10.on{opacity:0.4}
.box-push + .box-push{border-top:0}

.box-login-modify{border-top:1px solid #e5e5e5}
.box-login-modify button{position:relative;width:100%;height:50px;text-align:left;font-size:15px;padding:0 15px;background:#fff;border-bottom:1px solid #e5e5e5}
.box-login-modify button.on span.ico-is.ico-login-modify{display:block}
.box-login-modify button span.ico-is.ico-login-modify{display:none;position:absolute;top:50%;right:15px;margin-top:-6.5px}

.box-certi .box-certi-cont{}
.box-certi .box-certi-cont .img-area{width:calc(100% - 2px);margin-top:-1px;padding:20px;background:#f1f1f1;border:1px solid #ccc;box-sizing:border-box}

.box-photo{padding:30px 12px 10px;border-top:1px solid #e5e5e5;box-sizing:border-box}
.box-photo:after{content:"";display:block;clear:both;overflow:hidden;visibility:hidden}
.box-photo > div{position:relative;float:left;width:calc(25% - 9px);padding-top:calc(25% - 11px);border:1px solid #d5d5d5;box-sizing:border-box}
.box-photo > div + div{margin-left:12px}
.box-photo > div img{position:absolute;top:0;left:0;z-index:1}
.box-photo > div button{position:absolute;bottom:-8px;right:-8px;z-index:2;padding:15px 0 0 15px}

.cert-box{padding:20px 0 20px 0;box-sizing:border-box}
.cert-box:after{content:"";display:block;clear:both}
.cert-box > div{position:relative;padding-top:calc(18% - 11px);border:1px solid #d5d5d5; border-radius:3px; box-sizing:border-box;text-align:center;height:80px;width:135px}
.cert-box > div img{position:absolute;top:20px;left:46px;z-index:1;height:20%;width:auto}
.cert-box > div button{position:absolute;bottom:0px;right:0px;z-index:2;width:100%;height:100%;background:#fff}
.cert-box > div button:disabled{background:#e8e8e8;cursor:default}
.cert-box > div em{font-size:13px}

.box-sear-result{position:relative}
.box-sear-result .btn-underline{position:absolute;top:3px;right:0}
.box-sear-result > ul > li:after{content:"";clear:both;display:block;overflow:hidden;visibility:hidden}
.box-sear-result > ul > li strong,
.box-sear-result > ul > li span{float:left;display:block;font-size:12px;padding:1px 0 2px}
.box-sear-result > ul > li strong{width:64px;color:#888}
.box-sear-result > ul > li span{width:calc(100% - 64px)}
.box-sear-result > .btn-underline + ul{padding-top:5px}
.box-sear-result > .btn-underline + ul > li:first-child strong{font-size:14px;font-weight:400}
.box-sear-result > .btn-underline + ul > li:first-child span{font-size:15px;color:#1b97e6;font-weight:400}
.box-sear-result .btn-area{padding:10px 0 15px}

/* lable txt */
.txt-label{padding-bottom:14px}
.txt-label span{display:inline-block;padding:0 9px;vertical-align:middle;height:19px;line-height:19px;color:#fff;font-size:11px;border-radius:19px}
.txt-label span + span{margin-left:2px}
.txt-label span.type-etc{background:#9ea2a6}
.txt-label span.type-best{background:#ffb400}
.txt-label span.type-infor{background:#1cc7c1}

.txt-lbl01{display:inline-block;vertical-align:middle;margin-right:7px;padding:0 10px;height:18px;line-height:18px;font-size:12px;color:#fff;border-radius:18px}
.txt-lbl01.type01{background:#56aee7}
.txt-lbl01.type02{background:#c8c8c8}
.txt-lbl01.type03{background:#2fd162}
.txt-lbl01.type04{background:#ff5858}

.box-limit{position:relative;height:100%}
.box-limit .bar-blue{position:relative;height:46px;background:#0991e8}
.box-limit .bar-blue button{ position: absolute;top:-1px;right:0;width: 46px;height: 46px}
.box-limit .cont-limit{height:calc(100% - 46px);text-align:center}
.box-limit .cont-limit .ci-area{padding:20% 0 23px}
.box-limit .cont-limit .ci-area img{width:139px}
.box-limit .cont-limit .tit-04 img{width:250px}
.box-limit .cont-limit .ico-img{margin:52px auto 0;width:143px;height:143px;background:#f5f5f5;border-radius:143px}
.box-limit .cont-limit .txt{padding-top:13px}
.box-limit .cont-limit .txt img{width:174px}

.box-url-type{margin:30px auto;width:80%;text-align:center}
.box-url-type .txt-05{margin-bottom:10px}

.box-addr{font-size:11px;margin-top:10px}
.box-addr p:first-child{position:relative;overflow:hidden;padding-right:20px;text-overflow:ellipsis;white-space:nowrap}
.box-addr p span{position:absolute;top:5px;right:0}


/* step */
.login-step{height:45px;line-height:40px;text-align:center;background:#fff;border-bottom:1px solid #e5e5e5}
.login-step > div{position:relative;display:inline-block;vertical-align:middle;height:25px;line-height: 22px;margin:0 3.5px;padding:0 10px;color:#999;background:#f5f5f5;border-radius:25px}
.login-step > div + div:after{content:"";display:block;position:absolute;top:50%;left:-10px;width:10px;height:1px;background:#e3e3e3}
.login-step > div > span{display:inline-block;vertical-align:middle}
.login-step > div > span.num{font-size:14px;color:#999;line-height:27px}
.login-step > div > span.txt{display:none;font-size:12px;line-height:25px}
.login-step > div.on{padding:0 14px;background:#0991e8;border-radius:24px}
.login-step > div.on span{color:#fff;font-weight:400}
.login-step > div.on span.num{font-weight:600}
.login-step > div.on span.txt{display:inline-block;vertical-align:top}
.login-step.orange > div.on{background:#ffb029}

.big-step{height:55px;line-height:53px;padding:0 15px;text-align:right;box-sizing:border-box;background:#fff;border-bottom:1px solid #e5e5e5}
.big-step:after{content:"";display:block;clear:both;overflow:hidden;visibility:hidden}
.big-step > div{position:relative;display:inline-block;vertical-align:middle;text-align:center;padding:0 9px;margin:0 1px;height:28px;line-height: 28px;color:#333}
.big-step > div.txt{float:left;height:55px;line-height:55px;font-size:16px;padding-left:0;font-weight:500}
.big-step > div > span{display:inline-block;vertical-align:middle}
.big-step > div > span.num{font-size:15px;height:28px;line-height:28px;color:#999}
.big-step > div > span.txt{display:none;font-size:12px}
.big-step > div.on{margin:0 5px;background:#ffb029;border-radius:28px}
.big-step > div.on span{color:#fff}
.big-step > div.on span.num{font-size:18px;font-weight:400}
.big-step > div.on span.txt{display:inline-block}


.step-type01 {border:1px solid #eeeeee}
.step-type01 dl {display:table;width:100%;min-height:65px;border-bottom:1px solid #eeeeee}
.step-type01 dl:last-child {border-bottom:0}
.step-type01 dl dt,
.step-type01 dl dd {display: table-cell;background-color:#fff;vertical-align: middle}
.step-type01 dl dt {width:76px;padding:15px 18px; color:#b1b1b1;font:12px 'roboto', sans-serif;box-sizing: border-box}
.step-type01 dl dt span {font-size:16px;font-family:'roboto', sans-serif;color:#666;font-weight:500}
.step-type01 dl dd {padding:15px 15px 15px 13px;;color:#666;font-size:13px;font-weight:500;line-height:18px}

.step-type02{width:100%}
.step-type02 ul:after{content:"";display:block;clear:both;overflow:hidden;visibility:hidden}
.step-type02 ul{position:relative;height:100%;margin-top:10px}
.step-type02 ul:first-child{margin-top:0}
.step-type02 ul li{position:relative;float:left}
.step-type02 ul li:after{content:'';position:absolute;top: 50%;right: 0; width:12px;height:100%;background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Soga-neebj-e03.cat")no-repeat;background-size:50% auto;margin-top:-8px;margin-right:-21px}
.step-type02 ul li:last-child:after{background:none;width:0}
.step-type02 ul .step-list{width:calc((100% - 45px)/3);height:0;padding-bottom:calc((100% - 45px)/3);margin-right:22px}
.step-type02 ul .step-list:last-child{margin-right:0}
.step-type02 ul .step-list > div{position:absolute;width:100%;height: 100%;border-radius:50%;text-align:center;box-sizing: border-box;border:1px solid #e5e5e5}
.step-type02 ul .step-list dl{position:absolute;width:100%;top:50%;margin-top:-24px}
.step-type02 ul .step-list dl dt{font-size:15px;color:#1b97e6;font-weight:400}
.step-type02 ul .step-list dl dd{margin-top:-2px; display:-webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items:center;height:28px}
.step-type02 ul .step-list dl dd span{display:block;width:100%;text-align: center;line-height:15px}

.step-type03 .cont-list .list{display:table;width:100%;margin-bottom:6px;max-height:65px}
.step-type03 .cont-list .list:last-child{margin-bottom:0}
.step-type03 .cont-list .list .cell{width:18.18%;min-width:60px;padding-right:19px;vertical-align:middle}
.step-type03 .cont-list .list .circle{position:relative;display:inline-block;background-color:#f1f1f1}
.step-type03 .cont-list .list .circle:after{content:'';position:absolute;width:calc(50% - 2px);height:50px;left:0;bottom:0;border-right:2px solid #f1f1f1;margin-bottom:-50px}
.step-type03 .cont-list .list:last-child .circle:after{border:0;height:0}

.step-type03 .cont-list .list .circle .tit{position:absolute;top:50%;font-size:11px;color:#999;width:100%;height:40px; text-align:center;margin-top:-22px}
.step-type03 .cont-list .list .circle .tit span{display:inline-block;width:100%;font-size:20px;color:#1b97e6;margin-top:-5px;font-weight:500}

.step-type03 .cont-list .list dl{display:table-cell;width:calc(100% - 18.18% - 10px);vertical-align: middle}
.step-type03 .cont-list .list dl dt{font-size:14px;font-weight:500}
.step-type03 .cont-list .list dl dd{font-size:12px;margin-top:1px}
.step-type03 .cont-list .list .s-step{display:table}
.step-type03 .cont-list .list .s-step:after{content:"";display:block;clear:both;overflow:hidden;visibility:hidden}
.step-type03 .cont-list .list .s-step li{display:table-cell}
.step-type03 .cont-list .list .s-step .arrow{overflow:hidden;width:26px;vertical-align: middle;background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Soga-neebj-e03.cat')no-repeat 50%; background-size:6px auto;text-indent: -9999px}


.step-type03.float .cont-list .list{display:inline-block;width:22%;margin-left:2%;margin-bottom:6px;max-height:none;vertical-align:top;text-align:center}
.step-type03.float .cont-list .list:last-child{margin-bottom:0}
.step-type03.float .cont-list .list .cell{display:block;width:100%;min-width:60px;padding-right:0;vertical-align:middle}
.step-type03.float .cont-list .list .circle{position:relative;display:inline-block;background-color:#f1f1f1}
.step-type03.float .cont-list .list .circle:after{content:'';position:absolute;left:0;bottom:0;border-right:none;margin-bottom:-50px}
.step-type03.float .cont-list .list:last-child .circle:after{border:0;height:0}

.step-type03.float .cont-list .list dl{display:block;width:100%;vertical-align: middle}
.step-type03 .cont-list .list dl dt{font-size:14px;font-weight:500}
.step-type03 .cont-list .list dl dd{font-size:12px;margin-top:1px}
.step-type03 .cont-list .list .s-step{display:table}
.step-type03 .cont-list .list .s-step:after{content:"";display:block;clear:both;overflow:hidden;visibility:hidden}
.step-type03 .cont-list .list .s-step li{display:table-cell}
.step-type03 .cont-list .list .s-step .arrow{overflow:hidden;width:26px;vertical-align: middle;background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Soga-neebj-e03.cat')no-repeat 50%; background-size:6px auto;text-indent: -9999px}


/* tab */
.tab-list::after {content: '';display: block;clear: both}
.tab-list li {float:left;width:50%;box-sizing:border-box}
.tab-list li button {width:100%;padding:10px 3px;background-color:#eee;text-align:center;font-size:13px;color:#999;line-height:18px;font-weight:500}
.tab-list li.active button {color:#fff;background-color:#0991e8}

.tab-datas-view{padding:15px 10px 0;background:#fff}

.tab-list02 {background-color:#fff;border-bottom:1px solid #e5e5e5}
.tab-list02.col2 button {float:left;width:50%}
.tab-list02.col3 button {float:left;width:33.33%}
.tab-list02.col4 button {float:left;width:25%}
.tab-list02 button {min-height:45px;box-sizing:border-box;font-size:15px}
.tab-list02 .active span{display: inline-block;position:relative;height:100%;line-height:43px;color:#006eb9;border-bottom: 2px solid #006eb9}

/* list */
.list-type01 .list{position:relative;padding-left:13px;font-size:13px;line-height: 18px}
.list-type01 .list:after{content:'';position:absolute;width:3px;height:3px;top:10px;left:5px;background-color:#c0c0c0;border-radius:50%}

.list-type02{margin:10px 0}
.list-type02 li{position:relative;padding-left:13px;font-size:13px;margin-top:5px}
.list-type02 li:after{content:'';position:absolute;width:3px;height:3px;top:7px;left:5px;background-color:#c0c0c0;border-radius:50%}

.list-type03{margin-bottom:20px;background:#fff}
.list-type03 li{position:relative;min-height:72px;padding:16px 15px 14px;border-bottom:1px solid #ddd;box-sizing:border-box}
.list-type03 li:after{content:"";display:block;position:absolute;top:50%;right:15px;margin-top:-6.5px;width:8px;height:13px;background-position:-86px -40px;background-size:400px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba.cat');background-repeat:no-repeat}

.list-type03 li .obj-tit{display:inline-block;vertical-align:middle;overflow:hidden;font-size:15px;font-weight:500;line-height:19px;max-height:38px}
.list-type03 li .obj-tit.type01 strong{display:inline-block}
.list-type03 li .obj-tit.type01 em{display:inline-block;vertical-align:middle}
.list-type03 li .obj-day{display:block;padding-top:5px;font-family:'roboto', sans-serif;font-weight:500;color:#666}

.list-type03 li.flex-list{display: flex; align-items:center}
.list-type03 li.flex-list .pdf-tit{position:relative;padding-left:28px;padding-right:13px; margin-top:-2px}
.list-type03 li.flex-list .pdf-tit:after{content:'';position:absolute;top:-2px;left:0;width:24px;min-height:24px;height:100%; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-cqs01.cat')no-repeat -2px 0;background-size:53px auto}


.pdf-tit{position:relative;padding-left:25px;margin-top:-20px;font-size:12px}
.pdf-tit:after{content:'';position:absolute;top:-2px;left:0;width:25px;min-height:25px;height:100%; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-cqs01.cat')no-repeat -2px 0;background-size:53px auto}

.list-type03 li.list-box{padding:16px 25px 14px;cursor:pointer}
.list-type03 li.list-box:after{right:25px}
.list-type03 li.list-box::after{content: '';display: block;clear: both}
.list-type03 li.list-box .type-img{display:inline-block;width:50px}
.list-type03 li.list-box .type-img{vertical-align:top;margin-right:16px}
.list-type03 li.list-box .type-tit{display:inline-block;width:calc(100% - 80px - 28px);line-height:1.2}
.list-type03 li.list-box .type-tit .nhlogo{display: inline-block;width:172px;height:17px;background-size:172px auto;background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-auybtb02.cat');background-repeat:no-repeat}
.list-type03 li.list-box:nth-child(1) .type-tit .nhlogo{background-position:-10px -10px}
.list-type03 li.list-box:nth-child(2) .type-tit .nhlogo{background-position:-10px -53px}
.list-type03 li.list-box:nth-child(3) .type-tit .nhlogo{background-position:-10px -94px}
.list-type03 li.list-box:nth-child(4) .type-tit .nhlogo{background-position:-10px -137px}
.list-type03 li.list-box:nth-child(5) .type-tit .nhlogo{background-position:-10px -179px}
.list-type03 li.list-box:nth-child(6) .type-tit .nhlogo{background-position:-10px -221px}
.list-type03 li.list-box:nth-child(7) .type-tit .nhlogo{background-position:-10px -295px}
.list-type03 li.list-box:nth-child(8) .type-tit .nhlogo{background-position:-10px -258px}
.list-type03 li.list-box .type-tit .nhlogo + .obj-day{padding-top: 0;margin-bottom:-12px}
.list-type03 li.list-box .type-tit .obj-day{width:100%;overflow:hidden;word-wrap:break-word}

.list-type03 + .paging{padding-top:0}

.obj-pub-day{display:block;padding-top:5px;font-size:12px;font-family:'roboto', sans-serif;font-weight:500;color:#333}
.obj-pub-day span{font-size:12px;height:18px;line-height:18px;padding:0 10px;margin-right:5px;color:#fff;background:#0991e8;border-radius:18px}

.list-type04{padding:18px 10px;border-top:1px solid #8fcdf4}
.list-type04 li{line-height:24px}
.list-type04 li:after{content:"";clear:both;display:block;overflow:hidden;visibility:hidden}
.list-type04 li,
.list-type04 li span{color:#fff}
.list-type04 li span{width:calc(100% - 40%);padding-left:20px;font-size:15px;box-sizing:border-box}
.list-type04 li span,
.list-type04 li strong{float:left}
.list-type04 li strong{position:relative;width:40%;max-width:135px;font-size:14px}

.list-type05{padding-top:1px}
.list-type05 > li{text-indent:-7px;padding:0 0 2px 8px}
.list-type05 > li:before{content:"";display:inline-block;vertical-align:top;margin-right:5px;margin-top:8px;margin-left:1px;width:2px;height:2px;background-color:#777}
.list-type05 > li .tip-exp{text-indent:0}
.list-type05 + .tit-02{margin-top:15px}
.list-type05 > li >.list-num{padding:5px 0}
.list-type05 > li >.list-num > li{padding:0 0 3px 8px}
.list-type05.libold li,strong.libold{font-wegith:bold;font-size:120%;text-decoration:underline} 

.list-type06:after{content:"";clear:both;display:block;overflow:hidden;visibility:hidden}
.list-type06 dt{width:113px;color:#888}
.list-type06 dt .ico-is.ico-modity{margin-left:10px}
.list-type06 dt,
.list-type06 dd{float:left;padding:5px 0;min-height:32px;box-sizing:border-box}
.list-type06 dd{width:calc(100% - 113px)}

.list-type06-01 dt{position:relative;color:#888}
.list-type06-01 dt button{position:absolute;top:0;right:0;margin-top:0}
.list-type06-01 dt,
.list-type06-01 dd{width:100%;padding:5px 0;min-height:32px;box-sizing:border-box}
.list-type06-01 dd {}
.list-type06-01 dd + dt{margin-top:11px;padding-top:24px;border-top:1px solid #e5e5e5}
.list-type06-01 dd + dt button{top:20px}

.list-type06{padding:4px 0}
.list-type06 > li{padding:0 0 0 15px;color:#666}
.list-type06 > li:before{content:"-";display:inline-block;vertical-align:top;margin-right:5px;margin-left:3px;color:#b2b2b2}
.list-type06.libold li,strong.libold{font-wegith:bold;font-size:120%;text-decoration:underline} 

.list-type06-pi {padding:0 0 0 15px;color:#666}
.list-type06-pi dt{width:18px;color:#888;clear:both}
.list-type06-pi dt,
.list-type06-pi dd{float:left;box-sizing:border-box}
.list-type06-pi dd{width:calc(100% - 18px)}

.list-type07 li{min-height:53px;padding:17px 0 16px;box-sizing:border-box}
.list-type07 li + li{border-top:1px solid #e5e5e5}

.list-type08{margin-bottom:20px;background:#fff}
.list-type08 > li{position:relative;border-bottom:1px solid #d5d5d5}
.list-type08 > li > button{display:block;font-size:14px;font-weight:500;width:100%;text-align:left;min-height:60px;padding:20px 15px 19px;box-sizing:border-box}
.list-type08 > li:after{content:"";display:block;position:absolute;top:24px;right:15px;width:8px;height:13px;background-position:-86px -40px;background-size:400px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba.cat');background-repeat:no-repeat}
.list-type08 > li.active:after{transition:all 0.5s ease;width:13px;height:7px;background-position:-258px -43px}
.list-type08 > li.active.on > button{font-weight:400}
.list-type08 > li.active.on:after{transform:rotate(180deg)}
.list-type08 > li > ul{display:none;padding:10px 20px ;border-top:1px solid #e5e5e5}
.list-type08 > li > ul > li{position:relative}
.list-type08 > li > ul > li:before{content:"";display:block;position:absolute;top:14px;left:0;width:2px;height:2px;margin-right:5px;background:#666}
.list-type08 > li > ul > li > button,
.list-type08 > li > ul > li > a{display:block;width:100%;text-align:left;min-height:32px;font-size:14px;padding:6px 0 6px 8px;font-weight:500;box-sizing:border-box}
.list-type08 > li > ul > li > button:active,
.list-type08 > li > ul > li > a:active{font-weight:400}

.list-type09{margin:10px 0}
.list-type09 li{position:relative;padding-left:13px;font-size:17px;margin-top:0px;text-decoration:underline;text-underline-position:under}
.list-type09 li:after{content:'';position:absolute;width:3px;height:3px;top:7px;left:5px;background-color:#c0c0c0;border-radius:50%}

.list-type10{position:relative}
.list-type10 > ul{border-top:1px solid #666;padding-bottom:30px}
.list-type10 > ul > li strong{float:left;display:block;width:94px;padding:7px 0px 5px 15px;box-sizing:border-box}
.list-type10 > ul > li div{height:auto;border-bottom:1px solid #ddd;background:#fafafa}
.list-type10 > ul > li div div{height:auto;margin-left:95px;margin-bottom:-1px;padding-top:6px;padding-left:15px;padding-bottom:6px;border-left:1px solid #ddd;background:#fff}

.list-type11{padding:4px 0}
.list-type11 > li{padding:0 0 0 5px;color:#333}
.list-type11 > li:before{content:"-";display:inline-block;vertical-align:top;margin-right:5px;margin-left:3px;color:#b2b2b2}
.list-type11.libold li,strong.libold{font-wegith:bold;font-size:120%;text-decoration:underline}

/*20.03.11 추가*/
.box-type15 {position:relative;overflow:hidden;padding:10px 15px;background:#fff;box-shadow:0px 0px 7px 0px rgba(0,0,0,0.1);box-sizing:border-box;}
.box-type15 h4{margin-top:15px;margin-bottom:15px;line-height:1;font-size:16px;color:#222;text-align:left;}

.list-type12{background:#f6f6f6;padding:10px 15px;height:74px;}
.list-type12 ul{margin-top:1.0rem;}
.list-type12 li{position:relative;float:left;min-height:52px;padding:10px;box-sizing:border-box;width:calc(49% - 5px);padding-top:12px;border:1px solid #d5d5d5;background:#fff}
.list-type12 li:nth-child(2n){float:right;width:calc(50% - 5px);}
.list-type12 li:after{content:"";display:block;position:absolute;top:50%;right:15px;margin-top:-9.5px;width:8px;height:13px;background-position:-86px -40px;background-size:400px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba.cat');background-repeat:no-repeat;}
.list-type12 li.list-box{cursor:pointer;margin-top:10px;}
.list-type12 li.list-box:after{right:1px;}
.list-type12 li.list-box::after{content: '';display: block;clear: both;}
.list-type12 li.list-box .type-img{display:inline-block;width:30px;}
.list-type12 li.list-box .type-img{vertical-align:top;margin-right:5px}
.list-type12 li.list-box .type-tit{display:inline-block;width:calc(100% - 30px - 28px);}
.list-type12 li.download:after{width:19px;height:19px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-qbjaybnq.cat)no-repeat 0 -39px ;background-size:19px auto;}
.list-type12 li.link:after{width:30px;height:19px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-qbjaybnq.cat)no-repeat 0 -5px ;background-size:19px auto;}
 
.list-view{min-height:82px;padding:17px 15px;border-bottom:1px solid #ddd;background:#fff;box-sizing:border-box}
.list-view .obj-tit{overflow:hidden;display:block;font-size:20px;max-height:50px;line-height:24px;font-weight:400}
.list-view .obj-day{display:block;padding-top:5px;font-family:'roboto', sans-serif;font-size:12px;font-weight:500}

.list-cont{padding:20px 15px 40px;min-height:295px;background:#fff}
.list-cont p + p{margin-top:20px}
.list-cont strong,
.list-cont b,
.list-cont b span{font-weight:600}

.list-num{margin-left:15px}
.list-num > li{list-style-type:decimal;padding:0 0 5px 0}

.list-txt-num{margin-left:15px;/*text-indent:-15px*/}
.list-txt-num > li{padding:0 0 5px 0}
.list-txt-num .list-type06 li{padding-left:0;margin-left:14px;text-indent:-8px}

.list-squ{padding:0 15px 0 22px;text-indent:-7px;font-size:13px;color:#666}
.list-squ > li:before{content:"";display:inline-block;vertical-align:middle;margin:0 5px 3px 0;width:2px;height:2px;background:#777}
.list-squ > li .tip-exp{text-indent:0}

/* table */
td.no-data{padding:20px 0 !important}
td.td-check{padding:0 10px 0 15px !important}
td.td-input{padding:5px 10px 0 15px !important}
td.td-input .field-form > div{min-height:35px}
td.td-input .field-form > div input{height:33px;line-height:33px;font-size:13px}
td.td-input .field-form > div select{height:33px;line-height:33px;font-size:13px}
td.td-input .field-txt.txt-pay > div{line-height:33px}
td.td-input .error .txt-tip{padding:5px 0 0}
td .btn-s{margin:0 0 0 3px}

td.td-input .td-jumin{display:inline-block;vertical-align:middle;margin-top:-5px}
td.td-input .jumin-num{display:inline-block;vertical-align:middle;width: calc(100% - 60px)}

.tbl-type01{padding-bottom:15px}
.tbl-type01 table{border-top:1px solid #666}
.tbl-type01 table thead th{font-weight:500;background:#fafafa;border-right:1px solid #ddd}
.tbl-type01 table thead th:last-child{border-right:0}
.tbl-type01 table thead tr + tr th{border-top:1px solid #ddd}
.tbl-type01 table thead th,
.tbl-type01 table tbody td{font-size:13px;padding:6px 10px 7px 15px;height:33px;box-sizing:border-box}
.tbl-type01 table tbody td{text-align:center;border-bottom:1px solid #ddd}
.tbl-type01 table tbody td + td{border-left:1px solid #ddd}
.tbl-type01 table tbody tr:first-child td{border-top:1px solid #bbb}
.tbl-type01.td-col tbody tr:nth-child(4n + 3) td,
.tbl-type01.td-col tbody tr:nth-child(4n + 4) td{background:#fdfdfd}
.tbl-type01.pd-char td{padding:5px 15px}
.tbl-type01 + .paging{padding-top:5px}
.tbl-type01 + .paging .pageall{top:15px}

.tbl-type02{padding-bottom:15px}
.tbl-type02 table{border-top:1px solid #666}
.tbl-type02 table tbody th{font-weight:500;background:#fafafa;border-right:1px solid #ddd}
.tbl-type02 table tbody th,
.tbl-type02 table tbody td{font-size:13px;padding:6px 10px 7px 15px;height:33px;text-align:left;border-bottom:1px solid #ddd;box-sizing:border-box}

.tbl-type03 table{border-top:1px solid #666}
.tbl-type03 table thead th{font-weight:500;background:#fafafa;border-right:1px solid #ddd}
.tbl-type03 table thead th:last-child{border-right:0}
.tbl-type03 table thead th,
.tbl-type03 table tbody th,
.tbl-type03 table tbody td{font-size:13px;word-break:break-word;padding:9px 10px 8px 15px;height:37px;border-bottom:1px solid #ddd;box-sizing:border-box}
.tbl-type03 table tbody td{text-align:left}
.tbl-type03 table tbody td + td{border-left:1px solid #ddd} 
.tbl-type03 table tbody th{font-weight:500;background:#fafafa;border-right:1px solid #ddd}
.tbl-type03 + .tip-exp{margin-top:0}
.tbl-type03 + .list-type05{margin-top:10px}
.tbl-type03 + .tit-03{margin-top:10px}

.tbl-type04{padding-bottom:10px}
.tbl-type04 table{border-top:1px solid #666}
.tbl-type04 table tbody th{font-weight:500;background:#fafafa;border-right:1px solid #ddd}
.tbl-type04 table tbody th,
.tbl-type04 table tbody td{font-size:13px;padding:9px 10px 8px 15px;height:37px;text-align:left;border-bottom:1px solid #ddd;box-sizing:border-box}
.tbl-type04 + .tip-exp{margin-top:0}
.tbl-type04.pd-char td{padding:30px 0}

.tbl-type05{padding-bottom:15px}
.tbl-type05 table{border-top:1px solid #666}
.tbl-type05 table thead th{font-weight:500;background:#fafafa;border-right:1px solid #ddd}
.tbl-type05 table thead th:last-child{border-right:0}
.tbl-type05 table thead tr + tr th{border-top:1px solid #ddd}
.tbl-type05 table thead th,
.tbl-type05 table tbody td{font-size:13px;padding:6px 10px 7px 15px;height:33px;box-sizing:border-box}
.tbl-type05 table tbody td{text-align:left;border-bottom:1px solid #ddd}
.tbl-type05 table tbody td + td{border-left:1px solid #ddd}
.tbl-type05 table tbody tr:first-child td{border-top:1px solid #bbb}
.tbl-type05.td-col tbody tr:nth-child(4n + 3) td,
.tbl-type05.td-col tbody tr:nth-child(4n + 4) td{background:#fdfdfd}
.tbl-type05.pd-char td{padding:5px 15px}
.tbl-type05 + .paging{padding-top:5px}
.tbl-type05 + .paging .pageall{top:15px}

.tbl-type06{margin-top:0.5rem;padding-bottom:15px}
.tbl-type06 table{border-top:1px solid #666}
.tbl-type06 table thead th{font-weight:500;background:#fafafa;border-left:1px solid #ddd;text-align:center}
.tbl-type06 table thead th:first-child{border-left:none}
.tbl-type06 table thead th{font-size:13px;padding:6px 10px 7px 15px;height:33px;border-bottom:1px solid #ddd;box-sizing:border-box}
.tbl-type06 table tbody th,.tbl-type06 table tbody td{font-weight:100}
.tbl-type06 table tbody th{font-size:13px;padding:6px 10px 7px 15px;height:33px;text-align:left;border-bottom:1px solid #ddd;box-sizing:border-box}
.tbl-type06 table tbody td:first-child{border-left:none}
.tbl-type06 table tbody td{font-size:13px;padding:6px 10px 7px 15px;height:33px;text-align:left;border-bottom:1px solid #ddd;border-left:1px solid #ddd;box-sizing:border-box}

.tbl-type07{width:100%;overflow:auto;}
.tbl-type07 table{border-top:1px solid #666}
.tbl-type07 table thead th{font-weight:500;background:#fafafa;border-right:1px solid #ddd}
.tbl-type07 table thead th:last-child{border-right:0}
.tbl-type07 table thead th,
.tbl-type07 table tbody th,
.tbl-type07 table tbody td{font-size:13px;padding:9px 10px 8px 15px;height:37px;border-bottom:1px solid #ddd;box-sizing:border-box}
.tbl-type07 table tbody td{text-align:left}
.tbl-type07 table tbody td + td{border-left:1px solid #ddd} 
.tbl-type07 table tbody th{font-weight:500;background:#fafafa;border-right:1px solid #ddd}

/*수련원 안내 페이지용*/
.tbl-type08{margin-top:0.1rem;margin-bottom:0.3rem}
.tbl-type08 table{border:1px solid #666}
.tbl-type08 table tr,
.tbl-type08 table td{border:1px solid #666;text-align:center}

table td .list-num{margin-left:15px}

/* text */
.txt-01 {font-size:13px;font-weight:500}
.txt-02 {font-size:22px;line-height:30px;font-weight:500}
.txt-03 {font-size:11px}
.txt-04 {font-size:12px;line-height:18px;padding:5px 0}
.txt-05 {font-size:14px;line-height:20px}
.txt-06 {font-size:14px;font-weight:500}
.txt-06 span{font-size:14px;font-weight:500}
.txt-07 {font-size:13px;padding:5px 0}
.txt-07 span{font-wegith:bold;font-size:120%;text-decoration:underline} 
.txt-08 {font-size:20px;color:#0991e8;font-weight:500;font-family:'roboto', sans-serif}
.txt-09 {font-size:12px;color:#888;padding:7px 15px}
.txt-10 {font-size:13px;color:#1b97e6}
.txt-11 {font-wegith:bold;font-size:18px;text-decoration:underline;}

.txt-impor{font-size:18px;color:#006eb9;display:inline-block;font-weight:400}

/* 부가설명 */
.tip-exp{padding-left:16px;margin-top:5px;font-size:13px;color:#888}
.tip-exp:before{content:"※";display:inline-block;vertical-align:top;margin-right:4px;margin-left:-16px}
.tip-exp .num{font-weight:500}
.tip-exp + .tip-exp{margin-top:0}
.tip-exp01{display:inline-block;margin:20px 0 22px;text-indent:15px;font-size:12px;line-height:16px;color:#fff;background-size:10px auto;background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Spbqr-vpba02.cat');background-repeat:no-repeat; background-position:0 3px}
.tip-exp02{padding-left:16px;font-size:13px;text-indent:0}
.tip-exp02:before{content:"※";display:inline-block;vertical-align:top;margin-right:4px;margin-left:-16px}

/* btn */
.col01{width:100%}
.col01 .btn{display:block;width:100%}
.col02 .btn{display:block;width:calc(50% - 5px)}
.col02 .btn + .btn{margin-left:10px}
.col03 .btn{display:block;width:calc(33.33333333% - 6px)}
.col03 .btn + .btn{margin-left:9px}
.col3.type02 .btn{width:30%}
.col3.type02 .btn + .btn + .btn{width:40%}

.btn.type01{color:#006eb9;background:#fff;border:1px solid #006eb9} /* 파란색보더선 파란글자 */
.btn.type02{color:#fff;background:#0782d1} /* 파란색 배경 희글자 */
.btn.type02:active{background:#0069b1 !important}
.btn.type03{color:#666;border:1px solid #a5a5a5} /* 회색보더선 회색글자 */
.btn.type03:active{color:#000;background:#fafafa !important}
.btn.type04{color:#fff;background:#c2c2c2 !important;border:1px solid #c2c2c2} /* 회색배경 흰글자 */
.btn.type04:active{background:#a8a8a8 !important}
.btn.type04 + .btn.type04{border-left-color:#fff}
.btn.type05{color:#fff;background:#2ec45d} /* 파란색 배경 희글자 */
.btn.type05:active{background:#069132 !important}
.btn.type06{color:#1b97e6;background:#fff;border:1px solid #d5d5d5} /* 회색 배경 파란 글자 */
.btn.type06:active{background:#fafafa !important}
.btn.type07{color:#333;line-height:45px;padding:0 19px 0 12px !important;background:#fafafa;border:1px solid #a2a2a2} /* 회색보드선 회색배경 검정글자*/
.btn.type07:active{color:#000;background:#fff !important}
.btn.type07 + .btn.type07{margin-left:5px}
.btn.type07:before{content:"+";clear:both;display:inline-block;vertical-align:middle;font-size:25px;color:#888;padding:0 5px 3px}
.btn.type08{color:#666;margin:4px 4px 3px;font-size:12px !important;line-height:27px;padding:4px 0;width:calc(33.33333333333% - 8px) !important;height:auto !important;min-height:27px;line-height:27px;background:#fff;border:1px solid #a2a2a2} /* box card 안에 있는 버튼 */
.btn.type08:active{color:#000;background:#fafafa !important}
/*.btn.type08:nth-child(3n + 1){margin-left:0}*/
/*가상계좌 화면 버튼*/
.vr-btn-chk{position:absolute;right:10px;top:7px;}
.vr-btn-chk > button{font-size:12px;width:60px !important;border-radius:5px;border:1px solid #a2a2a2;padding:3px 3px 4px;}
.vr-btn-chk > button.checked{color:#006eb9;border-color:#006eb9;font-weight:500}

.btn-area.green .btn.type02{color:#fff;background:#2ec45d} /* 초록색 배경 희글자 */
.btn-area.green .btn.type02:active{background:#069132 !important}

.pop-footer .col02 > .btn{width:50% !important}
.pop-footer .col02 .btn + .btn{margin-left:0}

.btn-type01{float:left;display:block;height:45px;line-height:45px;font-size:15px;color:#0782d1;border-radius:5px;background-color:#fff;border:1px solid #0782d1}
.btn-underline{max-height:34px;padding:2px 0 1px 0;line-height:24px;font-size:13px;font-weight:500}
button.btn-underline:after{content:"";display:inline-block;width:5px;height:9px;margin:0 3px 0 5px;background-position:-167px -102px;background-size:400px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba.cat');background-repeat:no-repeat}

.btn-area{padding:30px 15px;background:#fff}
.btn-area.bg-none{background:none}
.btn-area:after{content:"";display:block;clear:both;overflow:hidden;visibility:hidden}
.btn-area .btn{float:left;display:block;height:50px;line-height:16px;font-size:15px;font-weight:500;border-radius:5px}
.login .btn-area{background:none}
.btn-area .auto{text-align:center}
.btn-area .auto button{float:none;width:auto;display:inline-block;padding:0 60px}
.btn-area .win-day{padding:15px 0;font-size:17px;font-family:'roboto', sans-serif;font-weight:500}

.btn-area01{}
.btn-area01:after{content:"";display:block;clear:both;overflow:hidden;visibility:hidden}
.btn-area01 .btn{float:left;width:100%;color:#fff;height:50px;line-height:50px;font-size:15px;font-weight:500;box-sizing:border-box}
.btn-area01 .btn.bg-gray01 + .btn.bg-gray01{border-left:1px solid #fff}
.btn-area01 .col02 .btn{width:27.777777777777777778% !important}
.btn-area01 .col02 .btn + .btn{width:72.2222222222222% !important;margin-left:0}
.btn-area01.half .col02 .btn{width:50%  !important}
.btn-area01 .col03 .btn{width:33.33333333333%}
.btn-area01 .col03 .btn + .btn{margin-left:0}
.btn-area01 .col03 .btn.bg-gray01{border-left:1px solid #fff}

/* 스크롤 생기면 나타나는 버튼 */
.btn-area03 {display:none;position:fixed;bottom:70px;left:0;width:100%;background:#0782d1;z-index:10}
.btn-area03 {margin-bottom:env(safe-area-inset-bottom);margin-bottom:constant(safe-area-inset-bottom)}
.btn-area03:after {content:"";clear:both;display:block;overflow:hidden;visibility:hidden}
.btn-area03 button{float:left;width:30%;height:50px;line-height:50px;color:#fff;background:rgba(0,0,0,0.3)}
.btn-area03 button:active {background:rgba(0,0,0,0.5) !important}
.btn-area03 button + button{width:70%;background:none}
.btn-area03 button + button:active{background:#0069b1 !important}
.btn-area03 .btn.type02 + .btn.type02{border-left:1px solid #80bee5}
.btn-area03.green {background:#2ec45d}
.btn-area03.green button + button:active{background:#069132 !important}
.layer-popup-wrap .close_btn{position:absolute;top:.5rem;right:5px;display:inline-block;width:34px;height:34px;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Sqry-va-gkg_pybfr.cat') no-repeat 0 0}
.layer-popup-wrap .close_btn a{display:block;width:100%;height:34px;text-indent:-9999px}

/*whitex*/
.layer-popup-wrap .close_btn_w{position:absolute;top:.5rem;right:5px;display:inline-block;width:34px;height:34px;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Sqry-va-gkg_pybfr_j.cat') no-repeat 0 0}
.layer-popup-wrap .close_btn_w a{display:block;width:100%;height:34px;text-indent:-9999px}

.btn-area04 {position:fixed;bottom:0px;left:0;width:100%;padding-bottom:60px;background:#fff;z-index:5}
.btn-area04 {padding-bottom:calc(env(safe-area-inset-bottom) + 60px);padding-bottom:calc(constant(safe-area-inset-bottom) + 60px)}
.btn-area04 > div{background:#0782d1}
.btn-area04.green {background:#2ec45d}
.btn-area04:after {content:"";clear:both;display:block;overflow:hidden;visibility:hidden}
.btn-area04 button{float:left;width:30%;height:50px;line-height:50px;color:#fff;background:rgba(0,0,0,0.3)}
.btn-area04 button + button{width:70%;background:none}
.btn-area04 .btn.type02 + .btn.type02{border-left:1px solid #80bee5}
.btn-area04 .col03 .btn{width:33.33333333333%}
.btn-area04 .col03 .btn + .btn{margin-left:0}

.btn-area05{padding:20px 10px;background:#fff}
.btn-area05.bg-none{background:none}
.btn-area05:after{content:"";display:block;clear:both;overflow:hidden;visibility:hidden}
.btn-area05 .btn{float:left;display:block;height:40px;line-height:16px;font-size:15px;font-weight:500;border-radius:5px}

.btn-area05.green .btn.type02{color:#fff;background:#2ec45d} /* 초록색 배경 희글자 */
.btn-area05.green .btn.type02:active{background:#069132 !important}

.box-btn-ico-area{padding:0 0 12px;min-height:59px;text-align:center;box-sizing:border-box}
.box-btn-ico-area:after{content:"";display:block;clear:both;overflow:hidden;visibility:hidden}
.box-btn-ico-area .btn{display:inline-block;padding:0 12px;font-size:13px;height:35px;background:#fff;border-radius:3px;border:1px solid #a2a2a2;box-sizing:border-box}
.box-btn-ico-area .btn:active{color:#000;background:#fafafa}
.box-btn-ico-area .btn + .btn{margin-left:4px}

.btn:disabled{color:#b2b2b2 !important;background:#f6f6f6 !important;border:0}
.btn:disabled:active{color:#b2b2b2 !important;background:#f6f6f6 !important;border:0}

.btn-s{display:inline-block;vertical-align:middle;font-size:13px;height:30px;line-height:28px;margin:9px 0;font-weight:500;padding:0 14px;background:#fff;border:1px solid #888;border-radius:3px;box-sizing:border-box}
.btn-s:active{background:#fafafa;color:#000}
.btn-s:disabled{border:1px solid #d5d5d5 !important;background-color:#f6f6f6 !important;color:#b2b2b2 !important}
.btn-form-search{display:block;margin:0 0 15px;width:100%;height:40px;font-size:13px;background:#fafafa;border:1px solid #a2a2a2;border-radius:5px;box-sizing:border-box}
.btn-form-search:active{color:#000;background:#fff !important}
.btn-form-search{background:#fafafa !important}
.btn-form-search .ico-is{margin:0 8px 3px 0}

/* .btn-s-private{display:inline-block;vertical-align:middle;font-size:13px;height:30px;line-height:28px;margin:0px 0;font-weight:500;padding:0 12px;background:#fff;border:1px solid #d5d5d5;border-radius:3px;box-sizing:border-box} */
.btn-s-private{display:inline-block;vertical-align:middle;font-size:13px;height:23px;line-height:21px;margin:3px 0;font-weight:500;padding:0 5px;background:#fff;border:1px solid #d5d5d5;border-radius:3px;box-sizing:border-box}

.btn-ci{line-height:50px}
.btn-ci img{width:121.5px}
.btn-login{padding:.2rem .5rem;box-sizing: border-box;border: 2px solid #fff;border-radius: 15px;font-size: .7rem;color: #fff}
.btn-close{position:absolute;top:0;right:0;padding:9px 3px}
.btn-layer-close{position:absolute;top:0;right:0;width:46px;padding:9px 3px 12px}
.btn-close-blank{position:absolute;top:0;right:0;height:100%;width:46px;padding:9px 3px 12px}
.btn-setting	{position:absolute;top:0;right:0;margin-right:32px; height:100%;width:46px;padding:9px 3px 12px}
.btn-my{position: absolute;top:0;right:0;margin-right:32px;padding:9px}
.btn-back{position:absolute;top:0;left:0;height:100%;width:50px;padding-bottom:3px}
.btn-siteMap-view{position:absolute;top:0;right:0;height:100%;width:50px;padding-bottom:3px}
.btn-back-page{position:absolute;top:0;left:0;height:100%;width:50px;text-align:left;padding-left:15px;z-index:1;box-sizing:border-box}
.btn-siteMap{position:absolute;top:0;right:0;height:100%;width:50px;z-index:1;box-sizing:border-box}
.btn-dth03-view{height:100%;width:100%;background-size:6px auto; background-position:center center;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Soga-neebj-e.cat'); background-repeat:no-repeat}
.btn-dth04-view{height:100%;width:100%;background-size:11px auto; background-position:center center;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Soga-neebj-o_arj.cat'); background-repeat:no-repeat}
.btn-dth05-view{height:100%;width:100%;background-size:15px auto; background-position:center center;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Soga-neebj-o.cat'); background-repeat:no-repeat}
.btn-logSwich{position:absolute;top:0;left:0;height:100%;width:50px;text-align:left;padding-left:10px;z-index:1;box-sizing:border-box}
.btn-search{display:inline-block;margin-left: 5px;vertical-align:middle;font-size:13px;width:50px; height:30px;line-height:28px;padding:21px 14px;box-sizing:border-box;text-indent:-9999px;background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba.cat')no-repeat 8px -117px;background-size:400px auto}
.btn-more-view{padding-top:6px;text-align:center;border-top:1px solid #e5e5e5}
.btn-more-view span{transition:all 0.5s ease;transform:rotate(180deg)}
.btn-more-view.on span{transform:rotate(0deg)}
.page-move-view{display:inline-block;vertical-align:top;font-size:13px;border-bottom:1px solid #666}
.btn-plus{width:25px;height:25px;background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba.cat')no-repeat -276px -97px;background-size:400px auto}
.btn-link{display:block;padding:20px 0 0}
.btn-link span{display:inline-block;font-size:14px;font-weight:500;color:#006eb9;border-bottom:1px solid #006eb9}
.btn-link:disabled span{color:#b2b2b2 !important;border-bottom:#b2b2b2 !important}

.btn-gray01{width:100%;border-radius:5px;border:1px solid #a2a2a2;background-color:#fafafa;height:40px;line-height:38px;font-size:13px;/*color:#333*/}
.btn-gray01:active{background:#fff;color:#000}
.btn-round{border-radius:30px  !important}
.btn-underline02{padding-bottom:3px;border-bottom:1px solid #666}

.menu-underline{border-bottom:1px solid #ccc}

/* top btn */
.topbtn{display: none;position: fixed;width: 35px;height: 35px;right: 5px;bottom: 135px;z-index:120}
.topbtn > button{display: block;width: 100%;height: 100%;background-color: rgba(245,245,245,0.7);border:1px solid rgba(199,199,199,0.7);border-radius: 50%;overflow: hidden;z-index: 10;box-sizing:border-box}
.topbtn .ico_topgo{margin: 10px auto}

/* icon */
.ico-is{display:inline-block;vertical-align:middle;overflow:hidden;text-indent:-999999999em;background-size:400px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba.cat');background-repeat:no-repeat}
.ico-is.ico-close {width:18px;height:18px;background-position:-9px -9px}
.ico-is.ico-close-blank {width:18px;height:18px;background-position:-9px -66px}
.ico-is.ico-del{width:16px;height:16px;background-position:-46px -10px}
.ico-is.ico-back{width:19px;height:25px;background-position:-79px -9px}
.ico-is.ico-siteMay-view{width:19px;height:25px;background-position:-118px -9px}
.ico-is.ico-back-page{width:19px;height:25px;background-position:-155px -9px}
.ico-is.ico-siteMap{width:22px;height:26px;background-position:-191px -8px}
.ico-is.ico-mark{width:6px;height:11px;background-position:-9px -41px}
.ico-is.ico-ssmenu-back{width:32px;height:32px;background-position:-23px -32px}
.ico-is.ico-insur-view{width:18px;height:10px;background-position:-323px -8px}
/*.ico-is.ico-canlender{width:50px;height:43px;background-position:-350px 4px}*/
.ico-is.ico-topgo{width:9px;height:11px;background-position:-111px -41px}
.ico-is.ico-arr-view{width:14px;height:7px;background-position:-137px -43px}
.ico-is.ico-arr-view01{width:14px;height:7px;background-position:-229px -43px}
.ico-is.ico-arr-view02{width: 5px;height: 9px;margin:0 5px 2px;background-position: -167px -102px}
.ico-is.ico-search{width:12px;height:12px;background-position:-169px -41px}
.ico-is.ico-modity{width:12px;height:13px;background-position:-199px -40px;margin-right:8px}
.ico-is.ico-search{width:12px;height:12px;background-position:-169px -41px}
.ico-is.ico-finish{width:40px;height:40px;background-position:-356px -45px}
.ico-is.ico-logSwich{width:22px;height:25px;background-position:-43px -64px}
.ico-is.ico-logoutSwich{width:32px;height:29px;background-position:-231px -61px}
.ico-is.ico-my-modify{width:11px;height:12px;background-position:-47px -101px}
.ico-is.ico-secur-cont{width:11px;height:12px;background-position:-76px -101px}
.ico-is.ico-alarm{width:11px;height:12px;background-position:-105px -101px}
.ico-is.ico-modify{width:23px;height:23px;background-position:-81px -63px}
.ico-is.ico-insur-view01{width:23px;height:23px;background-position:-122px -63px}
.ico-is.ico-arrow-blue{width:6px;height:12px;background-position:-289px -41px}
.ico-is.ico-login-modify{width:16px;height:13px;background-position:-313px -41px}
.ico-is.ico-photo-del{width:21px;height:21px;background-position:-163px -64px}
.ico-is.ico-more-view{width:13px;height:7px;background-position:-190px -104px}
.ico-is.ico-notice{width:18px;height:18px;background-position:-221px -98px}
.ico-is.ico-my{width:20px;height:20px;background-position:-201px -64px}
.ico-is.ico-fresh{width:20px;height:20px;background-position:-228px -10px}

.ico-is-f{position:relative;display:block;vertical-align:middle;overflow:hidden;width:30px;height:30px;margin:0 auto;background-size:60px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-sbbgre.cat');background-repeat:no-repeat}
.ico-is-f.ico-home{background-position:0 0}
.ico-is-f.ico-alarm{background-position:0 -60px}
.ico-is-f.ico-chatbot{background-position:0 -300px}
.ico-is-f.ico-my{background-position:0 -120px}
.ico-is-f.ico-cust{background-position:0 -180px}
.ico-is-f.ico-mobile-web{background-position:0 -240px}

.ico-is-f.on{position:relative;display:block;vertical-align:middle;overflow:hidden;width:30px;height:30px;margin:0 auto;background-size:60px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-sbbgre.cat');background-repeat:no-repeat}
.ico-is-f.ico-home.on{background-position:-30px 0}
.ico-is-f.ico-alarm.on{background-position:-30px -60px}
.ico-is-f.ico-chatbot.on{background-position:-30px -300px}
.ico-is-f.ico-my.on{background-position:-30px -120px}
.ico-is-f.ico-cust.on{background-position:-30px -180px}
.ico-is-f.ico-mobile-web.on{background-position:-30px -240px}

.ico-is-bt{position:relative;display:inline-block;padding:0 2px 2px;vertical-align:middle;overflow:hidden;background-size:20px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Soga-vpba.cat');background-repeat:no-repeat}
.ico-is-bt.ico-01{width:11px;height:12px;background-position:0px -3px}
.ico-is-bt.ico-02{width:11px;height:12px;background-position:0px -20px}
.ico-is-bt.ico-03{width:12px;height:13px;background-position:0px -37px}

/* paging */
.paging{position:relative;padding:20px 0 40px;text-align:center}
.paging button,
.paging div,
.paging div span{display:inline-block;vertical-align:middle}
.paging button{width:35px;height:35px;text-indent:-99999999em;background-size:400px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba.cat');background-repeat:no-repeat}
.paging button.btn-paging-prev{background-position:-8px -162px}
.paging button.btn-paging-next{background-position:-60px -162px}
.paging div{padding:0 17px;font-size:14px}
.paging div span{font-weight:500;font-family:'roboto', sans-serif;padding:0 3px;color:#999}
.paging div span:first-child{color:#0991e8}
.pageall{position:absolute;top:15px;right:0;padding-right:15px}

.txt-paging{padding:0 10px 30px}
.txt-paging button{overflow:hidden;display:block;font-size:13px;width:100%;height:45px;line-height:45px;background:#fff;border-radius:5px;box-shadow:0px 0px 7px 0px rgba(0,0,0,0.1)}
.txt-paging button:before{content:"+";display:inline-block;vertical-align:top;margin:0 7px 0 0;line-height:45px}
.txt-paging button span{font-size:14px;font-family:'roboto', sans-serif;font-weight:500}
.txt-paging button span em{font-weight:400;color:#1b97e6}
.txt-paging button:active{background:#fafafa}

.txt-paging02{background-color:#fff;border-bottom:1px solid #d5d5d5}
.txt-paging02 button{overflow:hidden;display:block;font-size:13px;width:100%;height:55px;line-height:55px}
.txt-paging02 button:active{background:#fafafa}
.txt-paging02 button:before{content:"+";display:inline-block;vertical-align:top;margin:0 7px 0 0;line-height:53px}
.txt-paging02 button span{font-size:14px;font-family:'roboto', sans-serif;color:#999;font-weight:500}
.txt-paging02 button span em{font-weight:600;color:#1b97e6}
.txt-paging02.type01{border-top:1px solid #d5d5d5}

/* form */
::-webkit-input-placeholder {font-size:14px; color:#b1b1b1}
::-moz-placeholder {font-size:14px;color:#b1b1b1}
:-ms-input-placeholder {font-size:14px;color:#b1b1b1}
:-moz-placeholder {font-size:14px;color:#b1b1b1}

textarea.form-textarea{text-align:left;font-size:13px;border:1px solid #ccc}

.txt-tip{display:none}
.error > div{border:1px solid #e50b1f !important}
.error .txt-tip{display:block;width:100%;font-size:12px;line-height:15px;padding:7px 0;color:#e50b1f;padding-bottom:5px;font-weight:500}

.form-list.bg-type{margin-top:-9px;padding:10px 10px 5px;background:#f9f9f9}
.form-list > div > label{display:block;font-size:14px;min-height:33px;line-height:20px;padding:10px 0 8px;box-sizing:border-box}
.form-list > div > label em{display:inline-block;color:#ff5151;padding:0 4px}
.form-listt > div.check-box  > label{padding:0}

.field-form{padding-bottom:5px}
.field-form > div{overflow:hidden;position:relative;z-index:1;min-height:45px;text-align:center;border:1px solid #ccc;background:#fff;box-sizing:border-box}
.field-form > div.on{border:1px solid #0782d1;z-index:10}
.field-form .btn-s{margin:7px 0}
.big-font .phone.field-form .selector{width:auto !important}
.big-font .phone.field-form.new .selector .fsize{font-size:15px}
.big-font .phone.field-form.new .btn-s{width:auto !important}
.big-font .phone.field-form.new .btn-s.inj{right:5px;bottom:4px;height:40px;margin:0}
.big-font .phone.field-form.new .input-timer{right:105px}
.big-font .field-form.new.jumin .ico-jumin{margin-top:.2rem}

.field-form.type01{padding-bottom:0}
.field-form.type01 label{display:none}
.field-form.type01 input[type='text'], 
.field-form.type01 input[type='password'],
.field-form.type01 input[type='tel'],
.field-form.type01 input[type='number'],
.field-form.type01 input[type='button'],
.field-form.type01 input[type='submit'],
.field-form.type01 input[type='reset'],
.field-form.type01 input[type='file'],
.field-form.type01 select{height:48px;line-height:48px;padding:0 20px}

.field-form.type01:first-child input{height:48px !important;line-height:48px !important}
/*.field-form.type01:first-child.error .txt-tip{border-top:1px solid #e50b1f}*/
.field-form.type01 + .field-form.type01{margin-top:-1px}

.field-form.type01.phone input,
.field-form.type01.phone select{/*width:100%;*/height:49px}
.field-form.type01.phone input + .btn-s{margin:10px 0}
.field-form.type01.phone input.end{height:49px !important;padding:0 155px 0 15px}
.field-form.type01.phone .input-timer{line-height:49px}
.field-form.type01.jumin .ico-jumin{background-position: center -45px}
.field-form.field-accnum select{width:calc(100% - 101px)}
.field-form.field-accnum select + .btn-s{margin:7px 15px 7px 0}
.login .field-form.field-accnum select + .btn-s{margin:9px 15px 9px 0}

.field-txt:after{content:"";display:block;clear:both;clear:both;overflow:hidden;visibility:hidden}
.field-txt > div{position:relative;z-index:1}
.field-txt > div label{display:none}
.field-txt:after{content:"";clear:both;clear:both;overflow:hidden;visibility:hidden}
.field-txt input{float:left;width:100%}
.field-txt.txt-pay > div{line-height:43px}
.field-txt.txt-pay > div input{width:calc(100% - 50px);padding-right:0;font-family:'roboto', sans-serif;text-align:right}
.field-txt.txt-age > div{line-height:43px}
.field-txt.txt-age > div input{width:calc(100% - 40px);padding-right:0;font-family:'roboto', sans-serif}
.field-txt .txt-count{float:right;color:#666}
.field-txt .txt-count em{color:#ff5151}

.field-cardnum:after{content:"";display:block;clear:both;clear:both;overflow:hidden;visibility:hidden;border:1px solid}
.field-cardnum > div{position:relative;z-index:1; }
.field-cardnum > div label{display:none}
.field-cardnum > input{float:left; width:17%}

.field-drive > div{position:relative;z-index:1;text-align:left}
.field-drive > div label{display:none}
.field-drive > div select{float:left;width:auto} 
.field-drive > div input{float:left;width:40px;font-family:'roboto', sans-serif;padding:0 }
.field-drive > div input + span + label + input{width:80px}
.field-drive > div input + span + label + input + span + label + input{width:40px}
.field-drive > div span{float:left;display:block;font-size:39px;width:30px;height:100%;line-height:34px;color:#aeaeae;text-align:center}

.field-cardnum {position:relative;z-index:1;text-align:left}
.field-cardnum > label{display:none}
.field-cardnum > input{float:left;font-family:'roboto', sans-serif;padding:0 }
.field-cardnum > span{float:left;display:block;font-size:39px;width:30px;height:100%;line-height:34px;color:#aeaeae;text-align:center}
.field-cardnum input{width:18%;border:1px solid #ccc;box-sizing:border-box;text-align:center}

.jumin{overflow:hidden}
.jumin:after{content:"";clear:both;clear:both;overflow:hidden;visibility:hidden}
.jumin > div span{float:left;display:block;font-size:39px;width:30px;height:100%;line-height:34px;color:#aeaeae;text-align:left}
.jumin label{display:none}
.jumin input{float:left;width:calc(50% - 30px);font-weight:500;font-family:'roboto', sans-serif}
.jumin.fullNumber input{width:calc(90% - 30px);font-size:30px}
.jumin input + span + label + input{float:left;width:15px;text-indent:0;padding:0 !important}
.jumin .ico-jumin{display:inline-block;width:110px;color:#000;font-size:44px;line-height:40px !important;text-indent:-9999999em;background-position:center -47px;background-size:118px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-whzva.cat');background-repeat:no-repeat}
.jumin.type-change input + span + label + input{line-height:43px}
.jumin.type-change input:nth-of-type(1){width:30%}
.jumin.type-change input:nth-of-type(2){width:calc(70% - 30px - 90px)}
.login .jumin > div span{line-height:42px}
.login .jumin .ico-jumin{background-position:center -45px}
.jumin input + span + label + input::-webkit-input-placeholder {font-size:12px;color:#b1b1b1}
.jumin input + span + label + input::-moz-placeholder {font-size:12px;color:#b1b1b1}
.jumin input + span + label + input:-ms-input-placeholder {font-size:12px;color:#b1b1b1}
.jumin input + span + label + input:-moz-placeholder {font-size:12px;color:#b1b1b1}

.phone > div{position:relative}
.phone > div label{display:none}
.phone:after{content:"";clear:both;clear:both;overflow:hidden;visibility:hidden}
.phone > div > input{font-weight:400}
.phone > div > .selector{float:left;width:145px;background-position: 80% 50%}
.phone > div > span{float:left;padding:0 10px;line-height: 42px;color:#333;font-weight:500}
.phone input{width:calc(100% - 145px);padding:0;font-family:'roboto', sans-serif}
.phone input.end{width:100%;padding:0 155px 0 15px;border-top:1px solid #ccc;box-sizing:border-box}
.phone .btn-s{position:absolute;bottom:-1px;right:15px}
.phone .input-timer{float:none;position:absolute;bottom:-1px;right:105px;padding:0;font-size:15px;font-family:'roboto', sans-serif;color:#ff5151}
.phone .btn-form-search{margin:5px 0}
.phone + .phone{margin-top:5px}
.phone + button + .phone{margin-top:5px}
.phone + button + .phone input{width:100%;padding-left:15px}

.phone02{position:relative}
.phone02 > div label{display:none}
.phone02:after{content:"";clear:both;clear:both;overflow:hidden;visibility:hidden}
.phone02 .selector{float:left;width:35%;background-position: 80% 50%}
.phone02 span.fl{display:inline-block;padding:0 10px;line-height: 42px;color:#aeaeae}
.phone02 input{float:left;padding:0;font-family:'roboto', sans-serif}
.phone02 > div > .selector + label + input {float:left;width:calc(23% - 13px);font-weight:500}
.phone02 > div > .selector + label + input + span + label + input{float:left;width:calc(42% - 13px);font-weight:500}

.phone03{position:relative}
.phone03 > div label{display:none}
.phone03:after{content:"";clear:both;clear:both;overflow:hidden;visibility:hidden}
.phone03 .selector{float:left;width:30%;/*height:48px;line-height:30px;*/background-position: 80% 50%}
.phone03 span.fl{display:inline-block;padding:0 10px;line-height: 42px;color:#aeaeae}
.phone03 input{float:left;padding:0;font-family:'roboto', sans-serif}
.phone03 > div > .selector + label + input {float:left;width:calc((70% / 2) - 47px)}
.phone03 > div > .selector + label + input  + label + input{float:left;width:calc((70% / 2) - 47px)}

.phone04{position:relative}
.phone04 > div label{display:none}
.phone04:after{content:"";clear:both;clear:both;overflow:hidden;visibility:hidden}
.phone04 .selector{float:left;width:29%;background-position: 80% 50%}
.phone04 span.fl{display:inline-block;padding:0 10px;line-height: 42px;color:#aeaeae}
.phone04 input{float:left;padding:0;font-family:'roboto', sans-serif}
.phone04 > div > .selector + label + input {float:left;width:calc(30% - 13px);font-weight:500}
.phone04 > div > .selector + label + input + span + label + input{float:left;width:calc(30% - 13px);font-weight:500}

.phone .selector + .selector + label + input::-webkit-input-placeholder,
.phone .selector + .selector + label + input + span + label + input::-webkit-input-placeholder,
.phone02 input::-webkit-input-placeholder,
.phone03 input::-webkit-input-placeholder{font-size:11px;color:#b1b1b1}
.phone04 input::-webkit-input-placeholder,
.phone .selector + .selector + label + input::-moz-placeholder,
.phone .selector + .selector + label + input + span + label + input::-moz-placeholder,
.phone02 input::-moz-placeholder,
.phone03 input::-moz-placeholder{font-size:11px;color:#b1b1b1}
.phone04 input::-moz-placeholder,
.phone .selector + .selector + label + input:-ms-input-placeholder,
.phone .selector + .selector + label + input + span + label + input:-ms-input-placeholder,
.phone02 input:-ms-input-placeholder,
.phone03 input:-ms-input-placeholder{font-size:11px;color:#b1b1b1}
.phone04 input:-ms-input-placeholder,
.phone .selector + .selector + label + input:-moz-placeholder,
.phone .selector + .selector + label + input + span + label + input:-moz-placeholder,
.phone02 input:-moz-placeholder,
.phone03 input:-moz-placeholder{font-size:11px;color:#b1b1b1}
.phone04 input:-moz-placeholder,

.field-email{position:relative}
.field-email > div{display:inline-block;vertical-align:middle;width:100%}
.field-email input{float:left;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:50%;padding-right:0}
.field-email > div span.mark{display:inline-block;vertical-align:middle;text-align:center;width:25px;height:35px;line-height:35px}
.field-email > div span.addr,
.field-email .selecter{display: inline-block;vertical-align: middle;width: calc(50% - 35px);font-size:14px;text-align:left;line-height: 41px}
.field-email .selecter select{padding-left: 0}
.field-email .mail-txt{width:100%;border-top: 1px solid #ccc}

.field-address:after{content:"";clear:both;display:block;overflow:hidden;visibility:hidden}
.field-address > .selecter{float:left;width:calc(50% - 5px)}
.field-address > .selecter + .selecter{margin:0 0 0 10px}

.field-address01 > div{min-height:45px}
.field-address01 .selecter{float:left;width: 45%}
.field-address01 .selecter + .selecter{float:right;margin-top: 0}
.field-address01 input{float:left;width:calc(100% - 71px); height:43px;line-height:43px}
.field-address01 input:last-child{width:100%;border-top:1px solid #ccc}
.field-address01 .error .txt-tip{border-top:1px solid #e50b1f}

.field-selectSearch > div{min-height:45px}
.field-selectSearch .selecter{float:left;width: 75%}
.field-selectSearch .selecter + .selecter{float:right;margin-top: 0}
.field-selectSearch input{float:left;width:calc(100% - 71px); height:43px;line-height:43px}
.field-selectSearch input:last-child{width:100%;border-top:1px solid #ccc}
.field-selectSearch .error .txt-tip{border-top:1px solid #e50b1f}

.field-zipcode > div{height:45px}
.field-zipcode .selecter{float:left;width: 45%}
.field-zipcode .selecter + .selecter{float:right;margin-top: 0}
.field-zipcode input{float:left;width:calc(100% - 71px); height:43px;line-height:43px}
.field-zipcode .error .txt-tip{border-top:1px solid #e50b1f}

.login .field-zipcode > div{height:49px !important}
.login .field-zipcode .selecter{width: 49%  !important}
.login .field-zipcode input{height:48px !important;line-height:48px !important}

.acc-num01{overflow:hidden;height:50px;text-align:center;border:1px solid #0782d1;background:#fff;box-sizing:border-box}
.acc-num01:after{content:"";clear:both;clear:both;overflow:hidden;visibility:hidden}
.acc-num01 label{display:none}
.acc-num01 span{float:left;display:block;font-size:39px;width:30px;height:100%;line-height:42px;color:#aeaeae;text-align:left}
.acc-num01 input{float:left;width:calc(50% - 15px);height:48px;line-height:48px;text-align:center;border:none;color:#006eb9;font:17px 'roboto', sans-serif;font-weight:500}

.field-account{position:relative}
.field-account > div{text-align:left}
.field-account > div.on{border:1px solid #0782d1;z-index:10}
.field-account > div label{display:none}
.field-account:after{content:"";clear:both;clear:both;overflow:hidden;visibility:hidden}
.field-account input{width:100%;border-bottom:1px solid #ccc}
.field-account input + label + input{width:calc(100% - 96px);border-bottom:0}

.field-btn-chk{position:relative}
.field-btn-chk > div:after{content:"";clear:both;display:block;overflow:hidden;visibility:hidden}
.field-btn-chk > div{border:none}
.field-btn-chk > div button{position:relative;float:left;height:45px;background:#fafafa;border:1px solid #ccc;box-sizing:border-box}
.field-btn-chk div button + button{margin-left:-1px}
.field-btn-chk > div button.checked{font-weight:400;color:#006eb9;background:#fff;border-color:#006eb9;z-index:5}
.field-btn-chk > div.box-col02 button{width:50%}
.field-btn-chk > div.box-col03 button{width:33.33333333%}
.field-btn-chk .col03 .btn{width:33.3333333333%}
.field-btn-chk .col03 .btn + .btn{margin-left:-1px}

.field-pw-chk{position:relative}
.field-pw-chk > div:after{content:"";clear:both;display:block;overflow:hidden;visibility:hidden}
.field-pw-chk > div input{width:100%}
.field-pw-chk > div input + label + input{border-top:1px solid #ccc}

.field-addr-search > div{border:1px solid #d5d5d5}
.field-addr-search .selecter{float:left;width:calc(50% - 1px);margin:0}
.field-addr-search .selecter + .selecter{margin-top:0;border-left:1px solid #d5d5d5}
.field-addr-search .selecter.w-full{border-top:1px solid #d5d5d5;border-left:0}
.field-addr-search .selecter.w-full:before{content:"";clear:both;display:block;overflow:hidden;visibility:hidden}
.field-addr-search .search-txt{position:relative;clear:both}
.field-addr-search .search-txt .icon-search{overflow:hidden;position:absolute;top:0;left:0;width:20px;height:20px;margin:12px 10px 12px 16px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba.cat')no-repeat transparent;background-position: -9px -95px;background-size:400px;text-indent:-9999px}
.field-addr-search .search-txt label{display:none}
.field-addr-search .search-txt input{padding-left:45px;border-top:1px solid #d5d5d5}

.calendar{position:relative}
.calendar:after{content:"";clear:both;clear:both;overflow:hidden;visibility:hidden}
.calendar > div{overflow:visible;position:initial !important}
.calendar > div > div{position:relative;float:left;width:calc(50% - 15px)}
.calendar > div > div:after{content:"";display:block;position:absolute;top:0;right:0;width:50px;height:43px;background-position:-350px 4px;background-size:400px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba.cat');background-repeat:no-repeat}
.calendar > div label{display:none}
.calendar > div span{float:left;display:block;font-size:20px;width:30px;/*line-height:43px;*/font-family:'roboto', sans-serif;color:#aeaeae;text-align:left}
.calendar input[type="tel"]{position:relative;z-index:1;background:rgba(255,255,255,0);font-weight:500;float:left;width:100%;height:43px;line-height:43px;border:none;font-family:'roboto', sans-serif}
.calendar .btn-canlender{position:absolute;top:0;right:0;display:block;width:50px;height:100%}
.calendar.c-type01 > div > div{width:100%}
.calendar.c-type02 > div > div{width:50%;text-align: left;border-left:0;box-sizing:border-box}
.calendar.c-type02 > div > div + div{border-left:1px solid #ccc}
.calendar.c-type02 > div > div + div:after{background-position: -350px -88px}
.calendar.c-type02 > div > div + div input{width:calc(100% - 35px)}

.ui-widget.ui-widget-content {border:1px solid #bbb; border-radius:5px; display:none}
.ui-datepicker .ui-datepicker-header {height:44px; padding:0}
.ui-widget-header {border-bottom:1px solid #e5e5e5; position: relative;box-sizing:border-box}
.ui-datepicker .ui-datepicker-title {line-height: 44px; text-align: center; font-size:17px}
.ui-datepicker .ui-datepicker-title span{font-family:'roboto', sans-serif;font-weight:500}
.ui-widget-header .ui-datepicker-prev { position:absolute; left:0; width:43px; height:100%; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-pnayraqre.cat') 0 0 no-repeat; background-size:172px auto; font-size:0; }
.ui-widget-header .ui-datepicker-next { position:absolute; right:0;;width:43px; height:100%; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-pnayraqre.cat') -43px 0 no-repeat; background-size:172px auto; font-size:0}
.ui-widget-header .ui-datepicker-prev span,
.ui-widget-header .ui-datepicker-next span {font-size:0; width:28px}
.ui-datepicker {width:235px; box-sizing: border-box}
.ui-widget-content  {background:#fff}

.ui-datepicker-calendar {width:100%}
.ui-datepicker-calendar a {display:block; text-align: center;font-family:'roboto', sans-serif}
.ui-datepicker-calendar th {text-align: center; border-bottom:1px solid #e5e5e5;background:#fcfcfc}
.ui-datepicker-calendar th:last-child span {color:#ff5151  !important}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {width:30px; height: 30px;font-size:13px}
.ui-datepicker-calendar td span{font-family:'roboto', sans-serif}
.ui-datepicker-calendar .ui-state-hover{background: #ededed; font-weight: 500; color: #2b2b2b;  border-radius:3px; height:100%; line-height:28px}
.ui-datepicker-calendar td.ui-datepicker-unselectable {text-align: center; color:#ccc}
.ui-datepicker-calendar td.ui-datepicker-unselectable .ui-state-default { color:#ccc}

.check-box{position:relative;min-height:35px; display:inline-block; padding-right:15px}
.check-box input{display:none;opacity:0;width:18px;height:18px;padding: 1px;-webkit-appearance: none;vertical-align:middle}
.check-box label{display:inline-block;vertical-align:top;line-height:30px}
.check-box label:before{content:"";display:inline-block;vertical-align:middle;width:30px;height:30px;background-position:0 0;background-size:30px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpb-purpx.cat');background-repeat:no-repeat}
.check-box input:checked + label:before{background-position:0 -30px;/*color: #006eb9;*/}
.check-box input:checked + label{font-weight:400}
/* disabled 경우 */
.check-box input[type="checkbox"]:disabled+label{color: #bbb}
.check-box input[type="checkbox"]:disabled+label:before{background-position:0 -60px}
.check-box input[type="checkbox"]:checked:disabled+label{color: #bbb}
.check-box input[type="checkbox"]:checked:disabled+label:before{background-position:0 -90px}

.check-box01{position:relative;min-height:50px; display:inline-block; }
.check-box01 input{display:none;opacity:0;width:18px;height:18px;padding: 1px;-webkit-appearance: none;border:none;vertical-align:middle}
.check-box01 label{display:inline-block;vertical-align:top;line-height:30px;font-weight:500;width:100%}
.check-box01 label:before{content:"";display:inline-block;vertical-align:top;width:30px;height:30px;background-position:-5px 0px;background-size:30px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpb-purpx.cat');background-repeat:no-repeat}
.check-box01 input:checked + label:before{background-position:-5px -30px}
.check-box01 input:checked + label{font-weight:400}

.check-box02{position:relative;min-height:30px; display:inline-block; }
.check-box02:after{content:"";clear:both;display:block;overflow:hidden;visibility:hidden}
.check-box02 input{display:none;opacity:0;width:15px;height:15px;padding: 1px;-webkit-appearance: none;border:none;vertical-align:middle}
.check-box02 label{display:inline-block;vertical-align:top;line-height:30px;color:#666}
.check-box02 label:before{content:"";display:inline-block;vertical-align:top;width:30px;height:30px;background-position:0px 5px;background-size:25px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpb-purpx02.cat');background-repeat:no-repeat}
.check-box02 input:checked + label:before{background-position:0px -16px;/*color: #006eb9;*/}
.check-box02 input:checked + label{font-weight:400}

.jukbuSpanPass .tit-02 span{display:inline-block;margin-right:5px;padding:2px 8px;background:#1b97e6;color:#fff}
.box-type06.list{padding:5px 15px;border:1px solid #ccc}
.box-type06 .list_red{overflow:hidden;margin-bottom:20px}
.box-type06 .list_red li{float:left;margin-left:20px;padding-left:15px;background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Sohyg_qrc2.tvs') 5px center no-repeat;line-height:30px}
.box-type06 .list_red li:first-child{margin-left:0}
.box-type06 .list_red li li{background:none}
.box-type06 .list_red.block li{float:none;margin-left:0;background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Sohyg_qrc2.tvs') 5px 13px no-repeat}
.box-type06 .list_red.block .list_red li{float:left;background:none}
.box-type06 .list_red.block .list_red li:first-child{padding-left:0}
.box-type06 .list_red_dl{}
.box-type06 .list_red_dl dt{display:inline-block;padding:2px 8px;background:#76d1ec;color:#fff}
.box-type06 .list_red_dl dd{margin-bottom:15px;padding-bottom:5px;border-bottom:1px dashed #ccc}
.list_red .checkon:before{content:"";display:inline-block;vertical-align:top;width:30px;height:30px;background-position:0px -15px;background-size:25px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpb-purpx02.cat');background-repeat:no-repeat }

.check-box03{position:relative;min-height:35px; display:inline-block; padding-right:13px}
.check-box03 input{display:none;opacity:0;width:18px;height:18px;padding: 1px;-webkit-appearance: none;vertical-align:middle}
.check-box03 label{display:inline-block;vertical-align:top;line-height:30px}
.check-box03 label:before{content:"";display:inline-block;vertical-align:middle;width:25px;height:30px;background-position:-5px 0px;background-size:30px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpb-purpx.cat');background-repeat:no-repeat}
.check-box03 input:checked + label:before{background-position:-5px -30px;/*color: #006eb9;*/}
.check-box03 input:checked + label{font-weight:400}

.check-box04{position:relative;min-height:20px; padding-right:13px}
.check-box04 input{display:none;opacity:0;width:18px;height:18px;padding: 1px;-webkit-appearance: none;vertical-align:middle}
.check-box04 label{display:inline-block;vertical-align:top;line-height:20px}
.check-box04 label:before{content:"";display:inline-block;vertical-align:middle;width:32px;height:20px;background-position:12px 0px;background-size:20px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpb-purpx03.cat');background-repeat:no-repeat}
.check-box04 input:checked + label:before{background-position:12px -40px}
.check-box04 input:checked + label{font-weight:400}

.check-box04-big{position:relative;min-height:20px}
.check-box04-big input{display:none;opacity:0;width:18px;height:18px;padding: 1px;-webkit-appearance: none;vertical-align:middle}
.check-box04-big label{display:inline-block;vertical-align:top;line-height:20px}
.check-box04-big label:before{content:"";display:inline-block;vertical-align:middle;width:20px;height:20px;background-position:1px 3px;background-size:20px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpb-purpx03.cat');background-repeat:no-repeat}
.check-box04-big input:checked + label:before{background-position:1px -37px}
.check-box04-big input:checked + label{font-weight:400}

/* 개인신용정보처리 동의 버튼양식 2019.03.28 김기태 */
/* .check-box-new dt.dt_tit{padding-left:1rem;background-size: 10px auto;background-position:0 5px;background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-zber01.cat);background-repeat: no-repeat;font-weight:bold} */
.check-box-new dt.dt_tit{background-size: 10px auto;background-position:0 5px;background-repeat: no-repeat;font-size:100%}
.check-box-new dd{margin-bottom:0.5rem}
.check-box-new dd input+label{margin-right:1rem}

.radio-box{position:relative;min-height:35px; display:inline-block; padding-right:15px}
.radio-box input{display:none;opacity:0;width:18px;height:18px;padding: 1px;-webkit-appearance: none;vertical-align:middle}
.radio-box label{display:inline-block;vertical-align:middle;line-height:35px !important}
.radio-box label:before{content:"";display:inline-block;vertical-align:top;width:30px;height:30px;background-position:0 3px;background-size:30px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Svpba-enqvbobk.cat');background-repeat:no-repeat}
.radio-box input:checked + label:before{background-position:0 -27px;color: #006eb9}
.radio-box input:checked + label{font-weight:400}
/*.radio-box input:checked + label{color:#006eb9}*/
/* disabled 경우 */
.radio-box input[type="radio"]:disabled+label{color: #bbb}
.radio-box input[type="radio"]:disabled+label:before{background-position:0 -60px}
.radio-box input[type="radio"]:checked:disabled+label{color: #bbb}
.radio-box input[type="radio"]:checked:disabled+label:before{background-position:0 -90px}
.radio-box.blockType{display:block}
.radio-box.blockType label{position:relative;padding-left:32px}
.radio-box.blockType label:before{position:absolute;left:0}

.selecter > label{display:none}
.selecter + .selecter{margin-top:15px}

/* agree-checkbox / slide */
.login-agree01 {margin-top:10px;background-color:#fff}
.login-agree01 + .login-agree01{margin-top:-1px}
.check-box01 {display: block;position:relative;padding:8px 15px;border:1px solid #e4e4e4;font-size:14px;box-sizing:border-box}
.check-box01.checked {border: 1px solid #0782d1;z-index:1}
.check-box01 .btn-view-arrow ,
.check-box02 .btn-view-arrow {position:absolute;top:0;right:0;width:48px;height:48px;vertical-align:middle;background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzt%2Svpba%2Soga-neebj-e02.cat')no-repeat center center;background-size:8px auto}
.check-box02 .btn-view-arrow{width:30px;height:30px}

.agree-list{border:1px solid #e7e7e7;border-top:0;padding:5px 15px}
.agree-list .check-box02{display:block;width:100%}
.agree-list .check-box02 label{font-size: 13px;width:calc(100% - 30px)}

/*약관동의 수정 20220422*/
.termsAgreeType > .check-box01{padding:0;margin-bottom:6px;border:0 none;text-align:center}
.termsAgreeType > .check-box01 label{width:calc(100% - 32px);padding:8px 15px;border:1px solid #e4e4e4}
.termsAgreeType > .check-box01 input:checked + label,.termsAgreeType > .check-box01 input[checked ="checked"] + label{border-color:#2ec45d}
.termsAgreeType .agree-list{border:1px solid #e7e7e7}
.termsAgreeType .agree-list .check-box02 .chkArrow{position:absolute;top:3px;right:-10px;width:30px;height:30px;padding:0}
.termsAgreeType .agree-list .check-box02 .chkArrow > span{display:block;width:10px;height:10px;margin-top:2px;border:solid #aaa;border-width:1px 1px 0 0;font-size:0;line-height:0;transform:scaleX(1) rotate(45deg);-webkit-transform:scaleX(1) rotate(45deg);transform-origin:right bottom;-webkit-transform-origin:right bottom}

/*push*/
/*이벤트 동의페이지 신규 추가 2020.06.01*/
.agreeAll {margin:-10px 0 10px; text-align:right;}

/* 체크박스, 라디오버튼 : 버튼형1 */
.label-btn {position:relative;display:inline-block;height:2.1rem;border-radius:0.3rem;border:0.1rem solid #ced4d9;}
.label-btn label {position:relative;display:block;float:left;width:50%;}
.label-btn label + label {border-left:0.1rem solid #ced4d9;margin:0 0 0 -0.1rem;}
.label-btn label input {position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;z-index:-1;width:100%;}
.label-btn label span, .label-btn a {position:relative;display:block;min-width:5rem;padding:0;font-size:0.8rem;line-height:2rem;color:#222;text-align:center;white-space:nowrap;z-index:1}
.label-btn label:first-child,
.label-btn label:first-child > span, 
.label-btn label:first-child > span:before {border-radius:0.3rem 0 0 0.3rem;}
.label-btn label:last-child, 
.label-btn label:last-child > span, 
.label-btn label:last-child > span:before {border-radius:0 0.3rem 0.3rem 0}
.label-btn a {display:inline-block;min-width:8.5rem;border-radius:0.3rem}
.label-btn label input:checked + span, .label-btn a.complete {color:#fff}
.label-btn label input:checked + span:before{content:'';position:absolute;left:-0.1rem;right:-0.1rem;top:-0.1rem;bottom:-0.1rem;background:#0081d1;z-index:-1;}
.label-btn label input:focus + span {outline:1px dotted #000}/*20181211 웹접근성 포커스이동으로 인한 추가  */
.label-btn a.complete:before {border-radius:0.3rem;}
.label-btn.type2 label span {width:3.5rem;}

/*20210714 약관동의화면 수정*/
.agreeList{margin:-5px 0}
.agreeList li{position:relative;}
.agreeEach{display:table;position:relative;width:calc(100% - 160px);table-layout:fixed;vertical-align:middle;min-height:30px;margin:0;padding:0 150px 0 10px;text-align:left}	
.agreeEach p{display:block;margin:0;text-align:left;}
.agreeEach p.tit-03{display:table-cell;width:100%;min-height:auto;padding:0;font-size:13px;line-height:18px;vertical-align:middle}
.agreeEach button.btn-dth05-view{position:absolute;width:38px}
.agreeEach button.btn-dth05-view span{display:block;overflow:hidden;text-indent:-999999999em}
.agreeEach button.btn-dth05-view{transition:all 0.5s ease}
/* .agreeEach button.btn-dth05-view{transform:rotate(180deg);-webkit-transform:rotate(180deg)} 회전*/
.active .agreeEach button.btn-dth05-view{transition:all 0.5s ease;transform: rotate(180deg);-webkit-transform:rotate(180deg)}
.agreeEach .labelSmallBtn{top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.agreeEach + .detailArea{margin-top:5px;padding-top:4px;border-top:1px dashed #ddd}
.agreeEach + .detailArea > p{padding:5px}
.agreeEach + .detailArea .overScroll100{margin-bottom:0}

.labelSmallBtn {position:absolute;right:2rem;display:inline-block;height:1.5rem;border-radius:0.3rem;border:0.1rem solid #ced4d9;}
.labelSmallBtn label {position:relative;display:block;float:left;width:50%;}
.labelSmallBtn label + label {border-left:0.1rem solid #ced4d9;margin:0 0 0 -0.1rem}
.labelSmallBtn label input {position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;z-index:-1;width:100%;}
.labelSmallBtn label span, .labelSmallBtn a {position:relative;display:block;min-width:3rem;padding:0;font-size:0.8rem;line-height:1.5rem;color:#222;text-align:center;white-space:nowrap;z-index:1}
.labelSmallBtn label:first-child,
.labelSmallBtn label:first-child > span,
.labelSmallBtn label:first-child > span:before {border-radius:0.3rem 0 0 0.3rem}
/*
.labelSmallBtn label:last-child,
.labelSmallBtn label:last-child > span,
.labelSmallBtn label:last-child > span:before{border-radius:0 0.3rem 0.3rem 0;}*/
.labelSmallBtn label:last-child, 
.labelSmallBtn label:last-child > span, 
.labelSmallBtn label:last-child > span:before {border-radius:0 0.3rem 0.3rem 0}
.labelSmallBtn a {display:inline-block;min-width:8.5rem;border-radius:0.3rem}
.labelSmallBtn label input:checked + span{color:#fff}
.labelSmallBtn label input:checked + span:before{content:'';position:absolute;left:-0.1rem;right:-0.1rem;top:-0.1rem;bottom:-0.1rem;background:#0081d1;z-index:-1;}
.labelSmallBtn label input:focus + span {outline:1px dotted #000}/*20181211 웹접근성 포커스이동으로 인한 추가  */
.labelSmallBtn a.complete:before {border-radius:0.3rem;}
.labelSmallBtn .type2 label span {width:3.5rem;}				

.point1{color:#0081d1  !important;} /* 파랑 */
.point2{color:#ff8800  !important;} /* 주황 */
.point3{color:#008000  !important;} /* 초록 */
.point4{color:#ced4d9  !important;} /* 보더칼라 */
.point5{color:#333  !important;} /* 짙은회색 */	

/* 박스타입1 */
.box-type1 {margin:.5rem 0 1.0rem;padding:.25rem .5rem;border:1px solid #ced4d9;border-radius:.625rem;background:#fff;}
.box-type1 .f-aside{border-top:1px solid #e5e5e5; box-sizing:border-box;}
.box-type1 .boxType1_li{line-height:1.5rem;padding:10px 0}


/*패스워드*/
 @font-face{
	font-family:'pass';
	font-style:normal;
	font-weight:400;
	src:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2SjBSS%00%01%00%00%00%00%04%RP%00%0S%00%00%00%00%07q%00%01%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00%00SSGZ%00%00%01K%00%00%00%1P%00%00%00%1P%83%QS%O3%RSTQRS%00%00%01g%00%00%00%1P%00%00%00%1R%00%27%00%0QBF%2S2%00%00%01%90%00%00%00%3S%00%00%00%60~%P0%90%18pznc%00%00%01%Q0%00%00%00L%00%00%01ws%8P%0P%P7pig%20%00%00%02%2P%00%00%00%04%00%00%00%04%00%22%02%88tnfc%00%00%020%00%00%00%08%00%00%00%08%00%00%00%10tyls%00%00%028%00%00%00%O9%00%00%0143%03K%27urnq%00%00%02%S4%00%00%000%00%00%006%0S%03o%N0uurn%00%00%03%24%00%00%00%1R%00%00%00%24%05%3R%012uzgk%00%00%03Q%00%00%00%1P%00%00%00%1P%08%SN%00%RNybpn%00%00%03%60%00%00%00%10%00%00%00%10%00%R6%01Yznkc%00%00%03c%00%00%00%1N%00%00%00%20%00%0N%00Banzr%00%00%03%8P%00%00%01%16%00%00%02%20%07%88L%Q3cbfg%00%00%04%N4%00%00%00%3R%00%00%00AA%8R%OS%25jros%00%00%04%R4%00%00%00%06%00%00%00%06%R2%OOM%Q2%00%00%00%01%00%00%00%00%Q5%RR%94%S5%00%00%00%00%Q6%S8%8O%P1%00%00%00%00%Q6%S8%938k%QNp%60q%60%60%R0%01o1%20so%60%04O6%20s%01%S3%18%00%03%R0%005k%QNp%60o%7P%P88%81%81%95%81%85N%03%03%9R%60%40%05%8P%P8%1P%N7%PP%N2%14%06%07%06%5R%Q5%3S%PP1%SS%QR0%N40%P70%8N%28%Q83%SP%07%P91%Q92%P7%00%29%05%06S%00%S3%S2%0O%QQ%00k%QNp%60%60%60s%80%60%19%06S%06%10U%01%S2%18%P1%7P%16%06%0S%20%PQ%P7%P0%P1%P0%P4%P0%06q%S12%28%28%28%N9%9RJ%SQ%S3%SS%3SK%252%9S%S1%SS%Q7%SS%8S%RS%3S%ONri%8O%0Ow%0R%12%60%04%RN%86%0922%01%09%26g%05%10%27%0P8%60%N1%9Q%Q1%00%7P%RP%11%O8%00%00%00%00%22%02%88%00%01%00%01%SS%SS%00%0Sk%QNp%60oCo%60%604oM%P5%P0%PP%P0%PR%N0%O7%91%91N%QSs%13%3O%0O%P3%5O%N3%8Qy%NPjy613%01%99%0P%1O%99N%P2%NP%20%R1Z%RPy%8P%7Sy61%82%P4%8Q%05%15%05%Q5%8Q%05%95%95%18%05%QR%9Q9%P3%O4%RNb%98%12F%1N%Q08%86%24%86G%P6%3O%8P%S7%18%R4%19%18G%Q9%Q8%Q9%94%95%Q4%Q5%40%Q0%Q4%P4%QP%0P%04%8Q%8Q%P4%P5%40CG%04u%Q8%12V%150%90%94%R2%07%02%29%14%QR%1P%29%3R~~%3R%29%29r%O0%98%94%24UYE%0N%PPD%06%Q9%93%P6%R0%PS%S8%80%S1%24D%S6%NP%P0pB%3O%161%18%0Sq%0S%0P030K2%03%00%O7%S50%91%00%00%00k%QNp%60q%60%60%00%R2j%S7%RN%9Q%R2%S9z%OR2%P8%O30%80%P0%O5%1S%QQ%07%21%S4q%0O%10%PQ%S8%80v%15%90%R2%60%60%02%S1%00%5OX%0O%9Pk%QNp%60q%60%60%8R%S9%S7%86%81%81%P9%8R%01%08%18%1S002%N0%02i%00%5OL%03g%00%00%01i%00%22%00%00%00%00%00%00%00%00%01%14%00%00%02%3R%00o%02%3R%00s%01%S4%00%00%00%00%00%2N%00%2N%00%2N%00%2N%00%5R%00%92%00%9Nk%QNp%60q%60%60%60tC%60%60o%00%01S%06%04%Q0%03%11%00%05N%00M%00%00k%QN%8Q%8S%P1W%P3%40%10%86%OS5H%S4%60%10%0S%1R%3P%R5%RPNpC%94%QP%S4%20I%02%05%23%QNx%95M%83%P1%P6Z%0O%SN%12%3R%82%8S%R0fG%7Q%02%QS%P5%83%7S7%2OO%7O%91%O0%3O%QS%SP%S3%RS%PP%04%08l%23%P0%O4I%80-%9Q%86%0Qx%PN%1N%5R%90%27%S5%1PU%3S%S5%QP%22%N2%ROl%91%0Q%9R%3P%2S%P9%S3%R2lH%5Q%5R%3Q%87%RP1%S1%3P%91%SS%QO%S3%3O%O1L%S7%SP%P1%O29%S6%SPVu%PR%1N%SR%0N%Q84%5Qe%QNq%9N%QN%N1%N2%PS%83%R8%84%N1%R2U%94Dc%R3%Q4M%S7%05%PS%PRfX%PS%N9%R7%3N%03%P6%94%PN%RQh6%8Ss%SP%97%PN%NP%SN%16aM%P4.%QO%P4f%NS%SR%OS%QQ%9Q%O4%91%29%3O%SNwH%NP%RN%95%O4M%9Q%N7fW%P5%N1%Q4%81%RN%1Q%S5%P9%O8%Q2%OOx%PQ%SN%RQ%Q8%RP%90x%P7%R9%N4%23%OQ%O6A%QQ%Q7%1Q%2O%N6%24%1P%O8%3O%91%928%RQ%90%7Oh%R9%PO%5O%O9%SS%ROv%Q6K%R7b%PS%9PT%29%85mL9%PN%1S%88SZd%00%00k%QNp%60o%00%83%SS%SS%18%18%19%O0%01i%06%06S%26Ss%06s%86iS%16SI%O6%S4%9P%PN%82%0PP%S6%Q2%OPY%03%03%03%176%0SP%0OFpp%10%Q7%P8%Q4%PQ%19%00%25%17%0N%OO%00%00%00%01M%Q2%R2%ON##N+$;8{u[iXoϜG$1zY9FMq  xc`b vF&FffvFFVʂ$1CҼL6C$1Scc %$1   Z) format('woff');
}

@media all and (max-width:333px){	
	.tbl-type01 table thead th,
	.tbl-type01 table tbody td{padding:6px 10px 7px}
	.tbl-type02 table tbody th,
	.tbl-type02 table tbody td{padding:6px 10px 7px}
	.tbl-type03 table thead th,
	.tbl-type03 table tbody th,
	.tbl-type03 table tbody td{padding:9px 10px 8px}
	.tbl-type04 table tbody th,
	.tbl-type04 table tbody td{padding:9px 15px 8px}
}
@media all and (max-width:343px){
	.page-sitemap .footer-sitemap ul li button,.page-sitemap .footer-sitemap ul li button em{font-size:12px}
	.box-btn-ico-area .btn{padding:0 8px}
	.box-btn-ico-area .btn + .btn{margin-left:2px}
	.box-btn-ico-area .ico-is-bt{padding:0 1px 2px}
}
@media all and (max-width:354px){
	.big-step > div{padding:0 5px}
	.big-step > div.on{padding:0 9px}
}
@media all and (max-width:350px){
	.box-type11 .f-aside li{float:none;width:100% !important}
	.box-type11 .f-aside li strong{width:45%}
	.box-type11 .f-aside li strong,
	.box-type11 .f-aside li span{float:none;font-size:13px;line-height:21px}
	.box-type11 .f-aside li span .num{font-size:14px}
	.box-type11 .f-aside li:nth-child(2n){padding-left:0px;width:100%}
	.box-type11 .f-aside li:nth-child(2n):before{display:none}
	.box-type11 .f-aside.type03 li:nth-child(2n){padding-left:0}
	.box-type11 .f-aside.type03 li.end-ect{text-align:left}
	.box-type11 .f-aside.type03 li.end-ect strong{padding-right:0}	
}
