@charset "utf-8";

@import url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2Swdhrel-hv.pff');
@import url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2Sfjvcre.zva.pff');

.tempArea {padding:64px 0; background-color:#aaa; color:#fff; font-size:18px; font-weight:500; letter-spacing:0; text-align:center;}


/*================================================== Text ==================================================*/
/* 텍스트 사이즈 */
.txt2XL {font-size:40px !important; letter-spacing:-0.055rem;}
.txtXL {font-size:24px !important; letter-spacing:-0.05rem;}
.txtL {font-size:18px !important;}
.txtLM {font-size:17px !important;}/* 230808_추가 */
.txtM {font-size:16px !important;}
.txtS {font-size:14px !important;}
.txtXS {font-size:12px !important;}

/* 텍스트 컬러 */
.basicC1 {color:#222 !important;}
.basicC2 {color:#666 !important;}
.basicC3 {color:#959595 !important;}
.basicC4 {color:#bbb !important;}
.pointC1 {color:#445fe6 !important;} /* 링크, 선택 */
.pointC2 {color:#b87900 !important;} /* 중요고지 */
.pointC3 {color:#3e9100 !important;} /* 승인, 알림 */
.pointC4 {color:#e91b10 !important;} /* 경고, 필수항목 */
.pointC5 {color:#5642bf !important;} /* 안내고지, 강조 */
.pointC6 {color:#e658b2 !important;}
																																																		.pointC7 {color:#00a3bb !important;} /* 민트 221013 */
.pointC8 {color:#715deb !important;} /* 퍼플-라이트 221013 */
.pointC9 {color:#222 !important;} /* 블랙 26px 20250213 */  

/* 텍스트 굵기 */
.fwL {font-weight:300 !important;}
.fwM {font-weight:500 !important;}
.fwB {font-weight:700 !important;}

sub,
sup {display:inline-block; padding-left:3px; color:#b87900; font-size:10px; font-weight:300;}

.lineH17 {line-height:1.7;}

/*================================================== Title ==================================================*/
[class*=titH] {position:relative; color:#222; letter-spacing:0;}
.titH1 {color:#fff; font-size:40px; font-weight:500; letter-spacing:-0.055rem;}
.titH2 {margin-bottom:20px; font-size:24px; letter-spacing:-0.05rem;}
.titH2 .required {font-size:16px;} /* 필수 */
.titH3 {margin:64px 0 8px; font-size:18px;}
.titH4 {margin:24px 0 8px; font-size:16px;}
.titH4.dot {padding-left:12px;}
.titH4.dot:before {content:''; position:absolute; left:0; top:11px; width:4px; height:4px; border-radius:50%; background-color:#5d88fb;}
.titH5 {margin:20px 0 8px; font-size:14px;}

.txtBlock.dot {padding-left:12px;}/*250715 오타수정*/

[class*=titH] .mark {border-bottom:1px solid transparent; border-image-slice:0 0 10 0; background-size:10px auto; border-image-source:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Sgvg_znex.cat); border-image-outset:0; border-image-repeat:repeat; border-image-width:auto; border-image-slice:0 0 10 0;}

/*================================================== position ==================================================*/
.pRel {position:relative;}

/* 컨텐츠 타이틀 */
.titArea {display:table; width:100%; margin:64px 0 10px;}
.titArea [class*=titH] {display:inline-block; margin:0; padding-right:10px;}
.titArea .desc {display:inline-block; margin-bottom:0 !important; padding-top:6px; color:#666; font-size:14px;}
.titArea [class^=btn_],
.titArea .ipt {margin-top:0 !important; margin-bottom:0 !important;}
.titArea .txtItem {font-size:14px;}
.titArea > .fl,
.titArea > .fr {display:table-cell; vertical-align:bottom;}
.titArea > .fl {float:none;}
.titArea > .fr {position:relative; text-align:right;}
.titArea > .fr > select.ipt,
.titArea > .fr > [class^=btn_] {margin-left:5px;}
.titArea > .fr > .links:last-child {margin-right:0;}
.titArea > .fr .desc {display:inline-block; padding-top:0; vertical-align:middle;}
.titArea > .fr .desc ~ .tip {margin-top:0;}
.titArea > .fr .btn_index {right:0; bottom:48px;}
.titArea > .fr .btn_index:before {right:50%; margin-left:0;}
.titArea + .desc,
[class*=titH]:not(.titH1) + .desc {margin-bottom:23px;}
.titArea .titH2 + .titH3 {margin-top:20px;}
.titArea [class*=titH] ~ p.txt {margin-top:8px;}
.titArea * ~ [class*=titH] {display:block; margin-top:8px; margin-bottom:4px;}

.titArea .iptFilt {display:inline-block;}

.titArea.line {border-bottom:1px solid #eee; padding-bottom:20px;}

/* 컨텐츠 타이틀 - 번외 */
.titExtra {position:relative; margin:64px 0 32px; padding-bottom:32px; text-align:center;}
.titExtra:after {content:''; position:absolute; left:50%; bottom:0; width:80px; margin-left:-40px; border-bottom:4px solid #000;}
.titExtra .titH2 {margin-bottom:0;}
.titExtra p.desc {margin:10px 0 8px;}

.titExtra.mb {margin-bottom:64px; padding-bottom:0;}
.titExtra.mb:after {content:none;}


/*================================================== Progress ==================================================*/
.progress {text-align:right;}
.progress ol {display:inline-block; position:relative; counter-reset:section; font-size:0;}
.progress li {display:inline-block; position:relative; width:32px; height:32px; margin-left:5px; border-radius:20px; background-color:#eaecf1; color:#717592; font-size:14px; line-height:31px; text-align:center; vertical-align:middle; z-index:1;}
.progress li:before {content:counter(section); counter-increment:section; width:auto; height:auto;}
.progress li:first-child {margin-left:0;}
.progress li span {display:none;}
.progress li.on {width:auto; padding:0 10px 0 11px; background-color:#47435d; color:#fff;}
.progress li.on:before {padding-right:6px;}
.progress li.on span {display:inline-block;}
.progress li.on ~ li {background-color:#eaecf1;}

/*=================================================== width ==================================================*/
.w176 {width:176px;}
.w380 {width:380px;}
/*================================================== Button ==================================================*/
/* 아이콘 + 텍스트 버튼 */
[class*=btnIco_] {display:inline-block; position:relative; line-height:1.6; vertical-align:middle; z-index:1;}
[class*=btnIco_] .ico {display:inline-block; position:absolute;}
.btnIco_srch {min-height:56px; margin:0 8px; padding:5px 28px 5px 58px; border:2px solid rgba(255, 255, 255, 0.1); border-radius:6px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_fepu_yt.fit) no-repeat 16px 11px; color:#fff; font-size:16px; font-weight:300; box-shadow:4px 8px 16px rgba(0,0,0, 0.17);}

/* 텍스트 버튼 */
[class^=btn_] {display:inline-block; min-width:176px; min-height:56px; margin:5px 5px; padding:5px 30px; border:1px solid transparent; font-size:18px; font-weight:500; text-align:center; vertical-align:middle;}
[class^=btn_] > span {display:inline-block; position:relative; padding-top:1px; font-size:inherit; line-height:1.4; vertical-align:text-top;}
[class^=btn_]:focus > span,
[class^=btn_]:hover > span {border-bottom-color:#fff; transition:border ease-in-out 0.225s;}
[class^=btn_] > span:after,
[class^=btn_] > span:after {content:''; position:absolute; left:50%; right:50%; bottom:-1px; width:0; border-bottom:1px solid transparent; transition:all 0.15s ease-in-out;}
a[class^=btn_]:focus > span:after,
a[class^=btn_]:hover > span:after,
button[class^=btn_]:focus > span:after,
button[class^=btn_]:hover > span:after {left:0; right:0; width:100%;}
[class^=btn_][disabled] {border-color:#eee !important; color:#858585; box-shadow:none !important;}
[class^=btn_][disabled]:focus > span:after,
[class^=btn_][disabled]:hover > span:after {content:none;}
.tabFocus [class^=btn_]:focus {outline:1px dashed #222;} /* 230612-웹접근성 사이버창구 */

table td [class^=btn_] > span:after {content:none;}

a[class^=btn_].line2 {display:inline-flex; justify-content:center;}

.btn_p {border-color:#715deb; background-color:#715deb; color:#fff; box-shadow:4px 4px 8px rgba(113, 93, 235, 0.24);}
.btn_p:focus,
.btn_p:hover {border-color:#5642bf; background-color:#5642bf; transition:all ease-in-out 0.15s;}
.btn_p > span:after {border-bottom-color:#fff;}
.btn_p[disabled] {background-color:#eee !important;}
.btn_p.m,
.btn_p.s {border-color:#5d88fb; background-color:#5d88fb; box-shadow:4px 4px 8px rgba(93, 136, 251, 0.24);}
.btnArea .btn_p.m {min-width:120px;}

.btn_s {border-color:#ccc; background-color:#fff; color:#444;}
.btn_s > span:after {border-bottom-color:#444;}
.btn_s.s {border-color:#5d88fb; color:#445fe6;}
.btn_s.s > span:after {border-bottom-color:#445fe6;}

.btn_s.m.more {display:block; width:310px; margin:32px auto;}

.btn_s.m.open,
.btn_s.m.close {display:block; margin:40px auto 0;}
.btn_s.m.open > span,
.btn_s.m.close > span {padding-right:25px;}
.btn_s.m.open > span:before,
.btn_s.m.close > span:before {content:''; position:absolute; top:50%; right:4px; width:9px; height:9px; margin-top:-7px; border:1px solid #222; border-width:0 1px 1px 0; transform:rotate(45deg); transition:transform 0.25s;}
.btn_s.m.close > span:before {margin-top:-1px; transform:rotate(-135deg);}

.btn_s.b {border-color:#d6e1fe; background-color: #f2f6ff; color:#445fe6; min-height: 45px; font-size: 16px;}
.btn_s.b > span:after {border-bottom-color:#d6e1fe;}

.noData.digi + .btnArea {margin:0 0 124px;}

.btn_t {border-color:#d6e1fe; background-color:#f2f6ff; color:#445fe6;}
.btn_t > span:after {border-bottom-color:#445fe6;}
/* .btn_t.a {border-color:#ccc; background-color:#fff; color:#666;}
.btn_t.a > span:after {border-bottom-color:#666;} */

.btn_d {width:100%; border:2px dashed #cccccc;}
.btn_d img {width:22px; margin-right:5px; margin-bottom:2px;}

[class^=btn_].m {min-width:72px; min-height:44px; margin:4px 1px; padding:5px 15px; border-radius:2px; font-size:16px; font-weight:300;}
[class^=btn_].s {min-width:64px; min-height:36px; margin:4px 0; padding:4px 15px; border-radius:2px; font-size:14px; font-weight:300;}
[class^=btn_]:not(button) {line-height:44px;}
[class^=btn_]:not(button).m {line-height:32px;}
[class^=btn_]:not(button).s {line-height:26px;}

.btnArea {margin:64px 0; text-align:center;}
.btnArea:after {display:block; content:''; clear:both;}
.btnArea > span {display:inline-block; position:relative; padding:0; font-size:0; vertical-align:middle;}
.btnArea [class^=btn_] {margin-top:0; margin-bottom:0;}
.btnArea.al [class^=btn_]:first-child {margin-left:0;}
.btnArea.ar [class^=btn_]:last-child {margin-right:0;}
.btnArea .desc {margin-bottom:30px; color:#222; font-size:18px; font-weight:500;}

.btnGroup [class^=btn_] {margin-top:0; margin-bottom:0;}

[class^=btn_].hiddenMb {display:inline-block !important;}

/*--- 아이콘 + 텍스트버튼 ---*/
/* [class^=btn_].addIco > span {vertical-align:baseline;} */
[class^=btn_].addIco > span:after {content:none;}
[class^=btn_].addIco > span {margin:0 8px 0 0;}
[class^=btn_].addIco > [class*=ico_] {vertical-align:sub;}
[class^=btn_].addIco > [class*=ico_] + span {margin:0 0 0 8px;}
[class*=ico_] {display:inline-block; position:relative;}

/*오른쪽 화살표*/
.ico_arrow {top:1px; width:21px; height:21px;}
.ico_arrow:before {content:''; position:absolute; right:8px; top:7px; width:9px; height:9px; border:1px solid #1a75e4; border-width:2px 2px 0 0; background-color:transparent; overflow:hidden; box-sizing:border-box; transform:rotate(45deg); transition:all 0.25s ease-in-out; z-index:1;}
.ico_arrow:after {content:''; position:absolute; left:auto; right:0; top:50%; bottom:auto; width:21px; height:21px; border:0; border-radius:50%; background-color:transparent; transform:translateY(-50%); transition:all 0.15s ease-in-out;}
.ico_arrow.g {top:1px; width:21px; height:21px;}
.ico_arrow.g:before {width:10px; height:10px; border-color:#666;}

/* 새창 */
.ico_newWin {width:15px; height:15px;}
.ico_newWin:before,
.ico_newWin:after {content:''; position:absolute; box-sizing:border-box;}
.ico_newWin:before {right:0; bottom:0; width:14px; height:14px; border:2px solid #715deb; border-radius: 0; transition: all 0.05s ease-in-out;}
.ico_newWin:after {right:-1px; top:-1px; width:9px; height:9px; background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_arjjva_neebj.cat) no-repeat center center;}
.btn_t:not(.a) .ico_newWin:after {background-color:#ecf6ff;}
.addIco.b .ico_newWin:before {border-color:#222;}
.addIco.b .ico_newWin:after {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_arjjva_neebj_x.cat)}

/* 팝업 */
.ico_popup {width:21px; height:21px;}
.ico_popup:before,
.ico_popup:after {content:''; position:absolute; width:14px; height:14px; border:2px solid #666; background:#fff; box-sizing:border-box;}
.ico_popup:before {left:6px; top:2px; z-index:1;}
.ico_popup:after {left:2px; top:6px;}

/* 다운로드 */
.ico_down {width:16px; height:16px;}
.ico_down:before {content:''; position:absolute; top:0; left:50%; width:10px; height:11px; margin-left:-5px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_qbja_neebj.cat) no-repeat center center;}
.ico_down:after {content:''; position:absolute; right:0; bottom:0; width:16px; height:5px; border:2px solid #715deb; border-top:0; box-sizing:border-box; transition:all 0.1s ease-in-out;}
.btn_t.a .ico_down:before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_qbja_neebj_x.cat);}
.btn_t.a .ico_down:after {border-color:#222;}

/* 파일 */
.ico_file {width:24px; height:24px; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_svyr.fit'); background-repeat:no-repeat; background-position:center center;}
.ico_file.doc {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_svyr_qbp.fit');}
.ico_file.pdf {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_svyr_cqs.fit');}
.ico_file.xls {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_svyr_kyf.fit');}
.ico_file.zip {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_svyr_mvc.fit');}

/* 플러스(더보기) */
.ico_plus {top:3px; width:20px; height:20px;}
.ico_plus:before,
.ico_plus:after {content:''; position:absolute; left:50%; top:50%; width:1px; height:11px; margin:-5px 0 0 0; background-color:#1a75e4;}
.ico_plus:after {width:11px; height:1px; margin:0 0 0 -5px;}
.links.txtS .ico_plus {top:0;}

/* 전체삭제 */
.ico_del {width:13px; height:13px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Svpb_svyr_qry.cat) no-repeat center center;}

/* 초기화 */
[class^=btn_].reset span {padding-left:20px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Svpb_erfrg.cat) no-repeat 0 5px;}

/* 플러스(추가) */
[class^=btn_].plus {width:100%;}
[class^=btn_].plus span {padding-right:20px;}
[class^=btn_].plus span:before,
[class^=btn_].plus span:after {content:''; position:absolute; left:inherit; right:0; top:50%; width:2px; height:12px; margin:-6px 5px 0 0; background-color:#445fe6; border:none; transition:none;}
[class^=btn_].plus span:after {width:12px; height:2px; margin:-1px 0 0 -5px;}
[class^=btn_].plus:focus > span:after,
[class^=btn_].plus:hover > span:after {width:12px; left:inherit;}

/* 재생 버튼 */
.btn_s.play span {padding-left:14px;}
.btn_s.play span:before {content:''; position:absolute; top:50%; left:0; width:0; height:0; border:5px solid; border-color:transparent transparent #445fe6 transparent; transform:translateY(-45%) rotate(90deg); border-bottom-width:8px; border-top:none;}

/* 아이콘 버튼 */
[class*=icoBtn_] {display:inline-block; position:relative; background-color:transparent; background-repeat:no-repeat; background-position:0 0; vertical-align:middle; overflow:hidden;}
[class*=icoBtn_] span {display:inline-block; position:absolute; width:1px; height:1px; margin:-1px; border:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%);}
.tabFocus [class*=icoBtn_]:focus {outline:1px dashed #222;} /* 230612-웹접근성 사이버창구 */
/* 아이콘(CSS) */
.icoBtn_close,
.icoBtn_del {width:36px; height:36px;}
.icoBtn_close:before,
.icoBtn_close:after,
.icoBtn_del:before,
.icoBtn_del:after {content:''; position:absolute; left:50%; top:50%; width:2px; height:25px; background-color:#222; transform:translate(-50%, -50%) rotate(45deg);}
.icoBtn_close:after,
.icoBtn_del:after {transform:translate(-50%, -50%) rotate(135deg);}

.icoBtn_prev,
.icoBtn_next,
.icoBtn_start,
.icoBtn_end {width:32px; height:32px;}
.icoBtn_prev:before,
.icoBtn_next:before {content:''; position:absolute; left:14px; top:50%; width:8px; height:8px; border:1px solid #444; border-width:0 0 2px 2px; background-color:transparent; box-sizing:border-box; transform:translateY(-50%) rotate(45deg);}
.icoBtn_next:before {left:auto; right:14px; transform:translateY(-50%) rotate(-135deg);}
.icoBtn_start:before,
.icoBtn_end:before {content:''; position:absolute; left:17px; top:50%; width:8px; height:8px; border:1px solid #444; border-width:0 0 2px 2px; background-color:transparent; box-sizing:border-box; transform:translateY(-50%) rotate(45deg);}
.icoBtn_end:before {left:auto; right:17px; transform:translateY(-50%) rotate(-135deg);}
.icoBtn_start:after,
.icoBtn_end:after {content:''; position:absolute; left:10px; top:50%; width:8px; height:8px; border:1px solid #444; border-width:0 0 2px 2px; background-color:transparent; box-sizing:border-box; transform:translateY(-50%) rotate(45deg);}
.icoBtn_end:after {left:auto; right:10px; transform:translateY(-50%) rotate(-135deg);}

/* 약관상세 보기 */
.icoBtn_arrow {width:55px; height:62px;}
.icoBtn_arrow:after {content:''; position:absolute; left:50%; top:50%; width:11px; height:11px; margin-left:-3px; border:1px solid #222; border-width:0 2px 2px 0; transform:translate(-50%, -50%) rotate(-45deg); transition:transform 0.25s;}

.icoBtn_open {width:24px; height:24px;}
.icoBtn_open:after {content:''; position:absolute; left:50%; top:50%; width:9px; height:9px; margin-top:-1px; border:1px solid #222; border-width:0 0 2px 2px; vertical-align:-webkit-baseline-middle; transform:translate(-50%, -50%) rotate(-45deg); transition:transform 0.25s; box-sizing:border-box;}
.on:not(.popBody) .icoBtn_open:after {margin-top:2px; transform:translate(-50%, -50%) rotate(-225deg);}

/* 초기화 */
.icoBtn_reset {min-width:56px; height:56px; background:#7d7a8e url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Svpb_erfrg_yt.cat) no-repeat 50% 50%;}

/* 상세정보 팝업 (!) */
[class*=infoPop] {position:relative; padding-right:18px; }
[class*=infoPop]:before {content:'!'; display:inline-block; position:absolute; top:50%; right:0; width:16px; height:16px; padding:0 2px 0 0; color:#6f6f6f; font-family:'Dotum', '돋움'; font-size:12px; font-weight:700; line-height:14px; text-align:center; border:1px solid #6f6f6f; border-radius:50%; box-sizing:border-box; transform:translateY(-50%);}
.icoBtn_infoPop {width:18px; height:18px; padding-right:0;}

/* 아이콘(SVG) */
.icoBtn_home {width:32px; height:32px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_ubzr.fit) no-repeat center center;}
.icoBtn_sns {width:32px; height:32px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_faf.fit) no-repeat center center;}
.icoBtn_zoom {width:32px; height:32px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_mbbz.fit) no-repeat center center;}
.icoBtn_fb {width:32px; height:32px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_faf_so.fit) no-repeat center center;}
.icoBtn_kk {width:32px; height:32px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_faf_xx.fit) no-repeat center center;}
.icoBtn_url {width:32px; height:32px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_faf_hey_1.fit) no-repeat center center;}
.icoBtn_more {width:32px; height:32px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_faf_zber.fit) no-repeat center center;}
.icoBtn_keypad {width:35px; height:42px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_vcg_zbhfr.fit) no-repeat 5px 9px;}
.icoBtn_app {width:32px; height:32px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_ncc_vasb.fit) no-repeat center center;}

/*================================================== A Link ==================================================*/
/* links */
.links {display:inline-block; position:relative; margin:0 5px; color:#445fe6; font-size:16px; white-space:nowrap;}
.links:after {content:''; position:absolute; left:0; right:0; bottom:0; border-bottom:1px solid #445fe6; transition:all 0.15s ease-in-out;}
.links[disabled],
.links[disabled]:focus,
.links[disabled]:hover {color:#999;}
.links[disabled]:after {border-color:#999;}

.links a {color:inherit;}
.links + .links {margin-left:10px;}
* + .links {vertical-align:middle;}

/* links 묶음 */
.linkGroup {margin-left:-15px; margin-right:-15px; font-size:0; text-align:left; overflow:hidden;}
.linkGroup > .links {margin:3px 15px; color:#666; vertical-align:top;}
.linkGroup > .links:before {content:''; position:absolute; left:-16px; top:50%; height:13px; margin-top:-6px; border-right:1px solid #ddd;}
.linkGroup > .links:after {left:50%; right:50%; width:0;}
.linkGroup > .links:focus,
.linkGroup > .links:hover {color:#445fe6;}
.linkGroup > .links:not(span):focus:after,
.linkGroup > .links:not(span):hover:after {left:0; right:0; width:100%;}
.linkGroup.ac > .links:before,
.linkGroup.ar > .links:before {left:auto; right:-16px;}
.linkGroup.ac > .links:last-child:before {content:none;}

/* links + 오른쪽 화살표 */
.links.arrow {padding-right:11px; font-size:14px; vertical-align:middle;}
.links.arrow::before {content:''; position:absolute; right:0; top:50%; width:8px; height:8px; border:1px solid #4560e6; border-width:1px 1px 0 0; box-sizing:border-box; transform:translateY(-50%) rotate(45deg); z-index:1;}
.links.arrow::after {content:none;}
.links.arrow.info {padding-left:18px;}
.links.arrow.info::after {content:'!'; left:0; top:50%; width:14px; height:14px; border-radius:50%; background-color:#715deb; border:none; color:#fff; font-size:13px; font-weight:700; font-family:'Dotum', '돋움'; line-height:14px; text-align:center; transform:translateY(-50%);}

/* links + 새창열기 */
/* .links.newWin {margin:3px 5px; padding-right:22px;}
.links.newWin:before {content:''; position:absolute; right:8px; top:7px; width:9px; height:9px; border:1px solid #1a75e4; border-width:2px 2px 0 0; background-color:transparent; overflow:hidden; box-sizing:border-box; transform:rotate(45deg); transition:all 0.25s ease-in-out; z-index:1;}
.links.newWin:after {content:''; left:auto; right:0; top:50%; bottom:auto; width:21px; height:21px; border:0; border-radius:50%; background-color:transparent; transform:translateY(-50%); transition:all 0.15s ease-in-out;}
.links.newWin:focus:before,
.links.newWin:hover:before {right:3px;}
.links.newWin:focus:after,
.links.newWin:hover:after {right:-5px; background-color:#b7ddff;} */


/*--- links + 아이콘 ---*/
.links.addIco {padding-right:20px;}
.links.addIco:after {content:none;}
.links.addIco [class*=ico_] {position:absolute;}

/* 오른쪽 화실표 */
.links.addIco:focus .ico_arrow:before,
.links.addIco:hover .ico_arrow:before {right:3px;}
.links.addIco:focus .ico_arrow:after,
.links.addIco:hover .ico_arrow:after {right:-5px; background-color:#b7ddff;}

.txtList.remark .links.addIco .ico_arrow,
.links.addIco.txtS .ico_arrow {top:0; right:0;}
.txtList.remark .links.addIco .ico_arrow:before,
.links.addIco.txtS .ico_arrow:before {top:7px; width:7px; height:7px; border-width:1px 1px 0 0;}

/* 새창 */
.links.addIco .ico_newWin {bottom:4px; right:0;}
.links.addIco:hover .ico_newWin:after,
.links.addIco:focus .ico_newWin:after {top:-3px; right:-3px;}

/* 다운로드 */
.links.addIco .ico_down {bottom:4px; right:0;}
.links.addIco:hover .ico_down:before,
.links.addIco:focus .ico_down:before {top:3px;}
.links.addIco.b {color:#222;}
.links.addIco.b .ico_down:before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_qbja_neebj_x.cat)}
.links.addIco.b .ico_down:after {border-color:#222;}

/* 플러스(더보기) */
.links.addIco .ico_plus {transition:all 0.25s ease-in-out;}
.links.addIco:hover .ico_plus,
.links.addIco:hover .ico_plus {transform:rotate(90deg);}

/* 상세정보 팝업 (!) */
.links.infoPop {margin:0; padding-right:20px; color:#666; font-size:14px;}
.links.infoPop:after {content:none;}

.links.infoDel {padding-left:20px; font-size:14px; color:#666; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Svpb_svyr_qry.cat) no-repeat 0 center;}
.links.infoDel:after {content:none;}

/* 바로가기 링크 */
.shortLink {display:inline-block; position:relative; padding-right:32px; color:#445fe6; font-size:16px; white-space:nowrap;}
.shortLink.addIco [class*=ico_] {position:absolute; right:0; top:2px; width:24px; height:24px; border-radius:50%; background-color:#5d88fb; overflow:hidden; transition:all 0.15s ease-in-out;}
.shortLink.addIco [class*=ico_]:before,
.shortLink.addIco [class*=ico_]:after {content:''; position:absolute; box-sizing:border-box; transition:all 0.15s ease-in-out; z-index:1;}

.shortLink .ico_link:before {right:7px; top:50%; width:7px; height:7px; border:1px solid #fff; border-width:2px 2px 0 0; transform:translateY(-50%) rotate(45deg);}
.shortLink .ico_link:after {left:5px; top:50%; width:11px; height:2px; background-color:#fff; transform:translateY(-50%);}

/* 230221 생명보험협회 바로가기 링크 (s) */
.shortLinkArea.lifeinsuAss {position:absolute;bottom:85px;left:40px;}
.shortLinkArea.lifeinsuAss .ico_link {bottom:2px;top:inherit;}
.shortLinkArea.lifeinsuAss a[target=_blank] .ico_link:before {top:50%; transform:translateY(-50%) rotate(45deg);}
.shortLinkArea.lifeinsuAss a[target=_blank] .ico_link:after {top:50%; bottom:auto; width:11px; transform:translateY(-50%);}
.shortLinkArea.lifeinsuAss a[target=_blank]:focus .ico_link:before,
.shortLinkArea.lifeinsuAss a[target=_blank]:hover .ico_link:before {top:50%; right:5px;}
.shortLinkArea.lifeinsuAss a[target=_blank]:focus .ico_link:after,
.shortLinkArea.lifeinsuAss a[target=_blank]:hover .ico_link:after {width: 13px;}
/* 230221 생명보험협회 바로가기 링크 (e) */

a:focus .ico_link,
a:hover .ico_link {background-color:#715deb !important;}
a:focus .ico_link:before,
a:hover .ico_link:before {right:5px; width:9px; height:9px;}
a:focus .ico_link:after,
a:hover .ico_link:after {width:13px;}
a[target=_blank] .ico_link:before,
a[href*=openLayer] .ico_link:before {top:7px; transform:rotate(0deg);}
a[target=_blank] .ico_link:after,
a[href*=openLayer] .ico_link:after {top:auto; bottom:10px; width:12px; transform:rotate(-45deg);}
a[target=_blank]:focus .ico_link:before,
a[target=_blank]:hover .ico_link:before,
a[href*=openLayer]:focus .ico_link:before,
a[href*=openLayer]:hover .ico_link:before {top:6px; right:6px;}
 
.shortLink.pop .ico_link {transform:rotate(-45deg);}

.shortLink .ico_down:before {top:4px; right:4px; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_qbja_neebj_j.cat);}
.shortLink .ico_down:after {bottom:5px; right:8px; width:8px; height:2px; border-color:#fff;}
a:focus .shortLink .ico_down:before,
a:hover .shortLink .ico_down:before {top:6px;}


/*================================================== Form ==================================================*/
.sign {display:inline-block; width:16px; margin:0; color:#222; font-size:16px; font-weight:300; line-height:44px; text-align:center; vertical-align:middle;}
.space {width:0; margin:0 4px 0 3px; vertical-align:middle;}

/* basic */
.ipt {width:100%; height:44px; padding:0 15px; border:1px solid #ccc; border-radius:4px; background-color:#fff; transition:border-color ease-in-out 0.225s, box-shadow ease-in-out 0.225s;}
select.ipt {width:auto; min-width:104px; margin:4px 2px; padding:0 40px 0 15px; background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_neebj_qbja.fit) no-repeat right 8px center; transition: none;}
select.ipt option {color:#666;}
select.ipt option[selected] {background-color:#f2f6ff !important; color:#445fe6; font-weight:500;}
.tabFocus select.ipt:focus {outline:1px dashed #222;}/* 230612-웹접근성 사이버창구 */

textarea.ipt {width:100%; min-height:150px; margin:4px 2px; padding:15px; line-height:1.5;}

.ipt:focus {border-color:#5d88fb; box-shadow:2px 2px 4px rgba(93,136,251,0.16); outline:rgba(0,0,0,0);}
.tabFocus .ipt:focus {outline:auto;}/* 230531_웹접근성 */
.ipt:hover {border-color:#5d88fb;}
.ipt[disabled] {border-color:#eee; background-color:#f8f8f8 !important; color:#999;}
.ipt[readonly] {background-color:#f8f8f8 !important;}
.ipt[readonly]:focus {border-color:#ccc !important; box-shadow:none;}
.ipt[readonly]:hover {border-color:#ccc !important;}

/* error & success */
.ipt.error {border-color:#e9473f !important; color:#e9473f;}
.ipt.error:focus {border-color:#e9473f; box-shadow:2px 4px 6px rgba(233,71,63,0.12);}
.ipt.success {border-color:#7ec04d;}

/* field관련 메시지 */
.fieldMsg {margin-top:5px; color:#666; font-size:14px;}
.fieldMsg.error {color:#e9473f;}
.fieldMsg.success {color:#7ec04d;}

/* iptWrap 사이즈 정의 */
.iptWrap,
.dateWrap,
.keypad {display:inline-block; position:relative; width:176px; margin:4px 2px; vertical-align:middle;}
.iptWrap .ipt {max-width:100%;}
.iptWrap.full,
.iptWrap.full .ipt {width:100%;}
.iptWrap.min,
.iptWrap.min .ipt {width:114px;}

/* 삭제버튼 */
.iptWrap .icoBtn_del {visibility:hidden; position:absolute; right:2px; top:50%; width:32px; height:32px; border:8px solid #fff; border-radius:50%; box-shadow:inset 0px 0px 0px 12px #715deb; transform:translateY(-50%);}
.iptWrap .icoBtn_del:before,
.iptWrap .icoBtn_del:after {content:''; position:absolute; left:50%; top:50%; width:2px; height:10px; background-color:#fff; transform:translate(-50%, -50%) rotate(45deg);}
.iptWrap .icoBtn_del:after {transform:translate(-50%, -50%) rotate(135deg);}

.iptWrap.on .icoBtn_del {visibility:visible;}
.iptWrap.on .ipt:focus {padding-right:33px;}
.ipt[disabled] + .icoBtn_del,
.ipt[readonly] + .icoBtn_del {visibility:hidden;}

/* 단위 */
.iptWrap span.unit {position:absolute; right:0; top:1px; padding:0 14px 0 5px; font-size:16px; font-weight:300; line-height:43px;}
.iptWrap .ipt.front ~ span.unit {left:0; right:auto; padding:0 5px 0 15px;}
.iptWrap.on .ipt:focus:not(.front) ~ .unit {display:none}
.iptWrap.on .ipt[disabled]:focus ~ .unit,
.iptWrap.on .ipt[readonly]:focus ~ .unit {display:inline-block;}
.iptWrap .ipt.unit:not(.front) {text-align:right;}
.iptWrap .ipt.unit:not(.front)::placeholder {text-align:right;}
.iptWrap .ipt.unit:not(.front)::-webkit-input-placeholder {text-align:right;}
.iptWrap .ipt.unit:not(.front):-ms-input-placeholder {text-align:right;}

.iptWrap .count {position:absolute; right:0; top:1px; padding:0 14px 0 5px; color:#c48100; font-size:12px; line-height:43px;}
.iptWrap textarea.ipt {margin:0;}
.iptWrap .byteTxt {position:absolute; right:20px; bottom:10px; font-size:12px;}

/* 이메일 */
.ipt[type=email] {width:457px; margin:4px 2px;}
.mailtip {margin-top:5px !important; border:1px solid #0083cd; border-radius:8px; background-color:#fff; font-size:14px; text-align:left; overflow:hidden; box-shadow:2px 4px 8px rgba(0,0,0,0.1); zoom:1;}
.mailtip > li.active {background-color:#ecfeff; color:#0083cd;}
.mailtip > li.hover {background-color:#ecfeff; color:#0083cd; font-weight:500;}
.mailtip p {margin:0 9px; padding:8px 5px; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; cursor:pointer;}

/* 파일첨부 */
label.fileAttach {cursor: pointer;}
label.fileAttach + input[type=file] {display: none;}
.ipt[type=file] {width:457px; margin:4px 2px; padding:0; background-color:#F8F8F8;}
.ipt[type=file]::-webkit-file-upload-button {height:42px; margin:0 15px 0 0; padding:0 15px; border:0; border-right:1px solid #ccc; background-color:#eee;}
.ipt[type=file]::-ms-value {border:0; border-radius:6px; background-color:#F8F8F8;}
.ipt[type=file]::-ms-browse {border:none; border-left:1px solid #ddd; background-color:#eee; box-shadow:none;}
.ipt[type=file]::file-selector-button {height:42px; margin:0 15px 0 0; padding:0 15px; border:0; border-right:1px solid #ccc; background-color:#eee;}

/* 검색 바 */
.ipt.srch {width:280px; padding-left:35px; background:transparent url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Soga_fepu.cat) no-repeat 1px 0;}
.srchBar {display:inline-block; position:relative; margin:4px 2px; vertical-align:middle;}
.srchBar .ipt {padding-right:33px;}
.srchBar .icoBtn_srch {position:absolute; right:0; top:1px;}

/* 보안키패드 */
/* body:not(.isIE):not(.isFF) .ipt[type=password] {padding-top:2px; font-size:100px; letter-spacing:-0.6rem;} */
.ipt[type=password] {padding-left:13px; padding-right:13px; font-size:15px; letter-spacing:0.25em; line-height:42px;}
body:not(.isIE):not(.isFF) .ipt[type=password] {padding-left:9px; padding-bottom:6px; font-size:50px; font-family:caption; letter-spacing:-0.05em;}
.ipt[type=password]::-webkit-input-placeholder {padding-left:5px; font-size:16px; font-family:'OneShinhan', '원신한', 'Malgun Gothic', 'Dotum', '돋움', 'gulim', '굴림', Helvetica, sans-serif; letter-spacing:0; transform:translateY(-50%);}
.ipt[type=password]::-moz-placeholder {font-size:16px; letter-spacing:0;}
.ipt[type=password]::-ms-input-placeholder {font-size:16px; letter-spacing:-0.25em;}
.ipt[type=password]::-ms-reveal,
.ipt[type=password]::-ms-clear {display:none;}

.keypad .ipt[type=password] {padding-right:33px; border-color:#d6e1fe; background-color:#f2f6ff;}
.keypad .icoBtn_keypad {position:absolute; right:0; top:1px;}
.keypad .ipt[disabled] + .icoBtn_keypad,
.keypad .ipt[readonly] + .icoBtn_keypad {display:none;}
.keypad.otp {width:276px;}

/* 주민등록번호 뒤 1자리 */
.setHalf .keypad.letter1:after {content:'******'; padding-left:10px; color:#222; font-size:14px; letter-spacing:5px; vertical-align:middle; speak:none;}
.setHalf .keypad.letter1 .ipt {width:44px;}
.setHalf .keypad.letter1 .ipt[type=password] {width:70px;}
.setHalf .keypad.letter1 .icoBtn_keypad {left:35px; right:auto;}

/* 카드 비밀번호 앞 2자리 */
.keypad.letter2:after {content:'**'; position:absolute; top:50%; left:60%; padding-top:2px; color:#222; font-size:14px; letter-spacing:0.5rem; transform:translateY(-50%);}
.keypad.letter2 .ipt {width:50%;}
.keypad.letter2 .icoBtn_keypad {right:50%;}

/* 그룹 서식 */
[class^=set] {display:inline-block; position:relative; margin:4px 2px; vertical-align:middle;}
[class^=set]:after {display:block; content:''; clear:both;} /* 모바일 */
[class^=set] .dateWrap,
[class^=set] .iptWrap,
[class^=set] .keypad {margin:0;}

/* 양분 기본 */
.setHalf {font-size:0;}
.setHalf .iptWrap {width:176px !important;}
.setHalf select.ipt {width:176px; min-width:auto !important; margin:0;}
.setHalf.join > *:last-child {margin:0 0 0 8px;}
/* .setHalf select.ipt + select.ipt,
.setHalf div[class*=Wrap] + select.ipt,
.setHalf select.ipt + div[class*=Wrap],
.setHalf .keypad + select.ipt,
.setHalf select.ipt + .keypad {margin:0 0 0 8px;} */

/* 어린이 주민번호 */
.formList div.iptChild02 { width: 12px !important; position: absolute; left: calc(50% + 20px); bottom: 0px; z-index: 1;}
.iptChild02 .ipt { padding: 0px 0px !important; border: 0px; background-color: transparent !important;}
.iptChild03 .ipt[type=password] {padding-left: 24px !important;}

/* 전화번호 */
.setPhone {width:280px; font-size:0; text-align:left;}
.setPhone *:not(:last-child) {position:relative; border:0; border-radius:0; background-color:transparent !important; z-index:1;}
.setPhone select.ipt {min-width:33.3333% !important; margin:0 5px 0 0; border-right:1px solid #ccc;}
.setPhone select.ipt + .ipt:not(select) {width:28.5%; height:34px; padding:0; line-height:34px; text-align:center;}
.setPhone .ipt:last-child {position:absolute; left:0; top:0; padding-left:72%; text-align:center; z-index:0;}
.setPhone select.ipt:focus {border-right-color:#0083cd; box-shadow:none !important;}
.setPhone input.ipt:not(:last-of-type):focus,
.setPhone input.ipt:not(:last-of-type):hover {/* background-color:#ebf4fc !important; */ box-shadow:none !important;}
.setPhone .ipt:focus ~ .ipt:last-child {border-color:#0083cd; box-shadow:2px 2px 4px rgba(93,136,251,0.16); outline:rgba(0,0,0,0);}
.setPhone .ipt:hover ~ .ipt:last-child {border-color:#0083cd;}
.setPhone .ipt[readonly] ~ .ipt:last-child,
.setPhone .ipt[readonly]:hover ~ .ipt:last-child {border-color:#ccc !important; box-shadow:none !important;}

body.tabFocus .setPhone .ipt:focus {outline:auto; outline-offset:1px; outline-color:#000;}

/* 인풋 + 버튼 */
.setBtnAdd {position:relative; margin:4px 2px; max-width:100%;}
.setBtnAdd > .ipt,
.setBtnAdd .iptWrap,
.setBtnAdd [class^=set] {margin:0; max-width:100%;}
.setBtnAdd [class^=btn_].m {position:absolute; top:0; right:0; margin:0 !important;}

.setBtnAdd.full .iptWrap,
.setBtnAdd.srch,
.setBtnAdd.srch .iptWrap {width:100% !important;}

/* 핸드폰번호 조회 */
.setBtnAdd.phone .setPhone {width:100%;}
.setBtnAdd.phone [class^=btn_].m {min-width:98px;}

/* 주소입력 */
.setAddr {display:block; margin:0 -6px 0 0;}
.setAddr .iptWrap {width:calc(50% - 7px) !important; margin:4px 2px;}

/* 인증번호 */
.setCount {width:176px;}
.setCount .ipt {padding-right:60px;}
.setCount .count {position:absolute; top:0; right:15px; color:#c48100; font-size:12px; line-height:44px;}

/* 카드번호 */
.setCard {width:280px; padding-left:10px; font-size:0; text-align:left;}
.setCard .ipt:not(:last-of-type),
.setCard .sign {position:relative; border:0; border-radius:0; background-color:transparent !important; z-index:1;}
.setCard .ipt:not(:last-of-type) {width:50px; height:34px; padding:0; line-height:34px; text-align:center; z-index:2;}
.setCard .ipt:last-of-type {position:absolute; left:0; top:0; padding-left:213px; z-index:0;}
.setCard .ipt:not(:last-of-type):focus,
.setCard .ipt:not(:last-of-type):hover {background-color:#ebf4fc !important; box-shadow:none !important;}
.setCard .ipt:focus ~ .ipt:last-of-type {border-color:#0083cd; box-shadow:2px 2px 4px rgba(93,136,251,0.16); outline:rgba(0,0,0,0);}
.setCard .ipt:hover ~ .ipt:last-of-type {border-color:#0083cd;}

/* 납세자번호(TIN) & 사업자등록번호 */
.setNum {width:280px; padding-left:10px; font-size:0; text-align:left;}
.setNum .ipt:not(:last-of-type),
.setNum .sign {position:relative; border:0; border-radius:0; background-color:transparent !important; z-index:1;}
.setNum .ipt:not(:last-of-type) {width:17%; height:34px; padding:0; line-height:34px; text-align:center; z-index:2;}
.setNum .ipt:last-of-type {position:absolute; left:0; top:0; padding-left:51%; z-index:0;}
.setNum .ipt:not(:last-of-type):focus,
.setNum .ipt:not(:last-of-type):hover {background-color:#ebf4fc !important; box-shadow:none !important;}
.setNum .ipt:focus ~ .ipt:last-of-type {border-color:#0083cd; box-shadow:2px 2px 4px rgba(93,136,251,0.16); outline:rgba(0,0,0,0);}
.setNum .ipt:hover ~ .ipt:last-of-type {border-color:#0083cd;}

/* 운전면허번호 */
.setDriver {width:350px; font-size:0; text-align:left;}
.setDriver select.ipt,
.setDriver input.ipt:not(:last-of-type),
.setDriver .sign {position:relative; border:0; border-radius:0; background-color:transparent !important; z-index:1;}
.setDriver select.ipt {min-width:150px !important; margin:0 5px 0 0; border-right:1px solid #ccc;}
.setDriver input.ipt:not(:last-of-type) {height:34px; padding:0; line-height:34px; text-align:center; z-index:2;}
.setDriver input.ipt:nth-of-type(1) {width:31px;}
.setDriver input.ipt:nth-of-type(2) {width:70px;}
.setDriver input.ipt:last-of-type {position:absolute; left:0; bottom:0; padding-left:284px; z-index:0;}
.setDriver select.ipt:focus {border-right-color:#0083cd; box-shadow:none !important;}
.setDriver input.ipt:not(:last-of-type):focus,
.setDriver input.ipt:not(:last-of-type):hover {background-color:#ebf4fc !important; box-shadow:none !important;}
.setDriver .ipt:focus ~ input.ipt:last-of-type {border-color:#0083cd; box-shadow:2px 2px 4px rgba(93,136,251,0.16); outline:rgba(0,0,0,0);}
.setDriver .ipt:hover ~ input.ipt:last-of-type {border-color:#0083cd;}
.setDriver .ipt[readonly] ~ input.ipt:last-of-type,
.setDriver .ipt[readonly]:hover ~ input.ipt:last-of-type {border-color:#ccc !important; box-shadow:none !important;}
.setDriver .sign {margin:0 -2px;}
.setDriver .icoBtn_keypad {position:absolute; bottom:1px; right:0;}

/* 외국인등록증 일련번호 - 230727 */
.serialNum .setDriver {width:300px;padding: 5px 0 5px 15px;}
.serialNum .setDriver input.ipt {height:34px; padding:0; line-height:34px; text-align:center; z-index:2;}
.serialNum .setDriver input.ipt:nth-of-type(1) {width:31px;}
.serialNum .setDriver input.ipt:nth-of-type(2) {width:70px;}
.serialNum .setDriver input.ipt:nth-of-type(3) {width:70px;}
.serialNum .setDriver input.ipt:last-of-type {position:absolute;left:0;bottom:0;padding-left: 215px;z-index:0;height: 44px;line-height: 44px;}
.serialNum .setDriver input.ipt:not(:last-of-type):focus,
.serialNum .setDriver input.ipt:not(:last-of-type):hover {background-color:#fff !important; box-shadow:none !important;}
.serialNum .setDriver .sign {line-height:34px;}

/* 디지털보험 운전면허 */
.digital .idCardArea {width: 850px;}
.digital .setDriver {width: 395px;}
.digital .setDriver .icoBtn_keypad {right: 50px; bottom: 1px; z-index: 1;}
.digital .setDriver input.ipt:nth-of-type(2) {width: 120px; padding-left: 0px;}
.digital .setDriver input.ipt:last-of-type {padding-left: 355px;}
.digital .setDriver span.sign:nth-child(6) {margin-left: 20px;}
.digital .idCardArea .formList .iptWrap {width: 395px;}

/* 달력 */
.ipt.date,
.ipt.month {padding-right:33px !important; background-color:#fff; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_vcg_pnyraqne.fit); background-repeat:no-repeat; background-position:right 6px top 9px;}
.ipt.date[disabled] + button,
.ipt.month[disabled] + button
.ipt.date[readonly] + button,
.ipt.month[readonly] + button {display:none;}
.dateWrap .ui-datepicker-trigger,
.dateWrap .icoBtn_month {position:absolute; right:0; top:1px; width:35px; height:42px; overflow:hidden; color:transparent;}
/* 달력 레이어 팝업에서 크롬에서 화면 축소시 위치값 못잡는 문제 해결위한 삽입 */
.popWrap:not(.winPop) .hasDatepicker ~ .ui-datepicker {position: absolute !important; top: 42px !important; left: 0 !important;}

/* Date picker & Month picker */
.ui-datepicker,
.monthPicker {position:absolute; padding:21px; border:1px solid #715deb !important; border-radius:0 !important; background-color:#fff; box-shadow:3px 3px 7px rgba(113,93,235,0.12); z-index:3 !important;}
.ui-datepicker select.ui-datepicker-year,
.ui-datepicker select.ui-datepicker-month,
.monthPicker select.ipt {min-width:auto; width:auto; height:27px; margin:0 10px 0 1px; padding:0 30px 0 6px; border:0; border-bottom:1px solid #fff; border-radius:0; background:transparent url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_neebj_qbja.fit) no-repeat right center; font-size:14px; font-weight:500; line-height:30px; box-shadow:none;}
.ui-datepicker select.ui-datepicker-year:focus,
.ui-datepicker select.ui-datepicker-month:focus,
.monthPicker select.ipt:focus {outline:rgba(0,0,0,0); border-color:#5d88fb;}
.ui-datepicker select.ui-datepicker-year option,
.ui-datepicker select.ui-datepicker-month option,
.monthPicker select.ipt option {color:#666; font-size:14px; font-weight:300;}
.ui-datepicker select.ui-datepicker-year option[selected],
.ui-datepicker select.ui-datepicker-month option[selected],
.monthPicker select.ipt option[selected] {background-color:#f2f6ff !important; color:#445fe6; font-weight:500;}
.ui-datepicker-calendar .ui-state-default,
.monthPicker .btn_month {display:inline-block; position:relative; border:1px solid transparent; color:#222; font-weight:300;}
.ui-datepicker .ui-state-active,
.monthPicker .btn_month.on {border-color:#5d88fb !important; background-color:#5d88fb !important; color:#fff; font-weight:700 !important;}
.ui-datepicker .ui-datepicker-today .ui-state-default:before,
.monthPicker .btn_month.today:before {content:''; position:absolute; left:50%; top:6px; width:4px; height:4px; margin-left:-2px; border-radius:50%; background-color:#5d88fb;}
.ui-datepicker .ui-datepicker-today .ui-state-active:before,
.monthPicker .btn_month.on.today:before {background-color:#fff;}
.ui-datepicker .btnArea,
.monthPicker .btnArea {position:absolute; top:21px; right:40px; margin:0 !important; padding:0;}
.ui-datepicker .btn_t.s,
.monthPicker .btn_t.s {min-height: 30px; padding: 1px 5px; margin: 0; font-size: 12px;}
.ui-datepicker .icoBtn_close,
.monthPicker .icoBtn_close {position:absolute; top:5px; right:5px; width:25px; height:25px; border:0;}
.windowPop .ui-datepicker,
.windowPop .monthPicker {z-index:900 !important;}

/* Date picker */
.ui-datepicker {min-width:280px; margin-top:4px;}
.ui-datepicker .ui-datepicker-title {padding:0 0 21px; text-align:left;}
.ui-datepicker select {-webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; -webkit-border-radius:0;}
.ui-datepicker th {padding:4px 0 5px 0; border-bottom:1px solid #eee; color:#666; font-size:12px;}
.ui-datepicker table tr:first-child > td {padding-top:6px;}
.ui-datepicker td {padding:0;}
.ui-datepicker table tr:first-child > td {padding-top:15px;}
.ui-datepicker table tr:last-child > td {padding-bottom:0;}
.ui-datepicker .ui-state-default {width:30px; height:30px; padding:0; border-radius:0; font-size:12px; text-decoration:none; line-height: 30px;}
.ui-datepicker .ui-state-default:focus,
.ui-datepicker .ui-state-default:hover {background-color:#fff;}
.ui-datepicker .ui-datepicker-week-end > span,
.ui-datepicker .ui-datepicker-week-end .ui-state-default {color:#949494;}
.ui-datepicker .ui-datepicker-today .ui-state-default:before {top:2px;}
.ui-datepicker .icoBtn_close:before, 
.ui-datepicker .icoBtn_close:after,
.monthPicker .icoBtn_close:after,
.monthPicker .icoBtn_close:before {height: 16px;}

/* Month picker */
.monthPicker {display:none; width:300px; z-index:500;}
.monthPicker .topArea select.ipt {height:30px; font-size: 20px;}
.monthPicker.on {display:block;}
.monthPicker .topArea {padding:0 0 21px;}
.monthPicker .monthList:after {display:block; content:''; clear:both;}
.monthPicker .btn_month {float:left; width:48px; min-width:0; height:48px; min-height:0; margin:8px; padding:1px 0 0; border-radius:0; font-size:14px;}
.monthPicker .btn_month > span:after {content:none;}
.monthPicker .btn_month:focus,
.monthPicker .btn_month:hover {border-color:#ddd;}

/* 반응형 셀렉트&탭 */
.tabWrap select.ipt.transAct,
select.ipt.transAct + .iptFilt {display:none;}

/*================================================== Form - checkbox & radio ==================================================*/
.ipt[type=checkbox],
.ipt[type=radio] {position:absolute; top:auto; width:24px; min-width:auto; height:24px; margin:0; padding:0; opacity:0; z-index:-1;}
.ipt[type=checkbox] + label,
.ipt[type=radio] + label {display:inline-block; position:relative; padding-left:31px; color:#222; font-size:16px; line-height:1.6; vertical-align:middle; cursor:pointer; z-index:1;}
.ipt[type=checkbox] + label:before,
.ipt[type=radio] + label:before {content:''; position:absolute; top:1px; left:0; width:24px; height:24px; /*border:2px solid #ccc;*/border:2px solid #777; border-radius:2px; background-color:#fff; overflow:hidden; box-sizing:border-box; transition:all ease-in-out 0.15s;}/*251020 웹접근성수정*/
/* 230526_텍스트라인 삭제 (s)
.ipt[type=checkbox]:focus + label,
.ipt[type=radio]:focus + label,
.ipt[type=checkbox] + label:hover,
.ipt[type=radio] + label:hover {text-decoration:underline;}
230526_텍스트라인 삭제 (e) */
.ipt[type=checkbox]:focus + label:before,
.ipt[type=radio]:focus + label:before,
.ipt[type=checkbox] + label:hover:before,
.ipt[type=radio] + label:hover:before {border-color:#1a75e4;}
.ipt[type=checkbox] + label.blind,
.ipt[type=radio] + label.blind {position:static !important; width:24px; height:24px; margin:0; padding:0 0 0 24px; overflow:hidden; clip-path:none;}

/* 230531_웹접근성 포커스 시 라인생성 */
.tabFocus .ipt[type=checkbox]:focus + label:before {border:2px dashed #222 !important;}
.tabFocus .ipt[type=checkbox]:checked:focus + label.lg:before {border:none !important; outline:1px dashed #222 !important;}/* 230628-웹접근성 추가 */
.tabFocus .ipt[type=radio]:focus + label:before {border:2px dashed #222 !important;}
.tabFocus .ipt[type=radio]:checked:focus + label:before {border:2px dashed #222 !important; background-color:#5d88fb !important; box-shadow:inset 0 0 0 4px #fff !important;}

/* checkbox */
.ipt[type=checkbox] + label:after {content:''; position:absolute; top:4px; left:8px; width:8px; height:12px; border:1px solid transparent; border-width:0 2px 2px 0; background-color:transparent; overflow:hidden; box-sizing:border-box; transform:rotate(45deg);}
.ipt[type=checkbox]:checked + label:before {border-color:#5d88fb; background-color:#fff;}
.ipt[type=checkbox]:checked + label:after {border-color:#5d88fb;}
.ipt[type=checkbox]:checked + label:hover:before,
.ipt[type=checkbox]:checked:focus + label:before {background-color:#5d88fb;}
.ipt[type=checkbox]:checked + label:hover:after,
.ipt[type=checkbox]:checked:focus + label:after {border-color:#fff;}

/* checkbox lg */
.ipt + label.lg {min-height:24px; padding-left:31px; font-weight:500;}
.ipt + label.lg:before {border-radius:0; transition:none;}
.ipt:checked + label.lg:before {border-color:#715deb; background-color:#715deb;}
.ipt:checked + label.lg:after {left:9px; top:6px; width:7px; height:11px; border-color:#fff;}
.ipt:checked + label.lg:hover:before,
.ipt:checked:focus + label.lg:before {background-color:#715deb; transition:none;}
.ipt:checked + label.lg:hover:after,
.ipt:checked:focus + label.lg:after {border-color:#fff; transition:none;}
.ipt:focus + label.lg:before,
.ipt + label.lg:hover:before {border-color:#5642bf;}

/* checkbox 전체동의 */
.ipt + label.allChk {width:100%; height:64px; padding:0 65px 0 55px; border:1px solid #ddd; background-color:#fff; color:#222; font-size:16px; font-weight:300; line-height:62px; text-align:left;}
.ipt + label.allChk:before {content:none;}
.ipt + label.allChk:after {left:28px !important; top:22px !important; width:9px !important; height:14px !important; /*border-color:#eee;*/border-color:#767676; border-width:0 3px 3px 0 !important; transition:none;}/* 250616 웹접근성 체크 고대비 */
.ipt:checked + label.allChk {border-color:#5642bf; color:#5642bf; box-shadow:3px 3px 6px rgba(86, 66, 191, .08); font-weight:500;}
.ipt:checked + label.allChk:after {border-color:#715deb !important;}
.ipt:focus + label.allChk,
.ipt + label.allChk:hover {border-color:#5642bf;}

/*.tabFocus .accoHead .ipt:focus + label.allChk {outline:1px dashed #222;}  230612-웹접근성 사이버창구 -> 230628 삭제*/
/* 230628-웹접근성 수정 (s) */
.ipt + label.allChk:before {content:'';position:absolute;top: 20px;left: 20px;width:24px;height:24px;border: none;border-radius:2px;background-color:transparent;overflow:hidden;box-sizing:border-box;transition:all ease-in-out 0.15s;}
.ipt:focus + label.allChk:before,
.ipt + label.allChk:hover:before {border:none;}
.ipt:checked + label.allChk:before {border-color: transparent;color:#fff;box-shadow: none;font-weight:500;background-color: transparent;}
.ipt:checked + label.allChk.lg:before {border-color: transparent !important; background-color: transparent !important;}
/* 230628-웹접근성 수정 (e) */

/* checkbox tit */
.ipt + label.tit {min-height:28px; padding-left:38px; color:#222; font-size:18px; font-weight:500;}
.ipt + label.tit:before {top:0; width:28px; height:28px; border-radius:0;}
.ipt:checked + label.tit:before {border-color:#5d88fb; background-color:#5d88fb;}
.ipt:checked + label.tit:after {left:10px; top:6px; width:8px; height:12px; border-color:#fff;}
.ipt:checked + label.tit:hover:before,
.ipt:checked:focus + label.tit:before {background-color:#5d88fb; transition:none;}
.ipt:checked + label.tit:hover:after,
.ipt:checked:focus + label.tit:after {border-color:#fff; transition:none;}
.ipt:focus + label.tit:before,
.ipt + label.tit:hover:before {border-color:#1a75e4;}

/* radio */
.ipt[type=radio] + label:before {border-radius:50%; transition:border 0.225s, box-shadow ease-in-out 0.225s;}
.ipt[type=radio]:checked + label:before {border-color:#5d88fb; background-color:#5d88fb; box-shadow:inset 0 0 0 4px #fff;}
.ipt[type=radio]:checked + label:hover:before,
.ipt[type=radio]:checked:focus + label:before {border-width:6px; background-color:#fff; /*box-shadow:inset 0 0 0 6px #0083cd;*/}

/* disabled */
.ipt[type=checkbox][disabled] + label,
.ipt[type=radio][disabled] + label,
.ipt[type=checkbox][readonly] + label, 
.ipt[type=radio][readonly] + label {color:#999; text-decoration:none; cursor:default;}
.ipt[type=checkbox][disabled] + label:before,
.ipt[type=radio][disabled] + label:before,
.ipt[type=checkbox][readonly] + label:before,
.ipt[type=radio][readonly] + label:before {border-color: #ddd !important;background-color: #eee !important;} /* 230612_웹접근성(border-color:#959595; background-color:#959595;) -> 230901 스퀘어와 동일하게 색상 변경 */
.ipt[type=checkbox][disabled]:checked + label:after,
.ipt[type=checkbox][readonly]:checked + label:after {border-color:#ccc !important;}
.ipt[type=radio][disabled]:checked + label:before,
.ipt[type=radio][readonly]:checked + label:before {background-color:#ccc !important; box-shadow:inset 0 0 0 4px #eee;}

/* single */
.single {display:inline-block; position:relative; margin:6px 0 4px; vertical-align:middle; overflow:hidden;}
.single .ipt + label {min-height:25px; margin-right:9px;}
.tblX .single {margin:0;}

.single.rvt label {margin-right:0; padding:0 31px 0 0;}
.single.rvt .ipt[type=checkbox] + label:before,
.single.rvt .ipt[type=radio] + label:before {left:auto; right:0;}
.single.rvt .ipt[type=checkbox] + label:after {left:auto; right:8px;}


/* 기본묶음 */
.iptGroup {vertical-align:middle;}
.iptGroup > li {display:inline-block; position:relative; margin:4px 10px 4px 0; font-size:0; vertical-align:top;}
.iptGroup.vertical > li {display:block; margin:10px 0;}
.iptGroup .ipt + label {font-size:16px;}
.iptGroup label + .tip {margin-left:5px;}
.iptGroup[class*=div_] {margin-right:-10px; font-size:0;}
.iptGroup[class*=div_] > li {margin-right:0; padding-right:10px; font-size:16px;}
.iptGroup.div_2 > li {width:50%;}
.iptGroup.div_3 > li {width:33.3333%;}
.iptGroup.div_4 > li {width:25%;}
.iptGroup.div_5 > li {width:20%;}

.iptGroup .iptWrap {margin:-10px 1px 8px 6px;}
.iptGroup.vertical > li .iptWrap,
.iptGroup > li.full .iptWrap {margin:10px 2px 4px 2px;}

.iptGroup:not([class*=div_]):not(.vertical).ar > li {margin-right:0; margin-left:10px;}

/* 소팅 */
.iptSort {display:inline-block; vertical-align:middle; overflow:hidden;}
.iptSort > li {position:relative; display:inline-block; margin-left:14px; vertical-align:top;}
.iptSort > li:first-child {margin-left:0;}
.iptSort .ipt + label {padding-right:16px; padding-left:0; font-size:14px; color:#666;}
.iptSort .ipt + label:before {content:none;}
.iptSort .ipt + label:after {content:''; position:absolute; top:50%; right:0px; margin-top:-2px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #ccc;}
.iptSort .ipt:checked + label {color:#1a75e4; font-weight:500;}
.iptSort .ipt:checked + label:after {border-top-color:#1a75e4;}

/* 필터 */
.iptFilt {display:block; margin:4px 2px; font-size:0; vertical-align:middle;}
.iptFilt:after {display:block; content:''; clear:both;}
.iptFilt > li {float:left; margin-left:-1px; text-align:center;}
.iptFilt .ipt + label {min-width:120px; height:44px; padding:1px 12px 0; border:1px solid #ccc; background-color:#fff; color:#666; font-size:14px; line-height:40px; vertical-align:middle;}
.iptFilt .ipt + label:before,
.iptFilt .ipt + label:after {content:none !important;}
.iptFilt .ipt:checked + label {border-color:#5d88fb; background-color:#f2f6ff; color:#445fe6; font-weight:500; z-index:2;}
.iptFilt .ipt[readonly] + label,
.iptFilt .ipt[disabled] + label {border-color:#eee; background-color:#f8f8f8;}
.iptFilt > li:first-child {margin-left:0;}
.iptFilt > li:first-child label {border-top-left-radius:4px; border-bottom-left-radius:4px}
.iptFilt > li:last-child label {border-top-right-radius:4px; border-bottom-right-radius:4px;}
.iptFilt.min .ipt + label {min-width:80px;}
.iptFilt .ipt:focus + label {border-color:#000;}
.tabFocus .iptFilt .ipt:focus + label {outline:1px dashed #222;} /* 230531_웹접근성 -> 230628-웹접근성 수정 */

/* 230412_사고보험금 약관버튼 (s) */
.iptFilt.ipblue li label span { position:relative;display:inline-block; padding-top:1px; font-size:inherit; line-height:1.4; vertical-align:text-top;}
.iptFilt.ipblue li label span:after {content:''; position:absolute; left:50%; right:50%; bottom:-1px; width:0; border-bottom:1px solid transparent; transition:all 0.15s ease-in-out;}
.iptFilt.ipblue li:hover label span {border-bottom-color:#ccc; transition:border ease-in-out 0.225s;}
.iptFilt.ipblue li:hover .ipt:checked + label span:after {border-bottom-color:#fff; left:0; right:0; width:100%;}
.iptFilt.ipblue li:hover label span:after {border-bottom-color:#ccc; left:0; right:0; width:100%;}

.iptFilt.ipblue > li:first-child label,
.iptFilt.ipblue > li:last-child label {border-radius: 0; margin-right: 10px; font-size: 16px;}
.iptFilt.ipblue > li:first-child .ipt + label:after,
.iptFilt.ipblue > li:last-child .ipt + label:after {border-radius: 0;}
.iptFilt.ipblue .ipt:checked + label {color:#fff;background-color:#5d88fb;}
.popCont .btnArea [class^=btn_]:not(.s):not(.m).ai_btn {display:inline-block; min-width:176px; min-height:56px; margin:5px 5px; padding:5px 30px; border:1px solid transparent; font-size:18px; font-weight:500; text-align:center; vertical-align:middle;}
/* 230412_사고보험금 약관버튼 (e) */

.iptFilt.tab {background-color:#eee;}
.iptFilt.tab .ipt + label {min-width:140px; padding:0 20px; border:3px solid transparent; background-color:transparent; border-radius:0;}
.iptFilt.tab .ipt:checked + label {color:#222; background-color:#fff; border-color:#eee;}

.iptFilt .ipt.multiLine + label {line-height: 21px;}

/* 필터 인증 */
.iptFilt .ipt + [class *= certRadio] {width:148px; height:120px; padding-top:70px; margin: 0 5px; border-radius: 4px; color:#666;}
.iptFilt .ipt + [class *= certRadio]:after {content: '' !important; position: absolute; top:0px; left:-1px; width:150px; height:120px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbzzba%2Svpb_preg_enqvb.cat) no-repeat 0 0;}
.iptFilt .ipt:checked + [class *= certRadio] {background-color: #5d88fb; border-color: #5d88fb; color:#fff;}
.iptFilt .ipt:checked + [class *= certRadio]:after {background-position: 0 -120px;}
.iptFilt .ipt + .certRadio_pass:after {background-position: -150px 0;}
.iptFilt .ipt:checked + .certRadio_pass:after {background-position: -150px -120px;}
.iptFilt .ipt + .certRadio_kakao:after {background-position: -300px 0px;}
.iptFilt .ipt:checked + .certRadio_kakao:after {background-position: -300px -120px;}

/* hashTag */
.iptHash {display:inline-block; margin:0; font-size:0; vertical-align:middle;}
.iptHash:after {display:block; content:''; clear:both;}
.iptHash > li {float:left; margin:0 4px; text-align:center;}
.iptHash .ipt + label {height:44px; padding:1px 24px; border:1px solid #ddd; border-radius:22px; background-color:#fff; color:#666; font-size:16px; line-height:42px; vertical-align:middle;}
.iptHash .ipt + label:before,
.iptHash .ipt + label:after {content:none !important;}
.iptHash .ipt:checked + label {border-color:#5d88fb; background-color:#5d88fb; color:#fff; box-shadow:2px 8px 16px rgba(0,66,142,0.24); z-index:2;}
.iptHash > li:first-child {margin-left:0;}

/* 버튼형 */
.iptBtn {margin:0 -4px; font-size:0;}
.iptBtn > li {display:inline-block; margin:0 4px; padding:0;}
.iptBtn a,
.iptBtn button,
.iptBtn .ipt + label {min-width:128px; padding:25px 10px 23px 10px; border:1px solid #ccc; background-color:#fff; color:#444; font-size:16px; border-radius:4px; outline:rgba(0,0,0,0);}
.iptBtn .ipt + label {background-color:#f8f8f8;}
.digital .iptBtn .ipt + label {background-color:#f2f2f2;}
.iptBtn .ipt + label:before {top:12px; left:12px;}
.iptBtn > li.on a,
.iptBtn > li.on button,
.iptBtn .finish a,
.iptBtn .finish button,
.iptBtn .ipt:checked + label {border-color:#5d88fb; background-color:#5d88fb; color:#fff; box-shadow:none; z-index:2;}
.iptBtn .ipt:checked + label:before {box-shadow:inset 0 0 0 4px #f2f6ff;}
.iptBtn .ipt:checked:hover + label:before,
.iptBtn .ipt:checked:focus + label:before {box-shadow:inset 0 0 0 6px #f2f6ff;}
.iptBtn a:focus,
.iptBtn button:focus,
.iptBtn .ipt:focus + label {border:1px dotted #000 !important;}

.iptBtn.addIco [class^=ico_] {display:block; width:32px; height:32px; margin:0 auto 10px;}
.iptBtn.addIco .ico_phone {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cubar_fz.cat) no-repeat center center;}
.iptBtn.addIco .ico_email {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_rznvy_fz.cat) no-repeat center center;}
.iptBtn.addIco .ico_card {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_pneq_fz.cat) no-repeat center center;}

.iptBtn.addIco [class^=ico_lg_] {width:38px; height:48px; margin:0 auto 8px;}
.iptBtn.addIco .ico_lg_kakao {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_pregvsv_xnxnb.cat) no-repeat center center;}
.iptBtn.addIco .ico_lg_public {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_pregvsv_choyvp.cat) no-repeat center center;}
.iptBtn.addIco .ico_lg_phone {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_pregvsv_cubar.cat) no-repeat center center;}
.iptBtn.addIco .ico_lg_credit {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_pregvsv_perqvg.cat) no-repeat center center;}
.iptBtn.addIco .finish .ico_lg_kakao,
.iptBtn.addIco .ico_lg_kakao:focus {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_pregvsv_xnxnb_j.cat) no-repeat center center;}
.iptBtn.addIco .finish .ico_lg_public,
.iptBtn.addIco .ico_lg_public:focus {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_pregvsv_choyvp_j.cat) no-repeat center center;}
.iptBtn.addIco .finish .ico_lg_phone,
.iptBtn.addIco .ico_lg_phone:focus {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_pregvsv_cubar_j.cat) no-repeat center center;}
.iptBtn.addIco .finish .ico_lg_credit,
.iptBtn.addIco .ico_lg_credit:focus {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_pregvsv_perqvg_j.cat) no-repeat center center;}

.iptBtn.addIco .ico_lg_book {width:40px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_pbagenpg_1.cat) no-repeat center center;}
.iptBtn.addIco .ico_lg_paper {width:40px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_pbagenpg_2.cat) no-repeat center center;}
.iptBtn.addIco .ico_lg_paper2 {width:40px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_pbagenpg_3.cat) no-repeat center center;}
.iptBtn.addIco .finish .ico_lg_book {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_pbagenpg_1_j.cat) no-repeat center center;}
.iptBtn.addIco .finish .ico_lg_paper {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_pbagenpg_2_j.cat) no-repeat center center;}
.iptBtn.addIco .finish .ico_lg_paper2{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_pbagenpg_3_j.cat) no-repeat center center;}

.iptBtn.addIco li:not(.finish) .blind {display:none;}

.iptBtn.icoL {margin:-8px; font-size:0; word-spacing:0;}
.iptBtn.icoL > li {margin:8px; width:calc(33.333% - 16px);}
.iptBtn.icoL [class^=ico_] {width:80px; height:80px; border-radius:26px; background-color:#f8f8f8; background-repeat:no-repeat; background-position:center center;}
.iptBtn.icoL .desc {display:block; margin-top:4px; font-size:14px; color:#666;}
.iptBtn.icoL .ipt + label {width:100%; padding:31px 10px 28px; text-align:center; border-color:#eee; border-radius:0; background-color:#fff;}
.iptBtn.icoL .ipt + label:before {display:none;}
.iptBtn.icoL .ipt + label:after {content:''; position:absolute; top:22px; right:26px; left:inherit;  width:10px; height:15px; border:1px solid #ddd; border-width:0 3px 3px 0; background-color:transparent; overflow:hidden; box-sizing:border-box; transform:rotate(45deg);}
.iptBtn.icoL .ipt:checked + label {color:#445fe6; font-weight:500; border-color:#5d88fb; box-shadow:8px 8px 16px rgba(93, 136, 251, 0.10);}
.iptBtn.icoL .ipt:checked + label [class^=ico_] {background-color:#5d88fb;}
.iptBtn.icoL .ipt:checked + label .desc {font-weight:300;}
.iptBtn.icoL .ipt:checked + label:after {border-color:#5d88fb;}

.iptBtn.icoL > li:first-child:nth-last-child(2),
.iptBtn.icoL > li:first-child:nth-last-child(2) ~ li {width:calc(50% - 16px);}
.iptBtn.icoL > li:first-child:nth-last-child(4),
.iptBtn.icoL > li:first-child:nth-last-child(4) ~ li,
.iptBtn.icoL > li:first-child:nth-last-child(7),
.iptBtn.icoL > li:first-child:nth-last-child(7) ~ li,
.iptBtn.icoL > li:first-child:nth-last-child(8),
.iptBtn.icoL > li:first-child:nth-last-child(8) ~ li {width:calc(25% - 16px);}

/* large Type */
.iptBtn.addIco .ico_cb_phone {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cubar_t_fz.cat);}
.iptBtn.addIco .ico_cb_write {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_crapvy_t_fz.cat);}
.iptBtn.addIco .ico_cb_write_new {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_crapvy_arj_t_fz.cat); border-radius: 0;}/* 230509_사고보험금 */
.iptBtn.addIco .ico_cb_write_plus {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_crapvy_cyhf_t_fz.cat); border-radius: 0;}/* 230509_사고보험금 */
.iptBtn.addIco .ico_cb_fax {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cevag_t_fz.cat);}
.iptBtn.addIco .ico_cb_file {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cncre_t_fz.cat);}
.iptBtn.addIco .ico_fracture {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_senpgher_t_fz.cat);}/* 230829 신속지급서비스 - 골절 */
.iptBtn.addIco .ico_surgery {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_fhetrel_t_fz.cat);}/* 230829 신속지급서비스 - 수술 */
.iptBtn.addIco .ico_admission {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_nqzvffvba_t_fz.cat);}/* 230829 신속지급서비스 - 입원 */
.iptBtn.addIco .ico_hospital {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_ubfcvgny_t_fz.cat);}/* 230829 신속지급서비스 - 통원 */
.iptBtn.addIco .ico_deputy_01 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_qrchgl_01_t_fz.cat);}/* 231027 사고보험금_대리인신청 */
.iptBtn.addIco .ico_deputy_02 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_qrchgl_02_t_fz.cat);}/* 231027 사고보험금_대리인신청 */
.iptBtn.addIco .ico_deputy_03 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_qrchgl_03_t_fz.cat);}/* 231027 사고보험금_대리인신청 */
/* accident */
.iptBtn.addIco .ico_acci_viru {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_ivehf_t_fz.cat);}
.iptBtn.addIco .ico_acci_fire {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_sver_t_fz.cat);}
.iptBtn.addIco .ico_acci_traf {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_genssvp_t_fz.cat);}
/* discount */
.iptBtn.addIco .ico_disc_disa {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_nppv_t_fz.cat);}
.iptBtn.addIco .ico_disc_pare {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_urneg_t_fz.cat);}
.iptBtn.addIco .ico_disc_chil {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_gbtrgure_t_fz.cat);}

.iptBtn.addIco .ico_disc_medi {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_zrqv_t_fz.cat);}
.iptBtn.addIco .ico_disc_low {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_ybj_t_fz.cat);}
.iptBtn.addIco .ico_disc_kids {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_xvqf_t_fz.cat);}
.iptBtn.addIco .ico_disc_fami {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_snzv_t_fz.cat);}
.iptBtn.addIco .ico_disc_happ {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_uncc_t_fz.cat);}

.iptBtn.addIco .ipt:checked + label .ico_cb_phone {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cubar_j_fz.cat);}
.iptBtn.addIco .ipt:checked + label .ico_cb_write {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_crapvy_j_fz.cat);}
.iptBtn.addIco .ipt:checked + label .ico_cb_write_new {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_crapvy_arj_j_fz.cat);}/* 230509_사고보험금 */
.iptBtn.addIco .ipt:checked + label .ico_cb_write_plus {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_crapvy_cyhf_j_fz.cat);}/* 230509_사고보험금 */
.iptBtn.addIco .ipt:checked + label .ico_cb_fax {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cevag_j_fz.cat);}
.iptBtn.addIco .ipt:checked + label .ico_cb_file {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cncre_j_fz.cat);}
.iptBtn.addIco .ipt:checked + label .ico_acci_viru {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_ivehf_j_fz.cat);}
.iptBtn.addIco .ipt:checked + label .ico_acci_fire {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_sver_j_fz.cat);}
.iptBtn.addIco .ipt:checked + label .ico_acci_traf {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_genssvp_j_fz.cat);}
.iptBtn.addIco .ipt:checked + label .ico_disc_disa {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_nppv_j_fz.cat);}
.iptBtn.addIco .ipt:checked + label .ico_disc_pare {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_urneg_j_fz.cat);}
.iptBtn.addIco .ipt:checked + label .ico_disc_chil {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_gbtrgure_j_fz.cat);}
.iptBtn.addIco .ipt:checked + label .ico_fracture {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_senpgher_j_fz.cat);}/* 230829 신속지급서비스 - 골절 */
.iptBtn.addIco .ipt:checked + label .ico_surgery {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_fhetrel_j_fz.cat);}/* 230829 신속지급서비스 - 수술 */
.iptBtn.addIco .ipt:checked + label .ico_admission {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_nqzvffvba_j_fz.cat);}/* 230829 신속지급서비스 - 입원 */
.iptBtn.addIco .ipt:checked + label .ico_hospital {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_ubfcvgny_j_fz.cat);}/* 230829 신속지급서비스 - 통원 */
.iptBtn.addIco .ipt:checked + label .ico_deputy_01 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_qrchgl_01_j_fz.cat);}/* 231027 사고보험금_대리인신청 */
.iptBtn.addIco .ipt:checked + label .ico_deputy_02 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_qrchgl_02_j_fz.cat);}/* 231027 사고보험금_대리인신청 */
.iptBtn.addIco .ipt:checked + label .ico_deputy_03 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_qrchgl_03_j_fz.cat);}/* 231027 사고보험금_대리인신청 */

.iptBtn.addIco .ipt:checked + label .ico_disc_medi {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_zrqv_j_fz.cat);}
.iptBtn.addIco .ipt:checked + label .ico_disc_low {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_ybj_j_fz.cat);}
.iptBtn.addIco .ipt:checked + label .ico_disc_kids {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_xvqf_j_fz.cat);}
.iptBtn.addIco .ipt:checked + label .ico_disc_fami {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_snzv_j_fz.cat);}
.iptBtn.addIco .ipt:checked + label .ico_disc_happ {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_uncc_j_fz.cat);}

.iptBtn.m {text-align:center;}
.iptBtn.m > li {display:inline-block; float:none; width:auto; margin:0 4px; padding:0;}
.iptBtn.m a,
.iptBtn.m button,
.iptBtn.m .ipt + label {display:block; min-width:104px; height:44px; padding:1px 10px; background-color:#5f4ec5; border:1px solid transparent; color:#fff; font-weight:500; line-height:42px; vertical-align:middle;}
.iptBtn.m .ipt + label:before,
.iptBtn.m .ipt + label:after {content:none !important;}
.iptBtn.m > li.on a,
.iptBtn.m > li.on button,
.iptBtn.m .ipt:checked + label {border-color:#fff; background-color:#fff !important; color:#5642bf; box-shadow:2px 8px 16px rgba(0,0,0,0.1); z-index:2;}

.iptBtn.s {display:inline-block; margin:4px 0;}
.iptBtn.s > li {display:inline-block; float:none; width:auto; margin:0 2px; padding:0; text-align:center;}
.iptBtn.s .ipt + label {display:block; min-width:64px; height:36px; padding:0 5px; border:1px solid #d6e1fe; border-radius:2px; background-color:#f2f6ff; color:#445fe6; font-size:14px; font-weight:300; line-height:34px; vertical-align:middle;}
.iptBtn.s .ipt + label:before,
.iptBtn.s .ipt + label:after {content:none !important;}
.iptBtn.s > li.on a,
.iptBtn.s > li.on button,
.iptBtn.s .ipt:checked + label {border-color:#5d88fb; background-color:#5d88fb !important; color:#fff; box-shadow:4px 4px 8px rgba(93,136,251,0.24); font-weight:500; z-index:2;}

.formList .iptBtn:not(.s) > li a,
.formList .iptBtn:not(.s) > li button,
.formList .iptBtn:not(.s) > li .ipt + label {min-width:148px;}

.formBox .iptBtn {display:block; margin:16px -8px; font-size:0; vertical-align:middle;}
.formBox .iptBtn:after {display:block; content:''; clear:both;}
.formBox .iptBtn > li {float:left; width:50%; margin:0; padding:8px;}
.formBox .iptBtn > li a,
.formBox .iptBtn > li button,
.formBox .iptBtn > li .ipt + label {width:100%; font-size:14px; font-weight:500; border-radius:0;}
.formBox .iptBtn a:focus,
.formBox .iptBtn button:focus,
.formBox .iptBtn .ipt:checked + label {border-color:#d6e1fe; background-color:#f2f6ff; color:#445fe6;}

.pageTit .iptBtn.m {margin-top:30px; margin-bottom:0;}
.fina .iptBtn.m .ipt + label {background-color:#5176e7;}
.fina .iptBtn.m .ipt:checked + label {color:#445fe6;}

.iptBtn.appLoan > li {width:50%; margin:0;}
.iptBtn.appLoan button {position:relative; width:100%; height:184px; padding:39px; text-align:left; border-radius:0; border:none; box-shadow:2px 2px 4px rgba(113, 93, 235, .10);}
.iptBtn.appLoan button:before,
.iptBtn.appLoan button:after {content:''; position:absolute; top:24px; right:24px; width:32px; height:32px; border-radius:50%; background-color:#f8f8f8; overflow:hidden; box-sizing:border-box; transition: all 0.15s ease-in-out;}
.iptBtn.appLoan button:after {content:''; position:absolute; top:30px; right:34px; width:10px; height:14px; border:1px solid transparent; border-width:0 2px 2px 0; background-color:transparent; border-color:#ccc; border-radius:0; overflow:hidden; transform:rotate(45deg);}
.iptBtn.appLoan button > span {display:block;}
.iptBtn.appLoan .tit {font-size:18px; color:#222;}
.iptBtn.appLoan .val {margin-top:24px; font-size:28px; color:#5642bf; font-weight:500;}
.iptBtn.appLoan .desc {font-size:14px; color:#666;}
.iptBtn.appLoan .finish button {background:#715deb; box-shadow:none;}
.iptBtn.appLoan .finish button > span {color:#fff;}
.iptBtn.appLoan .finish button .desc {color:rgba(255,255,255,0.7);}
.iptBtn.appLoan .finish button:before,
.iptBtn.appLoan :not(.finish) button:hover:before,
.iptBtn.appLoan :not(.finish) button:focus:before {background-color:#5642bf;}
.iptBtn.appLoan .finish button:after,
.iptBtn.appLoan :not(.finish) button:hover:after,
.iptBtn.appLoan :not(.finish) button:focus:after {border-color:#fff;}

.iptBtn.appLoan button[disabled] .val {color:#959595;}
.iptBtn.appLoan :not(.finish) button[disabled]:hover:before,
.iptBtn.appLoan :not(.finish) button[disabled]:focus:before {background-color:transparent;}
.iptBtn.appLoan button[disabled]:before,
.iptBtn.appLoan button[disabled]:after {content:none;}

.tabFocus .iptBtn.appLoan .finish button:focus {outline:1px dashed #222;}/* 230628-웹접근성 사이버창구 */

/* 토글 */
.toggleBtnArea > span:not(.toggleSwitch) {position:relative; top:-1px; display:inline-block; margin-left:4px; padding:0; vertical-align:middle;}
.toggleSwitch {display:inline-block; position:relative; margin:0; padding:0; font-size:0; vertical-align:middle;}
.toggleSwitch input {position:absolute; top:0; width:20px; height:20px; opacity:0; z-index:0;}
.toggleSwitch input:focus + label {outline: auto;}
.toggleSwitch input + label {display:inline-block; position:relative; width:36px; height:22px; background-color:#eee; border-radius:11px; cursor:pointer; box-shadow:0 3px 6px -6px #000 inset; transition:background 0.4s; -webkit-box-shadow:0 3px 6px -6px #000 inset; -webkit-transition:background 0.4s; -moz-transition:background 0.4s; -o-transition:background 0.4s;}
.toggleSwitch input + label:after {display:block; content:''; position:absolute; top:2px; left:2px; bottom:0; width:18px; height:18px; margin-left:0; border:none; background-color:#fff; border-radius:50%; box-sizing:border-box; transition:margin 0.4s; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15); box-shadow:0 1px 2px rgba(0, 0, 0, 0.15); z-index:1; -webkit-transition:margin 0.4s; -moz-transition:margin 0.4s; -o-transition:margin 0.4s;}
.toggleSwitch input + label:before {display:none;}
.toggleSwitch input:checked + label {background-color:#f2f6ff;}
.toggleSwitch input:checked + label:after {margin-left:14px; background-color:#5d88fb;}

.toggleSwitch.rvt {min-height:22px; padding-right:36px; font-size:16px; overflow:hidden;}
.toggleSwitch.rvt input + label {position:absolute; top:1px; right:0;}
.toggleSwitch.rvt input + label ~ span {position:relative; left:0;}
.toggleSwitch.rvt input + label ~ span .off,
.toggleSwitch.rvt input:checked + label ~ span .on {position:relative; top:0; left:0; margin-right:4px; opacity:1; transition:opacity ease-in-out 0.25s;}
.toggleSwitch.rvt input + label ~ span .on,
.toggleSwitch.rvt input:checked + label ~ span .off {position:absolute; opacity:0;}
.toggleSwitch.rvt input:checked + label ~ span .on {color:#445fe6;}

.toggleSwitch.rlb {padding-right:60px;}
.toggleSwitch.rlb input + label {background-color:#46425c;}
.toggleSwitch.rlb input + label .lb {position:absolute; top:0; left:100%; width:60px; font-size:14px; color:#222; font-weight:500;}
.toggleSwitch.rlb input:checked + label {background-color:#5c87fb;}
.toggleSwitch.rlb input:checked + label:after {background-color:#fff;}

.optPick {margin:4px 0; padding:22px 25px; background-color:#f9f9f9;}
.optPick .label {margin-bottom:10px; color:#222; font-size:16px; font-weight:500;}
ul.optPick {padding:0 25px;}
.optPick > li {padding:22px 0;}
.optPick > li + li {border-top:1px solid #eee;}
.optPick .iptGroup.vertical > li {margin:0;}
.optPick .iptGroup.vertical > li + li {margin-top:10px;}

.iptCheck {vertical-align:middle;}
.iptCheck > li {display:inline-block; position:relative; margin:4px 10px; min-height:28px; font-size:0; vertical-align:top;}
.iptCheck.vertical > li {display:block; margin:17px 0;}
.iptCheck .ipt + label {padding-left:36px;}
.iptCheck .ipt + label:before {content:'' !important; top:-1px !important; width:28px; height:28px; border:none; box-shadow:none; border-radius:50%; background-color:#f8f8f8; transition:all ease-in-out 0.15s;}
.iptCheck .ipt + label:after {content:''; position:absolute; top:5px; left:10px; width:8px; height:12px; border:1px solid #bbb; border-width:0 2px 2px 0; background-color:transparent; overflow:hidden; box-sizing:border-box; transform:rotate(45deg);}
.iptCheck .ipt:checked + label:before,
.iptCheck .ipt:checked:focus + label:before {border:none; box-shadow:none; /*background-color:#5d88fb !important;*/background-color:#346bff !important;}/* 250609 웹접근성 색상 변경*/
.iptCheck .ipt:checked + label:after {border-color:#fff;}
.iptCheck .ipt:checked + label{font-weight:500}/* 250616 웹접근성 체크시 폰트 굵기 변경 */

.iptCheck .ipt + label .tit {font-weight:500;}
.iptCheck .ipt + label .desc {display:block; margin-top:8px; color:#666; font-size:14px;}

div.iptCheck {margin:10px 0;}


/*================================================== Form(입력) List ==================================================*/
.formList {margin:13px 0 10px; border-top:1px solid #222; border-bottom:1px solid #aaa; text-align:left;}
.formList > li {display:flex; flex-direction:row; flex-wrap:nowrap; padding:6px 26px 6px 0; border-top:1px solid #ddd; align-items:center;}
.formList > li:first-child {border-top:0;}
.formList .itemTh {flex-grow:0; width:188px; min-width:188px; padding:0 15px 0 24px; color:#222; font-size:14px; font-weight:500; word-break:keep-all;}
.formList .itemTh > span {font-weight:300;}
.formList .dataTd {flex-grow:1; min-width:calc((100% - 376px) / 2); color:#222;}
.formList .txtVal {position:relative; padding:13px 0;}
.formList .txtVal:after {content:''; display:block; clear:both;}
.formList .txtVal .txtCon {padding:0 0 0 10px;}
.formList .valueMb {padding:10px 0;}
.formList .iptWrap {width:280px;}
.formList select.ipt {min-width:280px;}
.formList .iptWrap.min,
.formList .iptWrap.min .ipt {width:176px;}
.formList select.ipt.min {min-width:176px;}
.formList select.ipt.sm {min-width:132px;}
.formList .iptGroup {display:inline-block; margin:4px 2px; vertical-align:top;}
.formList .single {margin:9px 0; padding-left:2px;}
.formList * + .single {margin-left:8px;}
.formList div.single {display:block; margin-left:0px;}
.formList .single + .single {margin-left:0;}
.formList .txtList {margin:8px 0 !important;}
.formList .txtList ~ .links:last-child {margin-bottom:8px;}
.formList [class^=btn_].m {margin:4px 2px;}

.formList .btnGroup {display:inline-block; margin:4px 2px; vertical-align:middle;}
.formList .btnGroup [class^=btn_].m {margin:0 3px 0 2px;}

.formList .txtCon {padding:4px 2px; font-size:14px;}
.formList span.txtCon {display:inline-block; vertical-align:middle;}

.formList .itemTh .num {display:inline-block; width:16px; height:16px; margin:-2px 3px 0 0; border-radius:50%; background-color:#5d88fb; color:#fff; font-size:10px; font-weight:500; line-height:16px; text-align:center; vertical-align:middle;}

div.formList {/*width:390px; margin:0 auto; padding:0 4px 0 0;*/ border:0;}
div.formList .ipt.full,
div.formList .setBtnAdd.phone {width:100%; margin-left:0; margin-right:0;}

.popup .formList > li {padding-right:18px;}
.popup .formList .itemTh {width:150px; min-width:150px; padding:0 10px 0 20px;}

.formList.noLine,
.formList.noLine > li {border:none;}

/* 필수입력 */
.required {color:#e91b10;}

/*================================================== Accordion(아코디언) ==================================================*/
.accoHead {position:relative;}
.accoHead .desc {color:#666; font-weight:300;}
.accoBody {display:none; position:relative; background-color:#f8f8f8;}
.accoBtn:after {content:''; position:absolute; top:37px; width:11px; height:11px; margin-top:-4px; border:1px solid #222; border-width:0 2px 2px 0; transition:all 0.25s;}
.accoBtn:not(.icoBtn_acco) {display:block; position:relative; width:100%; color:#000; text-align:left; cursor:pointer;}
.accoBtn:not(.icoBtn_acco):after {right:18px; transform:translateY(-50%) rotate(45deg);}
.accoBtn:not(.icoBtn_acco):focus,
.accoBtn:not(.icoBtn_acco):hover {background-color:#f3f9ff;}
.accoItem.on > .accoHead .accoBtn {font-weight:500;}
.accoItem.on > .accoHead .accoBtn:after {margin-top:4px; border-color:#715deb;}
.accoItem.on > .accoHead .accoBtn:not(.icoBtn_acco):after {transform:translateY(-50%) rotate(-135deg);}
.icoBtn_acco {width:55px; height:56px;}
.icoBtn_acco:after {left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg);}
.accoItem.on > .accoHead .icoBtn_acco:after {transform:translate(-50%, -50%) rotate(-135deg);}

.accoHead .cate {display:block; color:#666; font-size:14px; font-weight:300; overflow:hidden;}
.accoHead .cate > span {position:relative; margin-right:18px;}
.accoHead .cate > span:before {content:''; position:absolute; left:-16px; top:8px; width:7px; height:7px; border:1px solid #666; border-width:1px 1px 0 0; background-color:transparent; overflow:hidden; box-sizing:border-box; transform:rotate(45deg); transition:all 0.25s ease-in-out; z-index:1;}

.accoHead .date {position:absolute; top:50%; right:60px; font-size:14px; font-weight:300; transform:translateY(-50%);}
.accoHead .date ~ .tit {display:inline-block; padding-right:200px;}


/*================================================== 본문 콘텐츠 아코디언 ==================================================*/
.accoList {border-top:1px solid #222;}
.accoList > li {border-bottom:1px solid #ddd;}
.accoList > li.on {border-color:#aaa;}
.accoList .accoBtn {padding:22px 56px 22px 24px; font-size:16px;}
.accoList .accoBtn:after {top:50%;}
.accoList .accoBody {padding:28px 32px 30px;}


/*================================================== FAQ ==================================================*/
.faqList {border-top:1px solid #222;}
.faqList > li {border-bottom:1px solid #ddd;}
.faqList > li.on {border-color:#aaa;}
.faqList .accoBtn {padding:20px 56px 20px 62px; background:transparent url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_snd_d.fit) no-repeat 24px 50%; font-size:16px;}
.faqList .accoBtn:after {top:50%;}
.faqList .accoBody {padding:28px 32px 30px;}


/*================================================== Help(도움말) ==================================================*/
.helpWrap > li {border:1px solid #ddd; border-width:1px 0; color:#222;}
.helpWrap .accoBtn {padding:18px 52px 20px;}
.helpWrap .accoBtn:before {content:'?'; position:absolute; left:24px; top:50%; width:18px; height:18px; border-radius:50%; background-color:#715deb; color:#fff; font-size:13px; font-weight:700; line-height:18px; text-align:center; transform:translateY(-50%); box-sizing:border-box;}
.helpWrap .accoBtn:after {top:50%;}
.helpWrap .accoBody {padding:23px 32px 28px;}
.helpWrap .txtList {margin-bottom:0;}
.helpWrap .txtList.disc {color:#222;}
.helpWrap .img > img {width:100%;}

.helpWraph_health > li {border:1px solid #ddd; border-width:1px 0; color:#222;}
.helpWraph_health .accoBtn {padding:18px 52px 20px;}
.helpWraph_health .accoBtn:before {content:'!'; position:absolute; left:24px; top:50%; width:18px; height:18px; border-radius:50%; background-color:#715deb; color:#fff; font-size:13px; font-weight:700; line-height:18px; text-align:center; transform:translateY(-50%); box-sizing:border-box;}
.helpWraph_health .accoBtn:after {top:50%;}
.helpWraph_health .accoBody {padding:23px 32px 28px;}
.helpWraph_health .txtList {margin-bottom:0;}
.helpWraph_health .txtList.disc {color:#222;}
.helpWraph_health .img > img {width:100%;}
/*================================================== 보험용어사전 ==================================================*/
.insTermDicList {border-top:1px solid #222;}
.insTermDicList > li {border-bottom: 1px solid #ddd; padding: 0px 56px 20px 20px; font-size: 16px;}
.insTermDicList .tit {color: #445fe6; font-weight: 400;}
.insTermDicList .accoBody {margin-top: 5px; background-color: transparent;}
.insTermDicList .accoBody p {color: #666;}

/* 유의사항 */
.helpWrap.caution .accoBtn:before,
div.helpWrap.caution .tit:before {content:'!'; background-color:transparent; border:1px solid #715deb; color:#715deb; font-size:12px; line-height:16px;}

/* 박스타입 */
div.helpWrap {padding:0 32px 32px 32px; border:1px solid #ddd; background-color:#fff;}
div.helpWrap .tit {position:relative; margin:0 -32px 27px; padding:18px 32px 20px 48px; color:#222; font-weight:500; border-bottom:1px solid #f2f2f2;}
div.helpWrap .tit:before {content:'?'; position:absolute; left:22px; top:23px; width:18px; height:18px; border-radius:50%; background-color:#715deb; color:#fff; font-size:13px; font-weight:700; line-height:18px; text-align:center; box-sizing:border-box;}
.accoBody div.helpWrap {margin-top:0;}

/* 확인하세요! */
.verifyWrap {position:relative; display:table; width:100%; padding:30px; background-color:#f5f9f2; font-size:14px; table-layout:fixed;}
.verifyWrap [class*=Cell] {display:table-cell; vertical-align:middle;}
.verifyWrap .titCell {width:220px; color:#449508; font-size:18px; font-weight:500; border-right:1px solid #ebefe9;}
.verifyWrap .titCell:before {content:'!'; position:relative; display:inline-block; top:-1px; width:24px; height:24px; margin-right:6px; border-radius:50%; border:2px solid #449508; color:#449508; font-size:14px; font-weight:700; line-height:20px; text-align:center; box-sizing:border-box;}
.verifyWrap .infoCell {padding-left:20px;}
.verifyWrap .btnCell {text-align:right;}
.verifyWrap [class^=titH] {margin-top:0;}
.verifyWrap .txtList {margin:5px 0;}
.verifyWrap .txtList.dash > li {margin-top:0;}
.verifyWrap .txtList.pointC3 > li:before,
.verifyWrap .txtList.pointC3:not(ul):before {background-color:#449508;}
.popCont .verifyWrap {padding-top:20px; padding-bottom:20px;}

/*================================================== Terms(약관) ==================================================*/
[class^=terms] .inner .txtList {margin:12px 0 5px;}
[class^=terms] .inner .txtList.bold .txtList {font-weight:300;} 
[class^=terms] .inner .txtList.numL {color:#222;}
[class^=terms] .inner .txtList.disc {margin-top:8px;}
[class^=terms] .inner p.titH3 {margin-top:32px;}
[class^=terms] .accoHead [class^=icoBtn_] {position:absolute; right:0; top:0; width:65px; height:62px; background-color:transparent; z-index:2;}

.iptGroup.agree > li {margin:0 0 0 20px;}

/* 약관동의 */
.termsWrap {margin:13px 0; border:1px solid #eee;}
.termsWrap .desc {color:#666; font-size:16px; word-break:keep-all;}
.termsWrap .accoHead .desc {margin-top:7px; padding-left:31px;}
.termsWrap .accoBody .desc {margin:0; color:#666; font-weight:300;}
.termsWrap .accoBody * + .desc {margin-top:12px;}
.termsWrap .inner .tblWrap:before {background-color:#f8f8f8;}
.digital .termsWrap .inner .tblWrap:before {background-color:#f2f2f2;}

ul.termsWrap > li {padding:0 23px;}
ul.termsWrap > li:not(:first-child) {border-top:1px solid #eee;}
ul.termsWrap .accoHead {position:relative; margin-right:-23px; padding:18px 65px 19px 0; font-size:0; word-break:keep-all;}
ul.termsWrap .accoHead:after {display:block; content:''; clear:both;}
ul.termsWrap .accoHead > span {display:inline-block; color:#222; font-size:16px; font-weight:500;}
ul.termsWrap li.on .accoHead .icoBtn_acco:after {border-color:#222;}
ul.termsWrap .accoHead .iptGroup.agree {display:inline-block; float:right; margin-right:30px;}
ul.termsWrap .iptGroup.agree + [class^=icoBtn_] {border-left:1px solid #eee;}
ul.termsWrap .accoBody {margin:0 -23px 23px; padding:23px 23px 0; border-top:1px solid #eee; background-color:transparent;}
ul.termsWrap .accoBody > .inner {padding:20px 23px; background-color:#f8f8f8;}
.digital ul.termsWrap .accoBody > .inner {background-color:#f2f2f2;}
ul.termsWrap .termsBody {margin:0 -23px ; padding:23px; border-top:1px solid #eee;}
ul.termsWrap .termsBody .desc {margin-bottom:12px;}

.termsWrap:not(ul) {background-color:#f8f8f8;}
.digital .termsWrap:not(ul) {background-color:#f2f2f2;}
.termsWrap:not(ul) > .inner {margin-top:28px; padding:0 31px 28px;}
.termsWrap:not(ul) > .inner .tblWrap {margin:0;}
.termsWrap:not(ul) > .inner .tblWrap td.th {background-color:#fff;}
.termsWrap:not(ul) .consent {padding:18px 31px 19px; border-top:1px solid #eee; background-color:#fff; font-size:0;}
.termsWrap:not(ul) .consent:after {display:block; content:''; clear:both;}
.termsWrap:not(ul) .consent .lg {font-weight:300;}
.termsWrap:not(ul) .consent > .desc {float:left; padding-top:1px;}
.termsWrap:not(ul) .consent > .iptGroup.agree {float:right;}
.termsWrap:not(ul) .wp-content {background-color:transparent !important;}

.termsWrap.sm .inner {height:152px;}

/* 종속 */
.cascadeWrap {display:table; width:100%; margin:13px 0; background-color:#f8f8f8;}
.digital .cascadeWrap {background-color:#f2f2f2;}
.cascadeWrap .desc {display:inline-block; margin-bottom:0 !important; padding-left:13px; color:#666; font-size:14px; font-weight:300;}
.cascadeWrap .itemTh {color:#222; font-size:14px; font-weight:500; word-break: keep-all;}/* 230808_추가 : word-break: keep-all*/
.cascadeWrap .itemTh {color:#222; font-size:14px; font-weight:500;}
.cascadeWrap .itemTh .tit {font-size:16px;}
.cascadeWrap .itemTh .tit:not(em) {font-weight:300;}
.cascadeWrap .itemTh .tit + .desc {display:block; margin-top:8px; padding:0; font-size:16px;}
.cascadeWrap .iptFilt {display:inline-block; margin:0;}

ul.cascadeWrap {table-layout:fixed;}
ul.cascadeWrap > li {display:table-cell; width:50%; padding:23px 24px 20px; vertical-align:top;}
ul.cascadeWrap > li + li {border-left:1px solid #eee;}
ul.cascadeWrap .itemTh {margin-bottom:15px;}

.cascadeWrap:not(ul) {padding:19px 23px;}
.cascadeWrap:not(ul) .itemTh,
.cascadeWrap:not(ul) .dataTd {display:table-cell; vertical-align:middle;}
.cascadeWrap:not(ul) .dataTd:not(.full) {width:52%; text-align:right;}/* 230808_수정 : width:50% => 48%;*//*이벤트마동 230822_수정 : width:48% => 52%;*/
.cascadeWrap:not(ul) .dataTd.full .iptGroup > li {width:100%; margin:10px 10px 10px 0;}

ul.termsWrap .cascadeWrap {margin:0;}
ul.termsWrap .accoBody > .inner .cascadeWrap {width:auto; margin:-20px -23px;}
ul.termsWrap .accoBody > .inner .cascadeWrap + * {margin-top:20px;}
ul.termsWrap .accoBody > .inner * + .cascadeWrap {margin-top:0;}
/* 기존버전
ul.termsWrap .cascadeWrap .ipt[type=checkbox] + label:before {border:0; background-color:transparent;}
ul.termsWrap .cascadeWrap .ipt[type=checkbox] + label:after {border-color:#ccc;}

ul.termsWrap .cascadeWrap .ipt[type=checkbox]:checked + label:after {border-color:#1d3574;}
ul.termsWrap .cascadeWrap .ipt[type=checkbox]:checked + label:hover:before,
ul.termsWrap .cascadeWrap .ipt[type=checkbox]:checked:focus + label:before {background-color:#1a75e4;}
ul.termsWrap .cascadeWrap .ipt[type=checkbox]:checked + label:hover:after,
ul.termsWrap .cascadeWrap .ipt[type=checkbox]:checked:focus + label:after {border-color:#fff;}
*/
ul.termsWrap .cascadeWrap .ipt[type=checkbox] + label:before {top: 3px; left: 2px;width: 20px; height: 20px;}
ul.termsWrap .cascadeWrap .ipt[type=checkbox]:checked + label:before {background-color:#5d88fb; border-color: #5d88fb;}
ul.termsWrap .cascadeWrap .ipt[type=checkbox]:checked + label:after {top: 7px; left: 9px; width: 6px; height: 9px; border-color:#fff;}

.popCont.col_6 ul.termsWrap .cascadeWrap .itemTh {display:block;}
.popCont.col_6 ul.termsWrap .cascadeWrap .dataTd {display:block; width:100%; text-align:left;}

/* 전체동의 */
.termsAll {margin:13px 0;}
.termsAll > li.on > .accoHead .accoBtn:after {border-color:#222;}
.termsAll > li > .accoBody {background-color:#fff;}
.termsAll ul.termsWrap {margin:0; border-top:0;}
.termsAll ul.termsWrap .ipt + label.lg {font-weight:300;}
.termsAll > li > .accoHead [class^=icoBtn_] {right:1px; top:1px;}
.termsAll ul.termsWrap .accoHead [class^=icoBtn_]:after {width:10px; height:10px; border-color:#888; border-width:0 1px 1px 0;}
.termsAll ul.termsWrap .accoHead > span {font-weight:300;}
.termsAll ul.termsWrap > li.on > .accoHead [class^=icoBtn_]:after {border-color:#222;}

/* 약관상세 */
/* 230808_추가 (s) */
.termsDetail .txtList {color:#222;}
.termsDetail .bartit {display:inline-block; position:relative; padding:0 10px;}
.termsDetail .bartit::after,
.termsDetail .bartit::before {content: '';position:absolute;top: 5px;width:3px;height: 20px;background-color:#5642bf;}
.termsDetail .bartit::after {right:0;}
.termsDetail .bartit::before {left:0;}
.termsDetail .bbLine {border-color:#7d7d7d !important;}
/* 230808_추가 (e) */

/* 약관동의 */
.termsDetail .gradeImg {margin:22px 0;}
.termsDetail .gradeImg .img {text-align:center;}
.termsDetail .gradeImg img {max-width:100%;}

/* 내용확인에 대한 동의 */
.pithyTerms {margin-top:30px; padding:17px 25px 23px 25px; background-color:#f8f8f8;}
.digital .pithyTerms {background-color:#f2f2f2;}
.pithyTerms:after {content:''; display:block; clear:both;}
.pithyTerms .tit,
.pithyTerms .desc,
.pithyTerms .txtList,
.pithyTerms .iptGroup,
.pithyTerms .single {margin:8px 0 0 0;}

.pithyTerms .tit {color:#222; font-weight:500;}
.pithyTerms .desc {float:left;}
.pithyTerms .single {float:right;}
.pithyTerms div .desc {float:none;}
.pithyTerms .single .ipt + label {margin:0; vertical-align:top;}
.pithyTerms .iptGroup {width:100%; margin-top:10px; text-align:right;}

.pithyTerms .txtList + .tit,
.pithyTerms .desc + .tit {margin-top:19px;}


/*================================================== 추가입력 서식 ==================================================*/
.addIptHead {padding-bottom:13px;}
.addIptBody {border-top:1px solid #222;}
.addIptBody > .txtList {padding-top:20px;}
.addIptBody .formList {margin:0; border-top:0;}


/*================================================== Tooltip ==================================================*/
.tip {display:inline-block; position:relative; margin-top:-2px; font-size:0; font-weight:300; vertical-align:middle; white-space:normal;}
.tip [class*=col_] {float:none;}
.tip + p {margin-left:10px; vertical-align:middle;}

.tipWrap {display:inline-block; position:relative; width:16px; height:16px; text-align:left; vertical-align:middle;}
.tipWrap .icoBtn_tip {display:inline-block; width:16px; height:16px; border-radius:50%; border:1px solid #696969; background-color:#fff; vertical-align:middle; overflow:hidden;}
.tipWrap .icoBtn_tip:after {content:'?'; position:absolute; top:0; left:0; width:14px; padding:0; color:#696969; font-size:13px; font-family:'Malgun Gothic', '맑은 고딕', 'Dotum', '돋움'; font-weight:700; line-height:14px; text-align:center; box-sizing:border-box;}
.tipWrap.on .tooltip {display:block; opacity:1; outline:rgba(0,0,0,0);}
.tipWrap.on .icoBtn_close {display:block;}
.tipWrap.info .icoBtn_tip:after {content:'i';}
body:not(.isIE):not(.isFF) .tipWrap.info .icoBtn_tip:after {padding-right:1px;}
/* 231213 추가 (s) */
.tool_p .tipWrap .icoBtn_tip {border:1px solid #715deb; background-color:#715deb;}
.tool_p .tipWrap .icoBtn_tip:after {color:#fff;}
/* 231213 추가 (e) */
.tooltip {display:none; position:absolute; top:50%; left:0; width:auto; min-width:150px; margin-left:30px; padding:17px 22px; border:1px solid #5d88fb; background-color:#fff; color:#666; font-size:14px; line-height:1.5; text-align:left; box-shadow:3px 3px 7px rgba(93, 136, 251, .16); box-sizing:border-box; opacity:0; z-index:500; transition:opacity .15s linear;}
.tooltip.in {display:block; opacity:1;}
.tooltip > .tit {display:block; margin-bottom:10px; border-radius:5px 5px 0 0; line-height:1;}
.tooltip .cont {padding-right:7px;}
.tooltip .cont [class^=titH] {display:inline-block;}
.tooltip .cont [class^=titH]:first-child {margin-top:0;}
.tooltip .cont .titH5 {margin-bottom:8px;}
.tooltip .cont .txtList {margin-bottom:0 !important;}
.tooltip .cont .txtList:not(.prog):not(.step) > li {margin-top:7px;}
.tooltip .cont [class^=titH] + .txtList {margin-top:0 !important;}
.tooltip .icoBtn_close {display:none; position:absolute; top:17px; right:10px; width:20px; height:20px;}
.tooltip .icoBtn_close:before,
.tooltip .icoBtn_close:after {height:12px;}

.tooltip:before {content:''; position:absolute; left:-4px; top:50%; width:7px; height:7px; border:1px solid #1a75e4; border-width:0 0 1px 1px; background-color:#fff; box-sizing:border-box; transform:translateY(-50%) rotate(45deg);}
.left .tooltip {margin-left:-10px;}
.left .tooltip:before {left:auto; right:-4px; border-width:1px 1px 0 0;}
.top .tooltip {top:auto; bottom:31px; margin-left:10px;}
.top .tooltip:before {left:50%; top:auto; bottom:-4px; border-width:0 1px 1px 0; transform:translateX(-50%) rotate(45deg);}
.bottom .tooltip {left:-50%; top:31px; margin-left:10px;}
.bottom .tooltip:before {left:50%; top:-4px; border-width:1px 0 0 1px; transform:translateX(-50%) rotate(45deg);}

.tip.noti {position:absolute; margin:2px 0 0 0;}
.notiWrap {display:inline-block; position:relative;}


/*================================================== hoverTip ==================================================*/
.hoverTip {position:relative; white-space:nowrap;}
.hoverTip .links {color:#222; white-space:normal;}
.hoverTip .links:after {border-color:#222;}
.hoverTip .links:hover,
.hoverTip .links:focus {color:#0083CD;}
.hoverTip .links:hover:after,
.hoverTip .links:focus:after {border-color:#0083CD;}
.hoverTip .links:hover ~ .box,
.hoverTip .links:focus ~ .box {display:block; opacity:1;}
.hoverTip .box {display:none; position:absolute; top:100%; left:0; width:auto; min-width:150px; margin-left:5px; margin-top:5px; padding:12px 17px; border:1px solid #1a75e4; border-radius:8px; background-color:#fff; color:#222; font-size:14px; line-height:1.4; text-align:left; box-shadow:2px 4px 6px #0A76DC1F; background-color:#fff; box-sizing:border-box; opacity:0; z-index:500; transition:opacity .15s linear;}
td .hoverTip .box {margin-top:1px;}


/*================================================ Flag ================================================*/
[class^=flag_] {display:inline-block; min-width:48px; height:28px; margin:2px 0; padding:0 9px; border-radius:14px; background-color:#f8f8f8; color:#666; font-size:13px; font-weight:500; line-height:28px; text-align:center; vertical-align:middle;}
/* 게시판 */
.flag_bs {}
.flag_qs {background-color:#ecf6ff; color:#1a75e4;}
.flag_as {background-color:#00b9ef; color:#fff;}
/* 보험/금융 상품 */
.flag_cv {background-color:#edeefc; color:#5642bf;}
.prdList .flag_bs {background-color:#eef3ff; color:#445fe6;}
.flag_nw {background-color:#eef7ea; color:#3e9100;}
.flag_mo {background-color:#ffeef0; color:#b41c85;}
.flag_app {background-color:#fff2e1; color:#a67603;}
/* 펀드 */
.flag_lv6 {background-color:#fdf4f4; color:#e11409;}
.flag_lv5 {background-color:#fff7f1; color:#ec750d;}
.flag_lv4 {background-color:#fff9e9; color:#ff5525;}/*.flag_lv4 {background-color:#fff9e9; color:#ff9900;}*/
.flag_lv3 {background-color:#f4f8f1; color:#3e9100;}
.flag_lv2 {background-color:#f1fafd; color:#00a3cc;}
.flag_lv1 {background-color:#ecf6ff; color:#1a75e4;}
.flag_tp {background-color:#f8f8f8; color:#666;}
.flag_st {background-color:#f8f8f8; color:#959595;}
.digital .flag_tp,
.digital .flag_st {background-color:#f2f2f2;}
/* 공시 */
.flag_nt {background-color:#ecf6ff; color:#1a75e4;}
/* 채용 */
[class^=flag_rc] {min-width:82px;}
.flag_rc1 {background-color:#ecf6ff; color:#1a75e4;}
.flag_rc2 {background-color:#faf6ee; color:#b87900;}
.flag_rc3 {background-color:#f4f8f1; color:#3e9100;}
/* 보험보장분석 */
.flag_an1 {background-color:#edeefc; color:#5642bf;}
.flag_an2 {background-color:#fdf4f4; color:#e11409;}
/* 배송상태 */
.flag_dl_dy {background-color:#fef6fb; color:#e658b2;}
.flag_dl_ok {background-color:#f6f5fd; color:#715deb;}
.flag_dl_re {background-color:#fff7f1; color:#ec750d;}
/* 퇴직연금 */
.flag_rec {background-color:#715deb; color:#fff;}
/*  */

/*================================================ BBS ================================================*/
/* 게시판 리스트 */
.bbsList {border-top:1px solid #222;}
.bbsHead {display:table; width:100%; padding:27px 29px 24px 24px; border-bottom:1px solid #ddd; table-layout:fixed;}
.bbsHead .titArea {display:table-cell; margin:0;}
.bbsHead .tit {color:#222; display:-webkit-box; max-height:57px; color:#222; font-size:18px; font-weight:500; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.bbsHead:not(a) a.tit {outline:none;}
.bbsHead:not(a) a.tit:focus,
.bbsHead:not(a) a.tit:hover {text-decoration:underline;}
.bbsHead:not(a) a.tit:focus{text-decoration:none; outline: 2px solid #222;}/*251020 웹접근성수정*/
.bbsHead .state {margin-bottom:9px;}
.bbsHead .stitle, /* 22-07-25 */
.bbsHead .date2, /* 22-07-25 */
.bbsHead .term,
.bbsHead .down,
.bbsHead .date,
.bbsHead .downWrap {display:table-cell; color:#909090; font-size:16px; text-align:center; vertical-align:middle;}
.bbsHead .date {text-align:right;}
.bbsList .bbsHead .term {width:350px;}
.bbsList .bbsHead .down {width:90px;}
.bbsList .bbsHead .stitle {width:100px; max-height:52px; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#222;} /* 22-07-25 */
.bbsList .bbsHead .date2, /* 22-07-25 */
.bbsList .bbsHead .date {width:130px;}
.bbsList .bbsHead .downWrap {width:120px;}
.bbsList .bbsHead .downWrap [class^=btn_] {margin:0;}
.bbsList .bbsHead .txt {margin-top:10px;}
.bbsList .bbsHead .txt.ellip {display:-webkit-box; max-height:52px; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

a.bbsHead {padding:32px 24px 28px; color:#666;}
a.bbsHead .down,
a.bbsHead .date {font-size:14px; vertical-align:bottom;}

/* 게시판 상세 */
.bbsView .bbsHead {padding:0 0 28px 0;}
.bbsView .bbsHead .titArea {display:table-cell;}
.bbsView .bbsHead .titArea .tit {max-height:none; font-size:24px; -webkit-line-clamp:unset;}
.bbsView .bbsHead .state {margin-bottom:17px;}
.bbsView .bbsHead .date {width:30%; vertical-align:bottom;}
.bbsView .bbsBody {padding:30px 0 15px; line-height:1.8;}
.bbsView .img {margin-bottom:32px; border-radius:8px; overflow:hidden;}
.bbsView .img > img {width:100%; height:auto;}

/* 공지사항 게시판 상세 */
.bbsView.notice img {width:100% !important; height:auto !important;}
.bbsView.notice table {position:relative; border-collapse:collapse;}
.bbsView.notice table:after {content:""; position:absolute; top:0; left:0; width:100%; border-top:1px solid #222;}
.bbsView.notice table th,
.bbsView.notice table td {border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; border-bottom:1px solid #ddd; color:#666; line-height:1.5;}
.bbsView.notice table th:first-child,
.bbsView.notice table td:first-child {border-left:none;}
.bbsView.notice table th:last-child,
.bbsView.notice table td:last-child {border-right:none;}

/* 게시판 상세 - 첨부파일 */
.bbsAttach {margin:40px 0 64px; padding:24px; background-color:#F8F8F8; font-size:0;}
.bbsAttach .tipWrap .icoBtn_tip {border-color:#ccc; background-color:#fff;}
.bbsAttach .tipWrap .icoBtn_tip:after {color:#bbb;}
ul.bbsAttach {padding:17px 15px;}
ul.bbsAttach:after {display:block; content:''; clear:both;}
ul.bbsAttach > li {padding:8px 10px;}
a.file {max-width:100%; text-decoration:underline;}
/* a.file:after {content:''; position:absolute; left:32px; right:0; bottom:0; border-bottom:1px solid #666;} */
.file {display:inline-block; position:relative; min-height:24px; padding:2px 0 0 32px; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_svyr.fit); background-repeat:no-repeat; background-position:0 0; color:#666; font-size:14px; vertical-align:middle;}
.file.doc {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_svyr_qbp.fit);}
.file.pdf {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_svyr_cqs.fit);}
.file.xls {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_svyr_kyf.fit);}
.file.zip {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_svyr_mvc.fit);}

/* 게시판 상세 - 관리자 답글 */
.bbsAnswer {position:relative; margin-top:64px; padding:40px 50px 30px 103px; border:1px solid #ddd; border-radius:8px; background-color:#f8f8f8; line-height:1.8;}
.bbsAnswer:before {content:''; position:absolute; left:15px; top:-24px; width:40px; height:24px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Soof_nafjre_vzt.cat) no-repeat 0 0;}
.bbsAnswer .manager {position:relative; margin-bottom:10px; padding-top:5px; font-size:18px;}
.bbsAnswer .manager:before {content:''; position:absolute; left:-72px; top:50%; width:56px; height:56px; border-radius:50%; background:#1a75e4 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_znantre.cat) no-repeat 0 0; background-size:cover; transform:translateY(-50%);}

/* 게시판 상세 - 이전_다음글 */
.bbsPager {margin-top:30px; border:1px solid #aaa; border-width:1px 0;}
.bbsPager > li + li {border-top:1px solid #ddd;}
.bbsPager .tit {display:-webkit-box; vertical-align:middle; overflow:hidden; color:#666; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.bbsPager .itemPrev,
.bbsPager .itemNext {display:inline-block; width:170px; margin-right:40px; padding:15px 40px; color:#222; font-weight:500; background:#f8f8f8;}
.digital .bbsPager .itemPrev,
.digital .bbsPager .itemNext {background-color: #f2f2f2;}

/* 채용게시판 */
.state .txtItem {display:inline-block; vertical-align:middle; color:#666; font-size:14px;}
.state [class^=flag_rc] {margin-right:8px;}
.recruit .bbsHead .date {width:200px; vertical-align:middle; text-align:right;}
.recruit .bbsBody .txtList.numL,
.recruit .bbsBody .stepList.icon {margin-top:24px;}

/* 이미지 게시판 */
.imgBbsList {border-top:1px solid #222;}
.imgBbsList > li {padding:28px 24px 32px; border-bottom:1px solid #ddd;}
.imgBbsList > li:after {display:block; content:''; clear:both;}
.imgBbsList .thum {position:relative; float:left; width:204px; height:144px; margin-top:4px; border-radius:5px; overflow:hidden;}
.imgBbsList .thum > img {width:204px; height:144px;}
.imgBbsList .thum + .cont {padding-left:241px;}
.imgBbsList .cont .tit {margin-bottom:10px; font-size:18px;}
.imgBbsList .cont .txt.ellip {display:-webkit-box; max-height:102px; white-space:normal; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.imgBbsList .cont .txt.on {display:block; max-height:none;}
.imgBbsList .more {color:#0083CD; font-size:14px;}
.imgBbsList .down,
.imgBbsList .hashtagGroup {margin-top:8px;}
.imgBbsList .hashtag {display:inline-block; margin-right:7px; color:#aaa; font-size:14px;}

/* 사진 게시판 */
.photoBbsList {margin:64px -8px -64px; font-size:0;}
.photoBbsList > li {display:inline-block; position:relative; width:25%; padding:0 8px 64px; vertical-align:top; z-index:1;}
.photoBbsList > li > a {display:block;}
.photoBbsList .thum {position:relative; width:100%; height:336px; overflow:hidden;}
.photoBbsList .thum > img {width:100%; min-height:100%; transition:all 0.18s;}
.photoBbsList .cate {margin-top:15px; color:#222;font-size:16px; font-weight:500;}
.photoBbsList .tit {display:-webkit-box; max-height:50px; margin-top:10px; color:#222; font-size:16px; font-weight:500; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.photoBbsList > li > a:hover .thum img {transform:scale(1.1);}
.photoBbsList > li > a:hover .tit {text-decoration:underline;}
.photoBbsList .tel {margin-top:10px; color:#b87900; font-size:14px;}
.photoBbsList .tel a {display:inline-block; position:relative;}

.photoBbsList.sm .thum {height:154px;}

/* 동영상 게시판 */
.videoBbsList {margin:64px -8px 0; font-size:0;}
.videoBbsList > li {display:inline-block; position:relative; width:33.3333%; padding:64px 8px 0; vertical-align:top; z-index:1;}
.videoBbsList > li:nth-child(1),
.videoBbsList > li:nth-child(2),
.videoBbsList > li:nth-child(3) {padding-top:0;}
.videoBbsList > li > a {display:block; position:relative; color:#666; font-size:14px;}
.videoBbsList .thum {position:relative; width:100%; height:208px; border-radius:7px; overflow:hidden;}
.videoBbsList .thum img{width:100%;}
.videoBbsList .tit {margin-top:10px; color:#222; font-size:16px; font-weight:500; }
.videoBbsList .channel {margin-top:10px;}
.videoBbsList .channel + .tit {margin-top:0;}
.videoBbsList .date {margin-top:7px;}
.videoBbsList .playTime {position:absolute; top:172px; right:8px; width:72px; height:28px; padding-left:25px; border-radius:14px; background:rgba(0,0,0,0.5) url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_ivqrb_cynl.cat) no-repeat 12px 50%; background-size:12px 14px; color:#fff; font-size:12px; line-height:28px; text-align:center;}
.videoBbsList > li > a:hover .tit {text-decoration:underline;}

.videoBbsList.sm > li {width:25%;}
.videoBbsList.sm > li:nth-child(4) {padding-top:0;}
.videoBbsList.sm .thum {height:154px;}
.videoBbsList.sm .playTime {top:inherit; bottom:8px;}

/* 동영상 게시판 - 상세 */
.videoDetail {position:relative; margin:0 -8px; padding-bottom:64px;}
.videoDetail:before {content:''; position:absolute; left:8px; right:8px; bottom:0; border-bottom:1px solid #ddd;}
.videoDetail:after {content:''; display:block; clear:both;}
.videoDetail > div {position:relative; float:left; width:50%;}
.videoDetail .videoArea {height:316px; padding:0 8px; z-index:0;}
.videoDetail .videoArea .thum {position:absolute; left:8px; right:8px; top:0; bottom:0; border-radius:8px; background-color:#222; overflow:hidden; z-index:1;}
.videoDetail .videoArea .thum > img {position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%, -50%);}
.videoDetail .videoArea .thum:after {content:''; position:absolute; top:50%; left:50%; width:68px; height:80px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_ivqrb_cynl.cat) no-repeat 0 0; background-size:cover; transform:translate(-50%, -50%);}
.videoDetail .videoArea video {width:100%; height:100%; border-radius:8px; overflow:hidden;background:#000;}
.videoInfo {height:316px; padding:0 8px 0 24px;}
.videoInfo .infoHead {position:relative; margin-top:-5px; padding-right:80px; color:#666; font-size:14px;}
.videoInfo .tit {color:#222; font-size:18px; font-weight:500;}
.videoInfo .date {position:absolute; right:0; bottom:0;}
.videoInfo .icoBtn_open {display:none;}
.videoInfo .infoBody {position:absolute; left:24px; right:8px; top:47px; bottom:0; padding:24px 30px 6px; border:1px solid #f2f2f2; border-radius:7px; overflow-y:auto;}
.videoInfo .infoBody pre {white-space:break-spaces;}

.disclosure .videoInfo .infoBody {top:69px;}

/* 인쇄물 게시판 */
.printsBbsList {margin:64px -8px -64px; font-size:0;}
.printsBbsList > li {display:inline-block; position:relative; width:25%; padding:0 8px 64px; vertical-align:top; z-index:1;}
.printsBbsList > li > a {display:block;}
.printsBbsList .thum {position:relative; width:100%; height:384px; border:1px solid #eee; background-color:#fff; overflow:hidden;}
.printsBbsList .thum > img {position:absolute; left:50%; top:50%; width:100%; height:auto; transform:translate(-50%, -50%);}
.printsBbsList .tit {display:-webkit-box; max-height:50px; margin-top:10px; color:#222; font-size:16px; font-weight:300; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.printsBbsList .date {margin-top:7px; font-size:14px;}
.printsBbsList .hiddenBtns{opacity:0; position:absolute;top:0;left:8px;width:calc(100% - 16px);height:384px;background:rgba(0,0,0,0.5);border-radius:0;z-index:1;overflow:hidden; transition:opacity 0.18s;}
.printsBbsList .hiddenBtns a{display:-webkit-flex;display:flex;position:relative;height:50%;box-sizing:border-box;align-items:center;justify-content:center;}
.printsBbsList .hiddenBtns a + a{border-top:1px solid rgba(255,255,255,0.2);}
.printsBbsList .hiddenBtns a:after{content:"";position:absolute;left:0;width:100%;height:0;z-index:-1;background:rgba(93,136,251,0.85);opacity:0;transition:all 0.18s;}
.printsBbsList .hiddenBtns a:hover:after,
.printsBbsList .hiddenBtns a:focus:after,
.printsBbsList .hiddenBtns a:active:after{height:100%;opacity:1;}
.printsBbsList .hiddenBtns a:first-child:after{top:0;border-radius:0;}
.printsBbsList .hiddenBtns a:last-child:after{bottom:0;border-radius:0;}
.printsBbsList .hiddenBtns a span{display:inline-block;position:relative;margin-right:6px;font-size:16px;color:#fff;}
.printsBbsList .hiddenBtns a:hover span:after{content:"";position:absolute;bottom:3px;left:0;width:100%;height:1px;background:#fff;}
.printsBbsList .hiddenBtns .ico_down:before{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_qbja_neebj_j.cat) no-repeat center center;}
.printsBbsList .hiddenBtns .ico_down:after{border-color:#fff;}
.printsBbsList .hiddenBtns .ico_zoomin{width:14px;height:14px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_mbbz_va.cat) no-repeat center center;}
.printsBbsList .on .hiddenBtns{opacity:1;}
.printsBbsList .hiddenBtns a:focus{outline-offset: -1px;} /* 240705 웹접근성 수정 */

.printYear .titArea{margin-top:32px;}
.printsArea{margin-top:32px;padding:0 48px 48px;text-align:center;}
.printsArea img{display:inline-block;max-width:100%;box-shadow:48px 48px 24px 0 rgba(0, 0, 0, 0.08);}

/* 이벤트 게시판 */
.eventList {margin:0 -32px; font-size:0;}
.eventList:after {display:block; content:''; clear:both;}
.eventList > li {display:inline-block; position:relative; width:50%; padding:32px; vertical-align:top; z-index:1;}
.eventList > li:nth-child(1),
.eventList > li:nth-child(2) {padding-top:0;}
.eventList .block {position:relative;}
.eventList .thum {display:inline-block; width:100%;}
.eventList .thum > img {width:100%; height:auto;}
.eventList .info {margin-top:10px;}
.eventList .info:after {display:block; content:''; clear:both;}
.eventList .hashtagGroup {float:left;}
.eventList .date {float:right; color:#222;}
.eventList [class^=eventBtn_] {position:absolute; right:0; bottom:0; width:0; height:0; border-top:100px solid transparent; border-right:100px solid #715deb; color:#fff; font-size:14px;}
.eventList [class^=eventBtn_] > span {position:absolute; right:-85px; top:-50px; width:30px; line-height:1.4;}
.eventList .eventBtn_individ {border-right:100px solid #5d88fb;}

.eventList.sh a.thum:before,
.eventList.sh a.thum:after {content:''; position:absolute; right:24px; bottom:24px; width:24px; height:24px; border-radius:50%;}
.eventList.sh a.thum:before {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Srirag_yvax.cat) no-repeat 0 0; background-size:cover;}
.eventList.sh a.thum:after {box-shadow:0 0 24px rgba(0,0,0,0.2);}
.eventList.sh div.thum:after {content:''; position:absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(34, 34, 34, 0.6);}

[class*=event] .hashtag {display:inline-block; margin-right:3px; color:#1a75e4; font-size:13px;}
[class*=event] .date > span {display:inline-block; position:relative; font-size:13px;}
[class*=event] .date > span.dDay {font-weight:500;}
[class*=event] .date > span + span {padding-left:25px;}
[class*=event] .date > span + span:before {content:'|'; position:absolute; left:8px; top:50%; font-size:13px; font-family:'Dotum', '돋움'; transform:translateY(-50%); opacity:0.2;}

.bbsView.event .bbsHead {table-layout:auto;}
.bbsView.event .bbsHead .tit br {display:none;}
.bbsView.event .bbsHead .date {width:auto; white-space:nowrap;}
.bbsView.event .bbsBody {margin-bottom:64px; padding-bottom:0;}
.bbsView.event .bbsBody .titArea {font-size:18px;}
.bbsView.event .img {margin-bottom:64px;}
.bbsView.event .img img {width:100%; height:auto;}
.bbsView.event .allImg {position:relative; padding-bottom:64px; border-bottom:1px solid #ddd; text-align:center;}

/* 당첨자 확인 */
.winnerConfir {display:table; width:100%; margin-bottom:15px; padding:20px 32px; border-radius:8px; background-color:#f8f8f8;}
.digital .winnerConfir {background-color: #f2f2f2;}
.winnerConfir > div {display:table-cell; vertical-align:middle;}
.winnerConfir > .txt {color:#222;}
.winnerConfir > .btn {text-align:right;}
.winnerConfir [class^=btn_].s {margin:0;}

/* 당첨 여부 */
.eventConfir {margin:0 -32px; padding:64px 32px 32px; background-color:#f8f8f8; border-bottom:1px solid #eee; text-align:center;}
.digital .eventConfir {background-color: #f2f2f2;}
.eventConfir .infoList > li {padding:14px 0 11px 0; text-align:left;}
.eventConfir .infoList > li:not(:first-child) {border-top:1px solid #f2f2f2;}
.eventConfir.winner .titArea [class*=titH] {color:#5642bf;}

/* 퀴즈형 이벤트 */
.eventQuiz {margin:64px 0; padding:32px 56px; border-radius:8px; background-color:#f8f8f8;}
.digital .eventQuiz {background-color: #f2f2f2;}
.eventQuiz > li {padding:24px 0;}
.eventQuiz > li:after {content:''; clear:both; display:block;}
.eventQuiz > li > div {float:left; width:50%; padding:0 8px;}
.eventQuiz .question {margin-top:15px; padding:0 8px 0 30px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_snd_d.fit) no-repeat 0 2px; color:#222; font-size:18px; font-weight:500;}
.eventQuiz .iptGroup > li {display:block; margin:8px 0; padding:0;}
.eventQuiz .iptGroup label {display:block; padding:20px 12px 16px 64px; border-radius:8px; background-color:#fff; color:#222; font-size:18px;}
.eventQuiz .iptGroup label:before {content:none;}
.eventQuiz .iptGroup label::after {content:''; position:absolute; top:24px; left:32px; width:9px; height:13px; border:1px solid #ccc; border-width:0 2px 2px 0; background-color:transparent; overflow:hidden; box-sizing:border-box; transform:rotate(45deg);}
.eventQuiz .iptGroup .ipt:checked + label {background-color:#5d88fb; color:#fff; font-weight:500; box-shadow:4px 8px 16px #00428E3D; text-shadow:1px 1px 3px rgba(0,0,0,0.5);}
.eventQuiz .iptGroup .ipt:checked + label:after {border-color:#fff;}
.eventQuiz .ipt {font-size:18px; height:64px;}
.eventQuiz .iptWrap {width:100%;}

/* 리뷰 게시판 */
.reviewBbsList {font-size:0; margin:28px -8px 0;}
.reviewBbsList > li {display:inline-block; width:33.3333%; padding:8px; vertical-align:top;}
.reviewBbsList > li > a {display:block; height:368px; padding:30px; background:#fff; box-shadow:8px 8px 12px rgba(0,66,142,0.2);}
.reviewBbsList .tit {display:-webkit-box; height:56px; color:#222; font-size:18px; font-weight:500; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.reviewBbsList .info {margin-top:13px; color:#5642bf; font-size:14px;}
.reviewBbsList .info span {padding-right:7px;}
.reviewBbsList .info span:first-child {padding-left:0;}
.reviewBbsList .info span:first-child:before {content:none;}
.reviewBbsList .info span:before {content:''; display:inline-block; width:1px; height:16px; margin-top:-2px; padding-right:9px; vertical-align:middle; border-left:1px solid #ddd;}
.reviewBbsList .descDiv {margin:19px 0 0; padding:25px 0 0; border-top:1px solid #eee;}
.reviewBbsList .descDiv .desc {display:-webkit-box; margin-top:18px; color:#666;font-size:16px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:5; -webkit-box-orient:vertical; max-height:120px;}

.commentList {border-top:1px solid #222; border-bottom:1px solid #aaa;}
.commentList > li {border-top:1px solid #ddd;}
.commentList > li:first-child {border-top:0;}
.commentList .block {display:flex; width:100%; flex-direction:row; flex-wrap:nowrap; padding:8px 0; align-items:center;}
.commentList .block > div {flex-grow:0; min-width:120px; padding:11px 24px 7px; color:#222; font-size:16px; text-align:center;}
.commentList .block .comment {flex-grow:1; text-align:left;}
.commentList .block .name {font-weight:500;}
.commentList .block .date {min-width:160px;}
.commentList .block .btnGroup {min-width:0;}
.commentList .block .btnGroup .btn_s.s {border-color:#ccc; background-color:#fff; color:#444;}

/*================================================== 이벤트 템플릿 ==================================================*/
.bbsView.event .eventTit {display:inline-block; position:absolute !important; width:1px; height:1px; margin:-1px; border:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%);}

/* 매일매일 퀴즈 이벤트 */
.luckyQuizEv {padding-bottom:150px; background-color:#5642bf !important; background-repeat:no-repeat !important; background-position:center bottom !important;}
.luckyQuizEv > .inner {padding-top:390px; background-repeat:no-repeat !important; background-position:center 0 !important;}
.luckyQuizEv .quizArea {width:550px; margin:0 auto;}
.luckyQuizEv [class$=Tit] {margin-bottom:10px; color:#222; font-size:36px; font-weight:700; text-align:center;}
.luckyQuizEv .aTit {color:#5642bf;}
.luckyQuizEv .question {font-size:20px; line-height:1.5;}
.luckyQuizEv .answer {display:flex; flex-flow:column-reverse; margin-top:65px; padding-top:55px; border-top:1px solid #ddd;}
.luckyQuizEv .quizHint {display:flex; flex-flow:nowrap; font-size:14px; align-items:center;}
.luckyQuizEv .quizHint .hint {margin-left:10px;}
.answerIpt {position:relative; margin-bottom:30px; border:1px solid #ccc; border-radius:7px; box-shadow:4px 4px 8px rgba(113, 93, 235, .24); overflow:hidden;}
.answerIpt .iptWrap {width:100%; margin:0;}
.answerIpt .ipt {height:78px; border:0; font-size:20px; font-weight:500;}
.answerIpt .btn_p {position:absolute; right:-1px; top:-1px; height:0; min-width:auto; min-height:80px; margin:0;}

/* 룰렛 게임 이벤트 */
.rouletteEv {padding:356px 0 116px; background-color:#5642bf !important; background-repeat:no-repeat !important; background-position:center 0 !important;}
.rouletteArea {position:relative; width:528px; height:528px; margin:0 auto;}
.rouletteArea .pin {position:absolute; left:50%; top:-37px; width:64px; height:89px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Srirag_ebhyrggr_cva.cat) no-repeat center 0; transform:translateX(-50%); z-index:9;}
.rouletteArea .icoBtn_gameGo {position:absolute; left:50%; top:50%; width:148px; height:148px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Srirag_ebhyrggr_oga.cat) no-repeat center 0; transform:translate(-50%, -50%); z-index:9;}
.rouletteArea .board {display:inline-block; position:relative; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; z-index:0;}
.rouletteArea .item {position:absolute; left:0; top:0; width:100%; height:100%; padding-top:45px; color:#445fe6; font-size:18px; font-weight:500; letter-spacing:-0.08rem; text-align:center; transform-origin:center center;}
.rouletteArea .item > span {display:block;}
.rouletteArea .tit {margin-top:-7px; color:#222;}
.rouletteArea .prizes {width:56px; height:56px; margin-top:9px;}
.rouletteArea .total4 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Srirag_ebhyrggr_obneq4.cat);}
.rouletteArea .total4 .item:nth-of-type(1) {transform:rotate(45deg);}
.rouletteArea .total4 .item:nth-of-type(2) {transform:rotate(135deg);}
.rouletteArea .total4 .item:nth-of-type(3) {transform:rotate(225deg);}
.rouletteArea .total4 .item:nth-of-type(4) {transform:rotate(315deg);}
.rouletteArea .total6 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Srirag_ebhyrggr_obneq6.cat);}
.rouletteArea .total6 .item:nth-of-type(1) {transform:rotate(0deg);}
.rouletteArea .total6 .item:nth-of-type(2) {transform:rotate(60deg);}
.rouletteArea .total6 .item:nth-of-type(3) {transform:rotate(120deg);}
.rouletteArea .total6 .item:nth-of-type(4) {transform:rotate(180deg);}
.rouletteArea .total6 .item:nth-of-type(5) {transform:rotate(240deg);}
.rouletteArea .total6 .item:nth-of-type(6) {transform:rotate(300deg);}
.rouletteArea .total8 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Srirag_ebhyrggr_obneq8.cat);}
.rouletteArea .total8 .item:nth-of-type(1) {transform:rotate(0deg);}
.rouletteArea .total8 .item:nth-of-type(2) {transform:rotate(45deg);}
.rouletteArea .total8 .item:nth-of-type(3) {transform:rotate(90deg);}
.rouletteArea .total8 .item:nth-of-type(4) {transform:rotate(135deg);}
.rouletteArea .total8 .item:nth-of-type(5) {transform:rotate(180deg);}
.rouletteArea .total8 .item:nth-of-type(6) {transform:rotate(225deg);}
.rouletteArea .total8 .item:nth-of-type(7) {transform:rotate(270deg);}
.rouletteArea .total8 .item:nth-of-type(8) {transform:rotate(315deg);}

.rouletteArea .board.start {animation: rouletteStart 1s cubic-bezier(0.600, -0.280, 0.735, 0.045), rouletteLoop 11s 1s cubic-bezier(0.075, 0.820, 0.165, 1.000) forwards;}

/*================================================== Table ==================================================*/
.tblWrap {position:relative; margin:10px 0 15px -1px; background-color:#fff;}
.tblWrap:before {content:''; position:absolute; left:0; top:0; bottom:0; width:1px; background-color:#fff; z-index:1;}

/* 가로형 & 세로형 공통 */
[class^=tbl]:not(.tblWrap):not(.tblInfo) {position:relative; border-top:1px solid #222; z-index:0;}
[class^=tbl]:not(.tblWrap):not(.tblInfo):after {content:''; position:absolute; left:0; right:0; bottom:0; border-bottom:1px solid #aaa;}
[class^=tbl] th,
[class^=tbl] td {border-left:1px solid #f2f2f2; border-bottom:1px solid #ddd; color:#666; line-height:1.5;}
[class^=tbl] th,
[class^=tbl] td.th {color:#222; font-size:14px;}
[class^=tbl] .th_bg {background-color:#f8f8f8;}
.digital [class^=tbl] .th_bg {background-color:#f2f2f2;}

/* content padding */
[class^=tbl].lPd th,
[class^=tbl].lPd td {padding:20px 24px;}
[class^=tbl].sPd th,
[class^=tbl].sPd td:not(.al) {padding:20px 4px;}

/* 가로형 */
.tblX th {padding:15px 16px 14px;}
.tblX td {height:57px; padding:6px 16px;}
.tblX thead th {border-bottom:1px solid #aaa;}
.tblX tbody tr:not(.noData):hover {background-color:#F3F9FF;}
.tblX tbody th:not(.ac):not(.th_bg),
.tblX tbody td:not(.ac):not(.th_bg).th {padding-left:24px; text-align:left;}
.tblX tbody th,
.tblX tbody td {border-top:1px solid #ddd; border-bottom:0}
.tblX tbody > tr:first-child th,
.tblX tbody > tr:first-child td {border-top:0;}
.tblX tfoot th,
.tblX tfoot td {border-top:1px solid #aaa; border-bottom:1px solid #aaa; background-color:#F9F9F9; color:#222; font-weight:500;}
/* 가로형 세로줄 없음 */
.tblX.noLine th,
.tblX.noLine td {border-left:0;}

.tblX .ipt:not([type=checkbox]):not([type=radio]):not([type=range]) {max-width:100%;}
.tblX .links:not(.arrow) {color:#0083CD; text-decoration:underline; white-space:normal;}
.tblX .links:after {display:none;}
.tblX .links:hover {background-color:#e5f8fd;}
.tblX th .tip,
.tblX td .tip,
.tblY th .tip {margin-top:-3px;}
tr.noData {height:176px; color:#222;}

.tblX tbody th.th_bg {text-align:center;}
.tblX .sTh {padding-left:34px;}
.tblX .sTh.depth {padding-left:44px;}
.tblX tbody td.tit {padding:16px; color:#222; text-align:left; word-break:keep-all;}
.tblX tbody td.tit .info {color:#666; font-size:14px;}
.tblX tbody td.state {padding-left:0; padding-right:0;}
.tblX .infoCell div.state {margin-bottom:10px;}
.tblX .infoCell div.info {margin-top:7px;}
.tblX .infoCell .infoNum {display:inline-block; margin-left:10px; color:#959595; font-size:14px;}
.tblX .infoCell .infoList {margin-top:5px;}
.tblX .infoCell .infoList > li {display:inline-block; width:auto; vertical-align:middle;}
.tblX .infoCell .infoList .item {width:auto; padding-right:7px;}
.tblX .infoCell .infoList .val {font-weight:300;}
.tblX tbody td.money {color:#222; text-align:right;}
.tblX tfoot td.money {color:#e658b2; font-size:18px; text-align:right;}
.cyber .tblX tfoot th {padding-left:24px; text-align:left;}
.cyber .tblX tfoot td {padding-right:24px;}
.cyber .tblX tfoot td.bg {background:#fff;}
table td .iptWrap,
table td select.ipt {margin:2px 2px;}

.tblWrap.half:after {content:''; clear:both; display:block;}
.tblWrap.half .tblX {float:left; width:50%;}
.tblWrap.half .tblX + .tblX:before {top:0; left:0; right:auto; border-bottom:none; border-right:1px solid #aaa;}
.isIE .tblWrap.half .tblX + .tblX:before {top:1px;}

.accoBody .tblX tfoot th, 
.accoBody .tblX tfoot td
.accoBody .tblX .th_bg {background-color:#fafafa;}

/* 세로형 */
.tblY td {height:57px; padding:10px 24px 10px; text-align:left;}
.tblY td.th {color:#222;}
.tblY.data td.th {background-color:#f8f8f8;}
.tblY.privacy td.th {background-color:#f8f8f8; text-align:center;}
.digital .tblY.data td.th {background-color:#f2f2f2;}
.digital .tblY.privacy td.th {background-color:#f2f2f2;}

/* 테이블 특수기호 */
.tdDot {display:inline-block; width:14px; height:14px; border-radius:100%; background:#00b9ef;}
.tdRate {display:inline-block; width:14px; height:12px;}
.tdRate.rise {border-bottom:12px solid #e91b10; border-left:7px solid transparent; border-right:7px solid transparent;}
.tdRate.fall {border-top:12px solid #445fe6; border-left:7px solid transparent; border-right:7px solid transparent;}

/* 테이블 결과상태 */
[class^=statIco_] {position:relative; display:inline-block; padding-left:20px; font-size:14px; font-weight:500; white-space:nowrap;}
.statIco_ing {color:#445fe6; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Sfgng_vpb_vat.cat) no-repeat 0 center;}
.statIco_ok {color:#3e9100; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Sfgng_vpb_bx.cat) no-repeat 0 center;}
.statIco_fail {color:#e91b10; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Sfgng_vpb_snvy.cat) no-repeat 0 center;}
.statIco_agree {font-size:16px; font-weight:300; color:#3e9100; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Sfgng_vpb_nterr.cat) no-repeat 0 center;}

/* 게시판 테이블 */
.tblX.bbs .links {margin:0; color:#222; background-color:transparent; text-decoration:none;}
.tblX.bbs .links:hover {color:#0083CD; text-decoration:underline;}
.tblX.bbs .links.arrow {font-size:16px;}
.tblX.bbs .links.arrow::before {margin-top:1px; border-color:#222;}


/*================================================ Summary ================================================*/


/*================================================== Data ==================================================*/
.resulList {border-top:1px solid #222;}
.resulList > li {border-bottom:1px solid #ddd;}
.resulList > li .block {display:table; width:100%; padding:23px 0 23px 0; box-sizing:border-box;}
.resulList > li .block [class*=Cell]:first-child {padding-left:25px;}
.resulList > li .block [class*=Cell] {display:table-cell; padding-right:25px; vertical-align:middle;}
.resulList > li .block .numCell {width:110px;}
.resulList > li .block [class*=Cell] .tit,
.resulList > li .block [class*=Cell] .info {display:block; color:#222;}
.resulList > li .block [class*=Cell] .info {color:#909090; font-size:14px;}
.resulList > li .block [class*=Cell] .info > span {color:#666;}

.resulList.iptType {margin:0 -32px; border-top:none;}
.resulList.iptType > li {border-color:#eee;}
.resulList.iptType > li .block {display:block; padding:23px 32px 21px;}
.resulList.iptType .ipt + label > span {display:block;}
.resulList.iptType .desc {margin-top:6px; font-size:14px; color:#666;}
.resulList.iptType .desc.code {}


/*================================================== Paging ==================================================*/
.paging {margin-top:64px; text-align:center;}
.paging ul {display:inline-block; padding:0 8px; font-size:0; vertical-align:middle;}
.paging li {display:inline-block; padding:0 3px;}
.paging a,
.paging em {display:inline-block; position:relative; width:32px; border-radius:2px; color:#222; font-size:16px; line-height:32px; text-align:center; overflow:hidden;}
.paging a:after {content:''; position:absolute; bottom:5px; left:50%; right:50%; border-bottom:1px solid #1a75e4; transition:all ease-in-out 0.125s;}
.paging a:hover,
.paging a:focus {color:#1a75e4; font-weight:500;}
.paging a:hover:after,
.paging a:focus:after {left:7px; right:5px;}
.paging .on em {background-color:#5d88fb; color:#fff; font-weight:500;}
.paging [class^=icoBtn_] {background-color:#fff; margin:0 2px;}
.paging [class^=icoBtn_]:not([disabled]):focus,
.paging [class^=icoBtn_]:not([disabled]):hover {border-radius:6px; background-color:#eee;}
.paging [class^=icoBtn_][disabled] {opacity:0.4; background-image: repeating-linear-gradient(45deg, #f2f2f2, #f2f2f2 2px, #e0e0e0 2px, #e0e0e0 3px);}/* 250625 웹접근성 활성/비활성 색으로 구분 background-image 배경빗금패턴 */


/*================================================== Text List ==================================================*/
/* 공통 */
.txtList {margin-bottom:20px; color:#666; line-height:1.6; word-break:keep-all;}
.txtList > li {position:relative; margin-top:15px; color:inherit; text-align:left;}
.txtList > li:first-child {margin-top:0 !important;}
.txtList > li:before,
.txtList:not(ol):not(ul):before {position:absolute; left:0;}
.txtList:not(ol):not(ul) {position:relative; margin-top:1rem; text-align:left;}

.txtList .txtList {margin-top:8px !important; margin-bottom:0;}
.txtList [class^=btn].s {margin:0 5px;}
.txtList [class^=btn].s[class*=mt],
.txtList .links[class*=mt],
.txtList br + .links,
.txtList ~ .links {margin-left:0;}

/* 숫자 */
.txtList.numL {margin-top:16px; margin-bottom:24px; padding-left:20px;}
.txtList.numL > li {margin-top:24px; list-style:decimal;}

.txtList.numM {margin-top:12px; counter-reset:count;}
.txtList.numM > li {margin-top:8px; padding-left:28px;}
.txtList.numM > li:before {content:'('counter(count)')'; counter-increment:count; top:0; width:auto; height:auto; font-size:15px; z-index:1;}

.txtList.numS {margin-top:12px; counter-reset:count;}
.txtList.numS > li {margin-top:8px; padding-left:20px;}
.txtList.numS > li:before {content:counter(count); counter-increment:count; top:5px; width:13px; height:14px; padding-right:1px; border:1px solid #666; border-radius:50%; font-size:10px; letter-spacing:-0.075rem; line-height:13px; text-align:center; z-index:1;}

.txtList.numS.txtS > li {margin-top:4px; padding-left:20px;}
.txtList.numS.txtS > li:before {width:13px; height:14px; font-size:10px; line-height:13px;}
.txtList.numS.txtS > li.pointC5:before {border-color:#6d2d9e !important;}

/* 231207 숫자박스 (s) */
.txtList.numS.numBox {width:360px; margin:15px auto 0 auto; background-color: #f2f6ff; color:#445fe6; font-weight:500; padding:15px 15px 15px 25px; box-sizing:content-box;}
.txtList.numS.numBox > li:before {border-color:#445fe6;}
/* 231207 숫자박스 (e) */

/* 한글 */
.txtList.hangul > li {margin-top:8px; padding-left:26px;}
.txtList.hangul > li > .count {position:absolute; top:0; left:0;}

/* disc */
.txtList.disc > li {margin-top:8px; padding-left:12px;}
.txtList.disc > li:before,
.txtList.disc:not(ul):before {content:''; top:10px; width:4px; height:4px; border-radius:50%; background-color:#666;}
.txtList.disc:not(ul) {padding-left:12px;}
.txtList.disc li > .txtList {font-size:14px;}
.txtList.disc li > .txtList.dash > li:before,
.txtList.disc li > .txtList.dash:not(ul):before {top:10px;}
.txtList.disc li > .txtList.numM > li:before {font-size:14px;}
.txtList.disc.sm:not(ol):not(ul),
.txtList.disc.sm > li{padding-left:10px; font-size:14px;}
.txtList.disc.sm > li + li{margin-top:4px;}
.txtList.disc.sm > li:before,
.txtList.disc.sm:not(ol):not(ul):before{width:2px; height:2px;}

/* dot */
.txtList.dot {color:#222;}
.txtList.dot > li {margin-top:24px; padding-left:12px;}
.txtList.dot > li:before,
.txtList.dot:not(ul):before {content:''; top:10px; width:4px; height:4px; border-radius:50%; background-color:#5d88fb;}
.txtList.dot:not(ul) {margin-top:24px; padding-left:12px;}

/* square */
.txtList.square {color:#222;}
.txtList.square > li {margin-top:8px; padding-left:14px;}
.txtList.square > li:before,
.txtList.square:not(ul):before {content:''; top:10px; width:4px; height:4px; background-color:#2d71c4;}
.txtList.square:not(ul) {padding-left:14px;}

/* dash */
.txtList.dash > li {margin-top:7px; padding-left:14px;}
.txtList.dash > li:before,
.txtList.dash:not(ul):before {content:''; top:12px; width:6px; height:1px; background-color:#666;}
.txtList.dash:not(ul) {padding-left:14px;}

/* reference mark(※ : 참조문헌) */
.txtList.remark {margin:8px 0 2px; font-size:14px; line-height:1.5;}
.txtList.remark > li {margin-top:7px; padding-left:18px;}
.txtList.remark > li:before,
.txtList.remark:not(ul):before {content:'※'; top:0;}
.txtList.remark:not(ul) {padding-left:18px;}
.txtList.remark .links {font-size:14px; vertical-align:baseline;}

/* star */
.txtList.star {margin:8px 0 2px; font-size:14px; line-height:1.5;}
.txtList.star > li {margin-top:7px; padding-left:18px;}
.txtList.star > li:before,
.txtList.star:not(ul):before {content:'*'; left:2px; top:3px;}
.txtList.star:not(ul) {padding-left:18px;}
.txtList.star .links {font-size:14px; vertical-align:baseline;}
.txtList.star.red > li:before,
.txtList.star.red:not(ul):before {color:#e91b10;}
.txtList.star li.noMark {padding-left:0;}
.txtList.star li.noMark:before {content:none;}
.txtSign.star {padding-left: 15px !important; position: relative;}
.txtSign.star:before {position: absolute !important; top: 13px !important; left: 0px !important; color:#445fe6 !important;}
.star.txtSign.txtSign2:before {top: 21px !important;}

/* check */
.txtList.check {margin:8px 0 2px; color:#666;}
.txtList.check > li {margin-top:24px; padding-left:29px;}
.txtList.check > li:before,
.txtList.check:not(ul):before {content:''; position:absolute; top:4px; left:6px; width:9px; height:13px; border:1px solid transparent; border-width:0 2px 2px 0; border-color:#3e9100; background-color:transparent; overflow:hidden; box-sizing:border-box; transform:rotate(45deg);}
.txtList.check:not(ul) {padding-left:29px;}

/* caution */
.txtList.caution {margin:5px 0; color:#222; font-size:14px; line-height:1.5;}
.txtList.caution > li {margin-top:5px; padding-left:24px;}
.txtList.caution > li:before,
.txtList.caution:not(ul):before {content:'!'; top:1px; width:18px; height:18px; border-radius:50%; background-color:#7EC04D; color:#fff !important; font-family:'Dotum', '돋움'; font-size:12px; font-weight:700; line-height:18px; text-align:center;}
.txtList.caution:not(ul) {margin:5px 0; padding-left:24px;}
.txtList.caution.sm:not(ul) {padding-left:18px;}
.txtList.caution.sm:not(ul):before {top:50%; width:14px; height:14px; line-height:14px; background-color:#715deb; transform:translateY(-50%);}

/* step */
.txtList.step {position:relative; margin:23px 0 10px 0; counter-reset:count;}
.txtList.step:before {content:''; position:absolute; top:0; left:15px; bottom:0; border-left:1px solid #ddd;}
.txtList.step > li {margin-top:23px; padding-left:40px; color:#222;}
.txtList.step > li:before {content:counter(count); counter-increment:count; top:-3px; width:30px; height:30px; text-align:center; line-height:30px; color:#445fe6; font-size:15px; background-color:#f2f6ff; border-radius:50%; z-index:1;}
.txtList.step > li:last-child:after {content:''; position:absolute; top:0; left:15px; bottom:0; border-left:1px solid #fff;}

.txtList.step.sm:before {left:12px;}
.txtList.step.sm > li {margin-top:15px; padding-left:32px; font-size:14px;}
.txtList.step.sm > li:before {top:-2px; width:24px; height:24px; font-size:12px; line-height:24px;}
.txtList.step.sm > li:last-child:after {left:12px;}

/* step 가로 박스형 231027_사고보험금_대리인_신청절차안내 */
.txtList.step.boxWidth {display:flex; width:100%;}
.txtList.step.boxWidth:before {content:'';position:absolute; top:39px; left:123px; width:78.3%; height:1px; display:block; background-color: #b6caff; z-index:1;}
.txtList.step.boxWidth li {width:20%; margin:0 15px 0 0; text-align:center; padding:70px 0 25px 0; background-color:#f2f6ff; color: #445fe6; font-weight: 500;}
.txtList.step.boxWidth li:last-child {margin-right:0;}
.txtList.step.boxWidth > li:before {color:#fff; background-color: #5d88fb; top:25px; left: 50%; transform: translateX(-50%);}
.txtList.step.boxWidth > li.pushHistory {background-color:#fff; padding-top:95px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_chfu_znvy_1.fit') no-repeat center 65px;}
.txtList.step.boxWidth > li.pushHistory:before {display:none;}
.txtList.step.boxWidth > li.pushHistory:after {content:''; position:absolute; top:39px; left:107px; bottom:82px; border-left:1px solid #b6caff;}
.txtList.step.boxWidth > li:last-child:after {display:none;}
/* 231207 (s) */
.txtList.step.boxWidth.box_03 li {width:33.33%;}
.txtList.step.boxWidth.box_03:before {left:190px; width:68%;}
/* 231207 (e) */

/* progress */
.txtList.prog {position:relative; margin-bottom:0;}
.txtList.prog:before {content:''; position:absolute; top:5px; left:5px; bottom:0; border-left:1px solid #ddd;}
.txtList.prog > li {position:relative; padding-left:20px;}
.txtList.prog > li:before {content:''; position:absolute; top:5px; left:0; width:11px; height:11px; border:2px solid #715deb; background-color:#fff; border-radius:50%; box-sizing:border-box; z-index:1;}
.txtList.prog > li:last-child:after {content:''; position:absolute; top:5px; left:5px; bottom:0; border-left:1px solid #fff;}
.txtList.prog > li .tit,
.txtList.prog > li .desc {display:inline-block; padding:0; vertical-align:top;}
.txtList.prog > li .tit {width:40px; color:#5642bf; font-weight:500;}
.txtList.prog li.ok .tit {color:#00a3bb;}
.txtList.prog li.ok:before {border-color:#1eaec3;}
.txtList.prog li.re .tit {color:#e91b10;}
.txtList.prog li.re:before {border-color:#e91b10;}

/* state */
.txtList.prog.state:before {display:none;}
.txtList.prog.state li.enough .tit {color:#445fe6;}
.txtList.prog.state li.enough:before {border-color:#445fe6; background-color:#445fe6;}
.txtList.prog.state li.narmal .tit {color:#3e9100;}
.txtList.prog.state li.narmal:before {border-color:#3e9100; background-color:#3e9100;}
.txtList.prog.state li.insuff .tit {color:#e91b10;}
.txtList.prog.state li.insuff:before {border-color:#e91b10; background-color:#e91b10;}

/* rhombus */
.txtList.rhombus {padding-left: 16px; position: relative;}
.txtList.rhombus:before {position: absolute; content: '◇'; top: 0; left: 0px; color:#666;}

td [class*=txtList],
td [class*=txtList]:not(ul):not(ol) {margin-top:5px; margin-bottom:5px;}

/*================================================== MSG ==================================================*/
/* 정보성 메시지 */
.infoMsg {margin-bottom:15px; padding:25px; text-align:center; background-color:#f8f8f8;}
.digital .infoMsg {background-color: #f2f2f2;}
.infoMsg.s {padding-top:16px; padding-bottom:16px; font-size:14px;}
.infoMsg.s .ipt + label {font-size:14px;}
.infoMsg.s .ipt + label:before {top:-1px;}
.infoMsg.s .ipt + label:after {top:3px;}
.infoMsg.point {background-color:#f2f6ff;}
.infoMsg.line {border:1px solid #ddd;}
.infoMsg.line.point {border-color:#d6e1fe;}
.infoMsg.line_1.point {border:1px solid #5d88fb; background-color:#fff;}/* 230502_사고보험금 */
.infoMsg.line_1.point .state {position:absolute;top: 128px;right: 31px;z-index: 1;transform: translateY(-50%);}/* 230502_사고보험금 */
.infoMsg.line_2.point {position:relative; border:1px solid #00a3bb; background-color:#fff;}/* 230502_사고보험금 */
.infoMsg.line_2.point em {color: #00a3bb;}/* 230502_사고보험금 */
.infoMsg.line_2.point .state {position:absolute;top: 50%;right: 31px;z-index: 1;transform: translateY(-50%);}/* 230502_사고보험금 */
.infoMsg [class^=titH] {margin-top:0 !important;}
.infoMsg .links.arrow::before {border-color:#bbb;}
.infoMsg .btn_t {background-color:#fff; border-color:#5d88fb;}

.infoMsg.papers {padding:24px 26px; margin-bottom:30px;}
.infoMsg.papers p {text-align:left; color:#445fe6; font-size:16px; font-weight:500;}
.infoMsg.papers p:before {content:''; display:inline-block; width:32px; height:32px; padding-right:15px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Sybna_cncref.cat) no-repeat left center; vertical-align:middle;}

/* 인증메시지 */
.certMsg [class^=ico_app] {display:block; width:80px; height:80px; margin:0 auto 20px;}
.certMsg .ico_app_kakao {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svzt_ncc_xnxnb.cat) no-repeat center 0;}
.certMsg .ico_app_pass {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svzt_ncc_cnff.cat) no-repeat center 0; background-size:80px;}

/* 결과없음 */
.noData:not(tr) {position:relative; padding-top:216px; padding-bottom:36px; color:#222; font-size:18px; font-weight:500; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_pune_ab_qngn.cat) no-repeat center 36px; text-align:center;}
.noData:not(tr) p {margin-bottom:5px;}
.noData:not(tr) .desc {font-size:16px; font-weight:300;}
.noData:not(tr) .txtBox {display:inline-block; margin-top:60px; padding-top:30px; max-width:50%; border-top:1px solid #ddd; font-size:14px; font-weight:300;}
.noData.line:not(tr) {padding-top:280px; border-top:1px solid #222; background-position:center 100px;}
.noData.dict {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_pune_ab_qvpg.cat) no-repeat center 36px;}
.noData.digi {padding-top:180px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_ab_qvtv.cat) no-repeat center 36px; font-weight:300;}
.noData.cyber {padding-top:130px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_ab_plore.cat) no-repeat center 24px; font-size:20px;}
.noData.add {padding-top:130px; padding-bottom:0; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_ab_nqq.cat) no-repeat center 24px; font-size:20px;}

.noData.box {min-height:210px; padding-top:107px; font-size:16px; border:1px solid #d6e1fe; background-position:center 51px; background-size:40px 40px;}
.noData.box .desc {margin-top:3px; color:#959595;}

.dataWrap .noData {padding:76px 0; color:#222; font-size:16px; font-weight:300; background:none; /* border-top:1px solid #222; */ border-bottom:1px solid #aaa;}
a.noData{display:block;}

/* 에러 메시지 */
.errorMsgArea {display:table; width:100%; height:65vh; min-height:600px;}
.errorMsgArea > .inner {display:table-cell; vertical-align:middle;}
.errorMsg {position:relative; width:320px; height:410px; margin:0 auto; padding:105px 30px 0; text-align:center; box-shadow:7px 3px 27px rgba(0,0,0,0.2);}
.errorMsg:after {content:''; position:absolute; top:-12px; right:-12px; width:96px; height:96px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Sot_reebe_cnggra.fit) no-repeat 0 0;}
.errorMsg .img {margin:30px 0 20px;}
.errorMsg .img img {width:72px; height:66px;}
.errorMsg .errorNum {color:#715deb; font-size:80px; font-weight:700;}
.errorMsg .copy {margin-bottom:7px; color:#222; font-weight:500;}
.errorMsg a {position:absolute; left:30px; right:30px; bottom:0; margin:0; padding:17px 0; color:#5642bf; border-top:1px solid #eae7fc;}
.errorMsg a > span {position:relative; padding-right:36px;}
.errorMsg a > span:before,
.errorMsg a > span:after {content:''; position:absolute; right:0; top:50%; box-sizing:border-box;}
.errorMsg a > span:before {width:30px; height:2px; background-color:#715deb; transform:translateY(-50%);}
.errorMsg a > span:after {width:7px; height:7px; border:1px solid #715deb; border-width:2px 2px 0 0; background-color:transparent; transform:translateY(-50%) rotate(45deg);}

/* msg 기본 */
.msgArea {position:relative; padding-top:220px; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_pune_preg_1.cat); background-repeat:no-repeat; background-position:center 25px; text-align:center;}
.msgArea .copy {color:#222; font-size:24px; font-weight:500;}
.msgArea .copyL {color:#222; font-size:40px; font-weight:500;}
.msgArea .copyL + .copy {margin-top:32px; font-size:18px;}
.msgArea .desc {margin-top:15px;}
.msgArea .desc .links {top:-1px; vertical-align:baseline;}
.msgArea > .txtBox {margin-top:64px; padding:24px; background-color:#f8f8f8; font-size:14px; text-align:left}
.digital .msgArea > .txtBox {background-color: #f2f2f2;} 
.msgArea .txtBox .tit {margin-bottom:5px; color:#222; font-weight:500;}
.msgArea .txtBox .txtList {margin:0;}
.msgArea .imgBanner {display:inline-block; margin-top:40px;}
.msgArea .btnGroup {margin-top:25px;}

.msgArea.finish {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_pune_svavfu.cat);}
.msgArea.insuOk {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_vafh_bx.cat);}
.msgArea.joinOk {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbzzba%2Szft_wbva_bx.cat);}

.msgArea.emailPolicy {padding-top:0; background:none; text-align:left;}
.msgArea.emailPolicy .txtBox .txt {color:#222; font-size:16px;}

.msgArea.usingService {margin-bottom:45px; padding-top:0; padding-bottom:216px; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_pune_hfr_freivpr.cat); background-position:center bottom;}
.msgArea.usingService .desc {font-size:14px;}

.msgArea.eventOk {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_pune_pryroengr.cat);}
.msgArea.eventOk2 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_pune_pryroengr2.cat);}
.msgArea.eventRegi {padding-top:185px; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_rirag_ertv.cat);}
.msgArea.eventSucc {padding-top:185px; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_rirag_fhpp.cat);}
.msgArea.eventFail {padding-top:185px; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_rirag_snvy.cat);}
.msgArea.eventNoti {padding-top:185px; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_rirag_abgv.cat);}

.msgArea.insuGift {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_vafh_tvsg.cat);}
.msgArea.insuGift .fromTo,
.msgArea.insuGift > .txtBox {width:560px; margin:64px auto 0;}
.msgArea.insuGift .fromTo {text-align:right;}
.msgArea.insuGift .fromTo em {color:#222;}
.msgArea.insuGift > .txtBox {font-size:16px; background-color:#f2f6ff;}
.digital .msgArea.insuGift > .txtBox {background-color:#edf1fe;}
.msgArea.insuGift .fromTo ~ .txtBox,
.msgArea.insuGift .txtBox ~ .fromTo {margin-top:13px;}
.popCont .msgArea.insuGift {padding-top:32px; background:none;}

.msgArea.insuGift + .imgBanner a,
.msgArea.joinOk + .imgBanner a {width:752px;}

.msgArea.noInsu {padding:80px 80px 80px 390px; text-align:left; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_vafh_abceq.cat); background-position:left 75px center; box-shadow:16px 16px 32px rgba(70,50,171,0.08);}
.msgArea.noInsu .desc {font-size:18px; color:#222;}

.msgArea[class*=prog] {margin-bottom:64px; padding-top:160px; background-position:center 55px; background-size:80px auto;}
.msgArea[class*=prog] .copy {font-size:20px;}
.msgArea.progSucc {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_cebt_fhpp.fit);}
.msgArea.progFail {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_cebt_snvy.fit);}

/* msg detail */
.msgDetail {width:640px; margin:40px auto 0;}
.msgDetail .infoRowList {position:relative; padding:30px 0;  background:#f8f8f8;}
.msgDetail .infoRowList:after {content:''; position:absolute; left:50%; top:-16px; margin-left:-5px; border-style:solid; border-width:8px; border-color:transparent transparent #f8f8f8 transparent;}

/*================================================== Tab ==================================================*/
.tabWrap .tabPanel {display:none; text-align:left;}
.tabWrap .tabPanel.on {display:block;}
.tabWrap .tabPanel section,
.tabWrap .tabPanel .btnArea {margin-bottom:0;}

/* tabList(default:subTab) */
.tabList {display:table; width:100%; table-layout:fixed; border-bottom:1px solid #eee;}
.tabList > li {position:relative; bottom:-1px; display:table-cell; height:80px; padding:0 20px; color:#666; font-size:16px; line-height:1.3; text-align:center; vertical-align:middle; cursor:pointer; /*white-space:nowrap;*/}
.tabList > li.disable {cursor:default; opacity:0.5;}
.tabList > li.on,
.tabList > li.on button,
.tabList > li.on .ipt + label,
.tabWrap[data-tab-func] .tabList > li .ipt:checked + label {color:#445fe6; font-weight:500; z-index:1;}
.tabList > li.on:after,
.tabWrap[data-tab-func] .tabList > li .ipt:checked + label:after {content:''; position:absolute; left:20px; right:20px; bottom:0; height:3px; background-color:#5d88fb;}
.tabList > li button {width:100%; height:100%; padding:0 15px; color:inherit;}
.tabList > li a,
.tabList > li .ipt + label {position:static; display:table; width:100%; height:100%; padding:0 15px; color:inherit;}
/*.tabList > li button > .scriptCell,*/
.tabList > li a > .scriptCell,
.tabList > li .ipt + label > .scriptCell {position:relative; display:table-cell; vertical-align:middle; z-index:1;}
.tabList > li .ipt + label {width:100%; line-height:1.3;}
.tabList > li .ipt + label:before {display:none; border-radius:0; border-color:transparent; box-shadow:none; background-color:transparent;}
.tabList > li .ipt + label:active,
.tabList > li .ipt + label:focus,
.tabList > li .ipt + label:hover {text-decoration:none;}
.tabList > li .ipt:focus + label:before,
.tabList > li .ipt:hover + label:before,
.tabList > li .ipt:checked + label:before,
.tabList > li .ipt:checked:focus + label:before,
.tabList > li .ipt:checked:hover + label:before {border-color:transparent; box-shadow:none; background-color:transparent;}

.tabContents {position:relative; padding-top:30px; background-color:#fff; z-index:1;}
.accoBody .tabContents {background-color:#f8f8f8;}
.digital .accoBody .tabContents {background-color: #f2f2f2;} 

/* icoTab */
.icoTab {margin:30px 0 0 0;}
.tabList.icoTab {display:block; text-align:center; border-bottom:none;}
.tabList.icoTab > li {display:inline-block; bottom:auto; height:auto; padding:0 12px; vertical-align:top;}
.tabList.icoTab > li:after {content:none;}
.tabList.icoTab > li > * {padding:0;}
.tabList.icoTab > li .ico {display:block; width:120px; height:80px; margin:0 auto; padding-top:20px; border:1px solid #c0e1ff; border-radius:6px; box-sizing:border-box; background-color:#ecf6ff; background-position:center center; background-repeat:no-repeat;}
.tabList.icoTab > li.on .ico {border-color:#5d88fb; background-color:#5d88fb; box-shadow:2px 8px 16px rgba(0,66,142,0.24);}
.tabList.icoTab > li .tit {display:block; margin:15px -16px 0 -16px; text-align:center; line-height:1.3;}
.tabList.icoTab > li.on .tit {color:#445fe6;}
.tabList.icoTab.line {padding-bottom:30px !important; border-bottom:1px solid #e0e0e0;}
.tabWrap.icoTab .tabContents {padding-top:54px;}
.tabWrap.icoTab:before,
.tabWrap.icoTab:after {content:none !important;}

/* 헬프데스크 업무채널안내 */
.icoTab li .ico.chn1 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_qvtv_o.cat);}
.icoTab li .ico.chn2 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cubar_o.cat);}
.icoTab li .ico.chn3 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cevag_o.cat);}
.icoTab li .ico.chn4 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_pbhafry_o.cat);}
.icoTab li .ico.chn5 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_rznvy_o.cat);}
.icoTab li .ico.chn6 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_crbcyr_o.cat);}
.icoTab li .ico.chn7 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cynmn_o.cat);}
.icoTab li.on .ico.chn1 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_qvtv_j.cat);}
.icoTab li.on .ico.chn2 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cubar_j.cat);}
.icoTab li.on .ico.chn3 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cevag_j.cat);}
.icoTab li.on .ico.chn4 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_pbhafry_j.cat);}
.icoTab li.on .ico.chn5 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_rznvy_j.cat);}
.icoTab li.on .ico.chn6 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_crbcyr_j.cat);}
.icoTab li.on .ico.chn7 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cynmn_j.cat);}
/* 보험상품 보험가이드 */
.icoTab li .ico.cdhb1 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_yvsr_o.cat);}
.icoTab li .ico.cdhb2 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_ubfc_o.cat);}
.icoTab li .ico.cdhb3 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_nppv_o.cat);}
.icoTab li .ico.cdhb4 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_xvqf_o.cat);}
.icoTab li .ico.cdhb5 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_naah_o.cat);}
.icoTab li.on .ico.cdhb1 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_yvsr_j.cat);}
.icoTab li.on .ico.cdhb2 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_ubfc_j.cat);}
.icoTab li.on .ico.cdhb3 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_nppv_j.cat);}
.icoTab li.on .ico.cdhb4 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_xvqf_j.cat);}
.icoTab li.on .ico.cdhb5 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_naah_j.cat);}
/* 보험상품 구비서류안내 */
.icoTab li .ico.fnd1 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_tencu2_o.cat);}
.icoTab li .ico.fnd2 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_gnfx_o.cat);}
.icoTab li .ico.fnd3 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_crapvy_o.cat);}
.icoTab li.on .ico.fnd1 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_tencu2_j.cat);}
.icoTab li.on .ico.fnd2 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_gnfx_j.cat);}
.icoTab li.on .ico.fnd3 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_crapvy_j.cat);}
/* 나만의 신한라이프 - 목록 */
.icoTab li .ico.cdhgSm1 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_ynlre_o.cat);}
.icoTab li .ico.cdhgSm2 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_naah_o.cat);}
.icoTab li .ico.cdhgSm3 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_pbssrr_o.cat);}
.icoTab li .ico.cdhgSm4 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_urny_o.cat);}
.icoTab li .ico.cdhgSm5 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_crapvy_o.cat);}
.icoTab li .ico.cdhgSm6 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_gbtrgure_o.cat);}
.icoTab li .ico.cdhgSm7 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_pebja_o.cat);}
.icoTab li.on .ico.cdhgSm1 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_ynlre_j.cat);}
.icoTab li.on .ico.cdhgSm2 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_naah_j.cat);}
.icoTab li.on .ico.cdhgSm3 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_pbssrr_j.cat);}
.icoTab li.on .ico.cdhgSm4 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_urny_j.cat);}
.icoTab li.on .ico.cdhgSm5 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_crapvy_j.cat);}
.icoTab li.on .ico.cdhgSm6 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_gbtrgure_j.cat);}
.icoTab li.on .ico.cdhgSm7 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_pebja_j.cat);}
/* 230911 알기쉬운 개인정보처리방침 (s) */
.icoTab li .ico.pri1 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cevGno_01_o.cat);}
.icoTab li .ico.pri2 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cevGno_02_o.cat);}
.icoTab li .ico.pri3 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cevGno_03_o.cat);}
.icoTab li .ico.pri4 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cevGno_04_o.cat);}
.icoTab li .ico.pri5 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cevGno_05_o.cat);}
.icoTab li .ico.pri6 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cevGno_06_o.cat);}
.icoTab li.on .ico.pri1 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cevGno_01_j.cat);}
.icoTab li.on .ico.pri2 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cevGno_02_j.cat);}
.icoTab li.on .ico.pri3 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cevGno_03_j.cat);}
.icoTab li.on .ico.pri4 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cevGno_04_j.cat);}
.icoTab li.on .ico.pri5 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cevGno_05_j.cat);}
.icoTab li.on .ico.pri6 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cevGno_06_j.cat);}
/* 230911 알기쉬운 개인정보처리방침 (e) */

/* roundTab */
.tabList.roundTab {display:block; margin-bottom:40px; text-align:center; border-bottom:none;}
.tabList.roundTab > li {display:inline-block; bottom:auto; height:64px; margin:0 7px; padding:0 40px; font-size:18px; border-radius:64px; border:1px solid #ddd; background-color:#fff; vertical-align:top;}
.tabList.roundTab > li:after {content:none;}
.tabList.roundTab > li > * {padding:0;}
.tabList.roundTab > li.on {color:#fff; font-weight:300; background-color:#5d88fb; border-color:#5d88fb;}

.tabList.roundTab li .ico {position:relative; top:2px; display:inline-block; width:22px; height:22px; margin-right:3px; vertical-align:top;}
.tabList.roundTab li .ico.search {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_gno_frnepu.cat);}
.tabList.roundTab li .ico.cate {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_gno_pngr.cat);}
.tabList.roundTab li.on .ico.search {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_gno_frnepu_j.cat);}
.tabList.roundTab li.on .ico.cate {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_gno_pngr_j.cat);}

/*================================================== Scroll Tab ==================================================*/
.tabWrap > [class*=icoBtn_],
.pageTabArea > [class*=icoBtn_],
.tabWrap.icoTab > [class*=icoBtn_],
.tabWrap.def > [class*=icoBtn_],
.tabWrap.hisTab > [class*=icoBtn_] {display:none !important;}

.tabScroll:not(.def) {position:relative; left:0; display:block;}
.tabScroll:not(.def):before,
.tabScroll:not(.def):after {content:''; position:absolute; left:0; top:0; bottom:1px; width:50px; background:linear-gradient(-90deg, rgba(255,255,255,0), #fff 30%); z-index:1;}
.tabScroll:not(.def):after {left:auto; right:0; background:linear-gradient(90deg, rgba(255,255,255,0), #fff 30%);}

.tabScroll:not(.def) > [class*=icoBtn_] {position:absolute; top:23px; left:0; display:block !important; width:32px; height:32px; border:1px solid #ddd; background-color:#fff; z-index:2;}
.tabScroll:not(.def) .icoBtn_prev:before {left:12px;}
.tabScroll:not(.def) .icoBtn_next {left:auto; right:0;}
.tabScroll:not(.def) .icoBtn_next:before {right:12px;}
.tabScroll:not(.def) > [class*=icoBtn_]:focus:before {border-color:#5d88fb;}

.tabScroll:not(.def) .tabList {position:relative; top:0; left:0; display:block; padding:0 58px; white-space:nowrap; overflow-x:auto; border-bottom:1px solid #eee; z-index:0;}
.tabScroll:not(.def) .tabList > li {bottom:auto; float:none; display:inline-block; width:auto; padding:0 8px;}
.tabScroll:not(.def) .tabList > li.on:after,
.tabScroll:not(.def) .tabList > li.on .ipt + label:after {left:8px; right:8px;}
.tabScroll:not(.def) .tabList > li a,
.tabScroll:not(.def) .tabList > li button,
.tabScroll:not(.def) .tabList > li .ipt + label {/*line-height:80px;*/}

/*================================================== Search ==================================================*/
/* 상단영역 */
.pageTit .ipt {height:56px; padding:0; border:0; border-bottom:2px solid #fff; border-radius:0; background-color:transparent; color:#fff; font-size:18px; box-shadow:none;}
.pageTit select.ipt {margin:0 8px; padding-right:60px; background:transparent url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_neebj_qbja_yt.fit) no-repeat right 5px center;}
.pageTit .ipt::placeholder {color:#fff; font-size:18px; opacity:0.5;}
.pageTit .ipt::-webkit-input-placeholder {color:#fff; font-size:18px; opacity:0.5;}
.pageTit .ipt::-moz-placeholder {color:#fff; font-size:18px; opacity:0.5;}
.pageTit .ipt:-ms-input-placeholder {color:#fff; font-size:18px; opacity:0.5;}
.pageTit .iptWrap .icoBtn_del {border-color:transparent; box-shadow:inset 0px 0px 0px 12px #fff;}
.pageTit .iptWrap .icoBtn_del:before,
.pageTit .iptWrap .icoBtn_del:after {background-color:#715deb;}
.pageTit .ipt:focus {border-color:rgba(255,255,255, 0.5); background-color:rgba(0, 0, 0, .05); transition:background-color ease-in-out 0.225s;}
body.tabFocus .pageTit .ipt:focus {outline:auto; outline-offset:1px; outline-color:#000;}
.pageTit .desc .ipt {position:relative; top:-2px; min-width:176px; height:45px;}

.pageTit .state span:not([class^=flag_]) {display:inline-block; position:relative; padding:0 15px; font-size:18px; font-weight:500;}
.pageTit .state span:before {content:''; position:absolute; top:6px; bottom:4px; left:0; border-left:1px solid #fff; opacity:0.3;}
.pageTit .state span:first-child:before {content:none;}

/* 상단영역 해쉬태그 */
.pageTit .keyword {margin-top:25px;}
.pageTit .keyword .flag_srch {height:36px; padding:0 16px; line-height:36px; color:#fff; background-color:#003ddf; font-weight:300; border-radius:18px;}
.pageTit .keyword .flag_srch:before {content:'#'; margin-right:5px; opacity:0.5;}

/* 데이타 검색 */
.dataSrchBox {margin-bottom:32px; padding:20px; border-radius:8px; background-color:#f8fafe; text-align:center;}
.dataSrchBox .label {display:inline-block; padding:0 2px 0 10px; color:#222; font-size:14px; font-weight:500; line-height:44px; vertical-align:middle;}
.dataSrchBox select.ipt {min-width:176px;}
.dataSrchBox .ipt.letterL {min-width:368px;}
.dataSrchBox .ipt.letterM {min-width:272px;} 
.dataSrchBox .ipt.letterS {min-width:auto;}
.dataSrchBox .iptWrap {width:210px;}
.dataSrchBox .iptWrap[class*=letter] {width:auto;}
.dataSrchBox .btn_p.m {min-width:80px; margin-left:8px;}
.dataSrchBox .iptFilt {display:inline-block;}
.tabWrap.mainTab + .dataSrchBox {border-radius:0 0 8px 8px;}
.dataSrchBox + .txtList {margin-bottom:32px;}

/* 조건 검색 */
.condSrchBox {padding:16px 30px 0; background-color:#f8fafe; text-align:center;}
.condSrchBox .formList {margin:0; padding:8px 0 8px 140px; border-top:none; border-color:#e8ecff;}
.condSrchBox .formList > li {padding:4px 0; border:none;}
.condSrchBox .formList .itemTh {width:92px; min-width:92px; padding:0;}
.condSrchBox .btn_p:not(.m) {margin:32px 0 16px 0;}
.condSrchBox .iptFilt {display:inline-block;}
.condSrchBox .srchCond {position:relative; height:38px; color:#666; text-align:left;}
.condSrchBox .srchCond .cond {display:inline-block; position:relative; padding-right:11px;}
.condSrchBox .srchCond .cond::after {content:''; position:absolute; right:2px; top:50%; width:2px; height:2px; background-color:#666; transform:translateY(-50%);}
.condSrchBox .srchCond .cond:nth-last-of-type(1)::after {content:none;}
.condSrchBox .srchCond + .inner {border-top:1px solid #e8ecff;}
.condSrchBox .inner {padding-bottom:16px;}
.condSrchBox .icoBtn_open {position:absolute; right:0; top:0; width:auto; padding-left:26px; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Spbaq_fepu_vpb.cat); background-position:-1px 3px; color:#445fe6; transition:background-position ease-in-out 0.4s;}
.condSrchBox .icoBtn_open::after {content:none;}
.condSrchBox .icoBtn_open > span {position:relative !important; width:auto; height:auto; margin:0; clip:unset; clip-path:none;}
.condSrchBox.on .icoBtn_open {background-position:-1px -19px;}

/* 상단영역 데이타 검색 */
.pageTit .dataSrchBox {position:relative; margin:26px 0 8px; padding:0; background-color:transparent; font-size:0;}
.pageTit .iptWrap {width:410px; margin:0 8px;}
.pageTit select.ipt + select.ipt ~ .iptWrap {width:310px;}

.customSrchBox {padding:40px; background-color:#f1f1f1; text-align:center;}
.customSrchBox .tit {margin-bottom:20px; color:#000; font-size:24px; font-weight:700;}
.customSrchBox .btn_d {margin:0;}
.customSrchBox .keyword {margin-top:25px;}
.customSrchBox .keyword .tit {display:inline-block; margin:0; padding-right:11px; font-size:16px !important;}
.customSrchBox .keyword .tit span {display:inline-block; padding-left:11px; color:#c8c8c8; font-family:'Dotum', '돋움', Arial, Helvetica, sans-serif; font-weight:normal; vertical-align:middle;}
.customSrchBox .keyword .links {color:#666;}
.customSrchBox .keyword .links:after {border-color:#b4b4b4;}
.customSrchBox .keyword .links + .links {margin-left:10px !important;}

/* multiSel */
.multiSel {position:relative; padding:10px 0; height:178px; background-color:#fff; border:1px solid #ccc; border-radius:6px; overflow-y:auto; outline:rgba(0,0,0,0); transition:border-color ease-in-out 0.225s;}
.multiSel:hover {border-color:#0083cd; z-index:1;}
.multiSel.on {border-color:#0083cd; box-shadow:2px 4px 6px rgba(10,118,220,0.12); outline:rgba(0,0,0,0);}
.multiSel > li input[type=checkbox] + label,
.multiSel > li input[type=radio] + label {display:block; padding:7px 15px;}
.multiSel > li input[type=checkbox] + label:before,
.multiSel > li input[type=checkbox] + label:after,
.multiSel > li input[type=radio] + label:before,
.multiSel > li input[type=radio] + label:after {content:none;}
.multiSel > li input:focus + label,
.multiSel > li input:checked + label {background-color:#eee; color:#1a75e4;}

.multiSelArea {display:table; width:100%; table-layout:fixed;}
.multiSelArea .label {display:block; margin-bottom:5px; color:#222; font-size:14px; font-weight:500;}
.multiSelArea > * {display:table-cell; float:none; padding-right:5px; vertical-align:top;}
.multiSelArea .fr {padding-left:5px;}

.multiSelArea.half > * {padding:0 !important;}
.multiSelArea.half .fl .multiSel {border-radius:6px 0 0 6px; margin-left:-1px;}
.multiSelArea.half .fr .multiSel {border-radius:0 6px 6px 0; margin-left:-1px;}

/* topSrchArea */
.topSrchArea {padding:40px 0; background-color:#f9f9f9; text-align:center;}
.topSrchArea .multiSelArea.half {width:1136px; margin:0 auto; padding:0 94px 0 95px; text-align:left;}
.topSrchArea .btnDiv {margin-top:30px;}
.topSrchArea .btnDiv [class^=btn_] {min-width:176px;}


/*================================================== swiperWrap(롤링 배너) ==================================================*/
.swiperWrap {position:relative; opacity:0;}
.swiperWrap.on {opacity:1;}
.swiper-container {font-size:0;}
.swiper-controls {position:absolute; left:50%; bottom:0; padding:0 5px; line-height:0; z-index:10; transform:translateX(-50%); white-space:nowrap;}

.swiper-pagination {display:inline-block; position:static !important;}
button.swiper-pagination-bullet,
button.swiper-pagination-switch {position:relative; width:17px; height:17px; margin:0 1px !important; border:0; border-radius:0; background:none; vertical-align:middle; opacity:1;}
button.swiper-pagination-bullet:before,
button.swiper-pagination-switch:before {content:''; position:absolute; top:50%; left:50%; width:6px; height:6px; border:1px solid transparent; border-radius:6px; background-color:rgba(102, 93, 207, .5); box-sizing:border-box; transform:translate(-50%, -50%); transition:all 0.25s ease-in-out;}
button.swiper-pagination-bullet-active:before,
button.swiper-active-switch:before {width:16px; border-color:transparent; background-color:#665dcf;}
button.swiper-pagination-bullet-active {width:16px; margin:0 2px !important;}
[class^=swiper-button-] {display:inline-block; position:relative; width:18px; height:18px; margin-left:2px; border:0; vertical-align:middle; overflow:hidden;}
.swiper-button-stop:before,
.swiper-button-stop:after {content:''; position:absolute; top:4px; left:4px; bottom:4px; width:3px; background-color:#665dcf;}
.swiper-button-stop:after {left:auto; right:4px;}
.swiper-button-play {display:none;}
.swiper-button-play:after {content:''; position:absolute; top:4px; left:6px; width:0; height:0; border-top:5px solid rgba(255,255,255,0); border-bottom:5px solid rgba(255,255,255,0); border-right:6px solid rgba(255,255,255,0); border-left:6px solid #665dcf;}
.swiper-counter {margin-left:10px; color:#999; font-size:14px; vertical-align:middle; z-index:10;}
.swiper-counter em {color:#222;}

.swiperWrap .btnPrev,
.swiperWrap .btnNext {position:absolute; width:50px; height:50px;}
.swiperWrap .btnPrev:before,
.swiperWrap .btnNext:before {content:''; position:absolute; left:50%; top:50%; width:35px; height:35px; margin-left:10px; border:1px solid #222; border-width:0 0 2px 2px; background-color:transparent; box-sizing:border-box; transform:translate(-50%, -50%) rotate(45deg);}
.swiperWrap .btnNext:before {margin-left:-10px; transform:translate(-50%, -50%) rotate(-135deg);}

.swiper-pagination-switch {display:inline-block;} /* IE9 전용 */

.swiperWrap[data-inner=true] .btnPrev,
.swiperWrap[data-inner=true] .btnNext {position:relative; width:24px; height:24px;}
.swiperWrap[data-inner=true] .btnPrev:before,
.swiperWrap[data-inner=true] .btnNext:before {width:10px; height:10px; margin-left:3px; border-color:#665dcf; border-width:0 0 1px 1px;}
.swiperWrap[data-inner=true] .btnNext:before {margin-left:-3px;}

.snap {display:-webkit-flex; display:flex; overflow:auto; scroll-snap-type:x mandatory; -webkit-scroll-snap-type:x mandatory; -ms-scroll-snap-type:x mandatory;}
.snap > li {display:block; float:none; -webkit-flex:none; flex:none; width:100vw; align-items:start; justify-content:start; scroll-snap-align:start;}

.ctrWhite button.swiper-pagination-bullet:before,
.ctrWhite button.swiper-pagination-switch:before {/*background-color:rgba(255, 255, 255, .5);*/ border: 1px solid #fff} /* 250625 웹접근성 명도대비 border로 수정 */
.ctrWhite button.swiper-pagination-bullet-active:before,
.ctrWhite button.swiper-active-switch:before {background-color:#fff;}
.ctrWhite .swiper-button-stop:before,
.ctrWhite .swiper-button-stop:after {background-color:#fff;}
.ctrWhite .swiper-button-play:after {border-left:6px solid #fff;}
.ctrWhite .btnPrev:before,
.ctrWhite .btnNext:before {border-color:#fff !important;}

.swiperWrap .swiper-scrollbar {height: 5px;}


/*================================================== 배너(banner) ==================================================*/
[class*=Banner] .swiper-controls {left:auto; right:20px; top:15px; bottom:auto; transform:none;}
[class*=Banner] {margin-top:64px;}
[class*=Banner] > .swiper-container,
[class*=Banner] > a {overflow:hidden;}
[class*=Banner] a {display:inline-block; position:relative; width:100%;}
[class*=Banner] a:focus:before {content:''; position:absolute; left:0px; right:0px; top:0px; bottom:0px; border:2px solid rgba(0,0,0,0.4);}
.tabFocus [class*=Banner] a:focus {outline:none;} /* 230531_웹접근성 */
.tabFocus [class*=Banner] a:focus:before {border:2px dashed #222;} /* 230531_웹접근성 */

/* 아이콘 + 텍스트 배너 */
.systemBanner > .swiper-container,
.systemBanner > a {background-color:#f2f6ff;}
.systemBanner a {display:table; width:100%; min-height:110px; padding:15px 0px; color:#222; font-size:18px; line-height:1.6;}
.systemBanner a .desc {margin-top:5px; color:#666; font-size:14px;}
.systemBanner .imgCell,
.systemBanner .infoCell,
.systemBanner .btnCell {display:table-cell; position:relative; padding-right:30px; vertical-align:middle;}
.systemBanner [class*=Cell]:first-child {padding-left:30px;}
.systemBanner .imgCell {width:210px; text-align:center;}
.systemBanner .infoCell ~ .imgCell,
.systemBanner .btnCell {text-align:right;}
.systemBanner [class^=btn_].m {margin:0; white-space:nowrap;}

/* 230503_추가 민트 아이콘 + 텍스트 배너 */
.systemBanner.mint > a {background-color:#f2fafc;}
.systemBanner.mint .infoCell span {position:relative; color:#00a3bb; padding-right:15px;}
.systemBanner.mint .infoCell span::after {content:''; position:absolute; right:0; top:50%; width:9px; height:9px; border:1px solid #00a3bb; border-width:0 0 2px 2px; background-color:transparent; box-sizing:border-box; transform:translateY(-50%) rotate(-135deg);}

/* 마케팅 배너 */
.marketBanner {margin-top:32px;}
.marketBanner > a,
.marketBanner div.inner {display:table; width:100%; min-height:140px; padding:15px 0px; color:#222; font-size:18px; line-height:1.6; background-color:#f2f6ff;}
.marketBanner .desc {margin-top:5px; color:#666; font-size:14px;}
.marketBanner .links.arrow {display:inline-block; margin-top:15px; font-size:16px;}
.marketBanner .imgCell,
.marketBanner .iconCell,
.marketBanner .infoCell,
.marketBanner .btnCell {display:table-cell; position:relative; padding-right:30px; vertical-align:middle;}
.marketBanner [class*=Cell]:first-child {padding-left:30px;}
.marketBanner .infoCell:only-child {padding-right:30px !important;}
.marketBanner .infoCell ~ .imgCell,
.marketBanner .btnCell {text-align:right;}
.marketBanner .iconCell {padding:0 30px; width:140px; vertical-align:middle; text-align:center;}
.marketBanner .iconCell .icon {display:block; width:80px; height:80px; padding:20px; background:#fff; border-radius:50%;}
.marketBanner .iconCell .icon img {position:relative; width:40px; z-index:1;}
.marketBanner .btnCell .dataInfo {margin-right:50px;}
.marketBanner .btnCell .dataInfo .val {color:#222; font-weight:500;}
.marketBanner .btnCell .dataInfo .val strong {color:#445fe6;}
.marketBanner .btnCell .dataInfo > li + li:before {background-color:#d6e1fe;}
.marketBanner .btn_t {border-color:#5d88fb; background-color:#fff;}
.marketBanner [class*=btn_] {width:auto;}
.marketBanner .bold.arrow {position:relative; display:inline-block; padding-right:13px;}
.marketBanner .bold.arrow:before {content:''; position:absolute; right:0; top:10px; width:9px; height:9px; border:1px solid #222; border-width:2px 2px 0 0; background-color:transparent; overflow:hidden; box-sizing:border-box; transform:rotate(45deg); transition:all 0.25s ease-in-out; z-index:1;}

.marketBanner .bgColor01 {background-color:#f2f6ff;}
.digital .marketBanner .bgColor01 {background-color: #edf1fe}
.marketBanner .bgColor02 {background-color:#f2fafc;}
.marketBanner .bgColor03 {background-color:#fef6fb;}
.marketBanner .bgColor01 .bold {color:#445fe6 !important;}
.marketBanner .bgColor01 .bold.arrow:before {border-color:#445fe6;}
.marketBanner .bgColor02 .bold {color:#00a3bb !important;}
.marketBanner .bgColor02 .bold.arrow:before {border-color:#00a3bb;}
.marketBanner .bgColor03 .bold {color:#e658b2 !important;}
.marketBanner .bgColor03 .links.arrow {margin:15px 5px 0 0; color:#e658b2;}
.marketBanner .bgColor03 .links.arrow:before {border-color:#e658b2;}

.marketBanner.nowrap {display:-webkit-flex; display:flex; margin-left:-8px; margin-right:-8px; white-space:normal !important;}
.marketBanner.nowrap > a {margin:0 8px;}
.marketBanner.nowrap .infoCell {padding-right:10px;}
.marketBanner.nowrap .imgCell {width:auto;}

.marketBanner.shHead div.inner {min-height:160px;}
.marketBanner.shHead [class*=Cell]:first-child {padding:0 10px 0 40px;}
.marketBanner.shHead .iconCell {width:130px;}
.marketBanner.shHead .iconCell .icon {position:relative; padding:0;}
.marketBanner.shHead .iconCell .icon img {position:absolute; left:50%; top:50%; width:100%; height:100%; border-radius:50%; overflow:hidden; transform:translate(-50%,-50%);}

.marketBanner.shplus {display:flex; justify-content:center; margin-top:64px; padding:14px 34px; background-color:#f2f6ff;}
.marketBanner.shplus .imgCell {margin-bottom:-15px;}
.marketBanner.shplus .infoCell .tit {font-size:22px; line-height:80px;}

/* 통 이미지 배너 */
.imgBanner img {width:100%;}

/* 아이콘 + 텍스트 링크 */
.systemLink {margin:0; padding:0 24px;}
.systemLink .imgCell,
.systemLink .infoCell {display:table-cell; position:relative; vertical-align:middle;}
.systemLink a {display:table; position:relative; width:100%; font-size:16px;}
.systemLink a .tit {font-weight:500;}

.systemLink a:not(.block) {min-height:64px; padding:10px 40px 10px 24px; border:1px solid #b7ddff; border-radius:8px; background-color:#ecf6ff; color:#0083cd;}
.systemLink a:not(.block):after {content:''; position:absolute; right:26px; top:50%; width:9px; height:9px; border:1px solid #1c76e4; border-width:0 0 1px 1px; background-color:transparent; box-sizing:border-box; transform:translateY(-50%) rotate(-135deg);}
.systemLink a:not(.block) .imgCell {width:40px; height:40px; border-radius:50%; overflow:hidden;}
.systemLink a:not(.block) .imgCell img {width:100%; height:auto;}
.systemLink a:not(.block) .infoCell {padding-left:12px;}

.systemLink a.block {min-height:122px; padding:10px 45px 10px 31px; background-color:#f7f9ff; color:#666;}
.systemLink a.block .tit {color:#222; font-size:18px;}
.systemLink a.block .copy {margin-top:5px;}
.systemLink a.block .imgCell {text-align:right;}

/*================================================== 소팅 영역(지점안내/생활서비스) ==================================================*/
.sortVisualArea {position:relative; padding:32px; background-color:#6998ff; z-index:9;}
.sortVisualArea:after {display:block; content:''; clear:both;}
.charactVisual {position:absolute; left:0; top:0; bottom:0; width:300px; z-index:0;}
.charactVisual > .copy {position:absolute; left:48px; top:60px; color:#fff; font-size:40px; font-weight:500;}
.charactVisual > img {position:absolute; left:0; bottom:0;}
.sortArea {position:relative; float:right; width:712px; text-align:center; z-index:1;}
.sortArea .btn_p {min-width:90px;}

/* 생활서비스 - 공공복지서비스 */
.publicService {padding:0; overflow:hidden;}

.publicClass:after {display:block; content:''; clear:both;}
.publicClass > li {float:left; padding:30px 28px 36px; border-right:1px solid rgba(255, 255, 255, 0.3);}
.publicClass > li:last-child {width:298px; border-right:0;}
.publicClass .tit {padding-bottom:5px; color:#fff; font-size:18px; font-weight:500;}
.publicClass .img {margin:0 -6px 15px -7px; text-align:center;}
.publicClass .iptGroup {margin:0;}
.publicClass .iptGroup:after {display:block; content:''; clear:both;}
.publicClass .iptGroup > li {float:left; margin:0; padding:4px;}
.publicClass .iptGroup label:before {content:none;}
.publicClass .iptGroup label {width:112px; padding:0; border-radius:2px; background-color:#fff; color:#666; font-size:16px; line-height:44px; text-align:center;}
.publicClass .ipt[type=radio]:checked + label {background-color:#5d88fb; color:#fff; box-shadow:5px 5px 9px rgba(0, 66, 142, 0.24);}
.publicClass .ipt[type=radio]:checked + label:hover,
.publicClass .ipt[type=radio]:checked:focus + label {text-decoration:underline;}

.publicService:not(.swiperWrap) .swiper-controls,
.publicService:not(.swiperWrap) > .btnPrev, 
.publicService:not(.swiperWrap) > .btnNext {display: none;}
.publicClass:not(.slideList) {transform: none !important;}
.publicClass:not(.slideList) > li {width:419px !important;}
.publicClass:not(.slideList) > li.lastItem {width:298px !important;}
.publicClass:not(.slideList) > li.swiper-slide-duplicate {display:none;}

/* 생활서비스 - 건강정보서비스 */
.healthService {margin-top:60px;}
.healthClass {margin:0 -4px;}
.healthClass:after {display:block; content:''; clear:both;}
.healthClass > li {float:left; padding:0 4px;}
.healthClass [class*=btnHealth_] {width:172px; height:154px; padding-top:77px; border-radius:2px; text-align:center;}
.healthClass [class*=btnHealth_].on {color:#5642bf; font-weight:500; box-shadow: 4px 8px 16px rgba(0, 66, 142, 0.24);}
.healthClass [class*=btnHealth_] {display:inline-block; background-color:#fff; background-position:center 32px; background-repeat:no-repeat; background-size:32px; color:#666; font-size:16px;}
.healthClass [class*=btnHealth_]:focus,
.healthClass [class*=btnHealth_]:hover {color:#715deb; text-decoration:underline;}
.btnHealth_hp {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_urny_t_fz.cat);}
.btnHealth_cp {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_grag_t_fz.cat);}
.btnHealth_sp {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_fcbeg_t_fz.cat);}
.btnHealth_tr {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_znc_t_fz.cat);}

.healthClass .btnHealth_hp.on,
.healthClass .btnHealth_hp:focus,
.healthClass .btnHealth_hp:hover  {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_urny_fz.cat);}
.healthClass .btnHealth_cp.on,
.healthClass .btnHealth_cp:focus,
.healthClass .btnHealth_cp:hover  {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_grag_fz.cat);}
.healthClass .btnHealth_sp.on,
.healthClass .btnHealth_sp:focus,
.healthClass .btnHealth_sp:hover  {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_fcbeg_fz.cat);}
.healthClass .btnHealth_tr.on,
.healthClass .btnHealth_tr:focus,
.healthClass .btnHealth_tr:hover  {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_znc_fz.cat);}

.healthService .tit {margin:28px 0 6px; color:#fff; font-size:18px; text-align:left;}
.healthService .iptFilt > li {width:12.5%; margin:0;}
.healthService .iptFilt label {width:100%; min-width:100%; border-color:#ecf6ff; border-top-color:transparent; border-left-color:transparent;}
.healthService .iptFilt > li:first-child label {border-bottom-left-radius:0;}
.healthService .iptFilt > li:last-child label {border-top-right-radius:0;}
.healthService .iptFilt > li:nth-child(8) label {border-top-right-radius:2px;}
.healthService .iptFilt > li:nth-child(9) label {border-bottom-left-radius:2px;}
.healthService .iptFilt .ipt:checked + label {background-color:#445fe6; color:#fff;}
.healthService .btn_p {margin:28px 0 0; border-radius:2px; background-color:#445fe6; box-shadow:0 9px 18px rgba(0,66,142,0.24);}

.iptFilt .ipt:focus + label {border-color:#445fe6;}
.tabFocus .healthService .iptFilt .ipt:focus + label {border-color:#000; border-width:1px;}

.healthTxt {margin-top:30px; font-size:14px; text-align:center;}

.hashRdoGroup {margin:15px 0;}

/* 생활서비스 - 건강정보서비스 - 상세 */
.mapArea {height:360px; border:1px solid #ddd; overflow:hidden;}
.hpFlag {margin-top:10px;}
.locationTit {margin:50px 0 10px; color:#222; font-size:40px; font-weight:500;}
.locationInfo {margin:54px -8px 0; word-break:keep-all;}
.locationInfo ul {display:table; width:100%; table-layout:fixed;}
.locationInfo li {display:table-cell; position:relative; padding:40px 35px; text-align:center; vertical-align:top;}
.locationInfo li:before {content:''; position:absolute; left:8px; right:8px; top:0; bottom:0; min-height:160px; border:1px solid #ddd; z-index:0;}
.locationInfo li > div {position:relative; z-index:1;}
.locationInfo .itemTh {font-size:14px;}
.locationInfo .dataTd {margin-top:8px; color:#222; font-size:24px;}
.locationInfo .dataTd.address {font-size:16px;}
.locationInfo a[href^=tel] {color:#b87900;}

.healthSvInfo {display:table; width:100%; margin-top:60px; table-layout:auto;}
.healthSvInfo .thum {display:table-cell; width:480px;}
.healthSvInfo .thum > img {width:464px; height:262px; overflow:hidden;}
.healthSvInfo .locationInfo {display:table-cell; margin:0; padding:0 30px; border:1px solid #ddd; vertical-align:middle;}
.healthSvInfo .locationInfo ul {table-layout:auto;}
.healthSvInfo .locationInfo li {display:table-row; padding:0; text-align:left;}
.healthSvInfo .locationInfo li:before {content:none;}
.healthSvInfo .locationInfo li > div {display:table-cell; padding:8px 0;}
.healthSvInfo .locationInfo .itemTh {width:115px;}
.healthSvInfo .locationInfo .dataTd {margin-top:0; font-size:16px; text-align:left;}
.healthSvInfo .locationInfo .links {margin:0;}

/* 지점안내 */
.windowPop .popCont.branch {height: auto; padding:0; overflow: auto}
.windowPop .popCont.branch > .popHead,
.windowPop .popCont.branch > .icoBtn_close {display:none;}
.windowPop .popCont.branch .popBody {max-height: none; height: auto !important;}
.popCont.branch .popBody > section:first-child {margin-top:0 ;}


.branch .sortVisualArea {margin:0 -32px; background-color:#715deb;}
.branch .sortArea {width:66%;}
.branch .charactVisual .copy {left:32px; font-size:24px;}
.branch .sortArea > .inner {position:relative; padding:30px 40px; background-color:#fff; z-index:2;}
.branch .sortArea > .inner .btn_p {margin-top:17px;}
.iptGroup.branch {position:relative;}
.iptGroup.branch:before {content:''; position:absolute; left:50%; top:0; width:20px; height:56px; margin-left:-10px; background-color:#00428e; box-sizing:border-box;}
.iptGroup.branch:after {display:block; content:''; clear:both;}
.iptGroup.branch > li {float:left; width:50%; margin:0;}
.iptGroup.branch label {width:100%; height:56px; padding:16px 0 0; background-color:#634fd5; color:#fff; text-align:center;}
.iptGroup.branch label:before {content:none;}
.iptGroup.branch .ipt[type=radio] {top:0; left:0; right: 0; bottom: 0; width: 100%; height: 100%;}
.iptGroup.branch .ipt[type=radio]:checked + label {background-color:#fff; color:#5642bf; font-weight:500;}
.iptGroup.branch .ipt[type=radio]:checked + label:hover,
.iptGroup.branch .ipt[type=radio]:checked:focus + label {text-decoration:underline;}

.sortCondition {display:table; width:100%; padding:4px 0; text-align:left;}
.sortCondition .itemTh {display:table-cell; width:65px; height:52px; padding:16px 0 0 0; color:#222; font-size:14px; font-weight:500; vertical-align:top;}
.sortCondition .dataTd {display:table-cell; height:52px; color:#222; vertical-align:top;}
.sortCondition .iptWrap,
.sortCondition select.ipt {width:100%;}
.sortCondition .iptGroup {margin-top:7px;}
.sortCondition .iptGroup:after {display:block; content:''; clear:both;}
.sortCondition .iptGroup > li {float:left; width:130px !important; margin:7px 0;}
.sortCondition .iptGroup > li:last-child:nth-child(4) {width:auto !important;}
.sortEtc {text-align:left;}
.sortEtc .etcMore {position:relative; padding-right:17px; color:#666; font-size:14px;}
.sortEtc .etcMore:after {content:''; position:absolute; right:0; top:50%; width:7px; height:7px; margin-top:-2px; border:1px solid #666; border-width:0 1px 1px 0; transform:translateY(-50%) rotate(45deg); transition:transform 0.25s;}
.sortEtc .etcMore.on:after {transform:rotate(-135deg);}
.sortEtc .etcMore .on,
.sortEtc .etcMore.on span:not(.on) {display: none;}
.sortEtc .etcMore.on .on {display: block;}
.branch .tblInfo.ar {position:relative; z-index:1;}

.branch .mapArea {margin:0 -32px; border:0; border-radius:0;}
.branch .locationTit {margin-top:0;}
.busiDay {display:table; width:100%; height:200px; margin-top:64px; border-radius:8px; background-color:#f8f8f8; table-layout:fixed;}
.busiDay > .tit {display:table-cell; width:400px; padding-left:30px; border-radius:8px 0 0 8px; background-color:#1a75e4; color:#fff; font-size:24px; font-weight:500; vertical-align:middle; box-shadow:4px 8px 16px rgba(0, 66, 142, 0.24);}
.busiDay > .con {display:table-cell; padding:0 30px; vertical-align:middle;}
.dayWeek {display:table; width:100%; margin-bottom:12px; padding-bottom:15px; border-bottom:1px solid #ddd; table-layout:auto;}
.dayWeek > li {display:table-row;}
.dayWeek .itemTh,
.dayWeek .dataTd {display:table-cell; padding:4px 0; vertical-align:top;}
.dayWeek .itemTh {width:60px; padding-top:6px; font-size:14px;}
.dayWeek .dataTd {padding-left:10px; color:#222; word-break:keep-all;}

/*================================================== 블럭 링크(펀드/공공복지서비스/지점안내/건강정보서비스) ==================================================*/
[class^=flag_hp] {margin:0 4px 8px 0; padding:0 11px 0 35px; background-repeat:no-repeat; background-position:8px 2px; background-size:24px 24px; white-space:nowrap;}
.flag_hp_on {background-color:#fff9e8; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_uc_ba.fit'); color:#ff9900;}
.flag_hp_of {background-color:#f8f8f8; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_uc_bs.fit'); color:#666;}
.flag_hp_em {background-color:#fdf3f3; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_uc_rz.fit'); color:#e9473f;}
.flag_hp_ro {background-color:#f4f8f1; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_uc_eb.fit'); color:#3e9100;}
.flag_hp_pe {background-color:#ebf5ff; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_uc_cr.fit'); color:#1a75e4;}
.flag_hp_ho {background-color:#f4eff7; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_uc_ub.fit'); color:#6d2d9e;}
.blockList {margin:0 -8px;}
.blockList:after {display:block; content:''; clear:both;}
.blockList > li {position:relative; float:left; width:50%; padding:8px;}
.blockList .block {display:inline-block; position:relative; width:100%; min-height:150px; padding:33px 30px 31px; border:1px solid #ddd; background-color:#fff;}
.blockList .tit {margin-bottom:10px; color:#222; font-size:18px; font-weight:500; overflow:hidden; text-overflow:ellipsis;}
.blockList:not(.fund) .tit {white-space:nowrap;}
.blockList .txt {color:#666; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.blockList .desc {display:-webkit-box; height:45px; color:#666; font-size:14px; white-space:normal; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.blockList.fund .block {min-height:202px;}
.blockList.fund .state {margin-bottom:12px;}
.blockList.fund .tit {display:-webkit-box; height:57px; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.blockList.fund .txt {margin-top:15px;}
.blockList.contact .block {min-height:182px; padding:33px 15px 62px 30px; background-color:transparent; z-index:1;}
.blockList.contact .hpFlag {position:absolute; right:38px; bottom:22px; font-size:0;}
.blockList.contact [class^=flag_hp] {width:28px; min-width:28px; margin:0 0 0 -7px; padding:0; border:2px solid #fff; background-position:center center; font-size:0; box-sizing:unset; overflow:hidden;}
.blockList.contact .time {position:absolute; right:30px; top:31px; padding-left:18px; color:#222;}
.blockList.contact .time:before,
.blockList.contact .time:after {content:''; position:absolute; box-sizing:border-box;}
.blockList.contact .time:before {left:7px; top:8px; width:4px; height:6px; border-left:1px solid #727272; border-bottom:1px solid #222;}
.blockList.contact .time:after {left:0; top:50%; width:14px; height:14px; border:1px solid #222; border-radius:50%; transform:translateY(-50%);}
.blockList.contact .tel {position:absolute; left:38px; right:38px; bottom:35px; color:#b87900; font-size:14px; z-index:0; overflow:hidden;}
.blockList.contact .tel a {display:inline-block; position:relative; margin:0 12px 2px 0;}
.blockList.contact .tel a:before {content:''; position:absolute; left:-8px; top:50%; width:1px; height:12px; background-color:#f2f2f2; transform:translateY(-50%);}


/* 해지환급금/대출상품추천 */
.blockList.point > li {width:25%;}
.blockList.point > li:first-child:nth-last-child(3),
.blockList.point > li:first-child:nth-last-child(3) ~ li {width:33.3333%;}
.blockList.point .block {min-height:180px; padding:28px 31px 32px; background:#f2f6ff; border:none;}
.digital .blockList.point .block {background-color: #edf1fe;} 
.blockList.point .tit {margin-bottom:8px; font-size:16px; color:#445fe6;}
.blockList.point .desc {min-height:42px; height:inherit; overflow:visible; -webkit-line-clamp:inherit;}
.blockList.point .links.arrow {margin-top:40px; color:#666;}
.blockList.point .links.arrow::before {border-color:#272727;}
.blockList.point .block:hover,
.blockList.point .block:focus {background:#5d88fb; box-shadow:0px 8px 16px rgba(68, 95, 230, 0.24);}
.blockList.point .block:hover *,
.blockList.point .block:focus * {color:#fff;}
.blockList.point .block:hover .links.arrow::before,
.blockList.point .block:focus .links.arrow::before {border-color:#fff;}
.blockList.point .block > *:last-child:not(.links):before,
.blockList.point .block > *:last-child:not(.links):after {content:''; position:absolute; box-sizing:border-box; transition:all 0.15s ease-in-out; z-index:1;}
.blockList.point .block > *:last-child:not(.links):before {left:42px; bottom:29px; width:8px; height:8px; border:1px solid #f2f6ff; border-width:2px 2px 0 0; transform:rotate(45deg);}
.blockList.point .block > *:last-child:not(.links):after {left:33px; bottom:32px; width:20px; height:2px; background-color:#f2f6ff;}
.digital .blockList.point .block > *:last-child:not(.links):after {background-color: #edf1fe;}
.blockList.point .block:hover > *:last-child:not(.links):before,
.blockList.point .block:focus > *:last-child:not(.links):before {left:55px; border-color:#fff;}
.blockList.point .block:hover > *:last-child:not(.links):after,
.blockList.point .block:focus > *:last-child:not(.links):after {width:30px; background-color:#fff;}

.blockListSwiper .swiper-container {margin-right:-16px; margin-bottom:-20px;}
.blockListSwiper .blockList.point > li {padding-bottom:20px;}
.blockListSwiper.swiperWrap {padding-bottom:40px;}
.blockListSwiper.swiperWrap .btnPrev,
.blockListSwiper.swiperWrap .btnNext {display:none;}


/*================================================== 페이지 상단 정보 콘텐츠 영역 ==================================================*/
.infoConArea {position:relative; width:1136px; margin:-60px auto 64px; z-index:2;}
.infoConArea > .inner {background-color:#fff; box-shadow:7px 3px 27px rgba(0,0,0,0.08);}

.infoConList {display:table; width:100%; padding:40px 0; table-layout:fixed; line-height:1.8;}
.infoConList > li {display:table-cell; position:relative; padding:0 40px; border-left:1px solid #eee; text-align:center; vertical-align:top;}
.infoConList > li:first-child {border:0 !important;}
.infoConList .block {display:block; color:#666;}
.infoConList .img {padding-bottom:25px;}
.infoConList .img > img {width:48px; height:auto;}
.infoConList .tit {color:#222; font-size:18px; font-weight:500;}
.infoConList p {margin-top:8px;}

/* 고객의 소리 접수 */
.infoConList.vertical .block {padding-bottom:75px;}
.infoConList.vertical .img > img {width:48px;}
.infoConList.vertical span[class^=btn_] {position:absolute; left:40px; right:40px; bottom:0; margin:0;}


/*================================================== 보험/금융 상품 상세 ==================================================*/
.prdDetail .pageTit {padding-bottom:185px;}
.prdDetail .pageTit > .inner {padding-top:55px;}
.prdDetail .pageTit .titH1 {letter-spacing:0;}
.prdDetail .pageTit .copy {margin:3px 0 22px; font-size:40px; font-weight:500; letter-spacing:-0.055rem;}
.prdDetail .pageTit .desc {margin:0;}
.prdDetail section.bgColor {padding-bottom:64px;}
.prdDetail #content .tabWrap.subTab {margin-bottom:64px;}
.prdDetail #content > section:not(.bgColor) {margin-top:0;}

.applicGuide {text-align:center; word-break:keep-all;}
.applicGuide p {font-size:14px;}
.applicGuide p.bold {color:#222; font-size:18px;}
.applicGuide p + p.bold {margin-top:5px;}
.applicGuide .btnGroup {text-align:center;}
.applicGuide [class^=btn_].m {min-width:90px; margin:0 2px; padding:5px 0; box-shadow:none !important;}

.applicGuide[class*=consul_] {position:relative; width:560px; height:240px; padding:110px 31px 0; background-color:#fff; box-shadow:7px 3px 27px rgba(0,0,0,0.08); text-align:left;}
.applicGuide[class*=consul_] .tit {margin-bottom:8px; font-size:18px;}
.applicGuide[class*=consul_] p {width:50%; font-size:16px;}
.applicGuide[class*=consul_] .btnGroup {position:absolute; right:30px; bottom:40px; text-align:right;}
.applicGuide.consul_apply {float:left;}
.applicGuide.consul_tel {float:right;}
.applicGuide.consul_tel .btnGroup {bottom:30px;}
.applicGuide.consul_tel .btnGroup > span {display:inline-block; position:absolute; right:0; top:-34px; padding:0 10px; border-radius:13px; background-color:#715deb; color:#fff; font-size:14px; line-height:26px;}
.applicGuide.consul_tel a[href^=tel] {color:#5642bf; font-size:28px; font-weight:500;}

/* sns */
.prdDetail #content .snsList {margin:30px 0; text-align:center;}
.prdDetail #content .snsList [class^=icoBtn_]{width:64px; height:64px; background-size:cover;}

/* 보험 */
.insu.prdDetail .bgColor {padding-top:0; background-color:#fff;}
.insu.prdDetail .pageTit .titH1 {font-size:18px; font-weight:500;}
.insu.prdDetail .pageTit .desc {color:#fff; font-size:20px; font-weight:300;}
.insu.prdDetail .infoConArea {margin:-126px auto 0; padding-bottom:70px;}
.insu.prdDetail .infoConArea > .inner {background-color:transparent; box-shadow:none;}

.insu.prdDetail .applicGuide .btn_t:not(.m) {border-color:#fff; background-color:#fff; color:#5642bf; box-shadow:4px 8px 8px rgba(113, 93, 235, .5);}

/* 금융(펀드) */
.fund.prdDetail .pageTit {margin-bottom:60px; padding-bottom:54px;}
.fund.prdDetail .pageTit > .inner {padding-top:70px;}

/* 금융(대출) */
.loan.prdDetail #content {padding-bottom:0;}
.loan.prdDetail .wcms {z-index:1;}
.loan.prdDetail .pageTit {padding-bottom:70px;}
.loan.prdDetail .pageTit .titH1 {position:absolute; top:167px; width:100%; font-size:20px; font-weight:300; z-index:2;}
.loan.prdDetail .pageTit .desc {font-size:18px; font-weight:500;}
.loan.prdDetail .infoConArea {margin:-70px auto 40px;}
.loan.prdDetail .infoConArea > .inner {padding:0 40px;}

.itemList {display:table; width:100%; padding:40px 0; word-break:keep-all; table-layout:fixed;}
.itemList > li {display:table-cell; padding:0 25px; border-left:1px solid #eee; text-align:center; vertical-align:top;}
.itemList > li:first-child {border:0 !important;}
.itemList .dataTd {margin-top:2px; color:#222; font-size:24px; font-weight:500; letter-spacing:-0.055rem; line-height:1.5;}
.itemList .dataTd > em {display:inline-block; color:#666; font-size:16px; font-weight:300;}

.callCenter {display:table; width:100%; padding:38px 0 39px; border-top:1px solid #eee; word-break:keep-all;}
.callCenter > div {display:table-cell; padding:0 24px; text-align:right; vertical-align:middle;}
.callCenter .copy {color:#666; font-size:18px; text-align:left;}
.callCenter .copy .bold {color:#222;}
.callCenter .copy .bold + p {margin-top:9px; font-size:14px;}
.callCenter .copy p + .bold {margin-top:3px;}
.callCenter .tel > span {display:inline-block; margin-top:2px; padding-left:50px; font-size:14px; text-align:left; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_pnyy_fz.cat) no-repeat 0 50%;}
.callCenter .tel em {display:block; color:#5642bf; font-size:20px; font-weight:500;}
.callCenter [class^=btn_] {margin:0; border-color:#715deb; background-color:#715deb; color:#fff;}

/* 금융(금리인하요구권) s */
.prdDetail.rcWrap #content > section:not(.bgColor) {margin-top: 64px;}
.loan.prdDetail.rcWrap .pageTit .titH1 {position:initial; top: auto; width:100%; font-size:40px; font-weight:500; z-index:2;}
.rcWrap .top-title {font-size: 33px;margin-bottom: 10px;}
.rcWrap .sub-title {line-height: 3rem; margin-bottom: 60px;}
.rcWrap .sub-title em {border-bottom:1px solid transparent; border-image-source:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sot_gvg_znex.cat); border-image-outset:0; border-image-repeat:repeat; border-image-width:auto; border-image-slice:0 0 15 0;}
.rcWrap .tblY .col1 {width: 185px;}
.rcWrap .callCenter {padding: 38px 50px; border: 1px solid #eee;}
.rcWrap .callCenter .over {font-size: 17px;}
.rcWrap .rc-box {margin-bottom: 60px;}
.rcWrap .rc-box [class^=btn_] {position:relative; margin:0;width: 265px; margin-right: 20px;font-size: 16px;}
.rcWrap .rc-box li:last-child {margin-right:0;}
.rcWrap .rc-box li:last-child:after {display:none;}
.rcWrap .rc-box li:after {content:'';position:absolute;top: 50%;right: -11px;width:12px;height:12px;border-top: 1px solid #d6e1fe;border-right: 1px solid #d6e1fe;background-color:#f2f6ff;overflow:hidden;box-sizing:border-box;transform: rotate(45deg) translate(-50%);}
.rcWrap .rcBtn {width: 100%; text-align: center; margin-top:40px;}

@media all and (max-width:768px) {
	.loan.prdDetail.rcWrap .pageTit {padding: 56px 0 0 0}
	.prdDetail.rcWrap #content > section:not(.bgColor) {margin-top: 24px;}
	.rcWrap .top-title {font-size: 2.5rem;margin-bottom: 10px;}
	.rcWrap .sub-title {margin-bottom:50px;}
	.prdDetail.rcWrap .titArea {margin-top:30px;}
	.rcWrap .tblY .col1 {width: 105px;}
	.rcWrap .tblY tr td:first-child {padding: 10px;}
	.rcWrap .callCenter {padding: 20px 25px;}
	.rcWrap .callCenter > div {display: block;padding: 0;text-align: left;}
	.rcWrap .callCenter .copy {margin-bottom: 20px;}
	.rcWrap .rc-box {margin-bottom: 40px;}
	.rcWrap .rc-box [class^=btn_] {display:block; width: 100%; margin-bottom: 20px;}
	.rcWrap .rc-box li:last-child {margin-bottom:0;}
	.rcWrap .rc-box li:after {top: auto; right: auto; bottom: -11px;left: 50%; border-top: none; border-bottom: 1px solid #d6e1fe; border-right: 1px solid #d6e1fe;}
}
/* 금융(금리인하요구권) e */

/* 연관메뉴 */
.relationMenu {margin-top:24px;}
.relationMenu:after {content:''; display:block; clear:both;}
.relationMenu .tit {float:left; margin-right:31px; padding-left:31px; color:#445fe6; font-size:18px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_gvg_eryngvba.cat) no-repeat 0 3px; vertical-align:middle;}
.relationMenu .linkGroup {float:left;}
.relationMenu .linkGroup .links {margin:3px 25px;}
.relationMenu .linkGroup .links:before {left:-26px;}

/* 상세 페이지 하단 sticky */
.prdSticky.fixed {position: fixed; bottom:16px;}
.prdSticky {position:relative; left:50%; width:1136px; height:84px; margin:0; padding:20px 25px 20px 31px; background-color:rgba(113, 93, 235, .95); text-align:right; transform:translate(-50%, 0); z-index:10;}
.prdSticky .info {display:inline-flex; color:#fff; vertical-align:top;}
.prdSticky .tit {display:inline-block; position:absolute; left:31px; top:29px; max-width:750px; font-size:18px; font-weight:500; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.prdSticky [class^=btn_] {min-width:107px; min-height:44px; margin:0 1px; padding:0; border-color:#8c7cef; background-color:#8c7cef; color:#fff; font-size:16px; vertical-align:text-top; box-shadow:3px 6px 7px rgba(113, 93, 235, .5);}
.prdSticky .itemList {display:inline-block; width:auto; margin-top:8px; padding:0; font-size:14px;}
.prdSticky .itemList > li {padding:0 27px; border-left:1px solid rgba(255, 255, 255, .16);}
.prdSticky .itemList > li:last-child {padding-right:5px;}
.prdSticky .itemTh {display:inline-block; vertical-align:middle;}
.prdSticky .dataTd {display:inline-block; margin-top:0; padding-left:9px; color:#fff; font-size:18px; letter-spacing:-0.055rem; vertical-align:middle;}
.prdSticky .dataTd > span {color:#fff; font-size:14px;}
.prdSticky .info + span [class^=btn_] {margin-left:25px;}

.loan .prdSticky {background-color:rgba(93, 136, 251, .95);}
.loan .prdSticky .tit {max-width:180px;}
.loan .prdSticky [class^=btn_] {border-color:#7c9ffc; background-color:#fff; box-shadow:3px 6px 7px rgba(99, 116, 162, .24);} /* 230613-웹접근성 수정 */
.loan .prdSticky [class^=btn_] span {color:#445fe6;} /* 230613-웹접근성 수정 */


/*================================================== 보험/금융 상품 리스트 ==================================================*/
.prdList {margin:25px -24px 0;}
.prdList:after {display:block; content:''; clear:both;}
.prdList > li {position:relative; float:left; width:50%; padding:24px;}
.prdList > li:nth-child(1),
.prdList > li:nth-child(2) {padding-top:0;}
.prdList .block {display:inline-block; position:relative; width:100%; min-height:320px; padding:38px; border:1px solid #ddd; background-color:#fff; color:#666; font-size:16px; transition:all 0.2s ease-in-out; outline:none;}
.prdList .state {margin-bottom:17px;}
.prdList .tit {color:#222; font-size:20px; font-weight:500;}
.prdList [class^=badge_] ~ .tit {padding-right:75px;}
.prdList .copy {font-size:14px;}
.prdList .coverage {margin-top:14px; font-size:14px; line-height:1.6;}
.prdList .coverage > span {display:inline-block; margin-right:11px;}
.prdList .coverage > span:last-child {margin-left:0;}

.prdList a.block .tit > em {position:relative;}
.prdList a.block .tit > em span {display:inline-block; margin:6px 0 0 6px; font-size:14px; color:#5d88fb; vertical-align:top;}
.prdList a.block .tit > em:before,
.prdList a.block .tit > em:after {content:''; position:absolute; box-sizing:border-box; transition:all 0.15s ease-in-out; z-index:1;}
.prdList a.block .tit > em:before {right:-24px; bottom:8px; width:10px; height:10px; border:1px solid #5d88fb; border-width:2px 2px 0 0; transform:rotate(45deg);}
.prdList a.block .tit > em:after {right:-24px; bottom:12px; width:18px; height:2px; background-color:#5d88fb;}
/* .prdList a.block:focus .tit,
.prdList a.block:hover .tit {text-decoration:underline;} */
.prdList .block:focus .tit > em:before,
.prdList .block:hover .tit > em:before {border-color:#715deb;}
.prdList .block:focus .tit > em:after,
.prdList .block:hover .tit > em:after {background-color:#715deb;}

.prdList .block:before,
.prdList .block:after {content:''; position:absolute; background-color:#715deb; box-sizing:border-box; z-index:2; transition:all 0.3s;}
.prdList .block:before {right:-1px; top:-1px; width:0; height:20px;}
.prdList .block:after {right:-1px; top:-1px; width:20px; height:0;}
.prdList li.on .block,
.prdList .block:focus,
.prdList .block:hover {border-color:#aaa; box-shadow:24px 24px 16px rgba(0,0,0,0.06);}
.prdList li.on .block:before,
.prdList .block:focus:before,
.prdList .block:hover:before {width:80px;}
.prdList li.on .block:after,
.prdList .block:focus:after,
.prdList .block:hover:after {height:80px;}

.prdList .btnGroup {position:absolute; left:60px; bottom:60px; margin:0; transform: translate(0px,0px); transition: all 0.2s ease-in-out;}
.prdList .btnGroup [class^=btn] {display:inline-block; padding:0 3px 0 33px; background-repeat:no-repeat; background-position:3px 2px; background-size:24px; color:#222; font-size:14px; font-weight:500; line-height:28px; vertical-align:middle;}
.prdList .btnGroup .btnCalcul {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_oga_pnyphy.cat);}
.prdList .btnGroup .btnDirect {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_oga_qverpg.cat);}
.prdList .btnGroup .btnConsul {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_oga_pbafhy.cat);}
.prdList .btnGroup [class^=btn]:focus,
.prdList .btnGroup [class^=btn]:hover {background-color:rgba(0, 0, 0, .1);}
.prdList .btnGroup > span {display:inline-block; position:relative;}
.prdList .btnGroup > span + span {margin-left:30px;}
.prdList .btnGroup > span + span:before {content:''; position:absolute; left:-16px; top:4px; bottom:4px; width:1px; background-color:#eee;}

.prdList li.on .block {transform: translate(-5px,-10px);}
.prdList li.on .btnGroup {transform: translate(-5px,-10px);} 

[class^=badge_] {display:inline-block; position:absolute; right:16px; top:-8px; width:80px; height:95px; padding-top:60px; background-color:transparent; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sonqtr_orfg_ot.fit); background-repeat:no-repeat; background-position:center bottom; background-size:cover; color:#fff; font-size:13px; text-align:center; overflow:hidden; transition:all 0.15s ease-in-out;}
[class^=badge_] + [class^=badge_] {right:104px;}
.badge_new {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sonqtr_arj_ot.fit);}
[class^=badge_]:before {content:''; width:100%; height:32px; position:absolute; top:20px; left:0; right:0; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sonqtr_orfg_vpb_j.fit); background-repeat:no-repeat; background-position:center center;}
.badge_new:before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sonqtr_arj_vpb_j.fit);}

.infoConArea .swiperWrap {margin:0 -40px; padding-left:40px;}
.infoConArea .swiper-container {padding:8px 24px 55px 0;}
.infoConArea .prdList {margin:0;}
.infoConArea .prdList .block {border-color:transparent !important; box-shadow:15px 24px 16px rgba(0,0,0,0.06);}
.infoConArea .prdList .block:before,
.infoConArea .prdList .block:after {content:none;}
.infoConArea .prdList .btnGroup {left:38px; bottom:38px;}
.infoConArea .swiperWrap .prdList > li {padding:0 16px 0 0;}
.infoConArea .swiperWrap .prdList > li.swiper-slide-prev {padding-right:40px;}
.infoConArea .swiperWrap .prdList > li.swiper-slide-prev .block {box-shadow:none;}
.infoConArea .swiperWrap .swiper-slide-next + .swiper-slide {padding-left:24px;}
.infoConArea .swiperWrap .btnPrev,
.infoConArea .swiperWrap .btnNext {top:86px; left:-30px;}
.infoConArea .swiperWrap .btnNext {left:auto; right:-30px;}
.infoConArea .swiperWrap .btnPrev:before,
.infoConArea .swiperWrap .btnNext:before {border-color:#fff;}
.infoConArea .swiperWrap[data-per-view="3"] .prdList {margin:0;}
.infoConArea .swiperWrap[data-per-view="3"] .prdList > li {padding:0 16px 0 0 !important;}
.infoConArea .swiperWrap[data-per-view="3"] .prdList > li.swiper-slide-prev {padding-right:40px !important;}
.infoConArea .swiperWrap[data-per-view="3"] .prdList > li.swiper-slide-next + .swiper-slide + .swiper-slide {padding-left:24px !important;}

.infoConArea .prdList .block:focus {border:1px dotted #000 !important;}
.infoConArea .prdList .block:focus,
.infoConArea .prdList .block:hover {background-color:#5d88fb; color:#fff;}
.infoConArea .prdList .block:focus [class^=badge_],
.infoConArea .prdList .block:hover [class^=badge_] {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sonqtr_juvgr_ot.fit); color:#5d88fb;}
.infoConArea .prdList .block:focus [class^=badge_]:before,
.infoConArea .prdList .block:hover [class^=badge_]:before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sonqtr_orfg_vpb.fit);}
.infoConArea .prdList .block:focus .badge_new:before,
.infoConArea .prdList .block:hover .badge_new:before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sonqtr_arj_vpb.fit);}
.infoConArea .prdList .block:focus [class^=flag_],
.infoConArea .prdList .block:hover [class^=flag_] {background-color:rgba(255, 255, 255, .1) !important; color:#fff !important;}
.infoConArea .prdList .block:focus .tit,
.infoConArea .prdList .block:hover .tit,
.infoConArea .prdList .block:focus .tit > em span,
.infoConArea .prdList .block:hover .tit > em span {color:#fff;}
.infoConArea .prdList .block:focus .tit > em:before,
.infoConArea .prdList .block:hover .tit > em:before {border-color:#fff;}
.infoConArea .prdList .block:focus .tit > em:after,
.infoConArea .prdList .block:hover .tit > em:after {background-color:#fff;}

.infoConArea .prdList .block:focus + .btnGroup [class^=btn],
.infoConArea .prdList .block:hover + .btnGroup [class^=btn] {color:#fff;}

.infoConArea .prdList .block:focus + .btnGroup .btnCalcul,
.infoConArea .prdList .block:hover + .btnGroup .btnCalcul {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_oga_pnyphy_b.cat);}
.infoConArea .prdList .block:focus + .btnGroup .btnConsul,
.infoConArea .prdList .block:hover + .btnGroup .btnConsul {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_oga_pbafhy_b.cat);}
.infoConArea .prdList .block:focus + .btnGroup .btnDirect,
.infoConArea .prdList .block:hover + .btnGroup .btnDirect {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_oga_qverpg_b.cat);}

.fina.subMain .iptBtn.m {margin:30px -8px 23px;}
.fina.subMain .prdList {margin:0 -8px 0;}
.fina.subMain .prdList > li {width:33.3333%; padding:0 8px !important;}
.fina.subMain .prdList .block {padding:38px 40px; word-break:keep-all;}
.fina.subMain .prdList .copy {position:absolute; left:40px; right:40px; bottom:37px;}
#content .fina.subMain .prdList .block {min-height:280px;}

.infoConArea .prdList.loan .block:focus,
.infoConArea .prdList.loan .block:hover {background-color:#715deb;}
.infoConArea .prdList.annu .block:focus,
.infoConArea .prdList.annu .block:hover {background-color:#b87900;}

.fundPrd {display:inline-block; width:944px; height:280px; margin:0 96px; padding:120px 32px 0; background-color:#fff; color:#222; text-align:center; box-shadow:15px 24px 16px rgba(0,0,0,0.06); word-break:keep-all; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_tencu_yt.cat); background-repeat:no-repeat; background-position: center 40px;}
.fundPrd .tit {font-size:18px; font-weight:500;}
.fundPrd .copy {margin:4px 0 30px; font-size:20px;}
.fundPrd:focus,
.fundPrd:hover {background-color:#1ea5a1; color:#fff; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_tencu_j_yt.cat);}
.fundPrd:focus,
.fundPrd:hover .btnMore{color:#fff;}

/* 추천상품(Best) */
.bestPrdArea {margin-top:-20px;}
.bestPrdArea .swiperWrap {margin:0 -8px; padding-bottom:40px;}
.bestPrdArea .prdList {margin:0;}
.bestPrdArea .prdList > li {width:288px; padding:20px 8px 0;}
.bestPrdArea .prdList .block {min-height:215px; padding:27px 31px;}
.bestPrdArea .prdList .block:before,
.bestPrdArea .prdList .block:after {content:none;}
.bestPrdArea .prdList .state {margin-bottom:10px;}
.bestPrdArea [class^=flag_] {min-width:auto; height:auto; padding:0; background-color:transparent; color:#1a75e4; font-size:16px; font-weight:300;}
.bestPrdArea .prdList .tit {font-size:18px; word-break:keep-all;}
.bestPrdArea .swiperWrap .btnPrev,
.bestPrdArea .swiperWrap .btnNext {display:none;}

.bestPrdArea .prdList > li:last-child:nth-child(1) {width:100% !important;}
.bestPrdArea .prdList > li:last-child:nth-child(2) {width:75% !important;}
.bestPrdArea .prdList > li:last-child:nth-child(3) {width:50% !important;}
.bestPrdArea .prdList > li:last-child:nth-child(1),
.bestPrdArea .prdList > li:last-child:nth-child(2),
.bestPrdArea .prdList > li:last-child:nth-child(3) {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Sot_erpbzzraq_ceq.cat) no-repeat right top;}
.bestPrdArea .prdList > li:last-child:nth-child(1) .block,
.bestPrdArea .prdList > li:last-child:nth-child(2) .block,
.bestPrdArea .prdList > li:last-child:nth-child(3) .block {width:272px; }

.bestPrdArea .prdList .block:focus,
.bestPrdArea .prdList .block:hover {background-color:#5d88fb; color:#fff; box-shadow:none;}
.bestPrdArea .prdList .block:focus [class^=flag_],
.bestPrdArea .prdList .block:hover [class^=flag_] {color:#fff;}
.bestPrdArea .prdList .block:focus .tit,
.bestPrdArea .prdList .block:hover .tit {color:#fff;}

.qr_olMbPrd {margin-top:30px;}
.qr_olMbPrd img {max-width:100%; border:8px solid #715deb;}


/*================================================ 통합검색 ================================================*/
/* 따옴표 */
.quotes:before,
.quotes:after {content:"'";}

.srchTotal {position:relative; width:1136px; margin:64px auto; text-align:center; font-size:18px; color:#222;}

.srchTotal [class^=titH] {margin:0;}
.srchTotal .iptSort {position:absolute; top:4px; right:0;}
.srchTotal .tabWrap {margin-top:10px !important; margin-bottom:22px !important;}

section:not(#content) .srchTotal {margin-bottom:10px; text-align:left;}

/* 검색결과 */
.srchResult {border-top:1px solid #222; border-bottom:1px solid #aaa;}
.srchResult > li {padding:26px 0; box-sizing:border-box;}
.srchResult > li:not(:first-child) {border-top:1px solid #ddd;}
.srchResult > li .block {position:relative; display:block; padding-left:10px;}
.srchResult > li .block:after {content:''; position:absolute; top:9px; left:0; width:3px; height:3px; border-radius:50%; background-color:#666;}
.srchResult .tit {position:relative; top:-2px; display:inline-block; color:#222; font-weight:500;}
.srchResult .desc {display:-webkit-box; max-height:44px; margin-top:13px; color:#666; font-size:14px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.srchResult .cate {position:relative; display:block; color:#222; font-size:14px; font-weight:300; overflow:hidden;}
.srchResult .cate > span {position:relative; margin-right:18px;}
.srchResult .cate > span:before {content:''; position:absolute; left:-16px; top:8px; width:7px; height:7px; border:1px solid #666; border-width:1px 1px 0 0; background-color:transparent; overflow:hidden; box-sizing:border-box; transform:rotate(45deg); transition:all 0.25s ease-in-out; z-index:0;}
.srchResult .tit ~ .cate {margin-top:6px; color:#666;}



/*================================================== 사이버 창구 ==================================================*/


/* 신분증 */
.idCardWrap {display:flex; align-items:flex-start; justify-content:space-between; gap:0 16px;}
.idCardWrap .formList {width:100%; margin:0;}
.idCardWrap .idCard {width:300px; flex-grow:1; vertical-align:top; text-align:right;}


/*================================================== 디지털 보험 ==================================================*/
/* customSlt */
.customSlt {display:inline-block; position:relative; width:280px; margin:4px 2px;}
.customSlt button.asSlt {position:relative; padding-right:40px; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.customSlt button.asSlt:after {content:''; position:absolute; right:8px; top:10px; width:24px; height:24px; background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_neebj_qbja.fit) no-repeat 0 0; transition:all 0.2s;}
.customSltBox {display:none; position:absolute; left:0px; right:0; margin:0; padding:0; border:1px solid #767676; border-radius:0; background-color:#fff; box-shadow:2px 2px 4px rgba(93,136,251,0.16); z-index:500;}
.customSlt.on {z-index:500;}
.customSlt.on button.asSlt {border-color:#5d88fb;}
.customSlt.on button.asSlt:after {transform:rotate(180deg);}
.customSlt.on .customSltBox {display:block;}
.customSltListWrap {max-height:210px; overflow:auto;}
.customSltList {margin:0; padding-top:6px;}
.customSltList li button {display:block; width:100%; padding:5px 0 5px 15px; color:#666; text-align:left; font-size:16px;}
.customSltList li button:hover,
.customSltList li button:focus {background-color:#ecfeff;}
.customSltList li button.on {color:#222;}
.customSlt .customSearch {padding:0; background-color:#f8f8f8;}
.digital .customSlt .customSearch {background-color:#f2f2f2;}
.customSlt .search {width:100%; height:44px; border:0; border-radius:0; background-color:transparent; color:#222; box-shadow:none !important;}
.customSlt .search.firstSet {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Soga_fepu.cat) no-repeat left 8px center;}
.digital .icoBtn_url {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_faf_hey_2.cat) no-repeat center center; background-color: #ffffff; border-radius: 12px; border: 1px solid #f9f9f9; box-shadow: 3px 3px 4px #d6d6d6;  overflow: hidden; background-size: 32px;}
/* 메인상품 NEW 마크 */
/*
.digital .digiPrdList > ul > li:nth-child(2) .block {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Sovmkcerff%2Spbzzba%2S__zrqvn%2SarjVpba.tvs); background-repeat: no-repeat; background-size: 45px; background-position: left 15px top 15px;}
.digital .gnb .c1 .depth3 > li:nth-child(5) {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Sovmkcerff%2Spbzzba%2S__zrqvn%2SarjVpba.tvs); background-repeat: no-repeat; background-size: 35px; background-position: right 80px top 6px;}
*/
/*240227 개정*/
.digital.insuDetail .insuCalc.af { bottom: 0; left: 50%; z-index: 99; margin: 0 0 24px; background: #fff; transform: translateX(-50%);}
.digital.insuDetail .insuCalc.af .insuChk {border: 1px solid #715deb;}
.digital.insuDetail .insuCalc {margin:0px;}
.digital.insuDetail .insuCalc.on {margin:0 auto 32px;}
.digital #content .insuPrd3 {width: 940px; margin: 0 auto; padding: 96px 0px;}
.digital #content .insuPrd3 .wrap {overflow: hidden; display: flex; align-items: center;}
.digital #content .insuPrd3 .imgSide {float: left; width: 310px; margin-right: 100px; vertical-align: middle;}
.digital #content .insuPrd3 .imgSide img {width: 100%;}
.digital #content .insuPrd3 .txtSide {float: left; width: 530px; text-align: left;}
.digital #content .insuPrd3 .titH2 {font-size:30px;}
.digital.insuDetail .accoHead {background-color: #f8f8f8;}
.digital.insuDetail .accoBody {background-color: #ffffff;}
.digital.insuDetail .accoList .accoList .accoBtn:not(:focus):not(:hover) {background-color: #f8f8f8;}
.digital #contSection01 .insuPrd3:first-child {margin-top: 64px;}
.digital #contSection01 .insuPrd3:last-child {margin-bottom: 64px;}
.digital #content .insuPrd3 .listWrap {width: 100%; margin-top: 0px; padding: 14px; background: rgba(68,95,230,0.03); text-align: left;}
.digital #content .insuPrd3 .listWrap ul {margin-top:0;}
.digital #content .insuPrd3 .listWrap p {margin-top:0;}
.txtList.case > li {padding-left: 68px;}
.txtList.case > li:before, .txtList.case:not(ul):before { font-size: 12px; left: 0; color: #445fe6; padding: 3px 10px; background-color: #f2f6ff; border-radius: 50px;}
.txtList.case > li:nth-child(1):before, .txtList.case:not(ul):before {content: 'case.1';}
.txtList.case > li:nth-child(2):before {content: 'case.2';}
.insuTblWrap thead tr {background-color: #f8f8f8;}
.digital.insuDetail .prdIcon {margin: 45px 0px 32px 0px;}
.digital.insuDetail .prdIcon img {margin: 0px 30px;}
.digital.insuDetail .pageTit {margin-bottom: 0px;}

/*메인 타이틀로고 제어*/
.digital.main .topWrap .logo a > span {color: #ffffff !important;}
.digital.main .menuOpen .topWrap .logo a > span {color: #ffffff !important;}
.digital.main .utilApp [class*=icoBtn_app] span:before, .digital.main .utilApp [class*=icoBtn_app] span:after, .digital.main .utilApp .icoBtn_appMenu:after {border-color: #ffffff !important;}
.digital.main .menuOpen .utilApp [class*=icoBtn_app] span:before, .digital.main .menuOpen .utilApp [class*=icoBtn_app] span:after, .digital.main .menuOpen .utilApp .icoBtn_appMenu:after {border-color: #ffffff !important;}

.termsBox {overflow-y: auto; overflow-x: hidden; width: 100%; height: 110px; border: 1px solid #ccc;padding: 10px 24px; background-color: #f8f8f8; color: #666;}
.termsBox2 {overflow-y: auto; overflow-x: hidden; width: 100%; height: 60px; border: 1px solid #ccc;padding: 10px 24px; background-color: #f8f8f8; color: #666;}
/*계약문서 확인방법 안내*/
.digital .infoForm01 {position: absolute; right: 230px; top: 0px; margin-top: 18px;}
.digital .infoForm01 p {margin:0 !important;}

/*상품상세 한번만내는 풍선 추가*/
.digital .buttonBalloon{position: absolute; right: 0px; top: -50px;animation-name: buttonBalloon; animation-duration: 3s; animation-iteration-count: infinite;}
@keyframes buttonBalloon {
				0% {top: -50px;}
				50% {top: -56px;}
				100% {top: -50px;}
			}
			
/* 보험계산 후 tip */
.digital .tipWrap {margin-bottom:2px; margin-left:3px;}
.digital .tipWrap .icoBtn_tip {background-color:transparent; border:1px solid #5d88fb;}/*250715 오타수정*/
.digital .tipWrap .icoBtn_tip:after {color:#5d88fb;}
/* 보험가입 step */
.formList.certifi .iptBtn.addIco {margin-top:15px; margin-bottom:15px;}
/*가입문의 수정*/
.m0 {margin:0 !important;}
.digital .dataTd.dataTdRe {min-width: calc((100% - 200px) / 2);}
.digital .subArea {display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center;}
.digital .subArea .dataTd {flex-grow:1; min-width: calc((100% - 576px) /2);}
.digital .subArea .dataTd select.ipt {min-width:260px;}
.digital .subArea .dataNotice {letter-spacing: -0.4px;}
.consulPop .ipt[type=email] {width:358px;}
.consulPop .setPhone {width:358px;}
.consulPop .formList .iptWrap {width:358px;}
.consulPop .iptFilt.iptHalf .ipt + label {width:179.5px;}
.consulPop .formList select.ipt.min {width:358px;}

.formList + .txtList:not(.sm),
.cfrList + .txtList:not(.sm) {margin-top:20px;}

.cfrList {border-top:1px solid #222;}
.cfrList > li {padding:0 30px; border-bottom:1px solid #ddd;}
.cfrList > li > .block {display:table; width:100%; padding:20px 0;}
.cfrList .item {display:table-cell; vertical-align:middle; color:#222; font-weight:500;}
.cfrList .item .titQ {padding-left:28px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_snd_d.fit) no-repeat 0 3px / 20px 20px;}
.cfrList .item .desc {margin-top:16px; color:#666; font-size:14px; font-weight:300;}
.cfrList .selt {display:table-cell; min-width:260px; text-align:right; vertical-align:middle;}
.cfrList .selt .iptFilt {display:inline-block;}
.cfrList .selt [class^=btn_] {min-width:80px;}
.cfrList .selt .formList {margin:0; font-size:0; text-align:right;}
.cfrList .selt .formList > li {display:inline-block; width:auto; padding:0;}
.cfrList .selt .formList .itemTh {width:auto; min-width:auto; padding:15px 13px 0 38px;}
.cfrList .selt .iptWrap {width:160px;}
.cfrList .txtList {margin:15px 0 0; font-weight:300;}
.cfrList .iptGroup > li {margin-right:12px;}
.cfrList .iptGroup.divCell {width:800px;}
.cfrList .iptGroup.divCell > li {min-width:122px;}
.cfrList .formList {margin:-1px 0; padding:0; border:0;}
.cfrList .formList > li {display:table; width:100%; padding:4px 0; border-top:0;}
.cfrList .formList .itemTh {display:table-cell; width:127px; min-width:127px; padding:15px 15px 0 0; vertical-align:top;}
.cfrList .formList .dataTd {display:table-cell; height:42px; vertical-align:bottom;}
.cfrList .formList .txtVal {margin:1px 0;}
.cfrList .formList .txtVal::after {content:'';display:block;clear:both;}
.cfrList .formList .txtVal .icoBtn_del.txtDel {position:relative;width:18px;height:18px;margin:-4px 0 0 10px;background:#715deb;border-radius:50%;box-shadow:inset 0px 0px 0px 12px #715deb;}
.cfrList .formList .txtVal .icoBtn_del.txtDel:before,
.cfrList .formList .txtVal .icoBtn_del.txtDel:after {content:''; position:absolute; left:50%; top:50%; width:1px; height:8px; background-color:#fff; transform:translate(-50%, -50%) rotate(45deg);}
.cfrList .formList .txtVal .icoBtn_del.txtDel:after {transform:translate(-50%, -50%) rotate(135deg);}
.cfrList .formList .iptGroup {padding-top:5px;}
.cfrList .formList .iptGroup > li {min-width:115px;}
.cfrList .formList .iptGroup > li:last-child {min-width:auto;}
.cfrList .formList .iptGroup[class*=div_] > li {margin-right:0;}
.cfrList .formList .iptGroup.div_4 > li:not(:nth-child(4n)) {width:20%;}
.cfrList .formList .iptGroup.div_4 > li:nth-child(4n) {width:40%;}

.cfrList .formList .sideAlign {display:flex; width: 100%; justify-content:space-between; align-items:flex-start; border-top:1px solid #ddd; padding:20px 0 0; margin-top:20px;}
.cfrList .formList .sideAlign > * {display:block; width: 500px; min-width: auto;}
.isIE .cfrList .formList .sideAlign > * {width: 519px;}
.cfrList .formList .sideAlign > .dataTd {width: auto !important; height:auto; flex-grow: unset;}
.cfrList .formList .sideAlign > .dataTd .iptGroup.vertical > li {min-width: 0; margin-right: 0;}
.cfrList .formList .sideAlign > .dataTd .iptGroup.vertical > li:first-child {margin-top:0;}
.cfrList .formList .sideAlign > .dataTd .iptGroup.vertical > li label {font-size: 14px;}

.cfrList.etc > li > .block > .state {display:table-cell; padding-right:25px; vertical-align:middle;}
.cfrList.etc > li > .block > .item {padding:10px 50px 10px 0;}
.cfrList.etc > li > .block > .item .iptCheck.inB {margin-left:5px;}
.cfrList.etc > li > .block > .item .iptCheck.inB label {top:-3px; color:#959595;}
.cfrList.etc > li > .block > .item .iptCheck.inB .ipt:checked + label {color:#445fe6;}
.cfrList.etc > li > .block > .item br + .iptCheck.inB {margin-left:0;}
.cfrList.etc > li > .block > .selt {width:310px; text-align:left;}
.cfrList.etc > li > .block > .selt .iptCheck > li:first-child {margin-left:0;}

.cfrList > li > .block.blk > div {display:block; width:100%;}
.cfrList > li > .block.blk .selt {margin-top:10px; text-align:left;}

.cfrList .formList > li.blk > div {display:block; width:100%;}
.cfrList .formList > li.blk > .dataTd {height:auto; margin-top:10px;}
.cfrList .formList > li.blk .pointChk {width:100%;}
.cfrList .formList > li.blk .pointChk .tit {margin:9px 0; padding-left:2px;}
.cfrList .formList > li.blk .pointChk .tit + .block {padding-left:2px;}
.cfrList .formList > li.blk .payChk > li {width:33.3333%;}

.formList > li > .cfrList {width:100%; border-top:none;}
.formList > li > .cfrList .block {display:table; width:100%; padding:14px 0 14px 24px;}

.chkBtn .btn_t,
.chkBtn .ipt + label {border:1px solid; border-radius:2px; color:#5642bf; text-align:right; border-color:#5642bf !important; font-weight:500; background-color:#fff; box-shadow:0 3px 6px rgba(86,66,191,0.1);}
.chkBtn .btn_t span:before, 
.chkBtn .ipt + label:before {content:''; position:absolute; width:10px; height:15px; border:1px solid transparent; border-width:0 3px 3px 0; border-color:#715deb !important; background-color:transparent; overflow:hidden; box-sizing:border-box; transform:rotate(45deg);}
.chkBtn .btn_t span:after,
.chkBtn .ipt + label:after {content:none;}
.chkBtn.ok .btn_t,
.chkBtn .ipt:checked + label {border-color:#5642bf !important; background-color:#5642bf !important; color:#fff !important; box-shadow:none !important;}
.chkBtn.ok .btn_t span:before,
.chkBtn .ipt:checked + label:before {border-color:#fff !important; background-color:transparent;}

.chkBtn .ipt + label {min-width:92px; height:44px; padding:0 15px; line-height:42px;}
.chkBtn .ipt + label.allChk {width:124px;}
.chkBtn .ipt + label:before {top:12px; left:20px;}
.chkBtn .ipt:checked + label:hover:before,
.chkBtn .ipt:checked:focus + label:before {border-color:#fff !important; background-color:transparent;}
.chkBtn .btn_t {padding:5px 15px 5px 40px;}
.chkBtn .btn_t span:before {top:2px; left:-20px;}

.chkBtn.etc .ipt + label  {min-width:68px; border-color:#ccc !important; color:#666; font-weight:300; text-align:center; box-shadow:none;}
.chkBtn.etc .ipt + label:before {display:none;}
.chkBtn.etc .ipt:checked + label {min-width:92px; border-color:#5d88fb !important; color:#445fe6 !important; background-color:#fff !important; text-align:right;}
.chkBtn.etc .ipt:checked + label:before {display:block; border-color:#5d88fb !important;} 

.titArea .chkBtn {margin-right:30px;}

.cfrList + .txtList.dot {margin-top:12px;}

.cfrList .btn_t.m:not(.plus) {border-color:#5d88fb; background-color:#fff;}
.cfrList .btn_t.m[disabled] {background-color:#f8f8f8 !important;}

.cfrDetail {padding:0 0 32px;}
.cfrDetail > .inner {position:relative; padding:27px 32px; background-color:#f8f8f8;}
.digital .cfrDetail > .inner {background-color:#f2f2f2;} 
.cfrDetail > .inner + .inner {margin-top:8px;}
.cfrDetail > .inner + .inner:not(.addInForm) {padding-top:0; padding-bottom:0;}
.cfrDetail .tit {margin:22px 0 5px; color:#222;}
.cfrDetail [class^=btn_].plus {margin-top:24px;}

.addInForm {position:relative;}
.addInForm > .icoBtn_del {position:absolute; left:775px; top:20px;}
.addInForm .tit {margin:0 0 22px; color:#445fe6; font-size:16px;}
.addInForm div.single {display:inline-block;}
.cfrDetail > .inner .addInForm {width:600px; padding:27px 0; border-top:1px solid #ddd;}
.cfrDetail > .inner .addInForm .tit {font-size:14px;}
.cfrDetail > .inner .addInForm > .icoBtn_del {left:570px;}
.cfrDetail .addInForm:first-child {border-top:0;}
.cfrDetail .addInForm:only-of-type > .icoBtn_del {display:none;}
.cfrDetail .btnArea {margin:32px 0 0;}
.cfrDetail .btn_t.plus {margin-top:16px;}

.cfrDetail .toggleSwitch input:checked + label ~ .ipt.data[disabled] {background:#f8f8f8 !important;}

.cfrList > li > .block.blk .selt[class*=div_] {width:100%;}
.cfrList > li > .block.blk .selt.div_3 .iptCheck > li {width:calc((100% / 3) - 20px);}

/*step2*/
.digital .cfrList #diseInfoList .addInForm .formList .itemTh {width:280px; min-width:280px;}
.digital .cfrList #diseInfoList .addInForm .formList .sideAlign > .dataTd {flex-grow:1;}
.digital .cfrList #diseInfoList .addInForm > .icoBtn_del {right: 20px; left: unset;}

/*step3 크기설정*/
.digital .btnAcount {width: 100%; border: 1px solid #cccccc; padding: 8px 40px 8px 15px; margin: 4px 2px; border-radius: 4px; background: #fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_neebj_qbja.fit) no-repeat right 8px center; position: relative; cursor: pointer;}
.digital .btnAcount .btnSelect {overflow: hidden;}
.digital .btnAcount .img {float: left;margin-right: 5px;margin-top: -2px;}
.digital .btnAcount .img img {width: 24px;}
.digital .btnAcount .accInfo {float: left;}
.digital .btnAcount .accNum {float: left; margin-left: 5px; color: #9c9c9c;}
.digital .btnAcount .btnOption {position: absolute; background-color: #fff; width: 100%; top: 0px; left: 0px; margin-top: 44px; z-index: 2; box-shadow: 0px 0px 8px 0px #bbbbbb;max-height:400px; overflow-y:auto; overflow-x:hidden; }
.digital .btnAcount .btnOption .btnSelect {padding: 8px 14.5px; cursor: pointer;}
.digital .btnAcount .btnOption .btnSelect:hover {background-color:#f2f6ff;}
.digital .btnAcount .btnOption div:last-child#btnOpenAccnPopup {width: 93%; border: 1px dashed #ccc; margin: 0 auto; padding: 5px 13px; margin-bottom: 13px; margin-top: 5px;}
.digital .btnAcount .btnOption div:last-child#btnOpenAccnPopup .img {margin-left:130px;}
.digital .btnAcount .btnOption div:last-child#btnOpenAccnPopup .img img {width:15px;}

.digital .btnCard {width: 100%; border: 1px solid #cccccc; padding: 8px 40px 8px 15px; margin: 4px 2px; border-radius: 4px; background: #fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_neebj_qbja.fit) no-repeat right 8px center; position: relative; cursor: pointer;}
.digital .btnCard .btnSelect {overflow: hidden;}
.digital .btnCard .img {float: left; margin-right: 5px; margin-top: 1px; overflow: hidden; border-radius: 3px; width: 35px; line-height: 0;}
.digital .btnCard .card .img img {width: 36px;}
.digital .btnCard .cardInfo {float: left;}
.digital .btnCard .card .cdcaNo {float: left; margin-left: 5px; color: #9c9c9c;}
.digital .btnCard .btnOptionCard {position: absolute; background-color: #fff; width: 100%; top: 0px; left: 0px; margin-top: 44px; z-index: 3; box-shadow: 0px 0px 8px 0px #bbbbbb;max-height:400px; overflow-y:auto; overflow-x:hidden; }
.digital .btnCard .btnOptionCard .btnSelect {padding: 8px 14.5px; cursor: pointer;}
.digital .btnCard .btnOptionCard .btnSelect:hover {background-color:#f2f6ff;}
.digital .btnCard .btnOptionCard div:last-child#btnOpenCardPopup {width: 93%; border: 1px dashed #ccc; margin: 0 auto; padding: 5px 13px; margin-bottom: 13px; margin-top: 5px;}
.digital .btnCard .btnOptionCard div:last-child#btnOpenCardPopup .img {margin-left:130px; width:auto; line-height:15px}
.digital .btnCard .btnOptionCard div:last-child#btnOpenCardPopup .img img {width:15px;}

.digital .cfrList.insuPayWrap .insuIpt {width:625px;}
.digital .cfrList.insuPayWrap .insuIpt .iptWrap {width: 280px !important;}
.digital .cfrList.insuPayWrap .insuIpt .formList .iptFilt li {width: 50%;}
.digital .cfrList.insuPayWrap .formList select.ipt {width:100% !important;}
.digital .cfrList.insuPayWrap .formList .setHalf select.ipt {width: calc(50% - 4px) !important;}
.digital .cfrList.insuPayWrap .formList .dataTd {width: 100%;}
.digital .cfrList.insuPayWrap .formList .setCard.security {width: 100%;}
.digital .setCard.security .ipt {width: 100px;}
.digital .setCard.security .ipt[type=password] {width:70px; padding-left:0px;}
#cardCpnyCd option[selected] {color: #666 !important; background-color: #ffffff !important; font-weight: 300 !important;}

body:not(.isIE):not(.isFF) .digital .setCard.security .ipt[type=password] {padding-left: 0px;}
.digital .cfrList.insuPayWrap .formList .setHalf.join {margin-right:0px; width:100%;}
.digital .cfrList.insuPayWrap .formList .iptFilt {margin: 4px 0px;}
.digital .cfrList.insuPayWrap .formList .dataTd .pointChk {width:100%;}
.digital .cfrList.insuPayWrap .insuIpt #btnOpenAccnPopupAfter {width:100% !important;}
.digital .cfrList.insuPayWrap .insuIpt #btnOpenAccnPopupAfter #cstAccnInfo {width:363px;}

#elecDcmnArea .dataTd .chkBtn .btn_t{padding: 5px 72px 5px 97px;}
#elecDcmnArea .dataTd >button.btn_t {width: 468.5px !important;}

/* 타이틀 아코디언 */
.titAcco .accoItem .accoHead {position: relative; padding-right: 55px; min-height: 56px; border-bottom: 1px solid #222;}
.titAcco .accoItem .accoHead [class^=titH] {display:inline-block; margin-bottom:0;}
.titAcco .accoItem .accoHead .chkBtn {float:right;}
.titAcco .accoItem .accoHead .accoBtn {position:absolute; right:0;}
.titAcco .accoItem .accoBody {background-color:#fff;}
.titAcco .cfrList {border:none;}

/* 신분증 */
.idCardArea {display:table; width:830px; margin:0 auto;}
.idCardArea:after {display:block; content:''; clear:both;}
.idCardArea .idCard {display:table-cell; width:400px; vertical-align:top;}
.idCardArea .formArea {display:table-cell; vertical-align:middle;}
.idCardArea .formList > li {padding:0;}
.idCardArea .formList .itemTh {font-weight:300;}
.idCardArea .formList .iptWrap {width:350px;}
.idCardArea .btn_t.m {margin:15px 0 10px 129px;}


/* 납세정보 */
.formList.tax .itemTh {width:225px !important; min-width:225px !important; font-weight:300;}

/* 병력정보 */
.formList .duration {display:inline-block; position:relative; padding-left:120px;}
.formList .duration .dateWrap {width:150px;}
.formList .duration .iptWrap {width:120px;}
.duration .toggleSwitch {position:absolute; left:15px; top:50%; transform:translateY(-50%);}
.duration .toggleSwitch input + label {width:88px; height:32px; border-radius:16px; box-shadow:0 0 6px -4px rgba(0, 0, 0, .5) inset;}
.duration .toggleSwitch input + label:after {left:4px; top:4px; width:24px; height:24px;}
.duration .toggleSwitch input + label > span {display:inline-block; padding-left:35px; color:#666; font-size:14px; line-height:32px; transition:all 0.2s;}
.duration .toggleSwitch input:checked + label:after {margin-left:56px;}
.duration .toggleSwitch input:checked + label > span {padding-left:12px; color:#445fe6;}

/* 계약문서팝업 */
.popWrap.hasPopSticky .popCont.docPop {height:100%; padding-bottom:60px !important;}
.popCont.docPop .popBody {padding:0; min-height:calc(100vh - 150px);}
.popCont.docPop .popBody section {margin:0;}
.popCont.docPop .popBody section:last-child{margin-bottom:0;}
.popCont.docPop .btnArea.sticky {bottom:0; padding-bottom:15px; box-shadow:none;}

.docBtnArea {display:table; width:calc(100% + 16px); margin:0 -8px 15px; table-layout:fixed;}
.docBtnArea > li {display:table-cell; padding:0 8px; vertical-align:middle;}

.popCont.docPop .popHead .docBtnArea {width:100%; height:100%; margin:0; padding:0 74px 0 24px;}

.docBtn {position:relative; width:100%; height:45px; border:1px solid #ccc; border-radius:4px; background-color:#fff; color:#445fe6; font-size:16px; text-align:center;}
.docBtn > [class^=ico_lg_] {width:40px; height:40px; margin-right:10px; vertical-align:middle;}
.docBtn > span {vertical-align:middle;}
.docBtn .blind {display:none;}
li.finished .docBtn {border-color:#d6e1fe; background-color:#f2f6ff;}
li.finished .docBtn:after {width:10px; height:16px; border-width:0 2px 2px 0;}
li.finished .docBtn .blind {display:inline-block;}
li.on .docBtn {/*border-color:#5d88fb; background-color:#5d88fb;*/border-color:#346bff; background-color:#346bff; color:#fff; box-shadow:none; z-index:2;}/* 250609 웹접근성 색상 변*/
li.on .docBtn:after {border-color:#fff;}

.docArea {height:calc(100vh - 150px);}

.docBtn .ico_lg_book {width:40px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_pbagenpg_obyq_1.cat) no-repeat center center;}
.docBtn .ico_lg_paper {width:40px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_pbagenpg_obyq_2.cat) no-repeat center center;}
.docBtn .ico_lg_paper2 {width:40px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_pbagenpg_obyq_3.cat) no-repeat center center;}
li.on .docBtn .ico_lg_book {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_pbagenpg_obyq_1_j.cat) no-repeat center center;}
li.on .docBtn .ico_lg_paper {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_pbagenpg_obyq_2_j.cat) no-repeat center center;}
li.on .docBtn .ico_lg_paper2 {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbagrag%2Svpb_pbagenpg_obyq_3_j.cat) no-repeat center center;}

.docSwiper .btnPrev,
.docSwiper .btnNext {position:absolute; top:50%; left:32px; width:64px; height:64px; margin-top:-32px; background-color:#715deb; border-radius:50%; z-index:3;}
.docSwiper .btnNext {left:auto; right:32px;}
.docSwiper .btnPrev:before,
.docSwiper .btnNext:before {width:14px; height:14px; margin-left:4px; border-color:#fff;}
.docSwiper .btnNext:before {margin-left:-4px;}
.docSwiper .btnPrev.swiper-button-disabled,
.docSwiper .btnNext.swiper-button-disabled {background-color:#dbdbdb;}
.docSwiper .btnPrev.swiper-button-disabled:before,
.docSwiper .btnNext.swiper-button-disabled:before {border-color:#666;}

/* 보험료 결제 */
.setCard.security {padding:0; border: 1px solid #ccc; border-radius: 4px;}
.setCard.security .ipt[type=password] {position:inherit; width:60px; height:34px; padding:0; border:none; border-radius:0;}
body.isIE .setCard.security .ipt[type=password] {font-size:11px; line-height:34px;}
body:not(.isIE):not(.isFF) .setCard.security .ipt[type=password] {font-size:36px !important;}

.insuPayWrap {display:flex; flex-direction:row; flex-wrap:wrap; padding:28px 32px; border-top:1px solid #222; border-bottom:1px solid #eee; align-items:flex-start; justify-content:space-between;}
.insuPayWrap .titH3{margin:0 0 25px;}
.insuIpt {width:524px;}
.insuIpt .formList .itemTh {width:160px; min-width:160px; font-weight:300;}
.insuIpt > .iptFilt {display: flex; justify-content: space-between; margin-bottom:25px;}
.insuIpt > .iptFilt > li {width:100%;}
.insuIpt .iptFilt .ipt + label {min-width:100%;}
.insuIpt .iptFilt .ipt:checked + label{box-shadow:0px 3px 8px 0 #e5ecfe}
.insuIpt .formList .iptFilt > li {width:180px;}
.insuIpt .setCard {width:360px;}
.insuIpt .single {margin:10px 0 4px 0;}
.insuIpt .single label {margin-right:0; padding-top:3px; font-size:14px; vertical-align:baseline;}

.pointChk {width:360px; margin:0 2px;}
.pointChk > li {position:relative; min-height:56px; margin:4px 0; padding:4px 16px 7px; background-color:#f8f8f8;}
.digital .pointChk > li {background-color: #f2f2f2;}
.pointChk .point { margin:9px 0; padding-left:2px;}
.pointChk .point label {vertical-align:baseline;}
.pointChk .block {display:none; padding:1px 0 13px 32px;}
.pointChk .totalPoint {color:#445fe6; font-size:14px; text-align:right;}
.pointChk .totalPoint .links {font-size:14px;}
.pointChk .block .totalPoint {position:absolute; right:17px; top:16px;}
.pointChk > li.on {background-color:#edf1fe;}
.pointChk > li.on .block {display:block;}
.pointChk .single {overflow:visible;}

div.pointChk {padding:16px 16px 18px; background-color:#edf1fe;}
div.pointChk .totalPoint {margin-bottom:10px;}

.formList.pay + .termsWrap {margin-top:30px;}
.formList.pay .payChk {font-size:0; margin:0 -4px;}
.formList.pay .payChk li{display:inline-block; width:50%; margin:4px 0; padding:0 4px;}

.formList.pay .payChk .ipt[type=radio] + label {width:100%; height:44px; padding:8px 0 6px 17px; color:#666; font-size:16px; border:1px solid #ccc; border-radius:3px; background-color:#fff; box-sizing:border-box; }
.formList.pay .payChk .ipt[type=radio]:checked + label {width:100%; border-color:#1a75e4;}
.formList.pay .payChk .ipt[type=radio] + label:before {content:none;}
.formList.pay .payChk .ipt[type=radio] + label.payLogo{padding:6px 0 6px; text-align:center;}
.formList.pay .payChk select {width:100%; min-width:100%; margin:0; padding-right:43px; color:#666; border:1px solid #ccc; border-radius:3px;}
.formList.pay .payChk select:focus {color:#5d88fb; border:1px solid #1a75e4;}

.insuInfo {width:416px;}
.insuInfo > .inner {position:relative; margin-bottom:24px; padding:28px 32px; background-color:#f8f8f8; line-height:1.6;}
.digital .insuInfo > .inner {background-color:#f2f2f2;} 
.insuInfo > .inner::before {content:''; position:absolute; left:-16px; top:0; width:16px; height:16px; border-left:16px solid transparent; border-top:16px solid #f8f8f8; box-sizing:border-box;}
.insuInfo .tit {margin-bottom:24px; color:#222; font-size:18px;}
.insuInfo .user {color:#5642bf;}
.insuInfo .block {margin-top:8px; padding:20px 32px; background-color:#fff;}

.insuPay {display:flex; flex-direction:row; flex-wrap:wrap; width:100%; margin:60px 0 4px; padding:29px 0 21px; border:8px solid #eee; background-color:#fff; align-items:flex-start; justify-content:space-between;}
.insuPay span {display:inline-block;}
.insuPay .sign {font-size:27px; font-family:'Dotum', '돋움'; text-align:center; vertical-align:sub;}
.insuPay .item {display:inline-block; padding-right:3px; color:#666; font-weight:300; vertical-align:baseline;}
.insuPay .val {color:#222; font-size:24px;}
.insuPay .formula {padding-left:50px;}
.insuPay .formula .sign {width:80px;}
.insuPay .total {width:310px; padding-right:50px; text-align:right;}
.insuPay .total .sign {float:left;}
.insuPay .total .val {color:#5642bf; font-weight:500;}
.insuPay .twoDif {width:100%; margin:10px 0 -21px; padding:14px 50px 10px; background-color:#f8f8f8;}
.digital .insuPay .twoDif {background-color:#f2f2f2;}
.insuPay .twoDif .val {font-size:16px;}
.insuPay .twoDif .add {color:#445fe6;}

.infoList.point {padding:16px 24px; background-color:#edf1fe;}
.infoList.point > li {padding:6px 0;}
.infoList.point .item {font-weight:300;}
.infoList.point .val {font-size:14px;}

.pointBtnArea {display:flex; justify-content:space-between; align-items:center; margin-top:15px;}

/*240207 가입문의 개선*/
.digital .inquFrom .inquTitle {overflow: hidden; margin-bottom: 20px;}
.digital .inquFrom .inquTitle div {float:left;}
.digital .inquFrom .inquTitle div:nth-child(2) {padding-top: 25px; padding-left: 20px;}
/*.digital .inquFrom .setInp .dataTd {overflow:hidden;}*/ /*20241214 가입문의 이메일포맷 가리는것 해제*/
.digital .inquFrom .setInp .dataTd >div {float:left;}
.digital .inquFrom .inquSc {width: 380px; font-size: 0px; text-align: left; position: relative; margin: 4px 2px; float:left;}
.digital .inquFrom .inquSc select.ipt {position: relative; min-width: 103px; margin: 0 5px 0 0; border: 0; border-radius: 0; background-color: transparent; width: auto; z-index: 1; border-right: 1px solid #ccc;}
.digital .inquFrom .inquSc .inquMail {display:inline;}
.digital .inquFrom .inquSc .inquMail input.ipt {position: absolute; left: 0; top: 0; padding-left: 123px; height: 44px; width: 100%; border-color: #eee; background-color: #fff; border: 1px solid #ccc; opacity: 1; z-index: 0; margin:0px;}
.digital .inquFrom .inquSc .inquPhone {display:inline;}
.digital .inquFrom .inquSc .inquPhone input.ipt:nth-child(1) {position: relative; width: 70px; height: 34px; border: 0; background-color: transparent !important; text-align: center; z-index:1;}
.digital .inquFrom .inquSc .inquPhone input.ipt:last-child {position: absolute; left: 0; top: 0; padding-left: 203px; height: 44px; border-color: #eee; background-color: #fff; border: 1px solid #ccc; opacity: 1; z-index: 0;} 
.digital .inquFrom .formList select.ipt {width: 100%;}
.digital .inquFrom .formList select.ipt.notDel {width: auto;}
.digital .inquFrom .iptWrap {width:380px;}
.digital .inquFrom .inquMail {position: initial !important;}
.digital .inquFrom .inquMail.mailtipPos .mailtip{top: auto !important; left:auto !important;}/*디지털보험 가입문의만 적용*/
.digital .inquFrom .accoHead {position:relative;}
.digital .inquFrom .accoBtn {color:#222; font-size:14px; font-weight:500; word-break:keep-all;}
.digital .inquFrom .accoItem .dataTd {position:absolute; top:18px; left:178px; z-indrx:1; }
.digital .inquFrom .iptGroup .ipt + label {font-size:14px;}
.digital .inquFrom .iptHash .ipt:focus + label{outline:auto; outline-color:#000;}/*240625 웹접근성 : 가입문의 라디오버튼*/
/*240226 마케팅동의*/
.iptHash.inqu {padding:5px 2px;}
.iptHash.inqu .ipt + label {font-size:14px;}
.digital .insuPrd.maketing img {width: 210px; margin-top: 50px;}
.digital .maketing .termsAll {float: left; width: 100%; margin-top: 5px; margin-left: 2px;}
/*240226 마케팅동의*/
.digital .inquBtn button {width:100%; line-height:44px;}
.digital .inquBtn button img {width: 35px; margin-right: 8px;}
.digital .inquBtn button#btnConfirm3 {padding: 0px 0px;}
.digital .inquBtn button#btnConfirm4 {padding: 0px 0px;}
/*240418 청약완료 가입후기 개선*/
.digital .iptfForm {width:750px; margin:0 auto;}
.digital .msgArea.insuOk.joinForm01 {background-size:155px; padding-top:190px;}
.digital .iptStar {width:190px; margin-top:10px; margin-bottom:30px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbzzba%2Svpb_erivrj_fgne3.cat) no-repeat 0 0;}/*250715 오타수정*/
.digital .iptStar .ipt + label {width:27px; height:27px; left:0; margin-right:11px;}
.digital .iptStar .ipt + label:after {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbzzba%2Svpb_erivrj_fgne3.cat) no-repeat 0 -27px;}
.digital .msgArea.insuOk.joinForm02 {padding-top:230px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqv%2Spbzzba%2Szft_qvtvWbva_bx.cat) no-repeat center 10px; background-size:200px; }

.tabFocus .iptStar .ipt[type=radio]:focus + label{outline:2px dashed #222;}/* 250612 웹접근성 수정*/

/*마이페이지*/
.digital .prdSumNotice{overflow: hidden;} /*나의보험계약*/
.digital .prdSumNoticeImg {float: left; width: 230px; margin: 105px 66px 20px 50px;} /*나의보험계약*/
.digital .prdSumNoticeImg img {width:100%;} /*나의보험계약*/
.digital .prdSumNoticeTxt {float: left; width: 790px;} /*나의보험계약*/
.digital .prdSumNoticeBox {overflow:hidden;} /*나의보험계약*/ 
.digital .prdSumNoticeBox img {width: 80px; float: left;} /*나의보험계약*/
.digital .prdSumNoticeBox .prdSumNoticeQrt {float: left; margin-left: 20px;} /*나의보험계약*/
.digital .prdSumNoticeT {margin-top: 24px; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; padding: 12px 0px; margin-bottom: 0px;} /*나의보험계약*/
#entRevwList .info .result{text-align:right; margin-bottom:10px;} /*가입후기*/

/*css기본 편의성개선*/
.digital .mt24{margin-top: 24px;}
.digital .mt12{margin-top: 12px;}
.digital .mt7{margin-top: 7px;}

/*핀번호 키패드*/
.digital .anyPinWrap .anypin_common .anypin-form-group {width:340px;}
.digital .popup .anyPinWrap {min-height:342px;}
/* 필수동의 웹접근성  */
.digital .tabFocus .termsInfo .ipt:focus {opacity: 1; display: block; width: 100%; height: 100%; border-radius: 4px;}

/*================================================== 로그인 ==================================================*/
.tabContents.login {padding:0; background-color:#f8fafe !important; line-height:1.7;}
.tabContents.login .tabPanel {padding:60px 40px 1px; color:#222; text-align:center;}
.tabContents.login .btn_p {margin:30px 5px 64px; border-radius:6px;}
.tabContents.login .linkArea {margin:-14px 0 60px;}
.tabContents.login .links.arrow {margin:0 15px; padding-right:14px; font-size:16px; line-height:1.5;}
.tabContents.login .links.arrow::before {width:10px; height:10px;}
.tabContents.login .formArea {display:inline-block; margin:30px auto 0;}
.tabContents.login .formArea .label {display:inline-block; margin-right:5px; color:#222; font-size:14px; font-weight:500; vertical-align:middle;}
.serviceInfo {display:table; width:100%; margin-bottom:40px; border:1px solid #eaf0fe; background-color:#fff; text-align:left;}
.serviceInfo .cell {display:table-cell; width:50%; padding:27px 32px 27px 85px; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Sybtva_freivpr_vpb_1.cat); background-position:31px 31px; background-repeat:no-repeat;}
.serviceInfo .cell + .cell {border-left:1px solid #eaf0fe; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqn%2Spbagrag%2Sybtva_freivpr_vpb_2.cat);}
.serviceInfo h4 {margin-bottom:8px; font-size:16px;}
.serviceInfo .txtList {margin-bottom:0;}

/*231222 가입후기 개선*/
.reviewBbsList.reviewBbsList02 > li { display:block; width:100%;}
.digital.insuDetail .reviewBbsList.reviewBbsList02 > li > a.ratingBtn {height: auto; padding: 25px 70px 25px 35px;}
.reviewBbsList .ratingBtn .descDiv {position: relative;}
.starNumb {overflow: hidden; float: left; margin-right: 10px; margin-top: -2px;}
.starWrap {overflow: hidden;}
.starWrap >p {float: left;}
.starRating {float: left;}
.ratingWrap {overflow: hidden; margin-top: 14px;}
.ratingWrap .ratingPf {float: left; width: 52px;}
.ratingPf {float: left; width: 62px;}
.ratingPf img {width:100%;}
.ratingInfo {float: left; margin-left: 20px; width: 949px;}
.ratingInfo .info {position: unset !important;}
.digital.insuDetail .reviewBbsList .ratingBtn .descDiv .desc.ratingTxt {margin-top: 0px; -webkit-line-clamp: 1;}
.digital.insuDetail .reviewBbsList .ratingBtn.on .descDiv .desc.ratingTxt {-webkit-line-clamp: unset; max-height:none;}
.ratingBtn.show:after {top: 50%; content: ''; position: absolute; width: 11px; height: 11px; margin-top: -4px; border: 1px solid #222; border-width: 0 2px 2px 0; transform: translateY(-50%) rotate(45deg); right: 28px; transition: all 0.2s;}
.ratingBtn.show.on:after {margin-top: 4px; border-color: #715deb; transform: translateY(-50%) rotate(-135deg);}
.ratingBest {padding: 2px 10px; background-color: #715deb; position: absolute; top: -5px; right: -45px; color: white; border-radius: 30px;}
.digital .reviewBbsList.reviewBbsList03 > li { display:block; width:100%; border-bottom: 1px solid #ddd;}
.digital .reviewBbsList.reviewBbsList03 > li > a {height: auto; position: relative; padding: 20px 52px 20px 20px;}
.digital .reviewBbsList.reviewBbsList03 .ratingBtn {box-shadow: none;}
.digital .reviewBbsList.reviewBbsList03 .ratingBtn .descDiv {margin:0px; border-top:0px; padding: 0;}
.digital .reviewBbsList.reviewBbsList03 .info {color:#666; margin:0px;}
.digital .reviewBbsList.reviewBbsList03 .ratingBtn .descDiv .desc.ratingTxt {margin-top:3px;}
.digital .reviewBbsList.reviewBbsList03 .descDiv .desc {-webkit-line-clamp: 1;}
.digital .reviewBbsList.reviewBbsList03 .ratingBtn.on .descDiv .desc {-webkit-line-clamp: unset;}
.digital .reviewBbsList.reviewBbsList03 .starNumb {margin-top: 1px; margin-left: 10px;}
.digital .reviewBbsList.reviewBbsList03 .starRating {margin-top: 3px;}
.digital .reviewBbsList.reviewBbsList03 .ratingBest {top: -10px; right: -30px;}
.digital .ratingTab .tabList > li {height: auto;}
.digital .ratingTab .tabList > li.on {border: 1px solid #445fe6; border-bottom: 1px solid #ffffff; box-sizing: border-box;}
.digital .ratingTab .tabList > li {padding: 0px;}
.digital .ratingTab .tabList > li .ipt + label {padding: 10px;}
.digital .ratingTab.tabWrap[data-tab-func] .tabList > li .ipt:checked + label {border: 1px solid #445fe6; border-bottom: 1px solid #ffffff; box-sizing: border-box;}
.digital .ratingTab.tabWrap[data-tab-func] .tabList > li .ipt:focus + label{outline:auto;outline-color:#000;}/*240625-웹접근성포커스추가*/ 
.digital .reviewBbsList.reviewBbsList03 .starTit {float: left; margin-right: 8px; margin-top: -4px;}


/*================================================== 팝업 ==================================================*/
.popWrap {display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4); overflow:hidden; z-index:999; outline:rgba(0,0,0,0.5); opacity: 0; transition: opacity 0.4s;}
.popup {display:table; position:relative; width:100%; height:100%; margin:0 auto; overflow:hidden;}
.popContain {display:table-cell; position:relative; height:100%; vertical-align:middle;}
.popWrap.nowOpen {opacity: 1;}

.popWrap.hasPopSticky .popCont {padding-bottom:77px !important;}

.popCont {position:relative; margin:0 auto; padding:77px 0 32px; background-color:#fff; overflow: hidden;}
.popCont > .icoBtn_close {position:absolute; top:20px; right:23px; z-index:11;}
.popCont .btnArea {margin:32px 0;}
.popCont .btnArea.sticky {position:absolute; left:0; width:100%; margin:0; padding:1px 0 32px; background-color:#fff; box-shadow:0 -20px 24px #fff; z-index:3;}
.popCont .btnArea [class^=btn_]:not(.s):not(.m) {min-width:120px; min-height:44px; margin:0 2px; padding:0 16px; border-radius:2px; font-size:16px; font-weight:300; line-height:42px;}
/* 231207 추가 (s) */
.popCont .btnArea.ai_wrap [class^=btn_]:not(.s):not(.m) {line-height: inherit;}
.popCont .btnArea.ai_wrap [class^=btn_]:not(.s):not(.m).ai_btn {border-color: #ccc;}
/* 231207 추가 (e) */
.popHead {display:table; position:absolute; top:0; left:0; width:100%; height:77px; border-bottom:1px solid #ccc; background-color:#fff; overflow:hidden;}
.popHead h1 {display:table-cell; height:75px; padding:5px 65px 0 32px; color:#222; font-size:22px; font-weight:500; line-height:1.2; vertical-align:middle;}
.popBody {position:relative; max-height:calc(100vh - 214px); padding:0 32px; z-index:2; overflow-y:auto; overflow-x:hidden;}
.popBody section {margin:32px 0;}
.popBody .titArea {margin:32px 0 10px;}
.popBody .titArea .titH3,
.popBody .titArea .desc {margin-top:0;}
.popBody .titH3,
.popBody .paging {margin-top:32px;}
.popBody .noneScroll {height:760px !important;}/*250715 오타수정*/

.popCont.noPopHead {padding-top:0;}

.single.toDay label {padding-top:2px; color:#666; font-size:14px;}
.single.toDay .ipt[type=checkbox] + label::before {border-radius:50%;border-color:#888;}/* 250609 웹접근성 색상 수정 */
.single.toDay .ipt[type=checkbox] + label::after {top:6px; height:11px; /*border-color:#ccc;*/border-color:#888;}/* 250609 웹접근성 색상 수정 */
.single.toDay .ipt[type=checkbox]:checked + label::before {background-color:#5d88fb;}
.single.toDay .ipt[type=checkbox]:checked + label::after {border-color:#fff;}
.btnArea .single.toDay {display:block; height:48px; margin:0; padding:20px 0 0 24px; border-top:1px solid #ddd; background-color:#fff; text-align:left;}
.btnArea button.close {position:absolute; right:14px; top:10px; min-height:48px; margin:0; padding:0 17px; border:0; background-color:#fff; font-size:14px; font-weight:300; line-height:48px;}

.popWrap.hasSetToday .popCont {padding-bottom:56px !important;}
.popWrap.hasSetToday .popCont .btnArea.sticky {padding-bottom:0;}
.popWrap.hasSetToday .popCont .btnArea .single.toDay {padding-top:14px;}
.popWrap.hasSetToday .popCont .btnArea button.close {top:4px;}

.popCont.col_4 {width:368px !important;}
.popCont.col_5 {width:464px !important;}
.popCont.col_6 {width:560px !important;}
.popCont.col_7 {width:656px !important;}
.popCont.col_8 {width:752px !important;}
.popCont.col_9 {width:848px !important;}
.popCont.col_10 {width:944px !important;}
.popCont.col_11 {width:1040px !important;}
.popCont.col_12 {width:1136px !important;}
.popCont.col_13 {width:1286px !important;}
/* full 팝업 */
.full.popCont {width:100%; min-width:1136px;}

/* .popCont.col_5 .popHead {border-bottom:0;} */
.popCont.col_5 .popHead h1 {padding-left:60px; text-align:center;}
.popCont.col_5 .popBody {text-align:center;}

body.popOn {overflow:hidden;}
body.popOn .wrapper {overflow:hidden;}

/* bottom 팝업 */
.popCont.bottom {width:464px; padding:77px 0 0 0;}
.popCont.bottom .popHead + .popBody {margin-top:0;}
.popCont.bottom .popHead {border-bottom:0; text-align:center;}
.popCont.bottom .popHead h1 {padding:5px 65px 0; font-size:18px;}
.popCont.bottom .popBody {margin-top:-77px;}
.popCont.bottom .popBody > section:first-child {margin-top:0;}

.selectLayer .popCont.bottom {width:656px; padding-bottom:0; border-radius:0;}
.selectLayer .popCont.bottom .popHead {text-align:left; border-bottom:1px solid #ddd;}
.selectLayer .popCont.bottom .popHead .tit {padding-left:32px;}

.optionList {margin:0 -32px;}
.optionList li {border-bottom:1px solid #ddd;}
.optionList li > a,
.optionList li > button {display:block; width:100%; padding:20px 32px; color:#666; text-align:left;}
.optionList li > a:hover,
.optionList li > button:hover,
.optionList li > a:focus,
.optionList li > button:focus {color:#1a75e4;}
.optionList li.on > a,
.optionList li.on > button {color:#1a75e4; background-color:#f8f8f8;}
.optionList li .info {display:block; padding-bottom:2px; font-size:14px; color:#666;}

.privacyResul {padding:26px 32px 24px; border-radius:8px; background-color:#f8f8f8; color:#e9473f; text-align:center; word-break:keep-all;}
.privacyResul .num {margin-top:5px; font-weight:500;}
.privacyResul .desc {margin-top:15px; color:#666; font-size:14px;}

/* alert */
.popCont.alert {width:288px; min-height:auto; padding:25px 0 50px; border-radius:8px; box-shadow:7px 3px 27px rgba(0,0,0,0.35);}
.alert .popHead {position:static; height:auto; margin-bottom:15px; border-bottom:0;}
.alert .popHead h1 {height:auto; padding:0 25px; font-size:16px;}
.alert .popBody {height:auto !important; padding:0 25px 20px;}
.alert .btnArea {bottom:0; padding:0 5px 5px !important; text-align:right; box-shadow:none !important;}
.popCont.alert .btnArea [class^=btn_] {min-width:auto !important; min-height:44px !important; padding:0 15px; border:0; background-color:#fff; font-size:14px !important; font-weight:500 !important; line-height:44px !important; box-shadow:none;}
.popCont.alert .btnArea .btn_p {background-color:#fff; color:#0083CD;}
.popCont.alert .btnArea .btn_s {color:#222;}
.nowAlert {z-index:550000;}

/* 공통 윈도우 팝업 */
.windowPop {position:relative; width:100vw; height:100vh; min-width:0 !important; left: 0 !important; background-color:#fff; overflow:hidden;}
.windowPop .popWrap.winDef {position:relative; display:block; background-color:#fff; z-index: 1;}
.windowPop .popup.winDef {display:block;}
.windowPop .popContain {display:block;}
.windowPop .popContain.alert {display: table-cell;}
.windowPop .popCont.winDef {position:relative; width:100vw; height:100vh; border-radius:0; padding-bottom: 0;}
.windowPop .popBody.winDef {width:100% !important; height:auto !important; max-height: calc(100vh - 77px); overflow:auto;}
.windowPop.hasSticky .popBody.winDef {max-height: calc(100vh - 154px);}
.windowPop.hasSticky .popCont.branch .popBody.winDef {max-height: calc(100vh - 77px);}
.windowPop .popCont.branch.winDef.pb0 .popBody.winDef {max-height: 100vh;}
.popHead.winDef {position:fixed; left:0; right:0; top:0; background-color:#fff; z-index:2;}
.windowPop .btnArea.sticky.winDef {position:fixed; bottom:0; left:0; right:0; background-color:#fff; z-index:1000;}
body.hasScroll.windowPop.popOn,
body.hasScroll.windowPop.popOn .popCont.winDef > .btnArea {padding-right:17px;}

/* 외부팝업 */
body.external {min-width:0 !important; left:0 !important;}
.popWrap.externalPop {position:static; display:block; overflow:visible; opacity:1; background-color:transparent;}
.externalPop .popBody {height:auto !important; max-height:none;}
.externalPop .popup,
.externalPop .popCont,
.externalPop .popBody {overflow:visible;}

/* popup loading */
.popup .loadingWrap {display:table !important; width:100%; box-sizing: border-box;}
.popup .loadingWrap .loadingArea {display:table-cell; vertical-align:middle; text-align: center;}
.popup .loadingWrap .loading {display:block; width:30px; height:30px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_ybnqvat.cat) no-repeat 0 0 / cover; margin:auto; animation: spin 1160ms infinite linear;}
.popup .loadingWrap ~ div {display: none;}
@keyframes spin{
	0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
	100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}

/* 윈도우 팝업에서 달력 위치 버그 수정 */
.windowPop .ui-datepicker-trigger + #ui-datepicker-div {top: auto !important; left: auto !important;}

/* 디지털보험 색상 변경 */
 

/*************************************************** media ***************************************************/
/* only pc */
@media all and (min-width:769px) {
	/*================================================== Title ==================================================*/
	/* 컨텐츠 타이틀 */
	.titArea > .fr {float:none;}
	
	/*================================================== Tab ==================================================*/
	.tabList.auto {table-layout:auto;}
	
	/* subTab */
	.tabWrap:not(.tabScroll) .tabList.subTab.auto > li a,
	.tabWrap:not(.tabScroll) .tabList.subTab.auto > li button,
	.tabWrap:not(.tabScroll) .tabList.subTab.auto > li .ipt + label {padding:0;}
	
	/* pageTab */
	ul.pageTab {border-bottom:none;}
	ul.pageTab > li {bottom:auto; height:64px; padding:0; border-left:1px solid #715deb; background-color:#634fd5; color:#fff; font-size:17px; z-index:1;}
	ul.pageTab > li.on {border-left:0; background-color:#fff; color:#5642bf;}
	ul.pageTab > li.on:after {content:none;}
	ul.pageTab > li.disable {background-color:#F8F8F8; color:#666;}
	ul.pageTab > li:first-child,
	ul.pageTab > li.on + li {border-left:0;}
	ul.pageTab.auto > li {min-width:150px;}
	
	/* mainTab */
	ul.mainTab {border:1px solid #ddd; border-width:1px 1px 0 1px; background-color:#fff;}
	ul.mainTab > li {bottom:auto; height:63px; border:1px solid #ddd; border-width:0 1px 1px 0;}
	ul.mainTab:not([class*=div_]) > li:last-child {border-right:0;}
	ul.mainTab > li a,
	ul.mainTab > li button,
	ul.mainTab > li .ipt + label {padding:0;}
	ul.mainTab > li.on,
	.tabWrap[data-tab-func] ul.mainTab > li .ipt:checked + label {color:#fff;}
	ul.mainTab > li.on:after,
	.tabWrap[data-tab-func] ul.mainTab > li .ipt:checked + label:after {content:''; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; height:auto; background-color:#5d88fb; z-index:0;}
	.digital.tabFocus .tabWrap[data-tab-func] ul.mainTab > li .ipt:focus + label:after {content:''; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; height:auto; z-index:0;outline:auto;outline-color:#000;}
	.isIE ul.mainTab > li.on:after {right:0; bottom:0; min-height:64px;}
	ul.mainTab > li.on a,
	ul.mainTab > li.on .ipt + label {position:relative; z-index:2; color:#fff;}
	ul.mainTab .ipt + label {padding:0 15px;}
	
	ul.mainTab.div_2 > li:nth-child(2n),
	ul.mainTab.div_3 > li:nth-child(3n),
	ul.mainTab.div_4 > li:nth-child(4n),
	ul.mainTab.div_5 > li:nth-child(5n) {border-right:0;}
	
	#content .tabWrap.mainTab {position:relative; border-bottom:4px solid #f8f8f8; z-index:0;}
	#content .tabWrap.mainTab:before,
	#content .tabWrap.mainTab:after {content:''; position:absolute; right:0; bottom:0; background-color:#ddd; z-index:0;}
	#content .tabWrap.mainTab:before {left:0; height:1px;}
	#content .tabWrap.mainTab:after {top:0; width:1px; }
	#content .tabWrap.mainTab .tabContents {margin-bottom:-4px; border-top:4px solid #f8f8f8;}
	#content .tabWrap.mainTab .tabContents:before {content:''; position:absolute; left:0; right:0; top:-5px; height:1px; background-color:#ddd;}
	
	.popCont .tabWrap.mainTab ul.mainTab:not(.lg) > li,
	.accoBody .tabWrap.mainTab ul.mainTab:not(.lg) > li {height:48px;}
	.isIE .popCont ul.mainTab:not(.lg) > li.on::after,
	.isIE .accoBody ul.mainTab:not(.lg) > li.on::after {min-height:48px;}
	
	.accoBody .tabWrap.mainTab {border-bottom:none;}
	.accoBody * + .tabWrap.mainTab {margin-top:62px;}
	
	/* 분할 */
	.tabList[class*=div_]  {display:block;}
	.tabList[class*=div_]:after {display:block; content:''; clear:both;}
	.tabList[class*=div_] > li {display:table; float:left;}
	.tabList[class*=div_] > li a {/*display:table-cell; vertical-align:middle;*/}
	.tabList[class*=div_] > li label {/*display:table-cell; padding:0 15px; vertical-align:middle;*/}
	.tabList.div_2 > li {width:50%;}
	.tabList.div_3 > li {width:33.333%;}
	/*body:not(.isIE):not(.isFF) .tabList.div_3 > li {width:calc(33.333% + 1px);}*/
	.tabList.div_4 > li {width:25%;}
	/*body:not(.isIE):not(.isFF) .tabList.div_4 > li:nth-child(odd) {width:calc(25% + 1px);}*/
	.disclosure.isDevice .tabList.div_4 > li:nth-child(odd) {width:25% !important;}
	.tabList.div_5 > li {width:20%;}
	/*body:not(.isIE):not(.isFF) .tabList.div_5 > li {width:calc(20% + 1px);}*/
	/*body:not(.isIE):not(.isFF) .tabList.div_5 > li:nth-child(5) {width:20%;}*/
	
	/*etcTab*/
	.tabWrap.etcTab {bottom:auto; display:block; margin-bottom:30px; padding:20px; background:#f8f8f8; text-align:center;}
	ul.etcTab {border-bottom:none;}
	ul.etcTab > li {bottom:auto; display:inline-block; height:auto; font-size:14px; margin:10px 18px; padding:0;}
	ul.etcTab > li.on:after {content:none;}
	ul.etcTab > li a,
	ul.etcTab > li button,
	ul.etcTab > li .ipt + label {padding:0; text-decoration:none !important; border:1px solid transparent;}
	ul.etcTab > li a:before, 
	ul.etcTab > li button:before,
	ul.etcTab > li .ipt + label:before {content:''; position:absolute; left:-10px; top:6px; display:block; width:4px; height:4px; border-radius:50%; background-color:#666 !important; border:none; box-shadow:none;}
	ul.etcTab > li.on a,
	ul.etcTab > li.on button,
	ul.etcTab > li.on .ipt + label,
	.tabWrap[data-tab-func] ul.etcTab > li .ipt:checked + label {color:#222; font-weight:500;}
	ul.etcTab > li.on a:after,
	ul.etcTab > li.on button:after,
	ul.etcTab > li.on .ipt + label:after,
	.tabWrap[data-tab-func] ul.etcTab > li .ipt:checked + label:after {content:''; position:absolute; left:0; right:0; bottom:0; height:auto; background-color:transparent; border-bottom:1px solid #222;}
	ul.etcTab .ipt:focus + label {border:1px dotted #000;}
	
	section:not(#content) .tabWrap.etcTab {margin-bottom:32px;}
	
	ul.etcTab.noBullet > li a:before,
	ul.etcTab.noBullet > li button:before,
	ul.etcTab.noBullet > li .ipt + label:before {display:none;}
		
	.tabWrap.etcTab[class*=div_] {padding:12px 30px;}
	ul.etcTab[class*=div_] > li {margin:10px 0 10px -1px; text-align:left;}
	ul.etcTab[class*=div_] > li > a {display:inline-block; position:relative; width:auto;}
	
	/*txtTab*/
	.tabWrap.txtTab {bottom:auto; display:block; width:auto; margin-bottom:0; padding:0; background:none; text-align:left;}/*250715 오타수정*/
	ul.txtTab {width:auto; margin-left:auto; border-bottom:none;}
	ul.txtTab > li {bottom:auto; display:inline-block; height:auto; font-size:16px; margin:0 0 0 24px; padding:0;}
	ul.txtTab > li.on:after {content:none;}
	ul.txtTab > li a,
	ul.txtTab > li button,
	ul.txtTab > li .ipt + label {padding:0; text-decoration:none !important; border:1px solid transparent;}
	ul.txtTab > li.on a,
	ul.txtTab > li.on button,
	ul.txtTab > li.on .ipt + label,
	.tabWrap[data-tab-func] ul.txtTab > li .ipt:checked + label {color:#445fe6; font-weight:500;}
	ul.txtTab > li.on a:after,
	ul.txtTab > li.on button:after,
	ul.txtTab > li.on .ipt + label:after,
	.tabWrap[data-tab-func] ul.txtTab > li .ipt:checked + label:after {content:''; position:absolute; left:0; right:0; bottom:0; height:auto; background-color:transparent; border-bottom:1px solid #445fe6;}
	ul.txtTab .ipt:focus + label {border:1px dotted #445fe6;}
	
	/* 보험상품탭 */
	.tabWrap.insuTab {margin:60px 0 20px;}
	ul.insuTab {border-bottom:none;}
	ul.insuTab > li {bottom:auto; display:inline-block; width:80px; height:auto; margin:0 32px; padding:0; vertical-align:top;}
	ul.insuTab > li.on:after,
	ul.insuTab > li .ipt:checked + label:after {content:none !important;}
	ul.insuTab > li .ipt + label {position:relative; display:block; width:auto; margin:0 -32px; padding:96px 0 0 0; text-decoration:none !important; border:1px solid transparent; color:#fff;}
	ul.insuTab > li .ipt + label:before {content:''; position:absolute; top:0; left:50%; display:block; margin-left:-40px; width:80px; height:80px; background-color:#554ddb !important; background-repeat:no-repeat; background-position:50% 50%; transition:none !important;}
	ul.insuTab > li .ipt + label > .scriptCell {display:block;}
	ul.insuTab > li .ipt:checked + label {color:#fff !important; font-weight:500;}
	ul.insuTab > li .ipt:checked + label:before {box-shadow:10px 10px 12px rgba(86,66,191,0.5) !important; background-color:#fff !important;}
	ul.insuTab > li .ipt:focus + label {text-decoration:underline !important;}
	/* 아이콘 */
	ul.insuTab > li .best:before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_gebcul_j.cat);} /*추천상품*/
	ul.insuTab > li .ipt:checked + .best:before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_gebcul.cat);}
	ul.insuTab > li .life:before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_yvsr_j.cat);} /*종신/정기보험*/
	ul.insuTab > li .ipt:checked + .life:before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_yvsr.cat);}
	ul.insuTab > li .annu:before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_naah_j.cat);} /*연금/저축보험*/
	ul.insuTab > li .ipt:checked + .annu:before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_naah.cat);}
	ul.insuTab > li .vari:before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_tencu2_j.cat);} /*변액보험*/
	ul.insuTab > li .ipt:checked + .vari:before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_tencu2.cat);}
	ul.insuTab > li .heal:before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_urny_j.cat);} /*건강보험*/
	ul.insuTab > li .ipt:checked + .heal:before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_urny.cat);}
	ul.insuTab > li .kids:before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_xvqf_j.cat);} /*어린이보험*/
	ul.insuTab > li .ipt:checked + .kids:before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_xvqf.cat);}
	ul.insuTab > li .easy:before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_rnfl_j.cat);} /*간편가입보험*/
	ul.insuTab > li .ipt:checked + .easy:before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_rnfl.cat);}
	ul.insuTab > li .digi:before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_qvtv_j.cat);} /*디지털보험*/
	ul.insuTab > li .ipt:checked + .digi:before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_qvtv.cat);}
	
	/* 연혁탭 */
	.tabWrap.hisTab {margin-top:80px; padding:0 94px;}
	.tabWrap.hisTab:after {content:''; clear:both; display:block;}
	.tabList.hisTab {display:block; float:left; width:150px; border:none;}
	.tabList.hisTab > li {display:block; height:auto; margin-bottom:30px; padding:0; font-size:24px;}
	.tabList.hisTab > li a {padding:0;}
	.tabList.hisTab > li.on {text-decoration:underline;}
	.tabList.hisTab > li.on:after {content:none;}
	.tabWrap.hisTab .tabContents {float:right; width:720px; padding-top:0;}
	
	/* 회사소개탭 */
	.company .pageTabArea {background-color:transparent; overflow:hidden;}
	.company ul.pageTab {border-bottom:1px solid #715deb;}
	.company ul.pageTab > li {color:#666; border-left:1px solid #fff; background-color:#f8f8f8;}
	.company ul.pageTab > li.on:after {content:''; position:absolute; left:-1px; right:-1px; top:0; bottom:-1px; height:auto; background-color:#fff !important; border:1px solid #715deb; border-bottom-color:#fff; z-index:0;}
	.company ul.pageTab > li.on a,
	.company ul.pageTab > li.on button {position:relative; color:#715deb !important; z-index:2;}
	.company ul.pageTab > li + li.on:before,
	.company ul.pageTab > li.on + li:before {content:''; position:absolute; left:-10px; top:0; bottom:0; width:10px; box-shadow:16px 0 16px 0 rgba(0,0,0,0.06);}
	.company ul.pageTab > li + li.on:before {left:0; box-shadow:-16px 0 16px 0 rgba(0,0,0,0.06);}
	
	.company .tabWrap.mainTab {border-bottom:none !important;}
	.company .tabWrap.mainTab:before,
	.company .tabWrap.mainTab:after {content:none !important;}
	.company .tabList.mainTab {border-color:transparent;}
	.company .tabList.mainTab > li {font-size:16px; border-width:0 1px 0 0; border-color:#fff !important; background-color:#f8f8f8;}
	.company .tabList.mainTab > li.on {z-index:2;}
	.company .tabList.mainTab > li.on:after {bottom:0; height:100%; background-color:#fff !important; border:1px solid #5d88fb; box-shadow:2px 8px 16px rgba(93,136,251,0.08); z-index:0;}
	.company .tabList.mainTab > li.on a,
	.company .tabList.mainTab > li.on button,
	.company .tabList.mainTab > li.on label {font-size:18px; color:#445fe6 !important;}
	.company .tabWrap.mainTab .tabContents {margin-bottom:0 !important; border-top:none !important;}
	.company .tabWrap.mainTab .tabContents:before {content:none !important;}
	.company .tabWrap.mainTab .tabContents .titExtra{margin-top:40px;}
	
	/* 사이버창구탭 */
	.cyber .tabContents {background-color:transparent;}
	.cyber .tabWrap.mainTab .tabContents {background-color:#fff;}
	.cyber .popCont .tabWrap .tabList {width:100% !important;}
	.cyber .popCont .tabWrap .tabList > li {padding:0 5px;}
	
	.cyber .tabList.subTab > li {font-size:18px;}
	.cyber #content .tabWrap.subTab {width:100%;}
	.cyber #content .tabWrap.subTab:before {content:''; position:absolute; top:80px; left:0; right:0; border-bottom:1px solid #eee;}
	.cyber .tabList.subTab {width:1136px; margin:0 auto; border-bottom:none;}
	
	.cyber #content .tabWrap.mainTab {margin-bottom:30px;}
	/* .cyber #content .tabWrap.mainTab:not(.def) {margin-bottom:30px; border-bottom:none;}
	.cyber #content .tabWrap.mainTab:not(.def):before,
	.cyber #content .tabWrap.mainTab:not(.def):after {content:none;}
	.cyber #content .tabWrap.mainTab:not(.def) .tabContents {margin-bottom:0; border-top:none;}
	.cyber #content .tabWrap.mainTab:not(.def) .tabContents:before {display:none;}
	.cyber .tabWrap.mainTab:not(.def) .tabList.mainTab {width:1136px; margin:0 auto; border:none; border-radius:8px; background-color:#eee;}
	.cyber .tabWrap.mainTab:not(.def) .tabList.mainTab > li {font-size:18px; color:#666; border:none;}
	.cyber .tabWrap.mainTab:not(.def) ul.mainTab > li.on > a {color:#222;}
	.cyber .tabWrap.mainTab:not(.def) ul.mainTab > li.on:after {left:4px; right:4px; top:4px; bottom:4px; background-color:#fff; border-radius:8px;}
	.cyber.isIE .tabWrap.mainTab:not(.def) ul.mainTab > li.on::after {min-height:0;}
	
	.cyber .popCont .tabWrap.mainTab:not(.def) .tabList.mainTab > li {padding:0 5px; font-size:14px;}
	.cyber .popCont .tabWrap.mainTab:not(.def) .tabList.mainTab,
	.cyber .popCont .tabWrap.mainTab:not(.def) .tabList.mainTab > li:after {border-radius:0;}*/
	
	
	/*================================================== Scroll Tab ==================================================*/
	.tabScroll:not(.def):not(.hasScrl) > .tabList {-ms-overflow-style:none; scroll-bar-width:none;}
	.tabScroll:not(.def):not(.hasScrl) > .tabList::-webkit-scrollbar {display:none;}
	
	
	/*================================================== Popup ==================================================*/
	.popWrap.hasSetToday .popCont.bottom .btnArea.mb {bottom:32px; min-height:28px; padding:0; box-shadow:none !important; background-color:transparent;}
	.popWrap.hasSetToday .popCont.bottom .btnArea.mb .single.toDay {position:absolute; top:0; right:14px; padding:0; background-color:transparent; border:none;}
	.popWrap.hasSetToday .popCont.bottom .btnArea.mb .single.toDay button {min-height:28px; padding:0 17px; color:#5642bf; font-size:14px;}
	.popWrap.hasSetToday .popCont.bottom .btnArea.mb button.close {display:none;}
	
	
	/*================================================== 상품자료 테이블 ==================================================*/
	.manualPrd tbody td:not([colspan]) {font-size:16px; color:#222; font-weight:300; text-align:left;}
	.manualPrd tbody td[colspan] {padding:0;}
	
	.manualPrd .row {display:table; width:100%; table-layout:fixed; margin:0;}
	.manualPrd .row:after {content:none; display:none;}
	.manualPrd .row [class^=cell_] {display:table-cell; height:63px; padding:8px 16px; color:#222; text-align:center; vertical-align:middle; border-left:1px solid #f2f2f2;}
	.manualPrd .row .cell_1 {position:relative; width:auto; padding-right:64px; border-left:none; text-align:left;}
	.manualPrd .row .cell_1 > span {display:inline-block; width:273px; padding-right:5px; vertical-align:middle;}
	.manualPrd .row .cell_1 .accoBtn {display:inline-block;}
	.manualPrd .row .cell_2 {width:232px;}
	.manualPrd .row .cell_3 {width:134px;}
	.manualPrd .row .cell_4 {width:118px;}
	
	.manualPrd .accoItem:not(:first-child) {border-top:1px solid #ddd;}
	.manualPrd .accoBtn {position:absolute; top:50%; right:16px; width:32px; height:32px; margin-top:-16px; border:1px solid #ddd; border-radius:3px;}
	.manualPrd .accoBtn:after {width:7px; height:7px; margin-top:-2px;}
	.manualPrd .on .accoBtn:after {width:7px; height:7px; margin-top:2px;}
	.manualPrd .accoBody {border-top:1px solid #ddd;}
	.manualPrd .accoBody .row:not(:first-child) [class^=cell]:not(.cell_1) {border-top:1px solid #ddd;}
	
	/* 공시실 검색영역 자동완성 */
	.autoWrap {position:relative; display:inline-block; vertical-align:middle;}
	.autoLayer {position:absolute; top:58px; left:7px; right:7px; border:1px solid #5f4ec5; border-radius:0 0 8px 8px; background-color:#fff; color:#666; font-size:16px; text-align:left; overflow:hidden;}
	.autoLayer .inner {margin:0; padding:5px 0; max-height:320px; overflow-y:auto;}
	.autoLayer .inner > li > a,
	.autoLayer .inner > li > button {display:block; width:100%; padding:10px 15px; color:#666; text-align:left;}
	.autoLayer .inner > li > a:hover,
	.autoLayer .inner > li > button:hover,
	.autoLayer .inner > li > a:focus,
	.autoLayer .inner > li > button:focus {color:#445fe6; background-color:#f9f9f9;}
	.autoLayer .inner > li strong {color:#b87900 !important}
	.autoLayer .detail {padding:15px; background-color:#f9f9f9;}
	.autoLayer .links {font-size:14px;}
	
	/*================================================== 기타 ==================================================*/
	.termsWrap:not(ul):not(.scrlNone) > .inner {margin-top:0; padding-top:28px; max-height:350px; overflow-y:auto;}
}

/* only mobile */
@media all and (max-width:768px) {
	html {font-size:10px;}
	body {min-width:100%; font-size:1.6rem;}
	
	/*================================================== Text ==================================================*/
	/* 텍스트 사이즈 */
	.txt2XL {font-size:2.8rem !important; letter-spacing:-0.055rem;}
	.txtXL {font-size:2.0rem !important; letter-spacing:-0.05rem;}
	.txtL {font-size:1.8rem !important;}
	.txtM {font-size:1.6rem !important;}
	.txtS {font-size:1.4rem !important;}
	.txtXS {font-size:1.2rem !important;}

	/*================================================== Title ==================================================*/
	.titH1 {color:#222; font-size:24px; font-weight:500;}
	.titH2 {margin-bottom:20px; font-size:2.0rem; letter-spacing:-0.05rem;}
	.titH3 {margin:0 0 8px; font-size:1.8rem;}
	.titH4 {margin:24px 0 8px; font-size:1.6rem;}
	.titH4.dot {padding-left:12px;}
	.titH4.dot:before {content:''; position:absolute; left:0; top:11px; width:4px; height:4px; border-radius:50%; background-color:#5d88fb;}
	.titH5 {margin:20px 0 8px; font-size:1.4rem;}

	/* 컨텐츠 타이틀 */
	.titArea .ipt {width:auto;}
	.titArea:after {content:''; clear:both; display:block;}
	.titArea > .fl,
	.titArea > .fr {display:inline-block; margin:2px 0;}
	.titArea > .fl {vertical-align:-webkit-baseline-middle;}
	.titArea > .fr > .links {margin-top:9px;}
	
	.titArea.mb {display:block; width:auto; margin:60px -24px 32px -24px !important; padding:0 24px 32px 24px; border-bottom:10px solid #f8f8f8;}
	.titArea.mb + .titArea {margin-top:0;}

	/* 컨텐츠 타이틀 - 번외 */
	.titExtra.mb {margin:0 -24px 32px -24px; text-align:left; padding:0 24px 32px 24px; border-bottom:10px solid #f8f8f8;}
	.titExtra.mb:after {content:none;}
	.titExtra.mb p.desc {margin:10px 0 0;}
	.titExtra.mb + .titArea {margin-top:0;}

	/*
	.pageTit.mb {padding-bottom:32px; border-bottom:10px solid #f8f8f8;}
	.pageTit.mb .desc {margin-bottom:30px;} */

	/*================================================== Button ==================================================*/
	.btnIco_srch {width:44px; min-height:44px; margin:0; padding:0; border:0; border-radius:0; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szj_vpb_fepu_yt.fit) no-repeat center center; box-shadow:none;}
	.btnIco_srch > span {display:inline-block; position:absolute; width:1px; height:1px; margin:-1px; border:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%);}

	.btnArea > span {display:inline;}
	.btnArea [class^=btn_] {min-width:100%; margin:0 !important; padding:5px 10px;}

	[class^=btn_].hiddenMb {display:none !important;}
	[class^=btn_].visibleMb {display:inline-block !important;}
	
	.btnArea.num2 {margin-left:-4px !important; margin-right:-4px !important;}
	.btnArea.num2 > span {display:inline-block !important; float:left; padding:0 4px;}
	.btnArea.num2 > span:first-child {float:left; width:33.3333%;}
	.btnArea.num2 > span:last-child {float:right; width:66.6667%;}
	/* 230901 - 추가 (s) */
	.btnArea.num2.half > span:first-child {float:left; width:50%;}
	.btnArea.num2.half > span:last-child {float:right; width:50%;}
	/* 230901 - 추가 (e) */

	.btnArea.sticky {position:fixed !important; left:0; bottom:0; width:100%; margin:0 !important; padding:0 !important; background-color:#fff; box-shadow:0 0 9px rgba(0, 0, 0, .3) !important; z-index:3;}
	.btnArea.sticky > span {display:inline; padding:0;}
	.wrapper .btnArea.sticky [class^=btn_]:not(.line2) {min-height:72px !important; border-radius:0 !important; line-height:60px !important;}
	.btnArea.sticky [class^=btn_].addIco > [class*=ico_] {vertical-align:baseline;}
	.btnArea.sticky .ico_down:before{background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Svpb_qbja_neebj_j.cat);}
	.btnArea.sticky .ico_down:after{border-color:#fff;}
	.btnArea.sticky .btn_s {border-color:#fff !important; background-color:#fff !important; color:#222 !important;}

	.btnArea.etc > span {width:100% !important; padding:4px 24px;}
	
	.btn_s.m.more {width:100%;}

	/*================================================== A Link ==================================================*/
	/* links */
	.links {white-space:normal;}

	/*================================================== Form ==================================================*/
	/* basic */
	.ipt {padding:0 10px;}
	select.ipt {width:100%; min-width:auto !important; margin:4px 0; padding:0 40px 0 10px;}

	/* iptWrap 사이즈 정의 */
	.iptWrap,
	.dateWrap,
	.keypad {width:100%; margin:4px 0;}
	
	.iptWrap.min, 
	.iptWrap.min .ipt,
	.iptWrap[class*=width],
	.ipt[class*=width] {width:100% !important;}

	/* 이메일 */
	.ipt[type=email],
	.ipt[type=file] {width:100%; margin:4px 0;}
	
	.ipt.date {font-size:1.4rem;}

	/* 보안키패드 */
	/* body:not(.isIE):not(.isFF) .ipt[type=password] {font-size:80px; letter-spacing:-0.7rem;}
	body:not(.isIE):not(.isFF).isIOS .ipt[type=password] {font-size:16px; letter-spacing:2px;} */
	.ipt[type=password] {padding-left:10px; padding-right:10px; font-size:12px;}
	body:not(.isIE):not(.isFF) .ipt[type=password] {padding-left:8px; font-size:40px;}
	body.isDevice.isIOS .ipt[type=password] {font-size:20px !important; padding-bottom:0; padding-top:4px;}
	body.isDevice.isIOS .ipt[type=password]::placeholder {transform:translate(-3px, -3px);}

	.ipt[type=password]::-webkit-input-placeholder {transform:translateY(-30%);}

	/* 주민등록번호 뒤 1자리 */
	.setHalf .keypad.letter1:after {padding-left:5px; letter-spacing:2px;}
	.setHalf .keypad.letter1 .ipt[type=password] {width:50%;}
	.setHalf .keypad.letter1 .icoBtn_keypad {left:auto; right:50%; margin-right:0;}

	/* 카드 비밀번호 앞 2자리 */
	.keypad.letter2 {padding-right:16px;}
	.keypad.letter2:after {left:55%;}
	.keypad.letter2 .icoBtn_keypad {margin-right:8px;}

	/* 그룹 서식 */
	[class^=set] {margin:4px 0;}

	.setHalf {display:block; margin:4px -8px;}
	.setHalf .sign {position:absolute; left:50%; transform:translateX(-50%);}
	.setHalf .iptWrap,
	.setHalf .dateWrap,
	.setHalf .keypad {float:left; width:50% !important; padding:0 8px;}
	.setHalf .keypad .icoBtn_keypad {margin-right:7px;}
	.setHalf .iptWrap .icoBtn_del {right:10px;}
	.setHalf:not(.join) .dateWrap .ui-datepicker-trigger,
	.setHalf:not(.join) .dateWrap .icoBtn_month {right:8px;}
	
	.setHalf.join:after {content:""; display:block; clear:both;}
	.setHalf.join select.ipt,
	.setHalf.join .iptWrap,
	.setHalf.join .dateWrap {float:left; width:calc(50% - 12px) !important; margin:0 0 0 8px !important;}
	.setHalf.join .iptWrap,
	.setHalf.join .dateWrap {padding:0;}
	.setHalf.join select.ipt {min-width:0;}
	.setHalf.join .iptWrap .icoBtn_del {right:2px;}
	.setHalf.join > *:last-child {float:right; margin:0 8px 0 0 !important;}

	/* 전화번호 */
	.setPhone {width:100%;}
	.setPhone select.ipt {width:30% !important;}
	.setPhone .ipt:last-child {padding-left:70%;}
	
	/* 인풋 + 버튼 */
	.setBtnAdd {width:100%;}
	.setBtnAdd [class^=btn_].m {min-width:72px !important; margin:0 !important;}
	
	/* 인풋 + 검색버튼 */
	.setBtnAdd.srch {padding-right:0 !important;}
	.setBtnAdd.srch .iptWrap .ipt {padding-right:44px;}
	.setBtnAdd.srch .iptWrap .icoBtn_del {right:36px;}
	.setBtnAdd.srch .btn_p {position:absolute; right:1px; top:1px; width:42px; height:42px; min-width:0 !important; min-height:0; margin:0; padding:0; border:none; box-shadow:none; background:transparent url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szj_vpb_fepu_yt.fit) no-repeat center center; text-indent:-99999px; overflow:hidden;}
	
	/* 핸드폰번호 조회 */
	.setBtnAdd.phone {padding-right:0 !important;}
	.setBtnAdd.phone [class^=btn_].m {position:static; width:100%; margin:8px 0 0 !important;}
	
	/* 주소입력 */
	.setAddr {margin:0;}
	.setAddr .iptWrap {width:100% !important; margin:4px 0;}
	.setCount {width:100% !important;}

	/* 카드번호 */
	.setCard {width:100%;}

	/* 납세자번호(TIN) & 사업자등록번호 */
	.setNum {width:100%;}
	.setNum .ipt:not(:last-of-type) {width:20%;}
	.setNum .ipt:last-of-type {padding-left:58%;}

	/* 운전면허번호 */
	.setDriver {width:100%;}
	.setDriver select.ipt {width:130px !important; min-width:auto !important;}
	.setDriver input.ipt:last-of-type {padding-left:266px;}
	
	/* 반응형 셀렉트&탭 */
	.tabWrap ul[class*=Tab].transAct,
	select.ipt.transAct {display:none;}
	.tabWrap select.ipt.transAct {display:block;}
	select.ipt.transAct + .iptFilt {display:table;}
	
	/*================================================== Form - checkbox & radio ==================================================*/
	
	/* checkbox 전체동의 */
	.ipt + label.allChk {height:48px; padding:0 48px; line-height:46px;}
	.ipt + label.allChk:after {left:20px !important; top:15px !important;}
	.ipt + label.allChk.bw2 {border-width:2px;} /* 230901 - 추가 */ 
	
	.iptGroup .iptWrap {margin:11px 0 3px;}

	/* 필터 */
	.iptFilt {display:table; width:100%; margin:4px 0; table-layout:fixed;}
	.iptFilt:after {content:none;}
	.iptFilt > li {display:table-cell; float:none; margin:0;}
	.iptFilt .ipt + label {position:relative; min-width:100% !important; padding:2px 0 0; border:0;}
	.iptFilt .ipt + label:after {content:'' !important; position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid #ccc; border-width:1px 1px 1px 0;}
	.iptFilt > li:first-child .ipt + label:after {border-width:1px; border-radius:4px 0 0 4px;}
	.iptFilt > li:last-child .ipt + label:after {border-radius:0 4px 4px 0;}
	.iptFilt > li:only-child .ipt + label:after {width:auto; height:auto; border-radius:4px; transform:none; transition:none;}
	.iptFilt .ipt:checked + label {background-color:#f2f6ff;}
	.iptFilt .ipt:checked + label:after {left:-1px; border:1px solid #5d88fb;}
	.iptFilt .ipt[readonly] + label:after,
	.iptFilt .ipt[disabled] + label:after {border-color: #eee;}
	/* .iptFilt .ipt[type=checkbox]:checked + label:hover:after,
	.iptFilt .ipt[type=checkbox]:checked:focus + label:after {border-color:#5d88fb; transition:none;} */
	.iptFilt > li:first-child .ipt:checked + label:after {left:0;}
	.iptFilt .ipt:focus + label:after {border-color:#000;}
	
	.titArea .iptFilt {display:table;}
	
	/* 버튼 */
	.iptBtn.addIco .ico_phone {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cubar_fz_z.cat) no-repeat center center; background-size:32px auto;}
	.iptBtn.addIco .ico_email {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_rznvy_fz_z.cat) no-repeat center center; background-size:32px auto;}
	.iptBtn.addIco .ico_card {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_pneq_fz_z.cat) no-repeat center center; background-size:32px auto;}

	.iptBtn.m .ipt + label {min-width:100px;}
	
	.optPick .iptGroup.div_4 > li {width:100%; margin-top:11px; margin-bottom:12px;}

	/*================================================== Form(입력) List ==================================================*/
	.formList {margin-top:4px; border:0;}
	.formList > li {display:block; padding:0 !important; border-top:0;} /* display:block !important; 절대 안됨 개발에서 조건에 따라 none/block 하고 있음 */
	.formList .itemTh {display:block !important; width:100% !important; min-width:auto !important; margin-top:26px; padding:0 0 4px !important;}
	.formList .dataTd {display:block !important; width:100%; min-width:auto !important; height:auto !important;}
	.formList > li:first-child .itemTh {margin-top:16px;}
	.formList .iptWrap {width:100%;}
	.formList .iptWrap.min {width:100%;}
	.formList select.ipt.min {min-width:100px;}
	.formList .iptGroup {margin:3px 0 1px;}
	.formList .single {padding-left:0;}
	.formList * + .single {margin-left:0;}
	.formList [class^=btn_].m {min-width:100%; margin:4px 0;}

	.formList .btnGroup {margin:1px -3px;}
	.formList .btnGroup [class^=btn_].m {min-width:auto; margin:3px;}

	div.formList {width:100%; padding:0;}
	
	/*================================================== Paging ==================================================*/
	.paging {margin:64px -24px 0;}
	.paging ul {padding:0 3px;}
	.paging li {padding:0 1px;}
	
	.visibleMb.mTable + .paging {margin-top:32px;} 

	/*================================================== Accordion(아코디언) ===========================================*/
	.accoBtn:after {width:10px; height:10px;}
	/* .accoHead .accoBtn {font-size:1.6rem;} */
	.accoHead .cate {font-size:1.4rem;}

	/*================================================== Help(도움말) ==================================================*/
	.helpWrap {margin:64px -24px 0; border-top:10px solid #f8f8f8;}
	.helpWrap .accoBody {padding:23px 24px 28px;}
	div.helpWrap {margin:64px 0 0 0;}
	
	/*================================================== FAQ ==================================================*/
	.faqList {margin:0 -24px; border-top:none;}
	
	/*================================================== 본문 콘텐츠 아코디언 ==================================================*/
	.accoList {margin:0 -24px;}
	.accoList .accoBody {padding:28px 24px 30px 24px;}
	
	/*================================================== Terms(약관) ==================================================*/
	.iptGroup.agree > li {margin:0 20px 0 0;}
	.termsWrap .desc {font-size:14px;}
	.termsWrap .accoHead .desc {margin:0 0 16px; padding:20px 23px; background-color:#f8f8f8;}
	.termsWrap .iptGroup label {min-height:24px; padding-top:1px; font-size:14px;}
	.termsWrap.sm .inner {height:134px;}

	ul.termsWrap {margin:13px 0; border:0;}
	ul.termsWrap > li {padding:0; border-top:0 !important;}
	ul.termsWrap > li + li {margin-top:-1px;}
	ul.termsWrap .accoHead {margin-right:0; padding:0;}
	ul.termsWrap .accoHead label.lg {display:block; padding:10px 35px 11px 46px; border:1px solid #ddd;}
	ul.termsWrap .accoHead label.lg::before {left:15px; top:11px;}
	ul.termsWrap .accoHead label.lg::after {left:24px; top:16px;}
	ul.termsWrap .accoHead > span {display:block; padding-bottom:12px; background-color:#fff;}
	ul.termsWrap .accoHead > span.tit {padding:10px 35px 11px 15px; border:1px solid #ddd;}
	ul.termsWrap .accoHead [class^=icoBtn_] {right:1px; top:1px; width:35px; height:46px; border-left:0 !important;}
	ul.termsWrap .accoHead .iptGroup.agree {display:block; float:none; margin:0; padding:23px; border-bottom:1px solid #eee; background-color:#f8f8f8;}
	ul.termsWrap .accoBody {margin:0 0 23px; padding:0; border-top:0;}
	ul.termsWrap .accoBody > .inner {font-size:14px;}

	.icoBtn_arrow:after {width:8px; height:8px; border-color:#888;}
	
	.titArea + ul.termsWrap {border-top:none;}
	
	.termsWrap:not(ul) {border:0; font-size:14px;}
	.termsWrap:not(ul) > .inner {max-height:320px; margin-top:0; padding:24px; background-color:#f8f8f8; overflow-y:auto;}
	.termsWrap:not(ul) > .inner::-webkit-scrollbar {-webkit-appearance:none;} 
	.termsWrap:not(ul) > .inner::-webkit-scrollbar:vertical {width:4px;} 
	.termsWrap:not(ul) > .inner::-webkit-scrollbar:horizontal {height:0;} 
	.termsWrap:not(ul) > .inner::-webkit-scrollbar-thumb {border:0; border-radius:2px; background-color:rgba(0, 0, 0, .3);} 
	.termsWrap:not(ul) > .inner::-webkit-scrollbar-track {border-radius:0; background-color:#f8f8f8;}
	.termsWrap:not(ul) > .inner .tblWrap td {padding:10px;}
	.termsWrap:not(ul) .consent {padding:15px 23px 23px; border-top:0; background-color:#f8f8f8;}
	.termsWrap:not(ul) .consent > .desc {float:none; padding:0 0 15px;}
	.termsWrap:not(ul) .consent > .iptGroup.agree {float:none; margin:0 -23px; padding:15px 23px 0; border-top: 1px solid #eee;}
	.termsWrap:not(ul).scrlNone > .inner {max-height:none; padding-bottom:0;}
	.termsWrap:not(ul).scrlNone > .inner:only-child {padding:24px;}
	
	/* 종속 */
	.cascadeWrap {display:block; table-layout:auto;}
	.cascadeWrap > * {display:block !important; text-align:left !important;}
	.cascadeWrap .itemTh {margin-bottom:7px;}
	.cascadeWrap .itemTh .desc {display:block; padding:5px 0 0 0;}
	.cascadeWrap .iptGroup:after {display:block; content:''; clear:both;}
	.cascadeWrap .iptGroup > li {float:left; min-width:50%; margin-right:0; padding-right:10px;}
	.cascadeWrap .iptFilt {display:table; width:100%; margin-top:15px;}
	.cascadeWrap .iptGroup > li:nth-child(1) {min-width:50%;}/* 230808_추가 * 230822_추가 이벤트마동 모바일 50% -> 52% */
	.cascadeWrap .iptGroup > li:nth-child(2) {min-width:30%;}/* 230808_추가 */
	
	ul.cascadeWrap {padding:0 23px;}
	ul.cascadeWrap > li {width:100%; padding:17px 0 10px;}
	ul.cascadeWrap > li + li {border-left:0; border-top:1px solid #eee;}
	ul.cascadeWrap > li .itemTh {margin-bottom:7px;}

	.cascadeWrap:not(ul) .dataTd {width:100% !important;}

	ul.termsWrap .cascadeWrap {margin-bottom:32px;}
	ul.termsWrap .accoBody > .inner .cascadeWrap {margin:-19px 0; /*padding:0;*/}
	ul.termsWrap .termsBody {margin:0 0 24px; padding:20px 23px 20px; border-top:0; background-color:#f8f8f8;}
	ul.termsWrap .termsBody .desc {margin-bottom:0;}
	ul.termsWrap .termsBody .cascadeWrap {margin-bottom:0; padding:0;}
	ul.termsWrap .termsBody .desc + .cascadeWrap:not(ul) {margin-top:20px;}
		
	/* 전체동의 */
	.termsAll > li > .accoHead [class^=icoBtn_] {width:46px; height:46px;}
	.termsAll ul.termsWrap {margin-top:12px;}
	.termsAll ul.termsWrap > li + li {margin-top:0;}
	.termsAll ul.termsWrap .accoHead {padding:4px 45px 4px 0;}
	.termsAll ul.termsWrap .ipt + label.lg {padding:7px 0 8px 31px; border:0;}
	.termsAll ul.termsWrap label.lg::before {left:0; top:8px;}
	.termsAll ul.termsWrap label.lg::after {left:9px; top:13px;}
	.termsAll ul.termsWrap [class^=icoBtn_] {width:44px;}
	.termsAll ul.termsWrap [class^=icoBtn_]:after {width:9px; height:9px; border-color:#888;}
	.termsAll ul.termsWrap .accoHead > span {padding:8px 0;}
	.termsAll ul.termsWrap .accoBody {margin-bottom:9px; padding:0;}
	.termsAll ul.termsWrap .accoHead .iptGroup.agree {margin: 0 -45px -4px 0;}
	.termsAll ul.termsWrap .accoHead .iptGroup.agree li {min-width: 50%;margin-right: 0;}
	
	/* .termsAll + .txtList {margin-top:27px;} */
	
	/*================================================== Search ==================================================*/
	.pageTit .iptWrap {display:block; width:auto; margin:4px 0;}
	.pageTit .ipt {height:44px; padding:0; border:0; border-bottom:2px solid #222; border-radius:0; color:#222; font-size:1.6rem; box-shadow:none;}
	.pageTit select.ipt {margin:4px 0; padding-right:40px; background:transparent url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szj_vpb_neebj_qbja_yt.fit) no-repeat right 8px center;}
	.pageTit .ipt:focus {border-color:rgba(0,0,0, 0.5);}
	.pageTit .ipt::placeholder {color:#909090; font-size:1.6rem;}
	.pageTit .ipt::-webkit-input-placeholder {color:#909090; font-size:1.6rem;}
	.pageTit .ipt::-moz-placeholder {color:#909090; font-size:1.6rem;}
	.pageTit .ipt:-ms-input-placeholder {color:#909090; font-size:1.6rem;}
	.pageTit .iptWrap .icoBtn_del {right:36px; border-color:#fff; /*background-color:#715deb;*/ box-shadow:inset 0px 0px 0px 12px #715deb;}
	.pageTit .iptWrap .icoBtn_del:before,
	.pageTit .iptWrap .icoBtn_del:after {background-color:#fff;}
	.pageTit .iptWrap.on .ipt:focus {padding-right:77px;}
	.pageTit .btnIco_srch {position:absolute; right:0; bottom:0;}
	
	/* 상단영역 해쉬태그 */
	.pageTit .keyword {overflow-x:auto; white-space:nowrap;}
	.pageTit .keyword .flag_srch {color:#666; background-color:#f8f8f8;}
	
	/* 데이타 검색 */
	.dataSrchBox {margin-bottom:28px; padding:0; border-radius:0; background-color:#fff; text-align:left;}
	.dataSrchBox .label {display:none;}
	.dataSrchBox .btn_p.m {width:100%; margin:4px 0;}
	.dataSrchBox .iptWrap {width:100% !important;}
	.dataSrchBox .ipt[class*=letter] {min-width:100% !important;}
	section .dataSrchBox .iptFilt {display:table;}
	
	/* 검색버튼 아이콘 */
	.dataSrchBox.mb {position:relative;}
	/*.dataSrchBox.mb select.ipt {width:calc(30% - 8px); min-width:0; margin:0 8px 0 0;}
	.dataSrchBox.mb .iptWrap {display:inline-block; width:70%; margin:0;}*/
	.dataSrchBox.mb .iptWrap .ipt {padding-right:44px;}
	.dataSrchBox.mb .iptWrap .icoBtn_del {right:36px;}
	.dataSrchBox.mb .btn_p {position:absolute; right:1px; bottom:5px; width:42px; height:42px; min-width:0; min-height:0; margin:0; padding:0; border:none; box-shadow:none; background:transparent url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szj_vpb_fepu_yt.fit) no-repeat center center; text-indent:-99999px; overflow:hidden;}

	/*================================================== BBS ==================================================*/
	/* 게시판 리스트 */
	.bbsList {margin:0 -24px; border-top:0;}
	.bbsHead {display:block;}
	.bbsHead .date {display:block;}
	.bbsHead .date2, .bbsList .bbsHead .stitle {display:inline-block; width: auto; text-align: left; }  /* 22-07-25 */
	.bbsList .bbsHead .stitle {margin-right:25px;} /* 22-07-25 */
	.bbsHead {padding:24px;}
	.bbsHead .tit, a.bbsHead .tit {font-size:1.6rem}
	.bbsHead .date {text-align:left;}
	.bbsList .bbsHead .date {margin-top:6px;}
	
	.bbsHead:not(a) .titArea {display:table-cell; vertical-align:middle;}
	.bbsHead:not(a) .titArea .tit {display:-webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.bbsList .bbsHead .down {width: auto; padding-left:30px;}
	.bbsList .bbsHead .down + .down {padding-left:10px;}
	.bbsList .bbsHead .down img {max-width:inherit;}
	.bbsList .bbsHead .downWrap [class^=btn_].addIco {min-width:32px; min-height:32px; padding:0; border:0;}
	.bbsList .bbsHead .downWrap [class^=btn_].addIco > span {display:inline-block; position:absolute !important; width:1px; height:1px; margin:-1px; border:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%);}
	
	/* .bbsView .bbsHead {padding:0; border-bottom:none;} 게시판 상세 상단 라인 */
	.bbsView .bbsHead .tit {font-size:20px !important;}
	.bbsView .bbsHead .date {width:100%; margin-top:16px;}
	
	/* 채용게시판 */
	.bbsList.recruit {border-top:1px solid #ddd;}
	
	/* 이미지 게시판 */
	.imgBbsList {margin:0 -24px; border-top:0;}
	.imgBbsList > li {border-bottom:0;}
	.imgBbsList .thum {float:none; width:100%; height:auto;}
	.imgBbsList .thum img {width:100%; height:auto;}
	.imgBbsList .thum + .cont {padding-left:0; margin-top:30px;}

	/* 사진 게시판 */
	.photoBbsList {margin:32px -8px -32px; border-bottom:0;}
	.photoBbsList > li {width:50%; padding:0 8px 32px;}
	.photoBbsList .thum {height:51.2vw;}
	.photoBbsList .thum > img {position:relative; left:50%; height:inherit; transform:translateX(-50%); transition:none;}
	.photoBbsList .tit {max-height:75px; font-weight:300; -webkit-line-clamp:3;}
	.photoBbsList > li > a:hover .thum img {transform:translateX(-50%);}

	.photoBbsList.sm .thum {height:88px;}
	.photoBbsList.sm .thum > img {left:50%; top:50%; width:100%; height:auto; min-height:88px; transform:translate(-50%, -50%);}
	.photoBbsList.sm .tit {font-size:14px;}
	.photoBbsList.sm > li > a:hover .thum img {transform:translate(-50%, -50%);}
	
	/* 동영상 게시판 */
	.videoBbsList.sm {margin:24px -8px 0 ;}
	.videoBbsList.sm > li {width:50%; padding:0 8px 32px; }
	.videoBbsList.sm .thum {height:25vw;}
	.videoBbsList.sm .playTime {bottom:8px; right:8px; width:44px; height:20px; padding-left:0; border-radius:10px; background:rgba(0,0,0,0.5); line-height:20px;}
	
	/* 동영상 게시판 - 상세 */
	.videoDetail {margin:-32px -24px 32px; padding-bottom:0; border-bottom:10px solid #f8f8f8;}
	.videoDetail::before {content:none;}
	.videoDetail > div {float:none; width:100%;}
	.videoDetail .videoArea {height:300px; padding:0;}
	.videoDetail .videoArea .thum {left:0; right:0; border-radius:0;}
	.videoDetail .videoArea video {border-radius:0;}
	.videoInfo {height:auto; padding:0;}
	.videoInfo .infoHead {margin-top:0; padding:27px 60px 27px 24px;}
	.videoInfo .tit {font-size:1.8rem;}
	.videoInfo .date {position:static;}
	.videoInfo .icoBtn_open {display:block; position:absolute; left:0; top:0; bottom:0; width:100%; height:auto;}
	.videoInfo .icoBtn_open:after {left:auto; right:24px;}
	.videoInfo .infoBody {display:none; position:static; padding:0 24px 24px; border:0; border-radius:0;}
	
	/* 인쇄물 게시판 */
	.printsBbsList {margin-top:32px;}
	.printsBbsList > li {width:50%; padding:0 8px 32px;}
	.printsBbsList .thum,
	.printsBbsList .thum img,
	.printsBbsList .hiddenBtns,
	.printsBbsList .hiddenBtns a {height:220px;}
	.printsBbsList .hiddenBtns {display:block; background:transparent;}
	.printsBbsList .hiddenBtns a span {position:absolute; width:1px; height:1px; margin:-1px; border:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%);}
	.printsBbsList .hiddenBtns a:after,
	.printsBbsList .hiddenBtns .ico_zoomin,
	.printsBbsList .hiddenBtns .btnDownload {display:none;}
	
	.printsArea {margin:0 -24px; padding:32px 0 90px; overflow:hidden;}
	.printsArea img {width:100%; box-shadow:none;}

	/* 이벤트 게시판 */
	.eventList {margin:24px 0 0;}
	.eventList > li {width:100%; padding:37px 0 0 !important;}
	.eventList > li:first-child {padding-top:0 !important;}
	.eventList .hashtagGroup {float:none;}
	.eventList .date {float:none;}

	[class*=event] .hashtagGroup {margin-bottom:11px;}
	
	[class*=event] .date > span:not(:last-child) {padding-right:17px;}
	[class*=event] .date > span + span {padding-left:0;}
	[class*=event] .date > span + span:before {content:none;}
	
	.bbsView.event .bbsHead .date {white-space:normal;}
	.bbsView.event .bbsBody .titArea {font-size:1.8rem;}
	.bbsView.event .allImg {margin-left:-24px; margin-right:-24px; border-bottom:0;}
	.bbsView.event .allImg:after {content:''; position:absolute; left:24px; right:24px; bottom:0; border-bottom:1px solid #ddd;}
	.bbsView.event .allImg img {width:100%;}
	.bbsView.event .winnerConfir,
	.bbsView.event .eventQuiz {border-radius:0;}
	
	/* 당첨자 확인 */
	.winnerConfir {display:block; width:auto; margin-top:-10px; padding:25px 32px 32px;}
	.winnerConfir > div {display:block; text-align:center;}
	.winnerConfir > .txt {margin:0 -10px;}
	.winnerConfir > .btn {margin-top:19px;}
	.winnerConfir [class^=btn_].s {width:100%;}

	/* 퀴즈형 이벤트 */
	.eventQuiz {padding:16px 24px;}
	.eventQuiz > li {padding:10px 0;}
	.eventQuiz > li > div {float:none; width:100%; padding:0;}
	.eventQuiz .question {margin-top:0; padding:0 0 0 30px; font-size:1.8rem;}
	.eventQuiz .answer {margin-top:16px;}


	/*================================================== tabList ==================================================*/
	.tabWrap {width:auto !important; /*overflow-y:hidden;*/}
	.tabWrap select.ipt.transAct {margin:0;}
	.popCont .tabWrap .tabPanel {padding:0 24px;}
	.tabList {/*width:auto; table-layout:auto;*/ padding:0 24px;}
	.tabList > li {height:56px !important; padding:0; white-space:nowrap;}
	.tabList > li.on:after,
	.tabWrap[data-tab-func] .tabList > li .ipt:checked + label:after {left:0; right:0;}
	.tabList > li a,
	.tabList > li button,
	.tabList > li .ipt + label {padding:0 8px 3px; /*line-height:56px !important;*/}
	.tabList > li br {/*display:none;*/}
	.tabList > li .scriptCell {white-space:nowrap;}
	
	.pageTabArea {margin-bottom:32px;}
	
	.tabWrap.mainTab,
	section:not(#content) .tabWrap.icoTab,
	section:not(#content) .tabWrap.etcTab {margin-left:-24px !important; margin-right:-24px !important;}
	
	.accoBody * + .tabWrap.mainTab {margin-top:62px;}
	.popCont section .tabWrap.mainTab {margin-top:-32px;}
	
	.tabWrap.mainTab.transSlt,
	.tabWrap.etcTab.transSlt,
	.tabWrap.mainTab .tabPanel,
	.tabWrap.icoTab .tabPanel {padding:0 24px;}
	.tabWrap.mainTab .tabPanel .tabPanel,
	.tabWrap.mainTab.transSlt .tabPanel,
	.tabWrap.mainTab.def .tabPanel {padding:0;}
	.tabWrap.subTab.transSlt select.ipt.transAct,
	.tabWrap.etcTab select.ipt.transAct {margin:24px 0;}
	
	.pageTit .tabWrap {margin:0 -24px;}
	
	.tabWrap.icoTab .tabContents {padding-top:30px;}
	.tabList.icoTab {margin:0; padding:0 12px !important; font-size:0; word-spacing:0; border-bottom:none !important; white-space:nowrap; overflow-y:hidden !important;}
	.tabList.icoTab > li {height:auto !important; padding:0 12px !important;}
	.tabList.icoTab > li > * {max-width:80px; padding:0 !important; line-height:1.3 !important;}
	.tabList.icoTab > li .ico {width:80px;}
	.tabList.icoTab > li .tit {margin:15px 0 0; white-space:normal;}
	.tabList.icoTab.line {padding-bottom:30px !important; border-bottom:8px solid #f8f8f8 !important;}
	
	/* 헬프데스크 업무채널안내 */
	.icoTab li .ico[class*=chn] {background-size:40px 40px;}
	.icoTab li .ico.chn1 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_qvtv_o.cat);}
	.icoTab li .ico.chn2 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cubar_o_z.cat);}
	.icoTab li .ico.chn3 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cevag_o_z.cat);}
	.icoTab li .ico.chn4 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_pbhafry_o_z.cat);}
	.icoTab li .ico.chn5 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_rznvy_o_z.cat);}
	.icoTab li .ico.chn6 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_crbcyr_o_z.cat);}
	.icoTab li .ico.chn7 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cynmn_o_z.cat);}
	.icoTab li.on .ico.chn1 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_qvtv_j_z.cat);}
	.icoTab li.on .ico.chn2 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cubar_j_z.cat);}
	.icoTab li.on .ico.chn3 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cevag_j_z.cat);}
	.icoTab li.on .ico.chn4 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_pbhafry_j_z.cat);}
	.icoTab li.on .ico.chn5 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_rznvy_j_z.cat);}
	.icoTab li.on .ico.chn6 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_crbcyr_j_z.cat);}
	.icoTab li.on .ico.chn7 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_cynmn_j_z.cat);}
	/* 보험상품 보험가이드 */
	.icoTab li .ico[class*=cdhb] {background-size:40px 40px;}
	.icoTab li .ico.cdhb1 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_yvsr_o_z.cat);}
	.icoTab li .ico.cdhb2 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_ubfc_o_z.cat);}
	.icoTab li .ico.cdhb3 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_nppv_o_z.cat);}
	.icoTab li .ico.cdhb4 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_xvqf_o_z.cat);}
	.icoTab li .ico.cdhb5 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_naah_o_z.cat);}
	.icoTab li.on .ico.cdhb1 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_yvsr_j_z.cat);}
	.icoTab li.on .ico.cdhb2 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_ubfc_j_z.cat);}
	.icoTab li.on .ico.cdhb3 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_nppv_j_z.cat);}
	.icoTab li.on .ico.cdhb4 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_xvqf_j_z.cat);}
	.icoTab li.on .ico.cdhb5 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_naah_j_z.cat);}
	/* 보험상품 구비서류안내 */
	.icoTab li .ico.fnd2 + .tit {margin-left:-15px; margin-right:-15px;}
	.icoTab li .ico.fnd1 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_tencu2_o.cat);}
	.icoTab li .ico.fnd2 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_gnfx_o.cat);}
	.icoTab li .ico.fnd3 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_crapvy_o.cat);}
	.icoTab li.on .ico.fnd1 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_tencu2_j.cat);}
	.icoTab li.on .ico.fnd2 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_gnfx_j.cat);}
	.icoTab li.on .ico.fnd3 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_crapvy_j.cat);}
	
	body:not(.isIOS) .tabWrap.tabScroll .tabList.icoTab::-webkit-scrollbar {-webkit-appearance:none;} 
	body:not(.isIOS) .tabWrap.tabScroll .tabList.icoTab::-webkit-scrollbar:vertical {width:3px;} 
	body:not(.isIOS) .tabWrap.tabScroll .tabList.icoTab::-webkit-scrollbar:horizontal {height:3px;} 
	body:not(.isIOS) .tabWrap.tabScroll .tabList.icoTab::-webkit-scrollbar-thumb {background-color:rgba(255, 255, 255, 0);} 
	body:not(.isIOS) .tabWrap.tabScroll .tabList.icoTab::-webkit-scrollbar-track {margin:0 32px; background-color:rgba(255, 255, 255, 0);}
	
	/* mainTab */
	.tabWrap.mainTab.def {margin-left:0 !important; margin-right:0 !important;}
	.tabWrap.mainTab.def ul.mainTab {padding:0; border:1px solid #ddd; border-width:1px 1px 0 1px; background-color:#fff;}
	.tabWrap.mainTab.def ul.mainTab > li {bottom:auto; height:63px; border:1px solid #ddd; border-width:0 1px 1px 0; white-space:normal;}
	.tabWrap.mainTab.def ul.mainTab > li .scriptCell {white-space:normal;}
	.tabWrap.mainTab.def ul.mainTab:not([class*=div_]) > li:last-child {border-right:0;}
	.tabWrap.mainTab.def ul.mainTab > li.on {color:#fff;}
	.tabWrap.mainTab.def ul.mainTab > li.on:after {content:''; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; height:auto; background-color:#5d88fb; z-index:0;}
	.isIE .tabWrap.mainTab.def ul.mainTab > li.on:after {right:0; bottom:0; /*min-height:64px;*/}
	.tabWrap.mainTab.def ul.mainTab > li.on a,
	.tabWrap.mainTab.def ul.mainTab > li.on .ipt + label {position:relative; z-index:2; color:#fff;}
	.tabWrap.mainTab.def ul.mainTab a, 
	.tabWrap.mainTab.def ul.mainTab button, 
	.tabWrap.mainTab.def ul.mainTab .ipt + label {padding:0 5px; line-height:1.3 !important;}
	.tabWrap.mainTab.def > [class*=icoBtn_] {display:none;}
		
	/* 연혁탭 */
	.tabWrap.hisTab {margin:0 -24px;}
	.tabWrap.hisTab:before,
	.tabWrap.hisTab:after {width:24px !important;}
	.tabList.hisTab {display:flex; padding:30px 0 24px 24px !important; border-bottom:none !important; white-space:nowrap; overflow-x:auto;}
	.tabList.hisTab > li {margin-right:8px;}
	.tabList.hisTab > li > a {display:inline-block; width:auto; height:44px; padding: 0 22px !important; border-radius:22px; background-color: #5d88fb !important; color: #fff; font-size: 16px; line-height:44px; box-shadow: 8px 8px 17px rgba(93,136,251,0.24);}
	.tabList.hisTab > li > button {padding:0 !important;}
	.tabList.hisTab > li.on {text-decoration:underline !important;}
	.tabList.hisTab > li.on:after {content:none;}
	
	/*================================================== Scroll Tab ==================================================*/
	.tabWrap.icoTab > [class*=icoBtn_],
	.tabWrap.def > [class*=icoBtn_],
	.tabWrap.hisTab > [class*=icoBtn_] {display:none !important;}
	
	.tabScroll.icoTab:before,
	.tabScroll.icoTab:after,
	.tabScroll.def:before,
	.tabScroll.def:after {content:none !important;}
	
	.tabScroll:not(.def):before {bottom:auto; width:40px; height:56px; background:linear-gradient(-90deg, rgba(255,255,255,0), #fff); }
	.tabScroll:not(.def):after {bottom:auto; width:40px; height:56px; background:linear-gradient(90deg, rgba(255,255,255,0), #fff);}
	.tabScroll:not(.def) .tabList {padding:0 36px;}
	.tabScroll:not(.def) .tabList > li {padding:0; vertical-align:top;}
	.tabScroll:not(.def) .tabList > li a,
	.tabScroll:not(.def) .tabList > li button,
	.tabScroll:not(.def) .tabList > li .ipt + label {padding:0 15px 3px; /*line-height:56px !important;*/ border:none;}
	.tabScroll:not(.def) .tabList > li.on:after, 
	.tabScroll:not(.def) .tabList > li.on .ipt + label:after {left:4px; right:4px;}
	
	.tabScroll:not(.def) > [class*=icoBtn_] {top:0; width:40px; height:56px; border:none; background-color:transparent;}
	.tabScroll:not(.def) .icoBtn_prev {left:0;}
	.tabScroll:not(.def) .icoBtn_prev:before {left:8px;}
	.tabScroll:not(.def) .icoBtn_next {left:auto; right:0;}
	.tabScroll:not(.def) .icoBtn_next:before {right:8px;}
	
	
	/*================================================== 상품자료 테이블 ==================================================*/
	.manualPrd .date {margin-bottom:10px; color:#222;}
	.manualPrd .row:not(:first-child) {margin-top:20px; padding-top:20px; border-top:1px solid #ddd;}
	
	/*================================================== MSG ==================================================*/
	/* 결과없음 */
	.noData:not(tr) {padding-top:180px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Sgrzc%2Sgrzc_vpba_ab_qngn.cat) no-repeat center 0; background-size:auto 180px;}
	.noData:not(tr) .txtBox {max-width:100%; margin-top:32px;}
	.noData.line:not(tr) {padding-top:212px; border-top:none; background-position:center 32px;}

	.noData.dict {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_pune_ab_qvpg.cat) no-repeat center 0;}

	/* 에러 메시지 */
	.errorMsgArea {height:100vh; min-height:auto;}
	.errorMsg {width:auto; max-width:300px; height:330px; margin:0 auto; padding:65px 30px 0;}
	.errorMsg .img {margin-top:10px;}
	.errorMsg .errorNum {font-size:56px;}

	/*================================================== snap ==================================================*/
	.mb_snap {display:-webkit-flex; display:flex; overflow:auto; scroll-snap-type:x mandatory; -webkit-scroll-snap-type:x mandatory; -ms-scroll-snap-type:x mandatory;}
	.mb_snap > li {display:block; float:none; -webkit-flex:none; flex:none; width:100vw; align-items:start; justify-content:start; scroll-snap-align:start;}

	
	/* msg 기본 */
	.msgArea {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_pune_preg_1.cat);}
	.msgArea .copy {font-size:2rem; word-break:keep-all;}
	.msgArea .copy br {display:none;}
	.msgArea .copyL {font-size:2.4rem;}
	.msgArea .copyL + .copy {font-size:1.8rem;}
	.msgArea .desc {word-break:keep-all;}

	.msgArea.finish {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_pune_svavfu.cat);}
	.msgArea.eventOk2 {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_pune_pryroengr2_zo.cat); background-size:220px auto;}
	.msgArea.emailPolicy .txtBox .txt {font-size:1.4rem; font-weight:500;}
	.msgArea.usingService {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_pune_hfr_freivpr_z.cat); background-size:226px auto;}
	
	/*================================================== 배너(banner) ==================================================*/
	/* [class*=Banner] {margin-top:64px;}
	[class*=Banner] > .swiper-container,
	[class*=Banner] > a {border-radius:8px;}
	[class*=Banner] a {display:inline-block; position:relative; width:100%;}
	[class*=Banner] a:focus:before,
	[class*=Banner] a:hover:before {content:''; position:absolute; left:0; right:0; top:0; bottom:0; border:2px solid rgba(0,0,0,0.4);} */

	/* 아이콘 + 텍스트 배너 */
	.systemBanner a {display:block; min-height:auto; padding:31px 27px; word-break:keep-all;}
	.systemBanner .imgCell,
	.systemBanner .infoCell,
	.systemBanner .btnCell {display:block; padding-right:0;}
	.systemBanner [class*=Cell]:first-child {padding-left:0;}
	.systemBanner .imgCell {width:120px; margin-bottom:18px; padding:0; text-align:left;}
	.systemBanner .imgCell img {width:100%; height:auto;}
	.systemBanner [class^=btn_].m {width:100%; margin-top:25px;}
	
	/* 아이콘 + 텍스트 링크 */
	.systemLink a.block {min-height:auto; padding:22px 31px 22px 24px; font-size:14px;}
	.systemLink a.block .tit {font-size:16px;}
	
	/*================================================== 소팅 영역(지점안내/생활서비스) ==================================================*/
	.sortVisualArea {margin:0 -24px 0; padding:32px 24px;}
	.charactVisual {display:none;}
	.sortArea {float:none; width:100% !important;}
	.sortArea .btn_p {min-width:100%;}

	/* 생활서비스 - 공공복지서비스 */
	.publicService {margin-top:-26px; padding:0; background-color:#715deb;}
	.publicClass > li {padding:27px 24px 64px; border-right:0;}
	.publicClass .img {display:none;}
	.publicClass .iptGroup {margin:0 -4px 0;}
	.publicClass .iptGroup:after {display:block; content:''; clear:both;}
	.publicClass .iptGroup > li {float:left; width:33.3333%; margin:0; padding:4px;}
	.publicClass .last .iptGroup > li {width:50%;}
	.publicClass .iptGroup label {width:100%;}
	.publicClass .tit {font-size:2rem;}

	.publicService .swiper-button-stop {display:none;}
	.publicService .btnPrev,
	.publicService .btnNext {position:absolute; left:24px; bottom:19px; width:32px; height:32px; z-index:3;}
	.publicService .btnNext {left:auto; right:24px;}
	.publicService .btnPrev:before,
	.publicService .btnNext:before {content:''; position:absolute; left:-6px; top:50%; width:8px; height:8px; border:1px solid #fff; border-width:0 0 2px 2px; background-color:transparent; box-sizing:border-box; transform:translateY(-50%) rotate(45deg);}
	.publicService .btnNext:before {left:auto; right:3px; transform:translateY(-50%) rotate(-135deg);}
	.publicService .btnPrev:after,
	.publicService .btnNext:after {content:''; position:absolute; right:1px; top:50%; width:28px; height:2px; background-color:#fff; box-sizing:border-box; transform:translateY(-50%);}
	.publicService .btnNext:after {left:1px; right:auto;}
	.publicService .swiper-controls {left:50%; right:auto; top:auto; bottom:26px; transform:translateX(-50%); z-index:3;}
	.publicService .swiper-counter {color:#fff; font-size:1.2rem;}
	.publicService .swiper-counter em {color:#fff; font-weight:500;}
	
	/* 생활서비스 - 건강정보서비스 */
	.idPgHealthSv {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Szo_vaqrk_urnygu_fi.cat) no-repeat right 30px; background-size:128px auto;}
	.idPgHealthSv .desc {padding-bottom:40px;}
	.idPg.healthClass {margin-top:20px;}
	.idPg.healthClass > li {width:100%; padding:4px 0;}
	.idPg.healthClass [class*=btnHealth_] {width:100%; height:56px; padding:0 30px 0 72px; border-radius:0; border:1px solid #d6e1fe; background-size:24px; background-position:30px center; text-align:left; }

	.healthClass [class*=btnHealth_] {background-size:32px;}
	.btnHealth_hp {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_urny_fz_z.cat);}
	.btnHealth_cp {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_grag_fz_z.cat);}
	.btnHealth_sp {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_fcbeg_fz_z.cat);}
	.btnHealth_tr {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_znc_fz_z.cat);}
	
	.idPg.healthClass .btnHealth_hp {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_urny_kf_z.cat);}
	.idPg.healthClass .btnHealth_cp {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_grag_kf_z.cat);}
	.idPg.healthClass .btnHealth_sp {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_fcbeg_kf_z.cat);}
	.idPg.healthClass .btnHealth_tr {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_znc_kf_z.cat);}
	
	.healthService {margin-top:-26px; padding-top:24px; background-color:#715deb;}
	.healthService .sortArea {text-align:left; }
	.healthService .tit {display:inline-block; margin:0; padding-right:10px; color:#fff; font-size:2.8rem; font-weight:500; vertical-align:middle;}
	.healthService .icoBtn_open {border:1px solid #fff; border-radius:50%;}
	.healthService .icoBtn_open:after {border-color:#fff;}
	.healthService .inner {display:none; position:relative; margin:26px -24px 28px;}
	.healthService .inner:after {content:''; position:absolute; left:24px; right:24px; bottom:0; border-bottom:1px solid rgba(255, 255, 255, .3);}
	.healthService .setHalf {margin-top:26px;}
	.healthService .btn_p {margin:12px 0 0; background-color:#5d88fb;}
	.healthService .snap {padding-bottom:28px; scroll-padding:24px;}
	.healthService .snap > li {width:auto; padding:0 4px;}
	.healthService .snap > li:first-child {padding-left:28px;}
	.healthService .snap > li:last-child {padding-right:28px;}
	.healthService [class*=btnHealth_] {width:136px;}
	
	.healthTxt {text-align:left;}

	.hashRdoGroup {position:relative; margin:-32px -24px 0; background-color:#f8f8f8; z-index:2; overflow-x:auto;}
	.hashRdoGroup .iptHash {margin-top:0; padding:14px 0; white-space:nowrap;}
	.hashRdoGroup .iptHash > li {display:inline-block; float:none;}
	.hashRdoGroup .iptHash > li:first-child {padding-left:24px;}
	.hashRdoGroup .iptHash > li:last-child {padding-right:24px;}

	/* 생활서비스 - 건강정보서비스 - 상세 */
	.mapArea {height:280px; margin:-26px -24px 0; border:0; border-radius:0;}
	.locationTit {margin-top:20px; font-size:20px;}
	.locationInfo {margin:20px 0 0;}
	.locationInfo ul {table-layout:auto;}
	.locationInfo li {display:table-row; padding:0; text-align:left;}
	.locationInfo li:before {content:none;}
	.locationInfo li > div {display:table-cell; vertical-align:top;}
	.locationInfo .itemTh {padding:10px 0 8px !important;}
	.locationInfo .dataTd {margin-top:0; padding:8px 0 8px 10px !important; font-size:1.6rem; text-align:right !important;}
	.locationInfo .dataTd.address {font-size:1.6rem;}

	.healthSvInfo {display:block;}
	.healthSvInfo .thum {display:block; width:auto;}
	.healthSvInfo .thum > img {width:100%; min-width:100%; height:auto; max-height:184px;}
	.healthSvInfo .locationInfo {display:block; margin:20px 0 0; padding:0; border:0; border-radius:0;}
	.healthSvInfo .locationInfo .itemTh {width:auto;}
	.healthSvInfo .locationInfo .links {margin:0;}

	/* 지점안내 */
	.popCont.branch > .popHead,
	.popCont.branch > .icoBtn_close {display:block;}
	.branch .sortVisualArea {margin:0 -24px;}
	.branch .sortArea > .inner {padding:24px 32px 28px;}

	.sortCondition {display:block;}
	.sortCondition .itemTh {display:block; width:100%; height:auto; padding:16px 0 0 0;}
	.sortCondition .dataTd {display:block; height:auto;}
	.sortCondition .iptGroup > li,
	.sortCondition .iptGroup > li:last-child:nth-child(4) {width:50% !important;}
	
	.branch .mapArea {margin:0 -24px;}
	.busiDay {display:block; height:auto; margin-top:32px;}
	.busiDay > .tit {display:block; width:100%; padding:20px; border-radius:8px; font-size:16px;}
	.busiDay > .con {display:block; padding:20px 30px;}
	/* .dayWeek {display:block;}
	.dayWeek > li {display:block;}
	.dayWeek > li:after {display:block; content:''; clear:both;}
	.dayWeek .itemTh,
	.dayWeek .dataTd {display:inline-block;}
	.dayWeek .itemTh {float:left; width:auto; white-space:nowrap;}
	.busiDay .dataTd {float:right; text-align:right;} */
	.dayWeek .itemTh {width:auto; white-space:nowrap;}
	.busiDay .dataTd {font-size:14px; text-align:right;}
	
	/*================================================== 블럭 링크(펀드/공공복지서비스/지점안내/건강정보서비스) ==================================================*/
	.blockList {margin:16px -24px 0; border-bottom:1px solid #ddd;}
	.blockList > li {float:none; width:100%; padding:0;}
	.blockList > li:first-child .block {border:0;}
	.blockList .block {display:inline-block; width:100%; min-height:auto !important; padding:23px 24px; border-width:1px 0 0;}
	.blockList a.block:focus {background-color:rgba(0, 0, 0, .15); outline:none;}
	.blockList .tit {margin-bottom:8px; color:#222; font-size:1.6rem; font-weight:300; white-space:normal;}
	.blockList .txt {white-space:normal;}
	.blockList .desc {display:block; white-space:normal;}
	.blockList.fund .tit {display:block; height:auto;}
	.blockList.contact .block {padding-bottom:61px; background-color:#fff;}
	.blockList.contact .hpFlag {right:22px; bottom:18px;}
	.blockList.contact .time {right:24px; top:20px}
	.blockList.contact .time + .txt {margin-bottom:-9px;}
	.blockList.contact .tel {left:30px; right:30px; bottom:0; min-height:45px; z-index:2;}

	.blockList.fund > li:first-child .block,
	.branchResult .blockList > li:first-child .block {border-top:1px solid #ddd;}

	/*================================================== 페이지 상단 정보 콘텐츠 영역 ==================================================*/
	.infoConArea {width:100%; margin:0; padding:0 24px;}
	.infoConArea > .inner {padding:0 24px;}
	.infoConArea p {word-break:keep-all;}
	.infoConArea p br {display:none;}
	
	.infoConArea.point {margin-top:32px; padding:32px 24px; background-color:#2662ff;}
	.infoConArea.point > .inner {padding:0; background-color:transparent; box-shadow:none;}
	
	.infoConList .img > img.visibleMb {display:inline !important;}
	/* 계약자제도 안내 */
	.infoConList.mb_snap {width:auto; margin:0 -24px; padding:32px 20px 42px; scroll-padding:16px;}
	.infoConList.mb_snap > li {width:auto; padding:0 4px; border:0 !important;}
	.infoConList.mb_snap > li:last-child {padding-right:24px;}
	.infoConList.mb_snap .block {width:270px; padding:32px 24px;}
	.infoConList.mb_snap .block:after {content:''; position:absolute; left:4px; right:4px; top:0; bottom:0; background-color:#fff; z-index:0;}
	.infoConList.mb_snap > li:last-child .block:after {right:24px;}
	.infoConList.mb_snap .block > * {position:relative; z-index:1;}
	.infoConList.mb_snap::-webkit-scrollbar {-webkit-appearance:none;} 
	.infoConList.mb_snap::-webkit-scrollbar:vertical {width:3px;} 
	.infoConList.mb_snap::-webkit-scrollbar:horizontal {height:3px;} 
	.infoConList.mb_snap::-webkit-scrollbar-thumb {background-color:rgba(255, 255, 255, 1);} 
	.infoConList.mb_snap::-webkit-scrollbar-track {margin:0 32px; background-color:#3e2abb;/*rgba(255, 255, 255, 0.5);*/}/* 240705 웹접근성 수정 */
	/* 고객의 소리 접수 */
	.infoConList.vertical {display:block; width:auto; margin-right:-24px; padding:0;}
	.infoConList.vertical > li {display:block; padding:0; border-left:0; border-top:1px solid rgba(255,255,255,0.1); text-align:left;}
	.infoConList.vertical .block {position:relative; min-height:112px; padding:22px 24px 24px 88px !important;}
	.infoConList.vertical .img {position:absolute; left:0; top:24px; width:64px; height:64px; padding-top:16px; padding-bottom:0; text-align:center; background-color:#fff; border-radius:2px;}
	.infoConList.vertical .img > img {width:32px; height:auto;}
	.infoConList.vertical .tit {position:relative; display:inline-block; padding-right:20px; color:#fff; font-size:1.6rem;}
	.infoConList.vertical .tit:after {content:''; position:absolute; right:0; top:50%; width:9px; height:9px; border:1px solid #fff; border-width:0 0 1px 1px; background-color:transparent; box-sizing:border-box; transform:translateY(-50%) rotate(-135deg);}
	.infoConList.vertical p {margin-top:0; color:rgba(255,255,255,0.7); font-size:1.4rem; line-height:1.5;}
	.infoConList.vertical span[class^=btn_] {display:none;}

	/*================================================== 보험/금융 상품 상세 ==================================================*/
	.subMain .header .bg,
	.prdDetail .header .bg {opacity:0;}
	.subMain .header:not(.sticky) h1.titH1,
	.prdDetail .header:not(.sticky) h1.titH1 {color:#fff; transition:all 0.15s ease-out;}
	.subMain .header:not(.sticky) .icoBtn_appPage span,
	.subMain .header:not(.sticky) [class*=icoBtn_app] span:before,
	.subMain .header:not(.sticky) [class*=icoBtn_app] span:after,
	.subMain .header:not(.sticky) .icoBtn_appMenu:after,
	.prdDetail .header:not(.sticky) .icoBtn_appPage span,
	.prdDetail .header:not(.sticky) [class*=icoBtn_app] span:before,
	.prdDetail .header:not(.sticky) [class*=icoBtn_app] span:after,
	.prdDetail .header:not(.sticky) .icoBtn_appMenu:after {border-color:#fff !important;}

	.prdDetail #content {padding-bottom:55px !important;}
	.prdDetail #content .tabWrap.subTab {margin:0 -24px 32px;}
	.prdDetail .pageTit {margin-bottom:0; padding:70px 0 125px;}
	.prdDetail .pageTit > .inner {padding:0 24px; text-align:center;}
	.prdDetail .pageTit .titH1 {display:none;}
	.prdDetail .pageTit .copy {margin:0; font-size:22px;}
	.prdDetail .pageTit .desc {margin:0;}

	.applicGuide {padding:25px 0 32px;}
	.applicGuide .btnGroup {margin:20px -6px 0;}
	.applicGuide [class^=btn_] {width:47%; min-width:auto; margin:0 2px; padding:5px 0; box-shadow:none !important;}
	.applicGuide [class^=btn_] > span.visibleMb {display:inline-block !important;}

	.applicGuide[class*=consul_] {width:100%; height:auto; padding:32px 31px 32px;}
	.applicGuide[class*=consul_] p {width:100%;}
	.applicGuide[class*=consul_] .btnGroup {position:static; margin-top:25px; text-align:center;}
	.applicGuide.consul_apply {float:none; z-index:1;}
	.applicGuide.consul_tel {float:none; margin-top:5px; box-shadow:none; z-index:0;}
	.applicGuide.consul_tel a[href^=tel] {display:block; border:1px solid #ddd; border-radius:6px; color:#666; font-size:16px; font-weight:300; line-height:42px;}

	/* 보험 */
	.insu.prdDetail .bgColor {padding:0 !important; background-color:#f8f8f8;}
	.insu.prdDetail .pageTit .desc {margin-top:15px; color:#fff; font-size:16px; font-weight:300; text-align:center;}
	.insu.prdDetail .infoConArea {margin:-100px 0 30px; padding-bottom:0;}
	.insu.prdDetail .infoConArea > .inner {background-color:#fff; box-shadow:7px 3px 27px rgba(0,0,0,0.08);}
	.insu.prdDetail .applicGuide .btn_t:not(.m) {min-height:44px; border-color:#d6e1fe; border-radius:2px; background-color:#f2f6ff; color:#445fe6; font-size:16px; font-weight:300; line-height:32px;}

	.insu.prdDetail .infoConArea.digital {}
	.insu.prdDetail .infoConArea.digital > .inner {background-color:transparent; box-shadow:none;}
	.insu.prdDetail .infoConArea.digital .applicGuide {padding:15px 0 42px;}
	.insu.prdDetail .infoConArea.digital .applicGuide .visibleMb {display:none !important;}
	.insu.prdDetail .infoConArea.digital .applicGuide .btnGroup {margin:0;}

	/* 금융(펀드) */
	.fund.prdDetail .pageTit {margin-bottom:30px; padding:70px 0 74px;}
	.fund.prdDetail .pageTit > .inner {padding-top:14px; text-align:left;}
	.fund.prdDetail .pageTit .state span:not([class^=flag_]) {font-size:16px;}
	.fund.prdDetail .pageTit .state span:not([class^=flag_]):first-child {padding-left:0;}

	/* 금융(대출) */
	.loan.prdDetail .pageTit .desc {font-size:14px; font-weight:300;}
	.loan.prdDetail .infoConArea > .inner {padding:0 24px;}
	.loan.prdDetail section.bgColor {padding-bottom:0 !important;}
	.loan .applicGuide {border-top:1px solid #eee; text-align:left;}

	.itemList {padding:24px 0; table-layout:auto;}
	.itemList > li {display:table-row; padding:0; border-left:0; text-align:left;}
	.itemList .itemTh {display:table-cell;}
	.itemList .dataTd {display:table-cell; padding:11px 0 10px; font-size:20px; text-align:right;}
	.itemList .dataTd > em {font-size:14px;}
	
	/* 연관메뉴 */
	.relationMenu {margin:0 -24px; padding:45px 24px 20px; background-color:#fff;}
	.relationMenu .tit {float:none; margin:0;}
	.relationMenu .linkGroup {float:none; margin:16px 0 0;}
	.relationMenu .linkGroup .links {display:block; margin:0; padding:19px 0 20px; border-top:1px solid #eee;}
	.relationMenu .linkGroup .links:first-child{border-top:none;}
	.relationMenu .linkGroup .links:before {content:none;}
	.relationMenu .linkGroup .links:after {left:auto; right:8px; top:50%; bottom:auto; width:10px; height:10px; border:1px solid #666; border-width:2px 2px 0 0; background-color:transparent; box-sizing:border-box; transform:translateY(-50%) rotate(45deg);}
	.relationMenu .linkGroup .links:hover:after,
	.relationMenu .linkGroup .links:focus:after {left:auto; right:8px; width:10px;}

	/* 상세 페이지 하단 sticky */
	.prdSticky {bottom:0; left:0; width:100%; height:auto; padding:0; background-color:transparent; text-align:center; transform:none;}
	.prdSticky .info {display:none;}
	.prdSticky.num2 > span {width:50% !important;}
	.prdSticky [class^=btn_] {min-width:100%; min-height:72px !important; margin:0; padding:0; border-color:#715deb !important; background-color:#715deb !important; color:#fff; font-size:18px; line-height:60px !important; box-shadow:none;}
 	.loan .prdSticky [class^=btn_].btn_p span{color:#fff} /* 240701 -웹접근성 추가 */
 	
	/*================================================== 보험/금융 상품 리스트 ==================================================*/
	.prdList {margin:0 -24px;}
	.prdList > li {width:100%; padding:0; border-bottom:4px solid #eee;}
	.prdList .block {min-height:auto; padding-bottom:95px; border:0; border-bottom:1px solid #ddd;}
	.prdList .state {margin-bottom:17px; white-space:nowrap;}
	.prdList .tit {font-size:18px; font-weight:300;}
	.prdList [class^=badge_] ~ .tit {padding-right:0;}
	.prdList a.block .tit > em span {margin-top:4px;}
	.prdList .block:before,
	.prdList .block:after {content:none;}
	.prdList .btnGroup {left:38px; bottom:35px;}
	
	.prdList .btnGroup .btnCalcul {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_oga_pnyphy_z.cat);}
	.prdList .btnGroup .btnDirect {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_oga_qverpg_z.cat);}
	.prdList .btnGroup .btnConsul {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_oga_pbafhy_z.cat);}
	
	.infoConArea .prdList .block:focus + .btnGroup .btnCalcul,
	.infoConArea .prdList .block:hover + .btnGroup .btnCalcul {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_oga_pnyphy_b_z.cat);}
	.infoConArea .prdList .block:focus + .btnGroup .btnCalcul,
	.infoConArea .prdList .block:hover + .btnGroup .btnConsul {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_oga_pbafhy_b_z.cat);}
	.infoConArea .prdList .block:focus + .btnGroup .btnCalcul,
	.infoConArea .prdList .block:hover + .btnGroup .btnDirect {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_oga_qverpg_b_z.cat);}
	
	.infoConArea .swiperWrap {margin:0 -24px; padding:0 0 40px;}
	.infoConArea .swiper-container {padding:6px 24px 40px 24px;}
	.infoConArea .prdList > li {padding:0 4px !important; border:0;}
	.infoConArea .prdList .block {min-height:288px; padding:38px 32px 86px; box-shadow:15px 24px 16px rgba(0,0,0,0.06) !important;}
	.infoConArea .prdList .btnGroup {left:38px; bottom:30px;}
	
	.infoConArea .swiperWrap[data-per-view="3"] .prdList > li,
	.infoConArea .swiperWrap[data-per-view="3"] .prdList > li.swiper-slide-prev,
	.infoConArea .swiperWrap[data-per-view="3"] .prdList > li.swiper-slide-next + .swiper-slide + .swiper-slide {padding:0 4px !important;}

	[class^=badge_] {top:-6px; width:56px; height:42px; padding-top:0;}
	[class^=badge_] + [class^=badge_] {right:80px;}
	[class^=badge_] > em {display:inline-block; position:absolute !important; width:1px; height:1px; margin:-1px; border:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%);}
	[class^=badge_]:before {top:3px; background-size:25px 25px;}

	.infoConArea .swiper-controls {bottom:40px;}
	.infoConArea .swiperWrap .btnPrev,
	.infoConArea .swiperWrap .btnNext {display:none;}
	
	.fina.subMain .prdList {margin:0;}
	.fina.subMain .prdList .block {padding:35px 31px;}
	.fina.subMain .prdList .tit {font-size:20px; font-weight:500;}
	.fina.subMain .prdList .copy {left:31px; bottom:28px;}
	.fina.subMain .iptBtn.m {margin:28px -35px 7px;}

	.fundPrd {display:inline-block; width:100%; height:auto; margin:0 0 32px; padding:95px 24px 32px; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_tencu_z.cat); background-size:40px 40px;}
	.fundPrd .tit {font-size:20px;}
	.fundPrd .copy {margin-bottom:20px; font-size:14px;}
	
	.fundPrd:focus, .fundPrd:hover {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_tencu_j_z.cat);}
	
	/* 추천상품(Best) */
	.bestPrdArea {margin:0 -24px; padding-bottom:24px;}
	.bestPrdArea .swiper-container {padding:0 24px;}
	.bestPrdArea .prdList {margin:0;}
	.bestPrdArea .prdList > li {padding:0 8px;}
	.bestPrdArea .prdList .block { min-height:190px; padding:19px 23px; background-color:#5d88fb; color:#fff;}
	.bestPrdArea .prdList .state {margin-bottom:10px;}
	.bestPrdArea .prdList [class^=flag_] {color:#fff;}
	.bestPrdArea .prdList .tit {color:#fff;}
	
	.bestPrdArea .prdList > li:last-child:nth-child(1),
	.bestPrdArea .prdList > li:last-child:nth-child(2),
	.bestPrdArea .prdList > li:last-child:nth-child(3) {width:100% !important; background:none;}
	.bestPrdArea .prdList > li:last-child:nth-child(1) .block,
	.bestPrdArea .prdList > li:last-child:nth-child(2) .block,
	.bestPrdArea .prdList > li:last-child:nth-child(3) .block {width:100%;}

	/*================================================ 통합검색 ================================================*/
	.srchTotal {width:auto; margin:0 0 24px;}
	.srchTotal .inner {padding:20px 24px; text-align:left; font-size:1.4rem; background-color:#f8f8f8; font-weight:500;}
	.srchTotal [class^=titH] {font-size:1.4rem;}
	.srchTotal .iptSort {position:static; display:block; padding:13px 24px 7px; text-align:left; border-bottom:1px solid #ddd;}
	.srchTotal .iptSort > li:first-child {margin-left:0;}

	section:not(#content) .srchTotal {margin:0 -24px;}
	section:not(#content) .srchTotal .tabWrap.etcTab {margin-left:0 !important; margin-right:0 !important;}
	
	/* 검색결과 */
	.srchResult {margin:0 -24px; border-top:none; border-bottom-color:#ddd;}
	.srchResult > li {padding:16px 24px;}
	.srchResult .desc {font-size:1.4rem;}
	.srchResult .tit ~ .cate {margin-top:7px;}

	/*================================================ 팝업 ================================================*/
	.popWrap:not(.alertPop) .popup,
	.popContain {display:block;}
	.popCont:not(.alert) {width:100vw !important; padding:0 0 32px; border-radius:0;}
	.popCont > .icoBtn_close {top:10px; right:15px;}
	.popCont > .icoBtn_close:before,
	.popCont > .icoBtn_close:after {height:23px;}
	.popCont .btnArea {margin:32px 0 64px;}
	.popCont:not(.alert) .btnArea [class^=btn_]:not(.s):not(.m) {min-width:100%; min-height:56px; padding:5px 10px; border-radius:0; font-size:18px; font-weight:500; line-height:44px;}
	
	/* IOS 팝업 스크롤 끝까지 안되는 문제 */
	.fullPop .popCont {height:100%; min-height:100vh !important; min-height: calc(var(--vh,1vh)*100) !important; overflow-y:auto; overflow-x:hidden;}
	.fullPop .popHead {position: fixed;}
	.fullPop .popCont > .icoBtn_close,
	.popCont.branch > .icoBtn_close {position: fixed;}
	.fullPop .popBody {padding-bottom:0; overflow: visible;}
	
	.popHead {height:55px; z-index:2;}
	.popHead h1 {height:54px; padding:1px 60px 0 24px; font-size:18px;}
	.popBody {height:auto; max-height:none; padding:55px 24px 72px; z-index:1;}
	/* windowPop */
	.windowPop .popBody.winDef {max-height: 100vh; padding-bottom:20px;}
	.windowPop.hasSticky .popBody.winDef {max-height: calc(100vh - 72px);}
	
	.externalPop .popHead {position:fixed;}
	.externalPop .popCont {width:100% !important;}
	
	/* bottom 팝업 */
	.popCont.bottom {position:fixed; bottom:0; width:100%; height:auto; padding:77px 0 0 0; max-height:80%; border-radius:19px 19px 0 0; transition: transform 0.25s ease-out; transform: translate(0,100%)}
	.popCont.bottom .popHead + .popBody {/*padding-bottom:190px;*/}
	.popCont.bottom .popHead {height:77px;}
	.popCont.bottom .popHead h1 {padding:5px 55px 0;}
	.popCont.bottom .popBody {height:auto !important; max-height:calc(80vh - 77px) !important; padding:0 20px; /*padding:0 20px 115px;*/ text-align:left; overflow-y:auto;}
	.popCont.bottom .btnArea {margin:32px 0;}
	.popCont.bottom > .icoBtn_close {position:absolute; top:22px; right:12px; width:40px; height:40px; z-index:11;}
	.popCont.bottom.open {transform:translate(0,0)}

	.popWrap.hasSetToday .popCont.bottom .btnArea.mb {box-shadow: 0 0 9px rgba(0, 0, 0, .15) !important;}
	.popWrap.hasSetToday .popCont.bottom .btnArea.mb .single.toDay button {color:#666; font-size:1.4rem;}
	.popWrap.hasSetToday .popCont.bottom .btnArea.mb button.close {color:#222; font-weight:500;}
	
	.selectLayer .popCont.bottom {border-radius:19px 19px 0 0;}
	.selectLayer .popCont.bottom .popHead h1 {padding:5px 55px 0 32px; text-align:left;}
	
	.optionList {margin:0 -20px; border-bottom:none;}
	
	/* alert */
	.popContain.alert {display:table-cell; width:100vw;}
	.popContain.alert .popCont {margin:0 auto;}
	.alert .btnArea.sticky {position:absolute !important; padding:0 5px 5px !important; box-shadow:none !important;} 
	.alert .btnArea.num2 > span {float:none; width:auto; padding:0;}
	
	/* tooltip */
	.bottom .tooltip:before {content:none;}
	
	.qr_olMbPrd img {width: 100%}
}
@media all and (max-width:414px) {
	.insu.prdDetail .infoConArea.digital .applicGuide .btn_t:not(.m) {width:100%; box-shadow:4px 8px 8px rgba(0, 0, 0, .1);}
}

@media all and (max-width:375px) {

	/*================================================== Form ==================================================*/
	.videoDetail .videoArea {height:212px;}
}

@media all and (max-width:360px) {
	/*================================================== Form ==================================================*/
	/* basic */
	.ipt {padding:0 7px;}
	select.ipt {padding:0 33px 0 7px; background-position:right 5px center;}

	/* 주민등록번호 뒤 1자리 */
	.setHalf .keypad.letter1:after {letter-spacing:1px;}

	.iptBtn.m .ipt + label {min-width:85px;}

	/* 운전면허번호 */
	.setDriver select.ipt {width:120px !important;}
	.setDriver input.ipt:last-of-type {padding-left:255px;}

	/*================================================== 소팅 영역(지점안내/생활서비스) ==================================================*/
	/* 지점안내 */
	.branch .sortArea > .inner {padding:24px 24px 28px;}

	/*================================================== BBS ==================================================*/
	/* 이벤트 게시판 */
	[class*=event] .date > span + span:not(.dDay) {display:block; padding-left:0; margin-top:5px;}
	
	/*================================================== 보험/금융 상품리스트 ==================================================*/
	.infoConArea .prdList .block {padding:38px 24px 75px;}
	.infoConArea .prdList .btnGroup {left:24px; bottom:24px;}
	
	.fina.subMain .prdList .block {padding:25px 24px;}
	.fina.subMain .prdList .copy {left:24px; bottom:20px;}
}

@media all and (max-width:320px) {
	
	/*================================================== Paging ==================================================*/
	.msgArea .copyL br.visibleMb {display:none !important;}
	
	/*================================================== Paging ==================================================*/
	.paging {margin:64px -24px 0;}
	.paging ul {padding:0;}
	.paging li {padding:0;}

	/*================================================== Form ==================================================*/
	/* basic */
	.ipt {padding:0 5px; font-size:15px;}
	select.ipt {padding:0 28px 0 5px; background-position:right 3px center;}

	/* 보안키패드 */
	body:not(.isIE):not(.isFF) .ipt[type=password] {padding-left:4px; font-size:35px;}

	.ipt[type=password]::-webkit-input-placeholder {transform:translateY(-20%);}

	/* 주민등록번호 뒤 1자리 */
	.setHalf .keypad.letter1:after {padding-left:4px; letter-spacing:0;}

	.iptBtn.m .ipt + label {min-width:85px;}

	/* 운전면허번호 */
	.setDriver select.ipt {width:108px !important;}
	.setDriver input.ipt:nth-of-type(1) {width:24px;}
	.setDriver input.ipt:nth-of-type(2) {width:52px;}
	.setDriver input.ipt:last-of-type {padding-left:215px;}

	/*================================================== 소팅 영역(지점안내/생활서비스) ==================================================*/
	/* 지점안내 */
	.branch .sortArea > .inner {padding:16px 12px 20px;}

	/*================================================== 보험/금융 상품리스트 ==================================================*/
	.infoConArea .prdList .coverage {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}/*250715 오타수정*/
	.infoConArea .prdList .btnGroup > span + span {margin-left:15px;}
	.infoConArea .prdList .btnGroup > span + span:before {left:-8px;}

	.fina.subMain .infoConArea .prdList .state {margin:0 0 15px;}
	
}



	/* s ----------- 20221013 홈페이지 마케팅동의 , 철회 개선*/
	.termsAll.new .accoHead .ipt + label.allChk:after {display:none;}
	.termsAll.new .accoHead .ipt + label.allChk {text-align:left;} 
	.termsAll.new ul.termsWrap .accoHead .iptGroup.agree {background:#fff; border-bottom:0px;}
	@media all and (max-width:768px) {
		.termsAll.new ul.termsWrap .accoHead {padding:4px 0px 4px 0;}
		.termsAll.new ul.termsWrap .accoHead > span {padding:8px; border:none;}
	}
	/* e ----------- 20221013 */
	
.msgArea.kakao {padding-top: 130px;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_xnxnbcnl_02.cat');}/* 230918 - 추가 */
.msgArea.shinhan {padding-top: 130px;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_fuvauna.cat');}/* 230918 - 추가 */	

/* 240524 녹위부활 신청 프로세스 (s) */
[class^=btn_].xsr{display:inline-block; min-width:64px; min-height:28px; margin:0; line-height:1; padding:0px 12px; border-radius:14px; font-size:13px; font-weight:500; letter-spacing:-0.07em;}
[class^=btn_]:not(button).xsr {line-height:26px;}
[class^=btn_].xsr.arrow:after{display:inline-block; content:''; width:8px; height:8px; vertical-align:middle; margin:-3px 0 0 1px; border:1px solid #fff; border-width:1px 1px 0 0; box-sizing:border-box; transform:rotate(45deg); z-index:1;}

.tblY.data td.addBtn{padding-right:4px;}
.tblY.data td.addBtn > span{vertical-align:middle;}
.tblY.data td.addBtn .btn_p.xsr{float:right;}

.msgArea.counselReq{padding-top:190px; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szft_pbhafry_erd.cat); background-position:center 48px;}
/* 240524 녹위부활 신청 프로세스 (e) */

/* 240621 모바일등록상품 qr등록 수정 (s) */
.prdList li .prdMobile{position:absolute;bottom:59px;left:60px;right:62px;transform: translate(0px, 0px);/*transition: all 0.2s ease-in-out;*/}
.prdList li .prdMobile span{display:inline-block;padding:10px 0 0;font-size: 14px;color:#222;font-weight: 500;}
.prdList li .prdMobile .qrCode{position: absolute;bottom: 0;right: 0;}
.prdList li.on .prdMobile{transform: translate(-5px, -10px);}
@media all and (max-width:768px) {
 .prdList li .prdMobile{left:38px;right:38px;bottom:30px;}
 .prdList li .prdMobile .qrCode{right:-20px;}
 .prdList li .prdMobile .qrCode img{width: 80%;}
}
 
.prdList.slideList li .prdMobile{position:absolute;bottom:38px;left:38px;right:38px;}
.infoConArea .prdList .block:hover .prdMobile span{color:#fff;}
/* 240621 모바일등록상품 qr등록 수정 (e) */


/* 240624 신용대출 안심차단 서비스 팝업 (s) */
.popBody .safetyBlock .titArea{margin-bottom:20px;text-align: left;}
/* 240624 신용대출 안심차단 서비스 팝업 (e) */

/* 240906 가입후기 수정 (s) */
.digital .reviewBbsList.accoType{margin:0;border-top: 1px solid #222;}
.digital .reviewBbsList.accoType > li{display:block;width:100%;padding:0;border-bottom:1px solid #ddd;}
.digital .reviewBbsList.accoType > li .accoHead{background:#fff;}
.digital .reviewBbsList.accoType > li .accoBtn{display:flex;align-items:center;padding-right:100px;min-height:86px;}
.digital .reviewBbsList.accoType > li .accoBtn:after{top:45px;right:42px;}
.digital .reviewBbsList.accoType .starNumb{flex:none;float:none;margin:0;padding-left:40px;width:154px;font-size:16px;font-weight:700;color:#666;}
.digital .reviewBbsList.accoType .starNumb em{font-size:16px;color:#222;font-weight:700;}
.digital .reviewBbsList.accoType .ratingBest{flex:none;position:static;display:inline-block;margin-right:20px;font-size:12px;font-weight:300 !important;}
.digital .reviewBbsList.accoType .desc{flex:1;padding-right:50px;font-size:16px;color:#222;}
.digital .reviewBbsList.accoType .info{flex:none;position:static !important;font-weight:500;width:190px;text-align:center;}
.digital .reviewBbsList.accoType .info span{padding-right:10px;}
.digital .reviewBbsList.accoType .info span:last-child{padding-right:0px}
.digital .reviewBbsList.accoType .info span:before{padding-right:10px}
.digital .reviewBbsList.accoType .accoHead .desc{text-overflow:ellipsis; /*white-space:nowrap;*/ overflow:hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.digital .reviewBbsList.accoType .accoBody{background:#f8f8f8;padding:35px 40px;}
.digital .reviewBbsList.accoType .accoBody .inner{font-size:16px;color:#000;}

.digital .reviewBbsList.reviewBbsList04 > li { display:block; width:100%; border-bottom: 1px solid #ddd;}
.digital .reviewBbsList.reviewBbsList04 > li > a {height: auto; position: relative; padding: 20px 52px 20px 20px;}
.digital .reviewBbsList.reviewBbsList04 .ratingBtn {box-shadow:none;}
.digital .reviewBbsList.reviewBbsList04 .ratingBtn .descDiv {margin:0px; border-top:0px; padding: 0;}
.digital .reviewBbsList.reviewBbsList04 .ratingInfo{margin-left:0}
.digital .reviewBbsList.reviewBbsList04 .info{color:#666; margin:0px;}
.digital .reviewBbsList.reviewBbsList04 .info span:before{height:12px;}
.digital .reviewBbsList.reviewBbsList04 .info .starNumb{color:#222;}
.digital .reviewBbsList.reviewBbsList04 .info .starNumb em{font-weight:300;}
.digital .reviewBbsList.reviewBbsList04 .ratingBtn .descDiv .desc.ratingTxt{margin-top:5px;font-size:17px;font-weight:500;}
.digital .reviewBbsList.reviewBbsList04 .descDiv .desc {-webkit-line-clamp: 1;}
.digital .reviewBbsList.reviewBbsList04 .ratingBtn.on .descDiv .desc {-webkit-line-clamp: unset;}
.digital .reviewBbsList.reviewBbsList04 .starNumb {margin:0px;}
.digital .reviewBbsList.reviewBbsList04 .ratingDate {margin-top:8px;font-size:12px;color:#959595;}
.digital .reviewBbsList.reviewBbsList04 .ratingBest {top:-10px;right:-30px;}

.digital .reviewBbsList.reviewBbsList04 .ratingBtn.show:after{top:98px}
/* 240906 가입후기 수정 (e) */

/* 241015 - 전체약관동의 하위 체크리스트 (s) */
.iptGroup.termsChkList li{display:block; margin:0;}
.termsChkList li > div{position:relative; padding:4px 30px 4px 0;}
.termsChkList li .icoBtn_arrow{position:absolute; right:1px; top:4px; width:25px; height:25px; border-left:0; z-index:1;}
.termsChkList li .icoBtn_arrow:after{width:8px; height:8px;border-width: 0 1px 1px 0;border-color: #888;}
.termsChkList li .ipt[type=checkbox] + label.sm{font-size:14px;line-height:1.8;color:#666;}
.termsChkList li .ipt[type=checkbox] + label.sm:before{border-color:transparent; background-color:transparent}
.termsChkList li .ipt[type=checkbox] + label.sm:after{/*border-color:#ccc;*/border-color:#6e6e6e;}/* 250616 웹접근성 체크 고대비  */
.termsChkList li .ipt[type=checkbox]:checked + label.sm:after{/*border-color:#5d88fb;*/border-color:#346bff;border-width: 0 3px 3px 0;}/* 250609 웹접근성 색상 및 굵기 변경*/
.termsChkList li .ipt[type=checkbox]:checked + label.sm{color:#1a75e4;font-weight: bold;}/* 250609 웹접근성 굵기 변경*/
/* 241015 - 전체약관동의 하위 체크리스트 (e) */

/* 250103 운전면허 입력방식 수정 (s) */
.digital .setDriver.type01 input.ipt:nth-of-type(1) {width: 73px;margin-left: 1px;}
.digital .setDriver.type01 input.ipt:nth-of-type(2) {width: 70px;padding-left: 0px;}
.digital .setDriver.type01 input.ipt:nth-of-type(3) {width: 120px; padding-left: 0px;}
.digital .setDriver.type01 input.ipt:last-of-type {padding-left: 325px; text-align:center;}
.digital .setDriver.type01 span.sign:nth-child(7) {margin-left: 20px;}
.digital .setDriver.type01 .icoBtn_keypad {right:78px;}
/* 250103 운전면허 입력방식 수정 (e) */

/* 250211 할인혜택 표시 개선 (s) */
.digital .insuPayWrap .insuInfo .discountInfoBox{display:flex; align-items: center; margin-bottom: 24px;}
.digital .insuPayWrap .insuInfo .discountInfoBox .tit{margin-bottom: 0;}
.digital .insuPayWrap .insuInfo .discountInfoBox .ico{flex:none;display:block; width: 57.5px; margin-right: 20px;}
.digital .insuPayWrap .insuInfo .discountInfoBox .ico img{width:100%;}
/* 250211 할인혜택 표시 개선 (e) */

/*250218 화면 확대축소버튼 수정 (s)*/
.addOns > div:last-child{margin-left:5px;}
.icoBtn_zoom {width:55px; height:32px; background:none; color:#fff; font-size: 14px; letter-spacing: -0.05rem;}
.whiteNav .header:not(.sticky) .crumbs .icoBtn_zoom {background:none;color:#222;}/*250520 추가*/
/*250218 화면 확대축소버튼 수정 (e)*/

/* 250516 메인 팝업 색상 변경 (s) */
.popup .notiPop.blueType {background-color:#dfebfe;}
.popup .notiPop.blueType [class*=titH] .mark.blue{border-image-source:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Sgvg_znex_oy.cat);}
.notiPop.blueType .btnPrev:before, 
.notiPop.blueType .btnNext:before {width:32px; height:32px; margin-left:8px; border-color:#2878f4;}
.notiPop.blueType .btnArea button span {color:#2878f4; }
.notiPop.blueType button.swiper-pagination-bullet:before, .notiPop.blueType button.swiper-pagination-switch:before{background-color:rgba(40, 120, 244, .5);}
.notiPop.blueType button.swiper-pagination-bullet-active:before,
.notiPop.blueType button.swiper-active-switch:before {background-color:#2878f4;}
.notiPop.blueType .swiper-button-stop:before,
.notiPop.blueType .swiper-button-stop:after{background-color:#2878f4;}
.notiPop.blueType .swiper-button-play:after{ border-top:5px solid rgba(255,255,255,0); border-bottom:5px solid rgba(255,255,255,0); border-right:6px solid rgba(255,255,255,0); border-left:6px solid #2878f4;}
.notiPop.blueType .btnArea .btn_s.s {color:#2878f4; border-color:#2878f4; }/*250520 추가*/
/* 250516 메인 팝업 색상 변경 (e) */

/* 250627 제도개선 사례 (s) */
.dataSrchBox.searchBbsType{position: relative; margin-bottom: 64px; background: #f8f8f8;}
.dataSrchBox.searchBbsType .iptWrap{width: 368px;}
.dataSrchBox.searchBbsType .iptWrap .ipt{padding-left: 0;  height: 56px; border-color:transparent; border-bottom: 2px solid #000; border-radius: 0; background: transparent;}
.dataSrchBox.searchBbsType .iptWrap .ipt:hover,
.dataSrchBox.searchBbsType .iptWrap .ipt:focus {border-bottom-color: #5d88fb;}

.keywordArea{display: flex; gap:6px; margin-bottom: 50px;}
.keywordArea .keyword_srch{display: inline-flex; align-items: center; padding: 0 24px; height: 44px; line-height: 1; border: 1px solid #ddd; border-radius: 24px;}
.keywordArea .keyword_srch.on{ color: #fff; font-weight: 500; border-color:#5d88fb; background-color:#5d88fb; box-shadow:4px 4px 8px rgba(93, 136, 251, 0.24);}

.bbsListCount{font-size: 14px;}

.videoBbsList.type2{margin-top: 30px;}
.videoBbsList.type2 .thum{border:1px solid #ddd; border-radius:0; background: #f8f8f8;}
.videoBbsList.type2 .tit{margin-top: 20px;}

.bbsHead .keywordArea{margin: 30px 0 0;}

.divisionBox{display: flex; align-items: flex-start; justify-content: center; margin: 60px 0 0;}
.divisionBox > div{text-align: center;}
.divisionBox.gap205{gap:205px}

/* only mobile */
@media all and (max-width:768px) {
	.dataSrchBox.searchBbsType{margin-bottom: 24px; background:#fff}
	.dataSrchBox.searchBbsType .iptWrap .ipt{padding-right: 50px; height: 44px; }
	.dataSrchBox.searchBbsType .iptWrap .ipt:focus{padding-right: 77px; height: 44px; }
	.dataSrchBox.searchBbsType .iptWrap .icoBtn_del {right: 36px;}
	.dataSrchBox.searchBbsType .btnIco_srch.btn_p{position: absolute; right: 0; bottom: 4px; background-color: transparent;}

	.keywordArea {margin-bottom: 32px;}
	.keywordArea .keyword_srch{height: 36px; font-size: 14px; padding:0 16px; border-radius: 18px;}

	.bbsListCount{font-size: 16px;}

	.videoBbsList.type2{margin-top: 16px;}
	.videoBbsList.type2 li{width: 100%;}
	.videoBbsList.type2 li + li{padding-top:64px;}
	.videoBbsList.type2 .thum{min-height:130px;height:auto;}

	.divisionBox{display: block; margin: 40px 0 0;}
	.divisionBox > div ~ div{margin-top: 25px;}
	.divisionBox img{max-width: 100%;}
}
/* 250627 제도개선 사례 (e) */

/* ================================================ 250709 홈페이지 컬러 변경 ================================================ (s)*/

/* 텍스트 컬러 */
.pointC1 {color:#0046ff !important;} 
.pointC5 {color:#003ddf !important;} 
.pointC8 {color:#336bff !important;} 

/*Title*/
.titH4.dot:before {/*background-color:#5d88fb;*/background-color:#5393f7;}

/*button*/
.btn_p {border-color:#336bff; background-color:#336bff;}
.btn_p:focus,
.btn_p:hover {border-color:#003ddf; background-color:#003ddf;}
.btn_p.m,
.btn_p.s {/*border-color:#5d88fb; background-color:#5d88fb;*/ border-color:#5393f7; background-color:#5393f7;}
.btn_s.s {/*border-color:#5d88fb;*/border-color:#5393f7; color:#0046ff;}
.btn_s.s > span:after {border-bottom-color:#0046ff;} 
.btn_s.b {color:#0046ff;}
.btn_t {color:#0046ff;}
.btn_t > span:after {border-bottom-color:#0046ff;}

/* 새창 */
.ico_newWin:before {border:2px solid #336bff;}

/* 다운로드 */
.ico_down:after {border:2px solid #336bff;}

/* 플러스(추가) */
[class^=btn_].plus span:after {background-color:#0046ff;}

/* 재생 버튼 */
.btn_s.play span:before {border-color:transparent transparent #0046ff transparent;}

/* links */
.links {color:#0046ff;}
.links:after {border-bottom:1px solid #0046ff;}

/* links 묶음 */
.linkGroup > .links:hover {color:#0046ff;}

/* links + 오른쪽 화살표 */
.links.arrow.info::after {background-color:#336bff; }

/* 바로가기 링크 */
.shortLink {color:#0046ff;}
.shortLink.addIco [class*=ico_] {background-color:#336bff; }/*250715 추가수정*/

a:focus .ico_link,
a:hover .ico_link {background-color:#336bff !important;}

/* Form basic */
select.ipt option[selected] {color:#0046ff;}

.ipt:focus {/*border-color:#5d88fb;*/border-color:#5393f7;}
.ipt:hover {/*border-color:#5d88fb;*/border-color:#5393f7;}

/* 삭제버튼 */
.iptWrap .icoBtn_del {box-shadow:inset 0px 0px 0px 12px #336bff;}

/* Date picker & Month picker */
.ui-datepicker,
.monthPicker {border:1px solid #336bff !important; }
.ui-datepicker select.ui-datepicker-year option[selected],
.ui-datepicker select.ui-datepicker-month option[selected],
.monthPicker select.ipt option[selected] {color:#0046ff;}
.ui-datepicker .ui-state-active,
.monthPicker .btn_month.on {/*border-color:#5d88fb !important; background-color:#5d88fb !important;*/border-color:#5393f7 !important; background-color:#5393f7 !important;}
.ui-datepicker .ui-datepicker-today .ui-state-default:before,
.monthPicker .btn_month.today:before {/*background-color:#5d88fb;*/background-color:#5393f7;}

/* checkbox */
.ipt[type=checkbox]:checked + label:before {/*border-color:#5d88fb;*/border-color:#5393f7;}
.ipt[type=checkbox]:checked + label:after {/*border-color:#5d88fb;*/border-color:#5393f7;}
.ipt[type=checkbox]:checked + label:hover:before,
.ipt[type=checkbox]:checked:focus + label:before {/*background-color:#5d88fb;*/background-color:#5393f7;}

/* checkbox lg */
.ipt:checked + label.lg:before {border-color:#336bff; background-color:#336bff;}
.ipt:checked + label.lg:hover:before,
.ipt:checked:focus + label.lg:before {background-color:#336bff; transition:none;}
.ipt:focus + label.lg:before,
.ipt + label.lg:hover:before {border-color:#003ddf;}

/* checkbox 전체동의 */
.ipt:checked + label.allChk {border-color:#003ddf; color:#003ddf;}
.ipt:checked + label.allChk:after {border-color:#336bff !important;}
.ipt:focus + label.allChk,
.ipt + label.allChk:hover {border-color:#003ddf;}

/* checkbox tit */
.ipt:checked + label.tit:before{/*border-color:#5d88fb; background-color:#5d88fb;*/border-color:#5393f7; background-color:#5393f7;}
.ipt:checked + label.tit:hover:before,
.ipt:checked:focus + label.tit:before {/*background-color:#5d88fb;*/ background-color:#5393f7;}

/* radio */
.ipt[type=radio]:checked + label:before {/*border-color:#5d88fb; background-color:#5d88fb;*/border-color:#5393f7; background-color:#5393f7;}

/* 필터 */
.iptFilt .ipt:checked + label {/*border-color:#5d88fb;*/border-color:#5393f7; color:#0046ff;}
.iptFilt.ipblue .ipt:checked + label {/*background-color:#5d88fb;*/background-color:#5393f7;}

/* 필터 인증 */
.iptFilt .ipt:checked + [class *= certRadio] {/*background-color: #5d88fb; border-color: #5d88fb;*/ background-color: #5393f7; border-color: #5393f7;}

/* 버튼형 */
.iptBtn > li.on a,
.iptBtn > li.on button,
.iptBtn .finish a,
.iptBtn .finish button,
.iptBtn .ipt:checked + label {/*border-color:#5d88fb; background-color:#5d88fb;*/border-color:#5393f7; background-color:#5393f7;}
.iptBtn.icoL .ipt:checked + label {color:#0046ff; /*border-color:#5d88fb;*/border-color:#5393f7;}
.iptBtn.icoL .ipt:checked + label [class^=ico_] {/*background-color:#5d88fb;*/background-color:#5393f7;}
.iptBtn.icoL .ipt:checked + label:after {/*border-color:#5d88fb;*/border-color:#5393f7;}

.iptBtn.m .ipt + label {/*background-color:#5f4ec5;*/background-color:#336bff;}
.iptBtn.m .ipt:checked + label {color:#003ddf;}

.iptBtn.s .ipt + label {color:#0046ff;}

.formBox .iptBtn a:focus,
.formBox .iptBtn button:focus,
.formBox .iptBtn .ipt:checked + label {color:#0046ff;}

.fina .iptBtn.m .ipt:checked + label {color:#0046ff;}

.iptBtn.appLoan .val {color:#003ddf;}
.iptBtn.appLoan .finish button {background:#336bff;}
.iptBtn.appLoan .finish button:before,
.iptBtn.appLoan :not(.finish) button:hover:before,
.iptBtn.appLoan :not(.finish) button:focus:before {background-color:#003ddf;}

/* 토글 */
.toggleSwitch.rvt input:checked + label ~ span .on {color:#0046ff;}

/* Help(도움말) */
.helpWrap .accoBtn:before {background-color:#336bff;}
.helpWraph_health .accoBtn:before {background-color:#336bff;}

/* 보험용어사전 */
.insTermDicList .tit {color: #0046ff;}

/* 유의사항 */
.helpWrap.caution .accoBtn:before,
div.helpWrap.caution .tit:before {color:#336bff;}

/* 박스타입 */
div.helpWrap .tit:before {background-color:#336bff;}

/* Terms(약관) */

ul.termsWrap .cascadeWrap .ipt[type=checkbox]:checked + label:before {/*background-color:#5d88fb; border-color: #5d88fb;*/background-color:#5393f7; border-color: #5393f7;}

/* 약관상세 */
.termsDetail .bartit::before {background-color:#003ddf;}

/* Tooltip */
.tool_p .tipWrap .icoBtn_tip {border:1px solid #336bff; background-color:#336bff;}
.tooltip {/*border:1px solid #5d88fb;*/border:1px solid #5393f7;}

/* 보험/금융 상품 */
.flag_cv {color:#003ddf;}
.prdList .flag_bs {color:#0046ff;}

/* 보험보장분석 */
.flag_an1 {color:#003ddf;}
/* 배송상태 */
.flag_dl_ok {color:#336bff;}
/* 퇴직연금 */
.flag_rec {background-color:#336bff;}

/* BBS */
.eventList [class^=eventBtn_] {border-right:100px solid #336bff;}
.eventList .eventBtn_individ {/*border-right:100px solid #5d88fb;*/border-right:100px solid #5d88fb;}

/* 당첨 여부 */
.eventConfir.winner .titArea [class*=titH] {color:#003ddf;}

/* 테이블 특수기호 */
.tdRate.fall {border-top:12px solid #0046ff;}

/* Paging */
.paging .on em {/*background-color:#5d88fb;*/background-color:#5393f7;}

/* star */
.txtSign.star:before {color:#0046ff !important;}

/* caution */
.txtList.caution.sm:not(ul):before {background-color:#336bff;}
.txtList.step.boxWidth li {color: #0046ff;}

/* progress */
.txtList.prog > li:before {border:2px solid #336bff;}
.txtList.prog > li .tit {color:#003ddf;}

/* state */
.txtList.prog.state li.enough .tit {color:#0046ff;}
.txtList.prog.state li.enough:before {border-color:#0046ff; background-color:#0046ff;}

/* 정보성 메시지 */
.infoMsg.line_1.point {/*border:1px solid #5d88fb;*/border:1px solid #5393f7;}
.infoMsg .btn_t {/*border-color:#5d88fb;*/border-color:#5393f7;}
.infoMsg.papers p {color:#0046ff;}

/* 에러 메시지 */
.errorMsg .errorNum {color:#336bff;}
.errorMsg a {color:#003ddf;}
.errorMsg a > span:before {background-color:#336bff;}

/* Tab */
.tabList > li.on,
.tabList > li.on button,
.tabList > li.on .ipt + label,
.tabWrap[data-tab-func] .tabList > li .ipt:checked + label {color:#0046ff;}
.tabList > li.on:after,
.tabWrap[data-tab-func] .tabList > li .ipt:checked + label:after {/*background-color:#5d88fb;*/background-color:#5393f7;}

/* icoTab */
.tabList.icoTab > li.on .ico {/*border-color:#5d88fb; background-color:#5d88fb;*/border-color:#5d88fb; background-color:#5d88fb;}
.tabList.icoTab > li.on .tit {color:#0046ff;}

/* roundTab */
.tabList.roundTab > li.on {/*background-color:#5d88fb; border-color:#5d88fb;*/background-color:#5d88fb; border-color:#5d88fb;}

/* Scroll Tab */
.tabScroll:not(.def) > [class*=icoBtn_]:focus:before {/*border-color:#5d88fb;*/border-color:#5d88fb;}

/* Search */
.pageTit .iptWrap .icoBtn_del:after {background-color:#336bff;}

/* 조건 검색 */
.condSrchBox .icoBtn_open {color:#0046ff;}

/* 250711 swiperWrap(롤링 배너) 수정 */
button.swiper-pagination-bullet:before,
button.swiper-pagination-switch:before {/*background-color:#ddd;*/background-color:#777;}/*251020 웹접근성수정*/
button.swiper-pagination-bullet-active:before,
button.swiper-active-switch:before {background-color:#2878f5;}
.swiper-button-stop:before,
.swiper-button-stop:after {background-color:#222222;}
.swiper-button-play:after {border-left:6px solid #222222;}

/* 마케팅 배너 */
.marketBanner .bgColor01 .bold {color:#0046ff !important;}
.marketBanner .bgColor01 .bold.arrow:before {border-color:#0046ff;}

/* 생활서비스 - 건강정보서비스 */
.healthClass [class*=btnHealth_]:hover {color:#336bff;}
.healthService .iptFilt .ipt:checked + label {background-color:#0046ff;}
.healthService .btn_p {background-color:#0046ff;}
.iptFilt .ipt:focus + label {border-color:#0046ff;}

/* 지점안내 */
.branch .sortVisualArea {background-color:#336bff;}
.iptGroup.branch label {background-color:#003ddf;}/* 250715 추가수정*/
.iptGroup.branch .ipt[type=radio]:checked + label {color:#003ddf;}/* 250715 추가수정*/

/* 해지환급금/대출상품추천 */
.blockList.point .tit {color:#0046ff;}
.blockList.point .block:focus {/*background:#5d88fb;*/background:#5393f7;}

/* 보험/금융 상품 상세 */
.applicGuide.consul_tel .btnGroup > span {background-color:#336bff;}
.applicGuide.consul_tel a[href^=tel] {color:#003ddf;}
.insu.prdDetail .applicGuide .btn_t:not(.m) {color:#003ddf;}

/* 금융(대출) */
.callCenter .tel em {display:block; color:#003ddf;}
.callCenter [class^=btn_] {border-color:#336bff; background-color:#336bff;}

/* 상세 페이지 하단 sticky */
.prdSticky [class^=btn_] {border-color:#336bff; background-color:#336bff;/*border-color:#8c7cef; background-color:#8c7cef;*/}
.loan .prdSticky [class^=btn_] span {color:#0046ff;}

/* 보험/금융 상품 리스트 */
.prdList a.block .tit > em span {/*color:#5d88fb;*/color:#5393f7;}
.prdList a.block .tit > em:before {/*border:1px solid #5d88fb;*/border:1px solid #5393f7;}
.prdList a.block .tit > em:after {/*background-color:#5d88fb;*/ background-color:#5393f7;}
.prdList .block:focus .tit > em:before,
.prdList .block:hover .tit > em:before {border-color:#336bff;}
.prdList .block:focus .tit > em:after,
.prdList .block:hover .tit > em:after {background-color:#336bff;}

.prdList .block:before,
.prdList .block:after {background-color:#336bff;}

.infoConArea .prdList .block:focus,
.infoConArea .prdList .block:hover {background-color:#1a57f9;}/*250711 수정*/
.infoConArea .prdList .block:focus [class^=badge_],
.infoConArea .prdList .block:hover [class^=badge_] {/*color:#5d88fb;*/color:#5393f7;}
.infoConArea .prdList.loan .block:focus,
.infoConArea .prdList.loan .block:hover {background-color:#1a57f9;}/*250711 수정*/

/* 추천상품(Best) */
.bestPrdArea .prdList .block:focus,
.bestPrdArea .prdList .block:hover {/*background-color:#5d88fb;*/background-color:#5393f7;}
.qr_olMbPrd img {max-width:100%; border:8px solid #336bff;}

/*팝업 */
.single.toDay .ipt[type=checkbox]:checked + label::before {/*background-color:#5d88fb;*/background-color:#5393f7;}

/*************************************************** media ***************************************************/
/* only pc */
@media all and (min-width:769px) {

/* pageTab */
ul.pageTab > li {border-left:1px solid #336bff; background-color:#0046ff;}
ul.pageTab > li.on {color:#003ddf;}

/* mainTab */
ul.mainTab > li.on:after,
.tabWrap[data-tab-func] ul.mainTab > li .ipt:checked + label:after {/*background-color:#5d88fb;*/background-color:#5393f7;}

/*txtTab*/
ul.txtTab > li.on a,
ul.txtTab > li.on button,
ul.txtTab > li.on .ipt + label,
.tabWrap[data-tab-func] ul.txtTab > li .ipt:checked + label {color:#0046ff;}
ul.txtTab > li.on a:after,
ul.txtTab > li.on button:after,
ul.txtTab > li.on .ipt + label:after,
.tabWrap[data-tab-func] ul.txtTab > li .ipt:checked + label:after {border-bottom:1px solid #0046ff;}
ul.txtTab .ipt:focus + label {border:1px dotted #0046ff;}

/* 회사소개탭 */
.company ul.pageTab {border-bottom:1px solid #336bff;}
.company ul.pageTab > li.on:after {border:1px solid #336bff;}
.company ul.pageTab > li.on a,
.company ul.pageTab > li.on button {color:#336bff !important;}
.company .tabList.mainTab > li.on:after {/*border:1px solid #5d88fb;*/border:1px solid #5393f7;}
.company .tabList.mainTab > li.on a,
.company .tabList.mainTab > li.on button,
.company .tabList.mainTab > li.on label {color:#0046ff !important;}
    

/* 공시실 검색영역 자동완성 */
.autoLayer {/*border:1px solid #5f4ec5;*/border:1px solid #336bff;}
.autoLayer .inner > li > a:hover,
.autoLayer .inner > li > button:hover,
.autoLayer .inner > li > a:focus,
.autoLayer .inner > li > button:focus {color:#0046ff;}

/* Title */
.titH4.dot:before {/*background-color:#5d88fb;*/ background-color:#5393f7;}

/* 필터 */
.iptFilt .ipt:checked + label:after {/*border:1px solid #5d88fb;*/ border:1px solid #5393f7;}

/* 250711 보험상품탭 추가 */
ul.insuTab > li .ipt + label:before {background-color:#0046ff !important;}
ul.insuTab > li .ipt:checked + label:before {box-shadow:10px 10px 12px rgba(0,61,223,0.5) !important;}

/* 연혁탭 */
.tabList.hisTab > li > a {background-color: #5d88fb !important; /*background-color: #5d88fb !important;*/}
	
/* 생활서비스 - 공공복지서비스 */
.publicService {background-color:#336bff;}

/* 생활서비스 - 건강정보서비스 */
.healthService {background-color:#336bff;}
.healthService .btn_p {/*background-color:#5d88fb;*/background-color:#5393f7;}

/* 페이지 상단 정보 콘텐츠 영역 */
/*.infoConArea.point {margin-top:32px; padding:32px 24px; background-color:#336bff;}*//*250715 추가수정*/

/* 상세 페이지 하단 sticky */
.prdSticky [class^=btn_] { border-color:#5a87ff !important; background-color:#5a87ff !important; }/*250711 수정*/
.prdSticky [class^=btn_].btn_p.hiddenMb span {color:#fff;}/*250711 수정*/


/* 추천상품(Best) */
.bestPrdArea .prdList .block {/*background-color:#5d88fb*/background-color:#5393f7;}

}
/* 250711 상세 페이지 하단 sticky (mobile) 추가 */
@media all and (max-width:768px) {
.prdSticky [class^=btn_] {border-color:#336bff !important; background-color:#336bff !important;}/*250715 수정*/
}

/*250714 수정 (s)*/
.infoConArea .prdList .block:focus + em .btnGroup [class^=btn],
.infoConArea .prdList .block:hover + em .btnGroup [class^=btn] {color:#fff;}

.infoConArea .prdList .block:focus + em .btnGroup .btnCalcul,
.infoConArea .prdList .block:hover + em .btnGroup .btnCalcul {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_oga_pnyphy_b.cat);}
.infoConArea .prdList .block:focus + em .btnGroup .btnConsul,
.infoConArea .prdList .block:hover + em .btnGroup .btnConsul {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_oga_pbafhy_b.cat);}
.infoConArea .prdList .block:focus + em .btnGroup .btnDirect,
.infoConArea .prdList .block:hover + em .btnGroup .btnDirect {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbagrag%2Svpb_oga_qverpg_b.cat);}

@media all and (max-width:768px) {
	.fina.subMain .prdList > li {width:100%;}
}
/*250714 수정 (e)*/

.loan .prdSticky {background-color:rgba(61, 114, 255, .95);}/*250715 수정*/

/* ================================================ 250709 홈페이지 컬러 변경 ================================================ (e)*/


/* 250725 해약환급금 문구 강조 색상 적용 (s)*/
.txtList.star.red li red{color:#445fe6;}
/* 250725 해약환급금 문구 강조 색상 적용 (e)*/

/* 250808 고객제안 개선사례 수정 (s) */
.keywordArea {flex-wrap: wrap;}
@media all and (min-width:769px) {
	.dataSrchBox.searchBbsType.type01{position: absolute; top:-8px; right:0px;  display: inline-block; padding:0; margin:0; background:none;}
	.dataSrchBox.searchBbsType.type01 .iptWrap .ipt{height: 44px; padding:0 50px 0 20px; background: #f8f8f8; border:none; border-radius: 20px;}
	.dataSrchBox.searchBbsType.type01 .btnIco_srch{position: absolute; top: 50%; right: 8px; transform: translateY(-50%); padding:0; margin:0; width:40px; height: 40px; min-height: auto; text-indent: -9999px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fuvaunayvsr.pb.xe%2Serfbheprf%2Spff%2Subzrcntr%2S..%2S..%2Svzntrf%2Spqu%2Spbzzba%2Szj_vpb_fepu_yt.fit) no-repeat center; border: none; box-shadow:none}
	.dataSrchBox.searchBbsType.type01 .iptWrap .icoBtn_del{border-color: transparent; right: 48px;}
	.dataSrchBox.searchBbsType.type01 .iptWrap.on .ipt{padding-right: 80px;}
}
/* 250808 고객제안 개선사례 수정 (e) */



/* ================================================ 2508 홈페이지 컬러 변경 ================================================ (s)*/

/* 공통 */
/* checkbox */
.ipt[type=checkbox]:checked + label:before {border-color:#336bff;}
.ipt[type=checkbox]:checked + label:after {border-color:#336bff;}
.ipt[type=checkbox]:checked + label:hover:before,
.ipt[type=checkbox]:checked:focus + label:before {background-color:#336bff;}

/*button*/
.btn_p {border-color:#005df9; background-color:#005df9;}
.btn_p:focus, .btn_p:hover {border-color:#1f4dc5; background-color:#1f4dc5;}
.btn_p.m, .btn_p.s {border-color:#005df9; background-color:#005df9;}

.btn_t {border-color:#d6e1fe;background-color:#f0f4ff;color: #005df9;}
.btn_t > span:after {border-bottom-color:#005df9;}

/* Paging */
.paging .on em {background-color: #336bff;}

/* icoTab */
.tabList.icoTab > li .ico {border:1px solid #d6e1fe;background-color:#f2f6ff;}
.tabList.icoTab > li.on .ico {border-color:#3c85f5; background-color:#3c85f5;}
.tabList.icoTab > li.on .tit {color:#1a57f9;}

/* Form basic */
select.ipt option[selected] {color:#005df9;}
.ipt:focus, .ipt:hover {border-color:#005df9;}

a:focus .ico_link,
a:hover .ico_link {background-color:#2878f5 !important;}

/* 02 보험상품 */
/* 바로가기 링크 */
.shortLink {color:#336bff;}
.shortLink.addIco [class*=ico_] {background-color:#5393f7; }

/* 보험/금융 상품 */
.flag_cv {color:#5642bf;}
.fina .iptBtn.m .ipt + label {background-color:#5176e7;}
.tabWrap[data-tab-func] ul.mainTab > li .ipt:checked + label:after {background-color:#336bff;}

/* 03 금융상품 : 대출&퇴직연금 */
/* 필터 */
.iptFilt .ipt:checked + label {border-color: #336bff;color: #fff;background-color: #336bff;}
.iptFilt.ipblue .ipt:checked + label {background-color:#336bff;}

.infoConArea .prdList.annu .block:focus, .infoConArea .prdList.annu .block:hover {background-color:#15298f;}

.loan .prdSticky {background-color: rgba(71, 121, 255, .95);}
.loan .prdSticky [class^=btn_] {
	border-color: #fff !important;
	background-color: #fff !important;
	color: #1a57f9 !important;
	box-shadow: 3px 6px 7px rgba(63, 107, 251, .24);
}

/*혜택*/
.accoItem.on > .accoHead .accoBtn:after {border-color:#5d88fb;}

/* 유의사항 */
.helpWrap.caution .accoBtn:before,
div.helpWrap.caution .tit:before {border:1px solid #336bff;}

/* 지점안내 */
.iptGroup.branch label {background-color:#1a57f9;}
.iptGroup.branch .ipt[type=radio]:checked + label {color:#1a57f9;}

/* tblInfo */
.tblInfo .result em {color:#225fff;}

/* mainTab */
ul.mainTab > li.on:after,
.tabWrap[data-tab-func] ul.mainTab > li .ipt:checked + label:after {background-color:#336bff;}


/* radio */
.ipt[type=radio]:checked + label:before {border-color:#005df9; background-color:#005df9;}


/* 필터 */
.iptFilt .ipt:checked + label {border-color:#336bff; color:#fff;}
.iptFilt.ipblue .ipt:checked + label {background-color:#336bff;}

.accoItem.on > .accoHead .accoBtn:after {border-color:#86a6fc;}


/* 토글 */
.toggleSwitch input:checked + label:after {background-color:#005df9;}


@media all and (max-width:768px) {
	.iptFilt .ipt:checked + label {background-color: #336bff;}
	.iptFilt .ipt:checked + label:after {border:1px solid #336bff;}

	/* 계약자제도 안내 */
	.infoConList.mb_snap::-webkit-scrollbar-track {background-color:#336bff;}

}

/* 250908 추가수정*/

/* 보험/금융 상품 */
.flag_cv {color:#1f5dff;background-color:#e9f1fe;}
.fina .iptBtn.m .ipt + label {background-color:#2f61eb;}

/* 바로가기 링크 */
.shortLink.addIco [class*=ico_] {background-color:#5d88fb;}


/* 상세 페이지 하단 sticky */
.prdSticky [class^=btn_].btn_p.hiddenMb span {color:#1a57f9;}

/* 새창 */
.ico_newWin:before {border:2px solid #4c7dff;}

.ipt[type=checkbox]:checked + label.lg:after {border-color:#fff;}/*251020 border-color 수정*/



/* ================================================ 2508 홈페이지 컬러 변경 ================================================ (e)*/

/*251020 웹접근성수정 : 스와이프 버튼크기 수정*/
@media all and (max-width:768px) {

	button.swiper-pagination-bullet,
	button.swiper-pagination-switch {position:relative; width:24px; height:24px; margin:0 !important; border:0; border-radius:0; background:none; vertical-align:middle; opacity:1;}
	
	button.swiper-pagination-bullet-active {width:18px; margin:0 !important;}
	[class^=swiper-button-] {display:inline-block; position:relative; width:24px; height:24px; margin-left:2px; border:0; vertical-align:middle; overflow:hidden;}
	.swiper-button-stop:before,
	.swiper-button-stop:after {content:''; position:absolute;top:6px; left:6px; bottom:6px;width:3px; background-color:#665dcf;}
	.swiper-button-stop:after {left:auto;right:6px;}
	.swiper-button-play {display:none;}
	.swiper-button-play:after {content:''; position:absolute; top:6px; left:8px; width:0; height:0; border-top:7px solid rgba(255,255,255,0); border-bottom:7px solid rgba(255,255,255,0); border-right:8px solid rgba(255,255,255,0); border-left:8px solid #665dcf;}
	.notiPop.blueType .swiper-button-play:after {border-top: 7px solid rgba(255, 255, 255, 0);border-bottom: 7px solid rgba(255, 255, 255, 0);border-right: 8px solid rgba(255, 255, 255, 0);border-left: 8px solid #2878f4;}
}