@charset "utf-8";
.wrapper {position:relative;width:100%;max-width:640px;margin:auto}
.main{background-color:#fff;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2S..%2Svzt%2SznvaArjot.cat) no-repeat 0 0;background-size:cover}
/* header */
header {position:fixed;z-index:100;top:0;left:0;width:100%;padding:0;height:51px;padding-top:env(safe-area-inset-top);padding-top:constant(safe-area-inset-top);background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2S..%2Svzt%2SznvaArjot.cat) no-repeat 0 0;background-size:cover}
header>#topNav {overflow:hidden;position:fixed;width:100%;height:51px;transition:.5s ease-in-out;}		
header #topNav.fixed {position:fixed;height:49px;border-bottom:1px solid #c9c9c9;}
header #topNav h1{height:51px}
/* ico_list png이미지 */
.ico_list {position:relative;display:inline-block;overflow:hidden;text-indent:-10000px;background-size:500px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2S..%2Svzt%2Svpba%2Svpba_znva_20210317.cat');background-repeat:no-repeat}
#topNav div {position:absolute;right:3%;top:5%;width:50%;margin:5px 0;text-align:right}
#topNav .ico_list {width:35px;height:35px;}
#topNav .ico_list.list_ci {background-position:10px 5px;width:120px;padding:10px 10px 5px;position:absolute;top:0;left:5%;}
#topNav .ico_list.list_siteMap {background-position:-124px 0}
#topNav .ico_list.list_login {background-position:-162px -3px;}
#topNav .ico_list.list_logout {background-position:-202px -3px;}

.bgNew,.bgNew2{display:block;margin:0;padding:10px 5% .5rem}
.bgNew{}
.bgNew2{padding:.7rem 5%;background:#fff}
/* container */ 
.main .container{font-size:13px;padding:50px 0 70px;box-sizing:border-box}
.container{padding-top:calc(env(safe-area-inset-top) + 50px);padding-top:calc(constant(safe-area-inset-top) + 50px);padding-bottom:calc(env(safe-area-inset-bottom) + 70px);padding-bottom:calc(constant(safe-area-inset-bottom) + 70px)}
.main .container{padding-top:calc(env(safe-area-inset-top) + 50px);padding-top:calc(constant(safe-area-inset-top) + 50px);padding-bottom:calc(env(safe-area-inset-bottom) + 70px);padding-bottom:calc(constant(safe-area-inset-bottom) + 70px)}
.container .contents{padding:0 !important;box-sizing:border-box}
.container .contents{padding-bottom:calc(env(safe-area-inset-bottom) + 10px);padding-bottom:calc(constant(safe-area-inset-bottom) + 10px)}

/* 전체(상단)검색 */
.search{display:block;position:relative;background:#fff;margin:0 0 .5rem;border-radius:10px;padding:0 40px 0 1%}
.search a{display:block;}
.search.bline{box-sizing: border-box;border:1px solid #ccc}
.search input{display:block;width:83%;border:none;color:#333;margin-left:15px;margin-bottom:0;padding:0 15px 0 0}
.search button{display:block;position:absolute;top:0.2rem;right:0.5rem;vertical-align:middle;width:30px;height:30px;background-size:450px auto;background-position:-220px -2px;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2S..%2Svzt%2Svpba%2Svpba_znva_20210317.cat');background-repeat:no-repeat;}
#top_search{display:none;position:absolute;top:0;right:0;left:0;z-index:101;border-bottom:1px solid #ccc;transition:.5s ease-in-out;}
.search_area{position:relative;width:98%;margin:0 auto;background:#1b97e6;padding:5% 1%;}
.search_area .search-group{position:relative;width:80%;margin:1% 5% 1%;}
.search_area .search-group > div{position:relative;margin:0 auto;padding:0;border-bottom:1px solid #fff;}
.search_area .search-group input[type='text']{display:inline-block;width:75%;color:#fff;border:none;background:#1b97e6;padding:0 10px;font-size:23px;font-weight:300;}
.search-group button{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2S..%2Svzt%2Svpba%2Svpba_znva_20210317.cat');background-repeat:no-repeat;}
button.bt_search {position:absolute;bottom:0;right:0;width:35px;height:35px;background-size:500px auto;background-position:-284px -2px;}
button.bt_del {position:relative;vertical-align:bottom;margin:5px;background-color: rgba( 0, 0, 0, 0.3 );width:24px;height:24px;border-radius:12px;background-size:375px auto;background-position:-273px -3px;}
#closeSearch {position:absolute;width:40px;height:40px;top:8%;z-index:101;right:5%;background-size:750px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2S..%2Svzt%2Svpba%2Svpba_znva_20210317.cat');background-repeat:no-repeat;background-position:-550px -10px;}
.search1, .delete1 {position:absolute; top:-99999px;}
#totSearchKeyword:focus {outline:none;}
.search-group .inputbox input::placeholder {color:#fff;font-size:18px;}
.search-group .inputbox input:-ms-input-placeholder {color: #fff;}
.search-group .inputbox input::-ms-input-placeholder {color: #fff;}
.search_ex {position: relative;width:100%;margin:0 auto;background: #fff;}
.search_ex dl{text-align:center;padding-bottom:40px;}
.search_ex dl dt {width:100%;padding:10px 0;color:#666;font-size:20px;font-weight:300;text-align: center;}
.search_ex dl dd {display:inline-block;margin:5px;}
.search_ex dl dd a{display:block;padding:5px 15px;border:1px solid #e5e5e5;border-radius:50px;color:#333;font-size:13px;}
.search_ex dl dd a:hover, .top_search .search-group dl dd a:focus{color:#f36200;}
#moma0210_nodata {position:relative;width:250px;text-align:center;height:300px;padding:10% 0;margin:0 auto;background-size:100%;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2S..%2Svzt%2Spbzzba%2Sfrnepu_ab.cat');background-repeat:no-repeat;}
#moma0210_nodata span {font-size:18px;display:block;}
#moma0210_nodata span:first-child {margin-top:200px;font-weight:bold;}
#moma0210_nodata span:last-child {font-size:14px;}
#moma1210_nodata {position:relative;width:250px;text-align:center;height:300px;padding:10% 0;margin:0 auto;background-size:100%;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2S..%2Svzt%2Spbzzba%2Sfrnepu_ab.cat');background-repeat:no-repeat;}
#moma1210_nodata span {font-size:18px;display:block;}
#moma1210_nodata span:first-child {margin-top:200px;font-weight:bold;}
#moma1210_nodata span:last-child {font-size:14px;}

/* 계산기 */
#bottom_calculator {display:none;position:fixed;bottom:0;right:0;left:0;z-index:99;background:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.calculator_area {position:relative;width:90%;margin:0 auto;padding:0 5% 5% 5%;}
.calculator_area h2 {margin:auto;text-align:center;font-size:18px;font-weight:400;line-height:200%;}
.calculator_area .calculator-group {position:relative;width:90%;margin:1% auto;}
.calculator_area .calculator-group > div {position:relative;margin:0 auto;text-align:right;padding:0 30px 0;border-bottom:1px solid #999;}
.calculator_area .calculator-group input[type='text'] {display:inline-block;width:80%;border:none;padding:0 10px 0 0;font-size:22px;font-weight:400;color:#2581c6;text-align:right;}
.calculator_area .calculator-group span.calculator_input {display:block;width:80%;text-align:right;padding:0 10px;font-size:14px;color:#2581c6;text-align:right;margin-top:5px;}

#closeCalculator{position:absolute;z-index:100;width:40px;height:40px;top:0;right:5%;background-size:750px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2S..%2Svzt%2Svpba%2Svpba_znva_20210317.cat');background-repeat:no-repeat;background-position:-610px -10px;}
.delete {position:absolute; top:-99999px;}
#bottomCalculatorKeyword:focus {outline:none;}
.calculator-group .inputbox input::placeholder {color:#e0dfdf;text-align:right;font-weight:200;padding-left:5%;}
.calculator-group .inputbox input:-ms-input-placeholder {color: #666;}
.calculator-group .inputbox input::-ms-input-placeholder {color: #666;}
.calculator-group .inputbox button {position:absolute;top:7px;right:0;width:24px;height:24px;border:1px solid #e0dfdf;background:#e0dfdf;border-radius:12px;background-size:375px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2S..%2Svzt%2Svpba%2Svpba_znva_20210317.cat');background-repeat:no-repeat;background-position:-274px -4px;}
.calculator_ex {position:relative;width:100%;margin:0 auto;}
.calculator_ex dl{text-align:center;}
.calculator_ex dl dt {width:100%;padding:10px 0;color:#666;font-size:20px;font-weight:300;text-align: center;}
.calculator_ex dl dd {display:inline-block;margin:5px 2px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.calculator_ex dl dd:first-child {margin-left:0;}
.calculator_ex dl dd:last-child {margin-right:0;}
.calculator_ex dl dd a{display:block;padding: 5px 7px;border: 1px solid #dbe4ea;border-radius:5px;color:#333;font-size:13px;}
.calculator_number {position:relative;width:100%;margin:0 auto;padding:0;}
.calculator_number dl{text-align:center;}
.calculator_number dl dd {display:inline-block;margin:4px 5px;width:29%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.calculator_number dl dd a{display:block;padding:2px 10px;border: 1px solid #fff;border-radius:5px;font-weight:400;font-size:20px;}
.calculator_number dl dd button {height:30px;display:inline-block;padding:5px 10px;}
.calculator_number dl dd button.bt_delete {width:46px;height:30px;border:8px;border:1px solid transparent;border-color:#dbe4ea #dbe4ea #dbe4ea transparent;border-radious:0 5px 5px 0;background-color:#ffffff;color:#ffffff;background-size:500px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2S..%2Svzt%2Svpba%2Svpba_znva_20210317.cat');background-position:-400px -7px;}
.calculator_number dl dd button.bt_delete:after{content:"";display:block;position:relative;left:-31px;top:8px;z-index:1;width:19px;height:19px;border:8px;border:1px solid transparent;border-color:#dbe4ea #dbe4ea transparent transparent;background-color:#ffffff;transform:rotate(225deg) translateY(14px);-ms-transform:rotate(225deg) translateY(14px);-webkit-transform:rotate(225deg) translateY(14px);-moz-transform:rotate(225deg) translateY(14px);-o-transform:rotate(225deg) translateY(14px);}
.calculator_number dl dd button.bt_ok {background:#1465a9;border-radius:5px;}
.calculator_number dl dd button span.ok {color:#fff;}

/* 로그인화면  */
.login_area {padding:0}
.login_area p {font-size:14px;text-indent:10px;}
.login_area p span {font-size:18px;font-weight:400;color:#1465a9}
.login_area .login,.login_area .login span{display:inline-block;margin-bottom:.4rem;color:#fff}
.login_area div.login_box1, .login_area div.login_box2 {background:#fff;display:block;margin:.5rem auto;width:90%;border-radius:10px;padding:3% 5%}
.login_area div.login_box1{overflow:hidden;margin:0 0 .5rem}
.login_area h4 {margin-bottom:0.1rem;font-size:1rem}
.login_area h4:before{content}
.login_area div.login_box1 div {float:left;display:inline-block;width:50%;vertical-align:bottom;height:100%;overflow:hidden;}
.login_area div.login_box1 ul {position:relative}
.login_area div.login_box1 ul li {display:block;text-align:center;line-height:200%;position:relative;}
.login_area div.login_box1 div ul li:first-child {width:100%}
.login_area div.login_box1 div.line ul li:first-child:before{content:"";display:block;width:40px;height:35px;margin:.5rem auto 0;background-size:500px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2S..%2Svzt%2Svpba%2Svpba_znva_20210317.cat');background-repeat:no-repeat;background-position:-236px -120px}
.login_area div.login_box1 div.line_no ul li:first-child:before{content:"";display:block;width:40px;height:35px;margin:.5rem auto 0;background-size:500px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2S..%2Svzt%2Svpba%2Svpba_znva_20210317.cat');background-repeat:no-repeat;background-position: -17.3rem -7.5rem}
.login_area div.login_box1 ul li span {font-size:20px;color:#1465a9;font-weight:bold;}
.login_area div.login_box2 ul {display:block;overflow:hidden;font-size:14px;}
.login_area div.login_box2 ul li {display:inline-block;position:relative;height:1.8rem;padding:1% 0;line-height: 1.8}
.login_area div.login_box2 ul li:nth-child(odd) {float:left;width:35%}
.login_area div.login_box2 ul li:nth-child(odd):after {position:relative;float:left;content:"";display:block;width:18px;height:18px;background-size:500px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2S..%2Svzt%2Svpba%2Svpba_znva_20210317.cat');background-repeat:no-repeat;background-position:-338px -128px;}
.login_area div.login_box2 ul li:nth-child(even) {float:right;width:55%;text-align:right}
.login_area div.login_box2 ul li:nth-child(even) span {color:#fff;letter-spacing:0;font-size:.8rem}
.login_area div.login_box2 ul li:nth-child(even) span em{color:#333}
.login_area div.login_box2 ul li button {background-repeat:no-repeat;display:inline-block;vertical-align:middle;padding:0 .5rem .2rem;background-color:#1077bd;border-radius:.5rem;box-sizing:border-box}
.login_area div.login_box2 ul li button.bt_go {position:absolute;right:-25px;background-size:500px auto;background-position:-312px -130px;}

/* 아이콘 메뉴  */
.icon_area{position:relative;margin:.8rem 0 .5rem;padding:0 2% 2%;background-color:#fff;border-radius:0.5rem;box-sizing:border-box;border:1px solid #fff}
.icon_area.bline{border:1px solid #ccc}
.icon_area ul{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;max-height:15.6rem;overflow:hidden}
.icon_area ul li{flex:1 33%;border-bottom:1px solid #ccc;text-align:center}
.icon_area ul li button{width:100%;min-height:5.2rem}
.icon_area ul li button strong{display:block;width:100%;font-size:1rem;font-weight:400}
.icon_area ul li button:before {content:'';display:block;width:2.4rem;height:2.4rem;margin:1rem auto 0;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2S..%2Svzt%2Svpba%2Sznva_ot_vpba_210510.cat') no-repeat;background-size:72rem 40rem}
.icon_area ul li:nth-child(1) button:before{background-position:.2rem 0}
.icon_area ul li:nth-child(2) button:before{background-position:-3.8rem 0}/*보험계약대출*/
.icon_area ul li:nth-child(3) button:before{width:2.6rem;background-position:-20.1rem 0}/*해피콜*/
.icon_area ul li:nth-child(4) button:before{background-position:-36.0rem 0}/*fc*/
.icon_area ul li:nth-child(5) button:before{background-position:-44.0rem 0}/*지점*/
.icon_area ul li:nth-child(6) button:before{background-position:-40.0rem 0}/*faq*/
.icon_area ul li:nth-child(7) button:before{background-position:-23.9rem 0}/*전체보험상품*/
.icon_area ul li:nth-child(8) button:before{background-position:-28.0rem 0.1rem}/*온라인보험가입*/
.icon_area ul li:nth-child(9) button:before{background-position:-32.2rem 0}/*올원뱅크*/
.icon_area ul li:nth-child(10) button:before{background-position:-45.0rem 0}/**/
.icon_area.app ul li:nth-child(6) button:before{margin:.6rem auto .4rem;background-position:-20.5rem 0}/*해피콜*/
.icon_area.app ul li:nth-child(3) button:before{background-position:-7.6rem 0}/*계약조회*/
.icon_area.app ul li:nth-child(4) button:before{background-position:-11.8rem 0}/*보험료납입*/
.icon_area.app ul li:nth-child(5) button:before{height:2.5rem;margin:0.5rem auto 0.4rem;background-position:-16.3rem 0}/*휴면보험금조회*/
#topNav button strong.login{padding:.2rem .5rem;color:#fff;box-sizing:border-box;border:2px solid #fff;border-radius:15px;font-size:.7rem;display: inline-block;}
#topNav button strong.logout{padding:.2rem .5rem;color:#fff;box-sizing:border-box;border:2px solid #fff;border-radius:15px;font-size:.7rem;display: inline-block;}
#topNav h1 button:before {content:'';display:block;width:10rem;height:2rem;margin:1rem auto 0;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2S..%2Svzt%2Svpba%2Sznva_ot_vpba_210510.cat') no-repeat;background-size:70rem 40rem;background-position:1.5rem -38.5rem}
#topNav h1 button strong{font-size:0}
.icon_area > button{position:relative;float:left;display:block;width:32%;height:80px;padding:0 2% 2% 0;text-align:center;font-size:14px;font-weight:400;background:#fff}
.icon_area > button:nth-child(3n) {margin-right:0;}
.icon_area > button span.ico_list {display:block;margin:0 auto;vertical-align:middle;background-size:440px auto;width:35px;height:40px;}
/* icon */
.ico_list.list01 {background-position:0 -33px}/*보험금청구*/
.ico_list.list02 {background-position:-35px -33px}/*보험계약대출*/
.ico_list.list03 {background-position:-70px -33px}/*계약조회*/
.ico_list.list04 {background-position:-105px -33px}/*보험료납입*/
.ico_list.list05 {background-position:-140px -33px}/*휴먼보험금조회*/
.ico_list.list06 {background-position:-175px -33px}/*스마트해피콜*/
.ico_list.list07 {background-position:-210px -33px}/*보험상품*/
.ico_list.list08 {background-position:-245px -33px}/*온라인보험*/
.ico_list.list09 {background-position:-280px -33px}/*올원뱅크*/
.ico_list.list10 {background-position:-315px -33px}/*FC지원*/
.ico_list.list11 {background-position:-351px -33px}/*지점찾기*/
.ico_list.list12 {background-position:-388px -33px}/*자주묻는질문*/

/* 메인배너 슬라이드  */
.main-visul {position:absolute;max-height:500px;padding-bottom:5%;}
.main-visul .swiper-slide{padding:0;box-sizing:border-box;-webkit-box-sizing:border-box}
.card_bann {overflow:hidden;border-radius:5px 5px 10px 10px;}

/* page 수정  */
.page_list {z-index:10;position:absolute;text-align:right;width:100%;bottom:10%;right:7%;}
.page_list div {display:inline-block;color:#fff;}
.page_stop {vertical-align:middle;}
.page_more {margin-left:5px;text-indent:-9999px;vertical-align:middle;width:25px;height:25px;border-radius:15px;background-size:500px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2S..%2Svzt%2Svpba%2Svpba_znva_20210317.cat');background-repeat:no-repeat;background-position:-385px -129px;}
.pagination {width:70px;border-radius:15px;background-color: rgba( 0, 119, 192, 0.5 );}
.page_list div span {display:inline-block;color:#fff;}
.page_list div span .del {position:absolute; top:-99999px;}
.page_stop span.swiper-button-stop {width:25px;height:25px;border-radius:15px;background-color: rgba( 0, 119, 192, 0.5 );background-size:500px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2S..%2Svzt%2Svpba%2Svpba_znva_20210317.cat');background-repeat:no-repeat;background-position:-350px -129px;}
.page_stop span.swiper-button-play {width:25px;height:25px;border-radius:15px;background-color: rgba( 0, 119, 192, 0.5 );background-size:500px auto;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2S..%2Svzt%2Svpba%2Svpba_znva_20210317.cat');background-repeat:no-repeat;background-position:-366px -129px;}

/* 공지사항 */
.box-notice {margin:.3rem 0 .5rem;background:#fff;border-radius:10px}
.box-notice.lout{margin-top:.7rem}
.box-notice:after{content:"";clear:both;display:block;overflow:hidden;visibility:hidden;}
.box-notice .ico_list {display:block;float:left;margin:3px 0 0 0}
.box-notice .ico_list.notice {width:25px;height:25px;margin-top:0;background-position:-322px -77px;background-size:440px auto}
.box-notice button {float:left;text-align:left;width:calc(100% - 49px);padding:0 0 10px 15px;font-size:1rem;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;word-break:break-all}
.box-notice button:before {content:"";display:inline-block;width:1px;height:10px;margin-right:13px;background:#ccc}

/* 배너리스트뉴  */
.img-bannerNew {padding:0 5%;}
.img-bannerNew ul {margin-bottom:20px;}
.img-bannerNew ul li {margin-bottom:2%;border-radius:5px;overflow:hidden;}

/* 모바일홈페이지 하단 추가 div 영역  */
.footer_area {position:relative;width:100%;margin:0;padding-bottom:20px;text-align:center}
.footer_area .footer_t{margin-bottom:.1rem;font-weight:400;color:#000;line-height:200%;leter-spacing:1px  !important}
.footer_area .footer_t span{display:inline-block;margin-right:.7rem;font-size:.9rem}
.footer_area > p {font-size:.8rem;font-weight:200;line-height:1.5;leter-spacing:1px  !important}

.sns_icon {display:inline-block;height:45px;margin-bottom:.5rem}
.sns_icon li {display:inline-block}
.sns_icon li:last-child {margin-right:0;} 
.sns_icon span {display:block;margin:0 auto;vertical-align:middle;background-size:40rem auto;width:45px;height:45px;}
/* icon */
.ico_list.sns01{background-position:-19.4rem -6.9rem}/*페이스북*/
.ico_list.sns02 {background-position:-22.6rem -6.9rem}/*유튜브*/
.ico_list.sns03 {background-position:-25.8rem -6.9rem}/*인스타그램*/
.ico_list.sns04 {background-position:-32.3rem -6.9rem}/*blog*/
.ico_list.sns05 {background-position:-35.6rem -6.9rem}/*post*/

/* footer 영역  */
.wrapper #footer {position:fixed;bottom:0;left:0;margin-top:-70px;height:70px;width:100%;z-index:10;background:#fff;border-top:1px solid #c9c9c9;padding-bottom:env(safe-area-inset-bottom);padding-bottom:constant(safe-area-inset-bottom)}
.wrapper #footer:before{content:"";clear:both;display:block;overflow:hidden;visibility:hidden}
#footer > ul{overflow:hidden;padding-top:.4rem}
#footer .f_icon li{float:left;height:100%;text-align:center}
#footer .f_icon li button{height:100%;width:100%;font-size:1rem !important;color:#353535 !important;font-weight:400;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#footer .f_icon li button span.footerTxt{color:#999;font-size:.8rem;white-space:nowrap}
#footer .f_icon li button span.footerTxt.on{color:#353535}
#footer .f_icon li button.new-view .ico-is-f:after{content:"";display:block;position:absolute;top:4px;right:1px;width:4px;height:4px;background:#ff0024;border-radius:4px}
#footer .ico_list {position:relative;display:block;vertical-align:middle;width:40px;height:32px;margin:0 auto .2rem;background-size:500px auto}
#footer .ico_list.list01{background-position:0 -82px}
#footer .ico_list.list02{background-position:-40px -84px}
#footer .ico_list.list03{background-position:-80px -83px}
#footer .ico_list.list04{background-position:-115px -82px}
#footer .ico_list.list05{background-position:-162px -82px}
#footer .ico_list.list06{background-position:-202px -84px}
/* #footer button:active{font-weight:600}
#footer button:active .ico_list.list01 {background-position:0 -123px}홈
#footer button:active .ico_list.list02 {background-position:-40px -122px}챗봇
#footer button:active .ico_list.list03 {background-position:-80px -122px}인증센터
#footer button:active .ico_list.list04 {background-position:-120px -120px}MY
#footer button:active .ico_list.list05 {background-position:-162px -120px}모바일콜센터
#footer button:active .ico_list.list06 {background-position:-202px -122px}모바일앱
 */
#footer button .ico_list.list01.on {background-position:0 -123px}/*홈*/
#footer button .ico_list.list02.on {background-position:-40px -124px}/*챗봇*/
#footer button .ico_list.list03.on {background-position:-80px -123px}/*인증센터*/
#footer button .ico_list.list04.on {background-position:-115px -122px}/*MY*/
#footer button .ico_list.list05.on {background-position:-162px -122px}/*모바일콜센터*/
#footer button .ico_list.list06.on {background-position:-202px -124px}/*모바일앱*/

#lastMenuName{position:relative}
#lastMenuName a{display:inline-block;padding:0 0 .2rem 1.4rem;color:#fff;font-size:0.9rem;font-weight:200}
#lastMenuName a:before{content: '';display:inline-block;position:absolute;left:0;width:1.5rem;height:1rem;margin:0;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2S..%2Svzt%2Svpba%2Svpba_znva_20210317.cat) no-repeat;background-size:27rem 9rem;background-position:-24.3rem -7.3rem}
#lastMenuName a strong{display:inline-block;margin:0 .2rem;height: 1.5rem;color:#fded2c;font-weight:700}

.login_area h4{content: '';display: block;width:8rem;height:1.5rem;background-size:800px auto;background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2S..%2Svzt%2Svpba%2Sznva_ot_vpba_210510.cat);background-repeat: no-repeat;background-position:0 -8.2rem}
.login_area .login_box2 h4{background-size:1000px auto;background-position:0 -10.4rem}

.li4 li {width:25%}
.li5 li {width:20%}

/* 퀵배너  20210615추가*/
.quickBanner_wrap{margin:0 0 1.25rem}
.quickBanner_lst{display:flex;margin:0 -5px}
.quickBanner_lst > li{flex:1;padding:0 5px}
.quickBanner_lst a{display:block;padding:.625rem 0;border:1px solid #ccc;border-radius:.375rem;line-height:1.125rem;text-align:center}
.quickBanner_lst a > span{display:inline-block;position:relative;padding-left:2.0rem;font-weight:300;font-size:.875rem;line-height:1.125rem;color:#333;letter-spacing:-.03125rem;vertical-align:top}
.quickBanner_lst .bankApp{position:absolute;top:50%;left:0;width:1.875rem;height:1.625rem;background:no-repeat;background-size:auto 1.625rem;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.quickBanner_lst .bankApp.no1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2S..%2Svzt%2Svpb_dOnaa_aupbxonax.cat)} /*NH콕뱅크*/
.quickBanner_lst .bankApp.no2{height:1.5rem;background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Spff%2S..%2Svzt%2Svpb_dOnaa_nyybaronax.cat);background-size:auto 1.5rem} /*올원뱅크*/


/*380px z플립 세로*/
@media (max-width:380px){
	.icon_area ul li button strong{font-size:.9375rem !important}	
	
	/*최근이용하신*/
	#lastMenuName a{font-size:.85rem;/* background-color:#ccc */}
	#lastMenuName a strong{margin:0}
	.main{background-size:contain}
}

/*320px 370 갤폴드 반접힌것*/
@media (max-width:359px){
	#footer .f_icon li button{font-size:.6875rem !important;}
	.icon_area ul li button strong{font-size:.75rem !important}
	
	/*모바일콜센터 글씨*/
	.f_icon.li5 li:nth-child(5) button span.footerTxt{font-size:.6875rem !important;}
	
	.login_area div.login_box2 ul li:nth-child(odd):after{display:none}
	.login_area div.login_box2 ul li:nth-child(odd) {width:30%}
	.login_area div.login_box2 ul li:nth-child(even) {width:60%}
	
	/*최근이용하신*/
	#lastMenuName a{font-size:.75rem}/* ;background-color:#999 */
	#lastMenuName a strong{margin:0}	
	.box-notice button{font-size:.75rem}	
	.main{background-size:contain}
	
	.quickBanner_lst .bankApp{font-size:.8125rem}
}

@media (max-width:576px){	
	.main{background-size:contain}	
	}

