@charset "utf-8";
@import 'morpheus_reset.css';


/* iPhone 3 이상 */
@media only screen and (min-width:320px) {
	html{font-size:32%;}
}
/* Galaxy Note 2 이상 */
@media only screen and (min-width:360px) {
	html{font-size:36%;}
}

html{font-size:62.5%;} 
body{position:relative;height:100%;font-size:1.4rem;line-height:1.4;color:#646464;font-family:"Malgun Gothic","맑은 고딕",dotum,"돋움",sans-serif,helvetica;}

/* footer 영역  */
/* #footer {position:fixed;bottom:0;left:0;margin-top:-60px;height:60px;width:100%;z-index:10;background:#fff;border-top:1px solid #c9c9c9;padding-bottom:env(safe-area-inset-bottom);padding-bottom:constant(safe-area-inset-bottom)}
#footer:before{content:"";clear:both;display:block;overflow:hidden;visibility:hidden}
 */

@media all and (min-height:812px){
/* footer 영역  */
#footer {height:90px;}

}


/*==========================================================================
 - summary :Layout Style
==========================================================================*/
/* ---------- Layout ---------- 
.bg_gray{background:#f0f0f0;}*/

/* touch animation */
#con_wrap{overflow-y:scroll;position:relative;width:100%;height:100%;background-color:#fff;-webkit-transform:translate3d(0, 0, 0);-webkit-transition:-webkit-transform 500ms ease;-webkit-box-shadow:-2px -5px 5px #888;}
#con_wrap.open{position:absolute;top:0;}
#con_wrap.close{position:absolute;top:0;}
#con_wrap #header{position:relative !important}
#con_wrap #footer{position:fixed !important}

.fullPop #header{height:4.5rem;background:#2681c7;border-radius:0 1.5rem 0 0}
.fullPop #header span{color:#fff}

/*new*/
#header.new{height:4.8rem;background:#0181d2;}
#header.new h1{width:100%;height:2.5rem;background:url('../img/logo_h1.png') no-repeat center center ;background-size:13rem;text-align:center;font-weight:bold;line-height:2.5rem}
#header.new div{height:4.5rem;padding:1rem;background:#fff}

/*이벤트 영역*/
.m_container .rollImg{overflow:hidden;position:relative;background:#d4edfa}
.m_container #holder{height:17.5rem}
.m_container #holder li img{width:100%;height:100%}

.m_container .li_rolling{position:absolute;left:0;bottom:0.5rem;width:100%;text-align:center;}
.m_container .li_rolling li{display:inline-block;width:7px;height:7px;margin:0 2.5px;font-size:0;text-indent:-9999px;border-radius:3.5px;background:#949291;}
.m_container .li_rolling li.on{background-color:#0077c0;}


/*main_button*/
#header.new button{height:4.5rem;min-width:4.5rem}
#header.new button.t_menu{background:url('../img/tbtn_allmenu.png') no-repeat center center;background-size:55%}
#header.new button.login_new{right:0;background:url('../img/btn_login.png') no-repeat center center;background-size:3rem}
#header.new button.login_new.out{background:url('../img/btn_loginout.png') no-repeat center center;background-size:3rem}

/*s_header*/
#header.new.sub h1{background:none}
#header.new button,#header.new.sub button,.fullPop header button{position:absolute;top:0;width:4.5rem;height:4.5rem}

#header.new.sub button.tbtn_prev_new{left:0}
#header.new.sub h1 span{font-size:1.6rem}

.hide2{clear:both;position:absolute;visibility:hidden;overflow:hidden;left:0;top:0;width:0;height:0;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-99999px}

/*공지사항*/
.main .m_container .ellWrap{overflow:hidden;position:relative;height:3.8rem;padding-left:3.3rem;background:#38ab34 url('../img/icon_notice.png') no-repeat 1rem center;background-size:1.8rem;text-overflow:ellipsis;white-space:nowrap;line-height:3.8rem;color:#fff;font-size:1.1rem}
.main .m_container .ellipsis{width:100%}
.main .m_container .ellWrap a{display:inline-block;position:absolute;right:1rem;top:0}
.main .m_container .ellWrap a:before{content:"+";padding:0 0.4rem;;border:1px solid #fff;color:#fff;font-size:1.3rem}

/*롤링메뉴*/
.main #holder{position:relative;overflow:hidden;width:100%}
.main .subMainBannerDiv{float:left}
.main .subMainBannerDiv img{width:100%;height:100%}
.main #holder ul{position:absolute;left:0;bottom:0.5rem;width:100%;text-align:center}
.main #holder ul li{display:inline-block;width:7px;height:7px;margin:0 2.5px;font-size:0;text-indent:-9999px;border-radius:3.5px;background:#949291}
.main #holder ul li.slick-active{background-color:#0077c0}




.main .mainMenu{overflow:hidden;position:relative;height:9.7rem;background:#2a83c4 url('../img/menuBg.png') no-repeat right 0;background-size:70%}
.main .mainMenu li{float:left;width:25%;height:100%}
.main .mainMenu li a{overflow:hidden;display:block;height:100%;background:url('../img/me01.png') no-repeat center 0.5rem;background-size:90%;line-height:15rem;text-align:center;color:#fff!important}
.main .mainMenu li a.m02{background:url('../img/me02.png') no-repeat center 0.3rem;background-size:97%}/*계약조회*/
.main .mainMenu li a.m03{background:url('../img/me03.png') no-repeat center 0.3rem;background-size:97%}/*배당금조회*/
.main .mainMenu li a.m04{background:url('../img/me04.png') no-repeat center 0.3rem;background-size:97%}/*보험료추가납입*/
.main .mainMenu li a.m05{background:url('../img/me05.png') no-repeat center 0.3rem;background-size:97%}/*보험계약대출*/
.main .mainMenu li a.m06{background:url('../img/me06.png') no-repeat center 0.3rem;background-size:97%}/*사고보험금신청및조회*/
.main .mainMenu li a.m07{background:url('../img/me07.png') no-repeat center 0.3rem;background-size:97%}/*보험금납입*/
.main .mainMenu li a.m08{background:url('../img/me08.png') no-repeat center 0.3rem;background-size:97%}/*설정*/
.main .mainMenu li a.m09{background:url('../img/me09.png') no-repeat center 0.2rem;background-size:97%}/*보험고객신용대출*/
.main .mainMenu li a.m10{background:url('../img/me10.png') no-repeat center 0.3rem;background-size:97%}/*완전판매 모니터링*/
.main .mainMenu li a.m11{background:url('../img/me11.png') no-repeat center 0.3rem;background-size:97%}/*고객조회*/
.main .mainMenu li a.m12{background:url('../img/me12.png') no-repeat center 0.3rem;background-size:97%}/*상품안내장*/
.main .mainMenu li a.m13{background:url('../img/me13.png') no-repeat center 0.3rem;background-size:97%}/*은퇴준비*/
.main .mainMenu li a.m14{background:url('../img/me14.png') no-repeat center 0.3rem;background-size:97%}/*대출내역조회*/
.main .mainMenu li a.m15{background:url('../img/me15.png') no-repeat center 0.3rem;background-size:97%}/*만기보험금*/
.main .mainMenu li a.m16{background:url('../img/me16.png') no-repeat center 0.3rem;background-size:97%}/*대출원리금상환*/
.main .mainMenu li a.m17{background:url('../img/me17.png') no-repeat center 0.3rem;background-size:97%}/*자동이체관리*/

.main .mainMenu li a span{font-size:1.2rem}
.main .mainMenu:before{content:"<";position:absolute;left:0.5rem;top:2.1rem;color:#fff;font-size:2.5rem;opacity:0.4}
.main .mainMenu:hover:before{opacity:1}
.main .mainMenu:after{content:">";position:absolute;right:0.5rem;top:2.1rem;color:#fff;font-size:2.5rem;opacity:0.4}
.main .mainMenu:hover:after{opacity:1}

/*퀵메뉴*/
.qmenuNew{overflow:hidden;background:#f5f5f5;box-sizing:border-box;border-top:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1}
.qmenuNew li{float:left;width:50%;background:url('../img/icon_qmenu01.png') no-repeat 1rem 1rem;background-size:2.3rem ;box-sizing:border-box;border-top:1px solid #c1c1c1;font-size:1.2rem;color:#666666;font-weight:bold}
.qmenuNew li:nth-child(1),.qmenuNew li:nth-child(2){border-top:none}
.qmenuNew li:nth-child(1),.qmenuNew li:nth-child(3){border-right:1px solid #c1c1c1}
.qmenuNew li:nth-child(1) a{color:#009f3c!important}
.qmenuNew li:nth-child(2){background:url('../img/icon_qmenu02.png') no-repeat 1rem 1rem;background-size:2.3rem}
.qmenuNew li:nth-child(3){background:url('../img/icon_qmenu03.png') no-repeat 1rem 1rem;background-size:2.3rem}
.qmenuNew li:nth-child(4){background:url('../img/icon_qmenu04.png') no-repeat 1rem 1rem;background-size:2.3rem}
.qmenuNew li a{display:inline-block;width:100%;padding:1.3rem 1rem 1.3rem 4rem;background:url('../img/arrow.png') no-repeat 95% center;background-size:1rem;color:#666!important}
.qmenuNew li:nth-child(1) a{background-image:url('../img/arrow_g.png')}

/*callcenter*/
.main .callNew{width:100%;height:6.8rem;background-image:url('../img/callBg.png'),url('../img/callNum.png');background-repeat:no-repeat, no-repeat;background-size:14.5rem 6.8rem,13.7rem 8.1rem;background-position:right top,left top}
.main .callNew dt,.main .callNew dd{clear:both;position:absolute;visibility:hidden;overflow:hidden;left:0;top:0;width:0;height:0;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-99999px}

/*온라인보험*/
.online{overflow:hidden;width:100%;height:15.5rem}
.online li{float:left;width:50%;font-size:1.2rem;text-align:center}
.online li dl{height:auto;margin:1rem 0.5rem;padding:1.5rem 1rem 1rem;box-sizing:border-box;border:2px solid #c1c1c1}
.online li dt{font-weight:bold;font-size:1.7rem;line-height:1.2;color:#767676}
.online li.over dt{color:#333}
.online li dt span{display:block;margin-top:.3rem;font-size:1.1rem}
.online li dt span:first-child{margin-top:0;font-size:1.4rem}
.online li dd{padding-top:0.5rem;font-size:0.8rem}
.online li dd span{overflow:hidden;display:inline-block;height:1.3rem;text-overflow:ellipsis;font-size:0.7rem}
.online li dd p{padding:0.5rem}
.online li dd p a{display:inline-block;padding:0.5rem 1.5rem;background:#c1c1c1;color:#fff;font-size:1rem}

.online li.over dl{border:2px solid #0890d9}
.online li.over dd p a{background:#0890d9}

.smenu7.bottom {/* margin-bottom:7rem!important;padding-bottom:7rem!important; */padding-bottom:1.5rem!important}

.main #wrapper{padding:0 0 0!important}
/* ---------- #contents ---------- */
/* sub content */
.container{position:relative;top:0;width:100%;min-height:100%;padding-top:0;padding-bottom:60px;border-top:1px solid #fff;background-color:#fff !important;}
.container2{position:relative;top:0;width:100%;min-height:100%;padding:0 5px 60px;border-top:1px solid #fff;background-color:#fff !important}
.content,.content2{position:relative;padding:5px 5px 60px;}
.content_Nb{position:relative;padding:0 5px;}
.tab1_content{position:relative;padding:212px 5px 0 !important;}	/* tab 1줄  */
.tab2_content{position:relative;paddifile:///D:/share/LAndroid_test/assets/res/www/html/CU_00_003.html??screen_id=1#ng:230px 5px 0 !important;}	/* tab 2줄  */
.step_content{position:relative;padding-top:2rem !important;padding-bottom:5rem !important;}		/* step  */
.step_content2{position:relative;padding-top:7rem !important;padding-bottom:5rem !important;}		/* step 스텝 위 탭이 있는경우 */
.area_content{position:relative;padding:50px 0 0 !important;}
.fixed_content{position:relative;padding:128px 0 0 !important;}
.tit_fixed{position:absolute;z-index:99;top:50px;left:0;width:100%;vertical-align:top;background:#fff;}
.tit_fixed_scroller{z-index:99;top:50px;left:0;width:100%;vertical-align:top;background:#fff; border-bottom: 1px dashed #ccc;padding-bottom: 10px;}

/* sub - data가 없는 경우  */
#container_data{display:none;}
#data,#data2{display:none;}
#container_nodata,#container_nodata2{display:none;text-align:center;}
.nodata_con{display:inline-block;width:200px;margin:100px 0;padding-top:135px;font-size:1.4rem;color:#000;text-align:center;background:url('../img/img_nodata.png') no-repeat center 0;background-size:125px;}
.nodata_con2{display:inline-block;width:200px;margin:100px 0;padding-top:135px;font-size:1.4rem;color:#000;text-align:center;background:url('../img/img_nodata2.png') no-repeat center 0;background-size:125px;}
.nodata_con3{display:inline-block;width:200px;margin:20px 0;padding-top:135px;font-size:1.4rem;color:#000;text-align:center;background:url('../img/img_nodata2.png') no-repeat 30px 0;background-size:125px;}
#container_nodata p.txt,#container_nodata1 p.txt{font-size:1.3rem !important;color:#646464;line-height:50px;text-align:center;border-bottom:1px solid #ccc;}
#container_nodata p.txt,#container_nodata2 p.txt{font-size:1.3rem !important;color:#646464;line-height:50px;text-align:center;border-bottom:1px solid #ccc;}
#container_nodata p.txt,#container_nodata3 p.txt{font-size:1.3rem !important;color:#646464;line-height:50px;text-align:center;border-bottom:1px solid #ccc;}
#container_nodata p.txt,#container_nodata4 p.txt{font-size:1.3rem !important;color:#646464;line-height:50px;text-align:center;border-bottom:1px solid #ccc;}
#container_nodata p.txt,#container_nodata5 p.txt{font-size:1.3rem !important;color:#646464;line-height:50px;text-align:center;border-bottom:1px solid #ccc;}


/* header button */
.tbtn_l{position:absolute;top:0;left:0}
.tbtn_r{position:absolute;top:8px;right:6px;z-index:10 !important;}

.t_menu{font-size:0;text-indent:-2000px;background:url('../img/tbtn_allmenu.png') no-repeat center center;background-size:15px;}
/*.t_prev{font-size:0;text-indent:-2000px;background:url('../img/tbtn_prev.png') no-repeat center center;background-size:15px;}*/
/* .t_info{background:url('../img/tbtn_info.png') no-repeat 0 center;background-size:contain;} */
/* .img_close{position:absolute;top:8px;right:26px;width:30px!important;height:30px;z-index:10 !important;opacity:0.6;font-size:0;text-indent:-2000px;background:#0065b3 url('../img/tbtn_close.png') no-repeat right center} */
.t_txt{padding:0 10px;font-size:1.2rem;color:#fff !important;}

.img_close_new{position:absolute;top:8px;right:26px;width:30px!important;height:30px;z-index:10 !important;opacity:0.6;font-size:0;text-indent:-2000px;background:#0065b3 url('../img/tbtn_close.png') no-repeat right center}
.tbtn_close_new{font-size:0;text-indent:-2000px;background:url('../img/tbtn_close.png') no-repeat center center;background-size:15px}/*닫기*/
.tbtn_prev_new{font-size:0;text-indent:-2000px;background:url('../img/tbtn_prev_new.png') no-repeat center center;background-size:15px}/*이전 */
.tbtn_prev_new_pop{font-size:0;text-indent:-2000px;background:url('../img/tbtn_prev.png') no-repeat center center;background-size:15px}/*이전 팝업*/

.tbtn_hidden_new{font-size:0;text-indent:-2000px;background:url('../img/tbtn_hidden_new.png') no-repeat center center;background-size:3rem}/*보안계약*/
.tbtn_save_new{font-size:0;text-indent:-2000px;background:url('../img/tbtn_save_new.png') no-repeat center center;background-size:3rem}/*저장*/
.tbtn_acc_new{font-size:0;text-indent:-2000px;background:url('../img/tbtn_acc_new.png') no-repeat center center;background-size:3rem}/*계좌관리*/
.tbtn_accAdd_new{font-size:0;text-indent:-2000px;background:url('../img/tbtn_accAdd_new.png') no-repeat center center;background-size:3rem}/*계좌등록*/
.tbtn_wan_new{font-size:0;text-indent:-2000px;background:url('../img/tbtn_wan_new.png') no-repeat center center;background-size:3rem}/*완제포함*/
.tbtn_wanme_new{font-size:0;text-indent:-2000px;background:url('../img/tbtn_wanme_new.png') no-repeat center center;background-size:3rem}/*완제미포함*/
.tbtn_change_new{font-size:0;text-indent:-2000px;background:url('../img/tbtn_change_new.png') no-repeat center center;background-size:3rem}/*변경*/


.tbtn_top_new{position:absolute;bottom:5rem;right:6px;width:4.5rem;height:4.5rem;font-size:0;text-indent:-2000px;background:url('../img/tbtn_top_new.png') no-repeat center center;background-size:3rem}/*top*/

.rgbnt{right:0}
.lgbnt{left:0}
.l45{left:4.5rem}
.r45{right:4.5rem}




/*header button*/
.login_new{position:absolute;right:0;top:0}
.login_new button{}




/*==========================================================================
 - summary :Main Page Style
==========================================================================*/
/* main 최초 진입시 나오는 레이어 */
.help_pop{position:absolute;z-index:1001;top:0;left:0;width:100%;height:100%;}
.helpPop_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:1002;opacity:.7;}
.help_con{position:relative;z-index:1003;width:100%;height:100%;}
.help_con .close{position:absolute;right:8px;bottom:15px;z-index:1004;width:60px;height:24px;padding:5px;background:url('../img/help_menu_btn1.png') no-repeat right center;background-size:14px;color:#fff!important}
.help_con img{position:absolute;width:60%;}
.help_con .help1{top:0;left:0;}
.help_con .help2{top:50px;right:3px;}
.help_con .help3{top:4px;right:3px;width:75%;}

/* ===== main_layout ===== */
.m_container{position:relative;top:0;width:100%;height:100%;padding-top:50px;padding-bottom:50px;border-top:1px solid #fff;background-color:#fff !important;}
.m_mbox{position:relative;width:100%;height:100%;}
/*.m_mbox button{display:block;width:100%;height:100%;margin:0;padding:60% 5px 0;color:#fff !important;text-align:right;background-color:transparent;}*/
/* main 1단 */
.conbox1{position:relative;width:100%;height:55%;}
.conbox1 li{display:block;width:100%;height:100%;}
.conbox1 li.conbox1_2{display:block;width:100%;height:100%;margin:0;padding:0;line-height:1.0;background-color:#67917a;}
.conbox1 .conbox1_2 p.setting{display:block;width:100%;height:20%;vertical-align:middle;background:#f0f0f0 url('../img/icon_setting.png') no-repeat 90% center;background-size:20px;}
.conbox1 .conbox1_2 p.setting button{display:block;width:100%;height:100%;padding:0 0 0 10px;font-size:1.4rem;color:#646464 !important;text-align:left !important;background-color:transparent;}
.conbox1 .conbox1_2 ul{display:block;width:100%;height:80%;margin:0;padding:0;line-height:1.0;}
.conbox1 .conbox1_2 ul li{display:block;width:100%;height:100%;background-position:0 0;background-size:40%;}
.conbox1 .conbox1_2 ul li:nth-child(1){position:relative !important;width:100%;height:55% !important;background-color:#97c13c !important;}
.conbox1 .conbox1_2 ul li:nth-child(2){position:relative !important;width:100%;height:45% !important;background-color:#67917a !important;}
.conbox1 .conbox1_2 ul li button{display:block;width:100%;height:100%;margin:0;padding:0;background-color:transparent;}
.conbox1 .conbox1_2 ul li button span{position:absolute;z-index:1000;right:10px;bottom:10px;margin:0;padding:0;color:#fff !important;text-align:right;line-height:1.0;}
/* promotion_img */
.promotion{overflow:hidden;position:relative;width:100%;height:100%;background-size:100%;}
.promotion div{position:relative;float:left;width:100%;height:100%;}
.promotion div img{width:100%;height:100%;}
/*.promotion div a{position:absolute;z-index:1000;bottom:1.1rem;right:3.5rem;display:inline-block;width:5.2rem;height:5.2rem;}*/
.promotion div a{display:inline-block;width:100%;height:100%}
.promotion .btn_prev,.m_container .btn_next{position:absolute;top:40%;width:5rem;height:5rem;padding:0;font-size:0;text-indent:-20000px;color:transparent !important;background-size:100%;cursor:pointer;}
.promotion .btn_prev{left:0;background:url('../img/btn_main_prev.png') no-repeat 0 0;}
.promotion .btn_next{right:0;background:url('../img/btn_main_next.png') no-repeat 0 0;}
.promotion .btn_prev:hover{background:url('../img/btn_main_prev_on.png') no-repeat 0 0;}
.promotion .btn_next:hover{background:url('../img/btn_main_next_on.png') no-repeat 0 0;}
/* main 2단 */
.conbox2{width:100%;height:26%;}
.conbox2 li{position:relative !important;width:100%;height:100%;border-left:1px solid #34aecc;background-position:0 0;background-size:40%;}
.conbox2 li:nth-child(1){background-color:#f49244 !important;}
.conbox2 li:nth-child(2){background-color:#34aecc !important;}
.conbox2 li:nth-child(3){background-color:#5374b9 !important;}
.conbox2 li:first-child{border-left:0 none !important;}
.conbox2 li button{position:relative !important;display:block;width:100%;height:100%;margin:0;padding:0;background-color:transparent;}
.conbox2 li button span{position:absolute;z-index:1000;right:10px;bottom:10px;margin:0;padding:0;color:#fff !important;text-align:right;line-height:1.0;}
/* main 3단 */
.conbox3{width:100%;height:20%;}
.conbox3 li{position:relative !important;width:100%;height:100%;border-left:1px solid #d9dadb;background-position:5px 5px;background-color:#fff;background-size:25%;}
.conbox3 li:first-child{border-left:0 none !important;}
.conbox3 li button{display:block;width:100%;height:100%;margin:0;padding:0;background-color:transparent;}
.conbox3 li button span{position:absolute;z-index:1000;right:10px;bottom:15px;margin:0;padding:0;text-align:right;line-height:1.0;}
/* main 3단 아이콘 고정 */
.event{background:url('../img/icon_smenu_event.png') no-repeat;}	/* 이벤트 */
.app{background:url('../img/icon_smenu_app.png') no-repeat;}	/* 앱존 */
.mweb{background:url('../img/icon_smenu_mweb.png') no-repeat;}		/* 모바일웹 */
.guide{background:url('../img/icon_smenu7_1.png')no-repeat;}	/* 상품안내장 */
.event button,.app button,.mweb button,.guide button{color:#646464 !important;}

/* ===== 자주쓰는메뉴편집 =====  */
.menu button{background-size:40% !important;}
.edit_menu .menu button{opacity:.5;background-size:40% !important;}
.edit_menu_txt{color:#218f9f;text-align:center !important;line-height:45px;}
/* 변경안되는영역shadow처리 */
.promotion .promotion_shadow{position:absolute;z-index:1000;top:0;left:0;width:100%;height:100%;background:url('../img/bg_layerPop.png') repeat 0 0;}
.conbox1 .conbox1_2 p.setting button.shadow{background:url('../img/bg_layerPop.png') repeat 0 0;}
.shadow{width:100%;height:100%;color:#000;text-align:right;vertical-align:bottom;background:url('../img/img_promotion1.png') no-repeat 0 0;background:url('../img/bg_layerPop.png') repeat 0 0;}
.shadow span{display:inline-block;padding-top:9rem;color:#000;}

/* 메뉴추가 */
.add{font-size:0 !important;color:transparent !important;}
/* 메뉴삭제 */
.edit_menu .del{background:url('../img/btn_menu_edit.png') no-repeat right 0 !important;background-size:40% !important;}
/* 메뉴설정없음 */
.nomenu{width:100%;height:100%;margin:0 !important;padding:0 !important;line-height:1 !important;background:url('../img/bg_no_menu.png') no-repeat center center !important;background-size:10rem !important;}

/*==========================================================================
 - summary :allmenu Page Style
==========================================================================*/
#m_areaL{
			height:100%;
			width:0;
			position:fixed;
			z-index:1;
			top:0;
			left:0;
			background:url('../img/menuBg02.png') repeat;
			overflow-x:hidden;
			transition:0.5s;
			/* padding-top:60px; */	 
		}
		
#m_areaL .btnMenuClose{position:absolute; top:-1rem; right:1rem;font-size:3.6rem;margin-left:50px; color:#fff;z-index:100}		
.m_areaL_sub{position:relative;width:30.5rem;background:#fff;box-shadow:0 15px 20px rgba(0,0,0,0.7)}
#m_areaL .main_header{position:fixed;width:30.5rem}
#m_areaL .allmenu{padding-top:5rem}

#m_areaL .main_header{-webkit-box-sizing:border-box;height:55px;padding:10px 10px 0.8rem;background:#0a3f9b url('../img/bg_people.png') no-repeat 70% bottom;background-size:30px;}
#m_areaL .main_header div{height:100%;color:#fff !important;font-size:1.2rem !important;line-height:1.2;}
#m_areaL .main_header div strong{font-size:1.5rem !important;}
.allmenu li{color:#646464;}
.allmenu .home{height:45px;padding-left:40px;line-height:45px !important;font-size:1.6rem;background:url('../img/icon_home.png') no-repeat 10px center;background-size:26px;}
.allmenu dt{display:block;height:20px;margin:0;padding:0 0 0 20px;line-height:20px;font-size:1.2rem;color:#fff;background:#99abb1 url('../img/bult_tit.png') no-repeat 10px center;background-size:3px;}
.allmenu dd{height:45px;border-top:1px solid #ccc;background:url('../img/icon_allmenu_bg.png') no-repeat 10px 10px;background-size:26px;}
.allmenu dd button{width:100%;height:100%;background:url('../img/icon_allmenu_bg.png') no-repeat 10px 10px;background-size:26px;}
.allmenu dd button span{display:block;margin-left:10px;padding-left:32px;font-size:1.6rem;color:#c8c8c8;text-align:left;background-size:26px;}
.allmenu .smenu2 span,.allmenu .smenu3 span,.allmenu .smenu4 span,.allmenu .smenu5 span,.allmenu .smenu6 span,.allmenu .smenu7 span{color:#646464 !important;background-size:26px !important;}
/*.allmenu .smenu1 span,.allmenu .smenu2 span,.allmenu .smenu3 span,.allmenu .smenu4 span,.allmenu .smenu5 span,.allmenu .smenu6 span,.allmenu .smenu7 span{color:#646464 !important;background-size:26px !important;}*/
.allmenu .smenu_n button{background:url('../img/icon_allmenu_n_bg.png') no-repeat 10px 10px;background-size:26px;}
.allmenu .smenu_n span {color: #646464 !important;background-size: 26px !important;}
.smenu_n1_1{background:url('../img/icon_smenu_n1_1.png');}
.smenu_n2_1, .smenu_n2_2{background:url('../img/icon_smenu_n2_1.png');}
.smenu_n3_1{background:url('../img/icon_smenu_n3_1.png');}
.smenu_n4_1{background:url('../img/icon_smenu_n4_1.png');}


/*.allmenu .smenu1 button{background-position:10px -45px;}*/
/*.allmenu .smenu2 button{background-position:10px -102px;}*/
/*.allmenu .smenu3 button{background-position:10px -158px;}*/
/*.allmenu .smenu4 button{background-position:10px -212px;}*/
/*.allmenu .smenu5 button{background-position:10px -268px;}*/
/*.allmenu .smenu6 button{background-position:10px -324px;}*/
/*.allmenu .smenu7 button{background-position:10px -380px;}*/

.allmenu .smenu2 button{background-position:10px -45px;}
.allmenu .smenu3 button{background-position:10px -102px;}
.allmenu .smenu4 button{background-position:10px -158px;}
.allmenu .smenu5 button{background-position:10px -212px;}
.allmenu .smenu6 button{background-position:10px -268px;}
.allmenu .smenu7 button{background-position:10px -324px;}


/* 로그인센터 */
.smenu1_1{background:url('../img/icon_smenu2_1.png');}	/* 공인인증서등록 */

/* 보험계약조회 */
.smenu2_1{background:url('../img/icon_smenu2_1.png');}	/* 계약내용조회 */
.smenu2_2{background:url('../img/icon_smenu2_2.png');}	/* 변액보험조회 */
.smenu2_3{background:url('../img/icon_smenu2_3.png');}	/* 고객정보조회 */
/* 대출서비스 */
.smenu3_1{background:url('../img/icon_smenu3_1.png');}	/* 보험계약대출 */
.smenu3_2{background:url('../img/icon_smenu3_2.png');}	/* 신용대출가능금액 */
.smenu3_3{background:url('../img/icon_smenu3_3.png');}	/* 계약대출내역조회 */
.smenu3_4{background:url('../img/icon_smenu3_4.png');}	/* 대출원리금상환 */
.smenu3_5{background:url('../img/icon_smenu3_5.png');}	/* 자동이체 계좌관리 */
.smenu3_6{background:url('../img/icon_smenu2_5.png');}	/* 보험고객신용대출 */
/* 보험계약관리 */
.smenu4_1{background:url('../img/icon_smenu4_1.png');}	/* 변액보험펀드변경 */
.smenu4_2{background:url('../img/icon_smenu4_2.png');}	/* 보험증권재발행 */
.smenu4_3{background:url('../img/icon_smenu4_3.png');}	/* 자동이체 계좌관리 */
/* 입출금서비스 */
.smenu5_1{background:url('../img/icon_smenu5_1.png');}	/* 보험료납입 */
.smenu5_2{background:url('../img/icon_smenu5_2.png');}	/* 보험료추가납입 */
.smenu5_3{background:url('../img/icon_smenu5_3.png');}	/* 만기보험금 */
.smenu5_4{background:url('../img/icon_smenu5_4.png');}	/* 중도급부금 */
.smenu5_5{background:url('../img/icon_smenu5_5.png');}	/* 휴면보험금 */
.smenu5_6{background:url('../img/icon_smenu5_6.png');}	/* 배당금 */
.smenu5_7{background:url('../img/icon_smenu5_7.png');}	/* 중도인출금 */
.smenu5_8{background:url('../img/icon_smenu5_8.png');}	/* 사고보험금신청및조회 */
.smenu5_9{background:url('../img/icon_smenu5_8.png');}	/* 미지급연금지급(조회) */
/* 고객센터 */
.smenu6_1{background:url('../img/icon_smenu6_1.png');}	/* 공지사항 */
.smenu6_2{background:url('../img/icon_smenu6_2.png');}	/* 이벤트 */
.smenu6_3{background:url('../img/icon_smenu6_3.png');}	/* 공인인증센터 */
.smenu6_4{background:url('../img/icon_smenu6_4.png');}	/* 고객센터연결 */
.smenu6_5{background:url('../img/icon_smenu6_5.png');}	/* 상담신청 */
.smenu6_6{background:url('../img/icon_smenu6_6.png');}	/* 지점찾기 */
.smenu6_7{background:url('../img/icon_smenu3_2.png');}	/* 전자민원접수 */
.smenu6_8{background:url('../img/icon_smenu2_1.png');}	/* FAQ */
.smenu6_9{background:url('../img/icon_smenu3_3.png');}	/* 보험서류안내 */

/* 모바일 콜센터 */
.smenu11_1{background:url('../img/icon_smenu11_1.png');}	/* 1.모바일콜센터 연결 */
.smenu11_2{background:url('../img/icon_smenu11_2.png');}	/* 2.공지사항 */
.smenu11_3{background:url('../img/icon_smenu11_3.png');}	/* 7.보이는 ARS 사용설정 */
.smenu11_4{background:url('../img/icon_smenu11_4.png');}	/* 3.자주찾는 문의 */
.smenu11_5{background:url('../img/icon_smenu11_5.png');}	/* 4.고객제안 */
.smenu11_6{background:url('../img/icon_smenu11_6.png');}	/* 5.이벤트 */
.smenu11_7{background:url('../img/icon_smenu11_7.png');}	/* 6.설문조사 */

/* 플러스생생정보 */
.smenu8_1{background:url('../img/icon_smenu8_1.png');}	/* 플러스생생정보 (생활정보) */
.smenu8_2{background:url('../img/icon_smenu8_2.png');}	/* 플러스생생정보 (건강관리) */
.smenu8_3{background:url('../img/icon_smenu8_3.png');}	/* 플러스생생정보 (경제정보) */
.smenu8_4{background:url('../img/icon_smenu8_4.png');}	/* 플러스생생정보 (자녀교육) */
.smenu8_5{background:url('../img/icon_smenu8_5.png');}	/* 플러스생생정보 (보험상식) */

/* 부가서비스 */
.smenu9_1{background:url('../img/icon_smenu9_1.png');}	/* 헬스케어서비스 */
.smenu9_2{background:url('../img/icon_smenu9_2.png');}	/* 맘e든든케어서비스 */
.smenu9_3{background:url('../img/icon_smenu9_3.png');}	/* 마음든든케어서비스 */

/* nh농협금융App */
.smenu10_1{background:url('../img/icon_smenu10_1.png');}	/* 모바일앱 */
.smenu10_2{background:url('../img/icon_smenu10_2.png');}	/* 모바일웹 */



/* 상품안내장 */
.smenu7_1{background:url('../img/icon_smenu7_1.png');}	/*상품 안내장 추가 2014. 09. 24 */

/* psk 누락된것 같음... */
.smenu1_1,.smenu_n2_2,.smenu_n2_1,.smenu_n3_1,.smenu_n4_1,
/*.smenu1_1,*/
.smenu2_1,.smenu2_2,.smenu2_3,
.smenu3_1,.smenu3_2,.smenu3_3,.smenu3_4,.smenu3_5,.smenu3_6,
.smenu4_1,.smenu4_2,.smenu4_3,
.smenu5_1,.smenu5_2,.smenu5_3,.smenu5_4,.smenu5_5,.smenu5_6,.smenu5_7,.smenu5_8,.smenu5_9,
.smenu6_1,.smenu6_2,.smenu6_3,.smenu6_4,.smenu6_5,.smenu6_6,.smenu6_7,.smenu6_8,.smenu6_9,.smenu7_1,
.smenu8_1,.smenu8_2,.smenu8_3,.smenu8_4,.smenu8_5,.smenu9_1,.smenu9_2,.smenu9_3,.smenu10_1,.smenu10_2{background-position:0 0;background-repeat:no-repeat;}

/* 해당 메뉴 선택 시 추가  */
.home.on{color:#01a0c7 !important;}
.smenu1 dd.on button span{color:#cccccc !important;}
.smenu2 dd.on button span{color:#fdb400 !important;}
.smenu3 dd.on button span{color:#f668b2 !important;}
.smenu4 dd.on button span{color:#32a13a !important;}
.smenu5 dd.on button span{color:#0a3f9b !important;}
.smenu6 dd.on button span{color:#9653b9 !important;}
.smenu7 dd.on button span{color:#f26522 !important;}

/*==========================================================================
 - summary :Intro Page Style
==========================================================================*/
#intro{width:100%;height:100%;background:url('../img/intro_new.png') no-repeat center center;background-size:cover;}
.intro_footer{position:fixed;bottom:0;width:100%;}
.intro_footer p{margin:5px 0;font-size:1.1rem;text-align:center;letter-spacing:0;line-height:1.4;}
.intro_footer p.version{margin-bottom:10px;color:#000;}
.intro_footer p.copy{margin:10px 0;font-size:1.2rem !important;text-align:center;letter-spacing:0;}
.intro_footer p.progress{position:relative;display:inline-block;width:90%;height:6px;margin:0 5%;-webkit-border-radius:6px;background:transparent url('../img/intro_progress_bg.png') no-repeat 0 0;background-size:cover;}
.intro_footer p.progress img{position:absolute;top:0;left:0;height:6px;-webkit-border-radius:6px;}

/*==========================================================================
 - summary : fullPopup Style
==========================================================================*/
/* fullPop */
.fullPop{position:absolute;z-index:1001;top:0;left:0;width:100%;height:100%;background-color:#fff;}
.fullPop header{position:relative;z-index:1001;height:50px}
.fullPop header h1{background:url('../img/ico_nh_loading_w.png') no-repeat 0 0.2rem;background-size:6rem;font-size:1.7rem;line-height:4.5rem;text-align:center;white-space:nowrap}
.fullPop header .close{position:absolute;top:8px;right:8px;min-width:25px;min-height:25px;border:0 none;border-radius:18px;text-indent:-999px;background:#0065b3 url('../img/pbtn_close.png') no-repeat 0 0;background-size:18px;}
.fullPop header .close:hover{background-color:#0a5983;}
.fullPop_footer2{position:fixed;bottom:0;z-index:2;width:100%;height:55px;padding-bottom:10px;background-color:#fff;}

.pop_container{position:relative;top:0;width:100%;padding:0 0 7rem 0;border-top:1px solid #fff;background-color:#fff;}
.pop_content{position:relative;width:100%;padding:50px 5px 10px 5px;border-top:1px solid #fff;background-color:#fff;}

.fixed_postno{position:fixed;z-index:99;top:50px;left:0;width:100%;vertical-align:top;background:#fff;}
.postno_con{padding-top:200px !important;}	/* 우편번호팝업   */
.postno2_con{padding-top:220px !important;}	/* 우편번호팝업>읍/면/동    */
.postno3_con{padding-top:250px !important;}	/* 우편번호팝업>도로명찾기    */

.p_footer{width:100%;padding-bottom:0 !important;background:#fff;text-align:center}
.p_footer button{display:inline-block;width:200px !important;margin-top:5px;}
.pop_tab_con{padding-top:9px;}

/*==========================================================================
 - summary : LayerPopup Style
==========================================================================*/
/* layerPop */
iframe{display:none;position:absolute;z-index:1002;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0 none;outline:0;background:url('../img/bg_layerPop.png') repeat 0 0;}
.layerPop_bg{display:none;position:absolute;z-index:1010;top:0;left:0;width:100%;height:100%;opacity:.5;}
.layerPop_bg2{display:none;position:absolute;z-index:99999;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0 none;outline:0;opacity:.5;background:url('../img/bg_layerPop.png') repeat 0 0;}
.layerPop_bg3{display:none;position:absolute;z-index:99999;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0 none;outline:0;background:url('../img/bg_layerPop.png') repeat 0 0;}
.layerPop{width:230px;min-height:150px;margin:20% auto;-webkit-border-radius:10px;background:transparent;}
.layerPop header{position:relative;height:45px;margin:0;padding:0;border-bottom:1px solid #1f7da4;-webkit-border-radius:10px 10px 0 0;background:#3d9ec7;}
.layerPop header h1{font-size:1.5rem;color:#fff;line-height:45px;text-align:center;}
.layerPop header .close{position:absolute;right:15px;top:30%;width:25px;height:25px;padding:5px;text-indent:-999px;background:url('../img/pbtn_close.png') no-repeat center center;background-size:15px;}
.layerPop .layer_container{position:relative;overflow:auto;max-height:300px;margin:0;padding:0;border-radius:0 0 10px 10px;background:#fff;}
.layerPop .layer_container .liType1{border-radius:0 0 10px 10px;}
.layerPop .layer_container .liType1 li{height:50px;line-height:50px;border-top:1px solid #ccc;-webkit-box-sizing:border-box;}
.layerPop .layer_container .liType1 li:first-child{border-top:0 none;}
.layerPop .layer_container .liType1 li:focus{background:#e5e5e5;}
.layerPop .layer_container .liType1 li button{width:100%;height:100%;font-size:1.7rem;color:#000;text-align:center;background-color:transparent;}
.layerPop .layer_container .liType1 li:last-child{border-radius:0 0 10px 10px;}
.layerPop .layer_container .liType1 li button.no_select{color:#c8c8c8 !important;}
.layerPop .layer_container .liType1 li.on button{color:#01a0c7 !important;}	/* 선택된 메뉴  */
/* 공지 레이어팝업 */
.layer_notice{width:80%;min-height:150px;margin:20% auto;-webkit-border-radius:10px;background:transparent;}
.layer_notice header{position:relative;height:45px;margin:0;padding:10px;border-bottom:1px solid #1f7da4;-webkit-border-radius:10px 10px 0 0;background:#3d9ec7;}
.layer_notice header h1{font-size:1.5rem;color:#fff;line-height:25px;}
.layer_notice header .close{position:absolute;right:15px;top:30%;width:25px;height:25px;padding:5px;text-indent:-999px;background:url('../img/pbtn_close.png') no-repeat center center;background-size:15px;}
.layer_notice .layer_container{position:relative;overflow:auto;max-height:300px;margin:0;padding:10px;line-height:1.4;border-radius:0 0 10px 10px;background:#fff;}
.layer_notice .layer_container2{position:relative;overflow:auto;max-height:350px;margin:0;padding:10px;line-height:1.4;border-radius:0 0 10px 10px;background:#fff;}

/*==========================================================================
 - summary :button Style
==========================================================================*/
.btn_area{display:block;overflow:hidden;width:100%;margin:8px auto;padding:5px 0;text-align:center;}
.btn_area2{padding:5px 0 10px;text-align:center;}

/* btn_typeA */
.btn_typeA{min-width:50px;height:42px;padding:0 9px;line-height:17px;font-size:1.4rem !important;color:#fff !important;text-align:center;box-shadow:0 2px 3px #c5c5c5;border-radius:5px;background-color:#0e80bb;}
.btn_typeA:hover,.btn_typeA:active{background-color:#0a5983;}
.btn_typeA:disabled{background-color:#c8c8c8 !important;}
.btn_typeA span.icon01{display:inline-block;padding-left:20px;font-size:1.4rem !important;color:#fff !important;letter-spacing:-0.1rem;background:url('../img/btn_icon_search.png') no-repeat 0 0;background-size:17px;}

/*btn small*/
.btnSmall{min-width:50px;height:22px;padding:0 9px;line-height:17px;font-size:1.2rem !important;color:#fff !important;text-align:center;box-shadow:0 2px 3px #c5c5c5;border-radius:5px;background-color:#fff;border:1px solid #ccc}
.btnSmall:hover,.btnSmall:active{background-color:#0a5983;color:#fff!important}
.btnSmall:disabled{background-color:#c8c8c8 !important;}
.btnSmall span.icon01{display:inline-block;padding-left:20px;font-size:1.4rem !important;color:#fff !important;letter-spacing:-0.1rem;background:url('../img/btn_icon_search.png') no-repeat 0 0;background-size:17px;}


.view_type1 td .btn_typeA.Fw{color:#fff !important}
/* btn_color */
.fbtn_prev{background-color:#536a75;}
.fbtnBg_sky{-webkit-border-radius:25px;background-color:#29b5d8 !important;}

/* ? */
.dimmed{background-color:#c8c8c8;}
.dimmed:hover,.dimmed:active{background-color:#c8c8c8;}
.dimmed span.icon01{display:inline-block;padding-left:40px;font-size:1.3rem;color:#fff !important;letter-spacing:-0.1rem;background:url('../img/btn_icon_search.png') no-repeat 0 0;opacity:0.5;}
/* 더보기 */
.btn_more{margin:10px auto;padding-left:18px;font-size:1.6rem;color:#0e80bb;background:transparent url('../img/icon_more_btn.png') no-repeat 0 center;background-size:15%;}
/* btn_search */
.btn_search{min-width:50px;height:30px;margin:0 3px;padding:0 5px;line-height:15px;font-size:1.3rem !important;color:#fff !important;text-align:center;box-shadow:0 2px 3px #c5c5c5;border-radius:5px;background-color:#0e80bb;}
.btn_search:hover,.btn_search:active{background-color:#0a5983;}

/* sbtn_type */
.sbtn_type1{min-width:50px;margin:2px 0;padding:5px 10px;font-size:1.3rem !important;color:#fff !important;text-align:center;vertical-align:middle;box-shadow:0 2px 3px #c5c5c5;border-radius:14px;background-color:#29b5d8;}
.sbtn_type1:disabled{background-color:#c8c8c8 !important;}

.sbtn{min-width:50px;height:30px;margin:0 3px;padding:0 5px;line-height:15px;font-size:1.3rem;color:#fff !important;text-align:center;box-shadow:1px 2px 1px #c5c5c5;border-radius:5px;background-color:#0e80bb;}
.sbtn:disabled{background-color:#c8c8c8 !important;}



/*==========================================================================
 - summary :form Style
==========================================================================*/
input,select,option,textarea,button{font-size:1.3rem !important;color:#646464 !important;}
input.input_txt::-webkit-input-placeholder{height:32px;padding:0 5px !important;line-height:30px !important;font-size:1.2rem !important;color:#c8c8c8 !important;text-align:left;font-weight:normal !important;}
label{display:inline-block;}	/* 2014-08-26 수정 */

/* checkbox */
label.chk{vertical-align:middle;font-size:1.4rem;}
input[type="checkbox"]{display:inline-block;width:25px;height:23px;margin:0 3px 0 1px;vertical-align:middle;border:2px solid #000;background-size:25px;}	/* 2014-08-26 수정 */
input[type="checkbox"]:checked{background:#fff url('../img/btn_chk.png') no-repeat 0 0;background-size:20px;}
input[type="checkbox"]:disabled{border:3px solid #c8c8c8;background:#fff url('../img/btn_chk.png') no-repeat 0 -17px;}

/*new*/
label.new{vertical-align:top}
input.new[type="checkbox"]{display:inline-block;width:25px;height:23px;margin:0 10px;vertical-align:middle;border:2px solid #000;background-size:25px;}	/* 2014-08-26 수정 */
input.new[type="checkbox"]:checked{background:#fff url('../img/btn_chk.png') no-repeat 0 0;background-size:20px;}
input.new[type="checkbox"]:disabled{border:3px solid #c8c8c8;background:#fff url('../img/btn_chk.png') no-repeat 0 -17px;}

.list_type1 li{padding:7px 7px 10px;background-color: #f0f0f0;border-bottom: 1px solid #ccc;line-height:30px;}

/* radio_btn */
label.radio{vertical-align:middle;font-size:1.4rem;}
input[type="radio"]{display:inline-block;width:25px;height:25px;margin-right:5px;vertical-align:middle;border:2px solid #000;border-radius:12.5px;background-size:25px;}	/* 2014-08-26 수정 */
input[type="radio"]:checked{background:#fff url('../img/btn_radio.png') no-repeat center -3px;}
input[type="radio"]:disabled{border:3px solid #c8c8c8;background-position:-80px 0;}
input[type="radio"]:checked:disabled{background:#fff url('../img/btn_radio.png') no-repeat center -3px;border:3px solid #c8c8c8;}

/* toggle */
label.toggle{display:inline-block;width:85px;height:40px;margin:0 1px;vertical-align:middle;}
label.toggle input[type="checkbox"]{width:100%;height:100%;vertical-align:middle;border:0 none;background:url('../img/btn_toggle.png') no-repeat 0 0;background-size:100%;}
label.toggle input[type="checkbox"]:checked{background-position:0 -70px;}

/* input box */
.input_txt{height:32px;margin:0 2px;padding:0 5px;line-height:30px;color:#646464;text-align:left;border:1px solid #646464;border-radius:0;background-color:#fff;}
.input_won{height:32px;margin:0 2px;padding:0 5px;line-height:30px;color:#646464;text-align:right;border:1px solid #646464;border-radius:0;background-color:#fff;}
.input_search{height:32px;margin:0 2px;padding:0 5px;line-height:30px;color:#646464;text-align:center;border:1px solid #646464;border-radius:0;background:#fff url('../img/icon_input_search.png') no-repeat 5px center;background-size:15px;}
.input_txt,.input_won,.input_search{-webkit-box-flex:1;width:100%;}
.input_txt>*,.input_won>*,.input_search>*{-webkit-box-flex:1;}
.textarea{margin-top:5px;padding:5px 10px;line-height:1.5;}

label.input{height:32px;margin:0 1px;vertical-align:middle;}
label.input input{width:100%;height:32px;padding:0 5px;line-height:30px;color:#646464;text-align:center;border:1px solid #646464;border-radius:0;background-color:#fff;}
label.input input[type="text"]:disabled,
label.input input[type="tel"]:disabled,
input.input_txt:disabled{color:#666 !important;border:1px solid #c8c8c8;background-color:#ccc;}

/* search box */
label.input input[type="search"]{width:100%;height:32px;margin:0 1px;padding:0 5px;line-height:30px;color:#646464;text-align:center;border:1px solid #646464;border-radius:0;background:#fff url('../img/icon_input_search.png') no-repeat 5px center;background-size:15px;}
label.input input[type="search"]:disabled{color:#a2a2a2 !important;border:1px solid #c8c8c8;}

/* select */
label.select{display:inline-block;width:90%;height:32px;margin:0 4px;vertical-align:middle;}
label.select button{width:100%;min-width:50px;height:32px;padding:0 20px 0 5px;line-height:30px;color:#646464;text-align:left;border:1px solid #646464;border-radius:0;background:#fff url('../img/btn_select.png') no-repeat 100% 10px;background-size:20px;}
label.select button:disabled{color:#a2a2a2 !important;border:1px solid #c8c8c8;background-color:#e1e1e1;background-position:100% 10px;}
label.select.tel{width:75px;}

label.select_on button{width:100%;min-width:50px;height:32px;padding:0 20px 0 5px;line-height:30px;color:#646464;text-align:left;background:#fff url('../img/btn_toggle_down.png') no-repeat 100% 10px;background-size:20px;}
label.select_off button{width:100%;min-width:50px;height:32px;padding:0 20px 0 5px;line-height:30px;color:#646464;text-align:left;background:#fff url('../img/btn_toggle_up.png') no-repeat 100% 10px;background-size:20px;}
/*==========================================================================
 - summary :table
==========================================================================*/
.tb_space10{margin-top:5px;}

/* 조회기간 */]
.srh_day{margin:0 0 10px;padding:10px;border-top:1px solid #646464;border-bottom:1px solid #646464;}
.srh_day dt{padding:0 10px 5px 0;color:#000;}
.srh_day label.input input{width:37%;margin:5px 0;font-size:1.2rem;color:#a2a2a2 !important;line-height:1.8;vertical-align:middle;}
.srh_day h3.h3_type2{padding:0 0 5px !important;color:#000 !important;}
.srh_day span{line-height:2;}

/* 토글 목록형 */
.toggle_type1{margin:0;padding:0;vertical-align:top;border-bottom:1px solid #ccc;}
.toggle_type1 li{background-color:#f0f0f0;border-top:1px solid #ccc;}
.toggle_type1 li:nth-child(even){background-color:#f7f7f7;}
.toggle_type1 li p{padding:10px;line-height:1.2;background:url('../img/btn_toggle_down.png') no-repeat 95% center;background-size:15px;}
.toggle_type1 li .list_con{display:none;background-color:#fff;}
.toggle_type1 li.on p{color:#29b5d8;border-top:1px solid #29b5d8;border-bottom:1px solid #29b5d8;background:#fff url('../img/btn_toggle_up.png') no-repeat 95% center;}
.toggle_type1 li.on .list_con{display:block !important;}
.list_con table{width:100%;-webkit-box-sizing:border-box;}
.list_con th, .list_con td{padding:10px;font-size:1.4rem;line-height:1.2;text-align:left;vertical-align:middle;border-top:1px solid #ccc;border-left:1px solid #ccc;}
.list_con th{color:#646464;font-weight:normal;background-color:#e9f6ff;}
.list_con td{color:#000;background-color:#fff;}
.list_con .dashed{border-top:1px dashed #ccc !important;}
.list_con th:first-child,.list_con td:first-child{border-left:0 none;}
.list_con tbody tr.tdbg1 td{background-color:#fbf9f6;}
.list_con thead th{text-align:center;}
.list_con tbody td{text-align:right;}
.list_con.ta_l td{text-align:left !important;}


/* 리스트형 테이블 */
.tb_list1{width:100%; padding-bottom:6rem}
.tb_list1 table{width:100%;border-bottom:1px solid #ccc;-webkit-box-sizing:border-box;}
.tb_list1 th, .tb_list1 td{padding:10px;line-height:1.2;text-align:center;vertical-align:middle;border-top:1px solid #ccc;border-left:1px solid #ccc;}
.tb_list1 thead th{font-size:1.3rem;color:#646464;font-weight:normal;background-color:#f0f0f0;}
.tb_list1 tbody td{font-size:1.2rem;color:#000;background-color:#fff;}
.tb_list1 thead th:first-child,.tb_list1 tbody td:first-child{border-left:0 none;}
.tb_list1 tbody tr.tdbg1 td{background-color:#fbf9f6;}
.tb_list1 .dashed{border-top:1px dashed #ccc !important;}
.tb_list1 .thbg1{color:#000;background-color:#e5f6fa;}
.thbg2 tbody th{color:#646464;font-weight:normal;background-color:#fbf9f6;}
.thbg2 tbody th:first-child{border-left:0 none;}
.tb_call.tb_list1 td{color:#646464;}
.tb_call.tb_list1 th{color:#004174;}

/* 상세보기형 테이블 */
.view_type1{width:100%;}
.view_type1 table{width:100%;border-bottom:1px solid #ccc;-webkit-box-sizing:border-box;}
.view_type1 td *{color:#000 !important;}
.view_type1 th, .view_type1 td{padding:15px 10px;font-size:1.4rem;line-height:1.2;vertical-align:middle;border-top:1px solid #ccc;}
.view_type1 th{color:#646464;text-align:left;font-weight:normal;border-right:1px solid #ccc;background-color:#f0f0f0;}
.view_type1 td{color:#000;background-color:#fff;}
.view_type1 td ol.deciaml li{line-height:1.3;list-style:decimal;list-style-position:inside;}
.view_type1 td p{padding:1px 0;}
.view_type1 td.textarea{padding:10px;}
.view_type1 td.textarea textarea{width:100%;height:50px;padding:5px;}
.view_type1 td .fs_link1{color:#29b5d8 !important;text-decoration:underline;vertical-align:middle;}
.view_type1 .dashed{border-top:1px dashed #ccc !important;border-bottom:0 none !important;}
.view_type1 .sbtn{color:#fff !important}
.view_type1 .tdbg1{color:#000;border-left:1px solid #ccc;background-color:#f0f0f0;}
.view_type1 .disabled{color:#a6a6a6;}
.view_type1 .slash{display:inline-block;padding:0 3px;line-height:1.8;}
/* 고객정보변경 */
.view_type1 tr.edit th, .view_type1 tr.edit td{padding:10px !important;}
.view_type1 td.btn_edit{padding-right:30px !important;background:url('../img/btn_mem_edit.png') no-repeat 95% center;background-size:30px;}
.view_type1 th.btn_edit{background:#f0f0f0 url('../img/btn_mem_edit.png') no-repeat 40% 65%;background-size:30px;}	/*  2013-11-25 */
.view_type1 td.nobg{padding-top:5px;padding-bottom:5px;background:none;}
.view_type1 td.nodata{color:#888 !important;}

.view_type2{}
.view_type2{width:100%;-webkit-box-sizing:border-box;border-top:1px solid #000;border-bottom:1px solid #000;}
.view_type2 th,.view_type2 td{padding:7px 10px;vertical-align:middle;text-align:left;font-weight:normal;}
.view_type2 th{color:#888;border-right:1px solid #ccc;}
.view_type2 td{color:#000 !important;}
.bottom_radius th{-webkit-border-radius:0 0 10px 0 !important;}
.bottom_radius td{-webkit-border-radius:0 0 0 10px !important;}
.bottom_radius2{-webkit-border-radius:0 0 10px 10px !important;}

.tip{padding:10px;}
.ta_l{} /* 좌측정렬 */
.ta_l th,.ta_l td{text-align:left !important;}
.tb_desc{padding:5px;color:#a6a6a6;font-size:1.2rem;line-height:1.4}
.tb_desc.two{overflow:hidden;}
.tb_desc.two span{display:inline-block;}
.tb_desc.two span.fl{float:left}
.tb_desc.two span.fr{float:right}
.s_txt{font-size:1.2rem;}
/*==========================================================================
 - summary :Contents Style
==========================================================================*/

/* 공통스타일 */
.matb_15{display:block;margin:8px 0 !important;}
.mat_10{margin-top:50px;}
.fs_link1{color:#29b5d8 !important;text-decoration:underline;vertical-align:middle;}
.fs_type1{font-size:1.2rem;color:#c8c8c8 !important;}
.fs_small{font-size:1.2rem;}
.fc_point1{color:#29b5d8 !important;}
.slash{display:inline-block;padding:0 3px;}
.txt_type1{margin-top:5px;padding:5px;line-height:1.4;font-size:1.2rem;color:#29b5d8 !important;}

/* H Style */
.h_no{margin:10px 0 3px;}
.h_no span{color:#000 !important;}
.h_no:first-child{margin-top:0;}
.h3_type1{margin:15px 0 5px;padding-left:25px;line-height:20px;font-size:1.4rem;color:#000;vertical-align:middle;background:url('../img/bult_01.png') no-repeat 8px 2px;background-size:14px;}
.h3_type1:first-child{margin-top:0 !important;}
.h3_type2{padding:0 10px 5px;color:#000 !important;}

/* hgroup Style */
.tit_select{position:relative !important;width:100%;}
.tit_select .pos_a{position:absolute;right:0;bottom:0;display:inline-block;width:40%;}
.h1_type2{font-size:1.4rem !important;}
.h1_type3{font-size:1.6rem;font-weight:bold !important;}

.hgroup2{display:block;overflow:hidden;width:100%;padding:8px 10px;border-top:1px solid #ccc;}
.hgroup2 h2,.hgroup2 h3,.hgroup2 p{display:inline-block;width:50%;vertical-align:middle;}
.hgroup2 h2,.hgroup2 h3{float:left;}
.hgroup2 p{float:right;}
.hgroup2 >*{vertical-align:middle;}
.hgroup2 .bult_type5{padding-left:10px;}
.hgroup2 .h3_type1{background-position:8px 8px !important;}

.hgroup1{display:block;overflow:hidden;width:100%;margin:15px 0 5px;vertical-align:middle;}
.hgroup1 h3{float:left;margin:0;padding-top:0;padding-bottom:0;line-height:30px;}
.hgroup1 h3.bult_type1{background-position:8px center !important;}
.hgroup1 p{margin:0;padding-top:0 !important;padding-bottom:0 !important;}
.hgroup1 .fl_l{float:left !important;}
.hgroup1 .fl_r{float:right !important;margin:0 !important;padding:0 10px 0 0 !important;text-align:right !important;}

/* bult */
.bult_first{margin-top:10px !important;}	/* 첫번째 블릿 상단영역 없애기  */

.bult_type1{margin:30px 0 10px;padding-left:25px;line-height:20px;font-size:1.4rem;color:#000;vertical-align:middle;background:url('../img/bult_01.png') no-repeat 8px 2px;background-size:14px;}
.bult_type2{background:url('../img/bult_02.png') no-repeat 0 center;}
.bult_type3{background:url('../img/bult_tabon.png') no-repeat 0 0;}
.bult_type4{background:url('../img/bult_tit.png') no-repeat 0 center;}
.bult_type5{line-height:1.5;background:url('../img/bult_tmoney.png') no-repeat 0 center;background-size:5px 20px;}
.bult_type6{margin:15px 0 5px;padding-left:10px;font-size:1.4rem;line-height:1.5;background:url('../img/bult_tmoney.png') no-repeat 0 center;background-size:5px 20px;}
.bult_03{margin-top:5px;padding:15px 10px 15px 50px;font-size:1.4rem;line-height:1.5;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#f7f8f9 url('../img/bult_03.png') no-repeat 10px center;background-size:35px;}
.bult_point1{padding-right:7px;background:url('../img/bult_point1.png') no-repeat right 5px;background-size:5px;}

/* 안내 아이콘 */
.btn_help{width:20px;height:20px;vertical-align:middle;text-indent:-20000px;background:url('../img/icon_help.png') no-repeat 0 0;background-size:20px;}


/* tab*/
.tab_area{position:relative;width:100%;margin:5px 0 0;padding:5px 5px 0;}
.tab_area ul{display:block;overflow:hidden;width:100%;height:40px;}
.tab_area li{position:relative;width:100%;height:100%;}
.tab_area li input[type="radio"]{display:inline-block;position:absolute;top:0;left:0;z-index:999;width:100%;height:100%;border-radius:0;border:0 none;background:transparent;}
.tab_area li button{display:inline-block;width:100%;height:100%;line-height:38px;font-size:1.4rem;color:#646464;text-align:center;border:2px solid #c8c8c8;border-left:0 none;background:transparent;}
.tab_area li button.on{font-size:1.4rem !important;color:#29b5d8 !important;border:2px solid #29b5d8;}
.tab_area ul:nth-child(1){margin-bottom:5px;}
.tab_area ul:nth-child(2){margin-bottom:5px;}
.tab_area li button.brN{border-right:0 none;}
.tab_area li:first-child button{border-left:2px solid #c8c8c8;}
.tab_area li:first-child button.on{border-left:2px solid #29b5d8;}
.tab_column2 li{float:left;width:50%;}
.tab_column3 li{float:left;width:33.33%;}
.tab_column4 li{float:left;width:25%;}

/* step */
.step_area{/* position:fixed; */z-index:2;top:50px;left:0;width:100%;height:50px;padding:10px;line-height:30px;text-align:center;background-color:#ececec;}
.step_area img{width:100%;}
.step_ol li{line-height:1.4;border-top:1px solid #ccc;}
.step_ol li p.tit_txt{color:#a6a6a6;line-height:1.4;}
.step_ol li li{padding-left:13px;text-indent:-10px;line-height:1.4;border:0 none;}
.step_ol li ul{margin-top:10px;}

/* checkbox */
.check_area{position:relative;width:100%;height:50px;padding:10px;line-height:30px;border-bottom:1px solid #ccc;background-color:#f0f0f0;}

.check_area2{position:relative;width:100%;height:50px;padding:10px;line-height:30px;border-bottom:1px solid #ccc;background-color:#f0f0f0;margin:15px 0 5px;}

/* 안내박스 */
.info_boxT{width:100%;padding:10px;font-size:1.2rem;background-color:#ececec;}

/* login */
.btn_cert_login{max-width:528px;padding:20px 0;color:#fff;text-align:center;box-shadow:2px 2px rgba(200,198,194,1);border-radius:5px;background:#0a3f9b;}
.btn_id_login{padding:45px;color:#fff;text-align:center;box-shadow:2px 2px rgba(200,198,194,1);border-radius:5px;background:#019f14;}
.btn_find{padding:15px 40px;color:#e77e23;border:2px solid #e77e23;border-radius:5px;background:#fff;}
.btn_join{padding:15px 40px;color:#d25400;border:2px solid #d25400;border-radius:5px;background:#fff;}

/* 보험목록 */
.t_desc{display:inline-block;width:100%;padding:8px;color:#29b5d8;line-height:1.4;}
.t_desc_red{display:inline-block;width:100%;padding:8px;color:#FF0000;line-height:1.4;}
.ins_list{width:100%;border-bottom:1px solid #ccc;}
.ins_list li{display:block;position:relative;width:100%;border-top:1px solid #ccc;background:#fff;cursor:pointer;}
.ins_list li{display:-webkit-box;-webkit-box-orient:horizontal;display:-moz-box;-moz-box-orient:horizontal;-webkit-box-pack:justify;-webkit-box-align:center;}
.ins_list li > *{display:block}
.ins_list li p{display:table-cell;width:65px;min-height:70px;height:100%;padding:0 8px;font-size:1.3rem;line-height:1.0;}
.ins_list li p img{width:40px;border-radius:7px;-webkit-box-shadow:0 2px 3px #c5c5c5;}
.ins_list li p.noshadow img{width:40px;-webkit-box-shadow:none;}
.ins_list li span{display:table-cell;width:50px;height:50px;margin:0 auto;text-align:center;vertical-align:middle;}
.ins_list li span em{color:#fff;}
.ins_list dl{overflow:hidden;-webkit-box-flex:1;width:90%;min-height:70px;padding:10px 15px;border-left:1px solid #ccc;background:#f0f0f0 url('../img/btn_next.png') no-repeat 95% center;background-size:15px;}
.ins_list dl dt{width:85%;margin-bottom:3px;font-size:1.5rem;color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.ins_list dl dd{width:85%;color:#888;font-size:1.3rem;line-height:1.2;}
.ins_list2 li p img{width:40px;-webkit-box-shadow:none;}
.ins_list2 li dl{background-image:none; !important;}
.ins_list dl.btn.bTxt{background:#f0f0f0 url('../img/applyTxt.png') no-repeat 95% center;background-size:80px}

.chk_list dl{background:#f0f0f0 none !important;}
.chk_list li p{width:50px !important;text-align:center !important;}
.chk_list li div{-webkit-box-flex:1;width:100%;padding:20px 10px;color:#888;font-size:1.3rem;line-height:1.2;border-left:1px solid #ccc;background:#f0f0f0;}
.chk_list li div label{display:block;width:100%;height:100%;}
.chk_list2 li p{width:45px !important;text-align:center !important;}
.chk_list2 li div{-webkit-box-flex:1;width:100%;min-height:50px;height:100%;padding-left:5px;color:#888;font-size:1.3rem;line-height:50px;border-left:1px solid #ccc;background:#f0f0f0;}

.li_type1{overflow:hidden;width:100%;padding:10px;background:#f0f0f0;}
.li_type1 li{color:#888;font-size:1.1rem;line-height:1.4;letter-spacing:-0.1em;}
.li_type1 li span{color:#000;}


/* 보험구분형 색상 */
.ins_list li span,.ins_title dt span{background-size:100%;}
.bg_c01{background:url('../img/bg_smenu1.png') no-repeat 0 0;}	/* 종신 */
.bg_c02{background:url('../img/bg_smenu2.png') no-repeat 0 0;}	/* 건강재해 */
.bg_c03{background:url('../img/bg_smenu3.png') no-repeat 0 0;}	/* 연금 */
.bg_c04{background:url('../img/bg_smenu4.png') no-repeat 0 0;}	/* 저축 */
.bg_c05{background:url('../img/bg_smenu5.png') no-repeat 0 0;}	/* 어린이 */
.bg_c06{background:url('../img/bg_smenu6.png') no-repeat 0 0;}	/* 기타 */

/* 보험상세보기 > 보험명칭 */
.ins_title{overflow:hidden;width:100%;min-height:65px;padding:8px;border-bottom:1px solid #ccc;background-color:#f7f8f9;}
.ins_title{display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-pack:justify;-webkit-box-align:center;}
.ins_title > *{display:block}
.ins_title dt{display:table-cell;width:60px;height:50px;margin:0 auto;padding:0;color:#fff;text-align:center;vertical-align:middle;}
.ins_title dd{-webkit-box-flex:1;width:100%;margin:0 auto;padding:0;font-size:1.6rem;color:#000;word-break:break-word;;text-align:center;}
.ins_title dt span{display:table-cell;width:50px;height:50px;margin:0 auto;line-height:1.0;text-align:center;vertical-align:middle;}
.ins_title dt span em{color:#fff;font-size:1.3rem !important;line-height:1.4 !important;}

/* 계약대출신청 > 총대출가능금액 */
.t_money{overflow:hidden;width:100%;height:45px;padding-left:5px;line-height:42px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:url('../img/bult_tmoney.png') no-repeat 0 0;background-size:1.5% 100%;}
.t_money span{display:inline-block;padding:0 5px;font-size:1.4rem;color:#000;}
.t_money span em{font-size:1.8rem;color:#0065b3;}
.t_money.first{border-top:0 none;border-bottom:1px dashed #ccc;}
.t_money.first2{border-bottom:1px dashed #ccc;}
.t_money.br_tbN,.t_money.brN{border-top:0 none;border-bottom:0 none;}
.bt_N{border-top:0 none;}
.t_money .fl_r{padding-right:10px;}

/* 계약대출신청 > 계약대출신청 상세 */
.result_txt{display:block;padding:8px;}
.result_txt em{display:block;margin-bottom:5px;font-size:1.5rem;color:#29b5d8;text-align:center;}
.result_txt p{font-size:1.1rem;color:#646464;text-align:center;}
.result_txt p.red{font-size:1.1rem;color:#FF0000;text-align:left;}

.result_txt2{display:block;margin-bottom:10px;padding:8px;border-bottom:1px dashed #ccc;background:#f0f0f0;}
.result_txt2 em{display:block;margin-bottom:5px;font-size:1.5rem;color:#29b5d8;text-align:center;}
.result_txt2 p{font-size:1.1rem;color:#646464;text-align:center;}

.chk_ok{padding:8px;font-size:1.2rem;color:#000;text-align:right;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.tit_con{padding:5px 8px 10px;color:#000;}
.tit_txt{display:block;padding:8px;color:#29b5d8;}
.tit_txt2{display:block;padding:8px;color:#fff;background-color:#29b5d8;}
.br_t{border-top:1px solid #ccc;}
.br_b{border-bottom:1px solid #ccc;}

/* 신용대출가능금액 조회 */
.cu_02_006{padding:10px;}
.cu_02_006 h3{color:#000;}
.cu_02_006 p{padding:5px 0;}

/* 펀드변경신청 */
.sum_area{margin-top:10px;padding:25px 5px 20px;border-top:1px solid #ccc;}
.sum_area .h2_type1{width:100%;line-height:35px;font-size:1.5rem;text-align:center;border-top:2px solid #ccc;border-bottom:2px solid #ccc;background-color:#e5f6fa;}
.sum_area .h2_desc1{padding:10px;border-bottom:1px solid #ccc;background:#f0f0f0;}
.li_type2{border-bottom:1px solid #ccc;}
.li_type2 li{overflow:hidden;width:100%;padding:10px;border-top:1px dashed #ccc;}
.li_type2 li span{float:left;color:#000;}
.li_type2 li em{float:right;color:#0065b3;}
.li_type2 li:first-child{border-top:0 none;}
/* fullPop_펀드설정 */
.fund_set{display:block;overflow:hidden;width:100%;background:#f0f0f0;}
.fund_set li{position:relative;min-height:45px;padding:10px;font-size:1.4rem;color:#bbb;border-bottom:1px solid #c8c8c8;}
.fund_set li em{margin-bottom:5px;font-size:1.5rem;color:#000;}
.fund_set li span{color:#0065b3;}
.fund_set li label.toggle{position:absolute;top:5px;right:0;}
.fund_set li p.dashed{margin:10px 0 0;padding:10px 0 0;border-top:1px dashed #c8c8c8;}
.fund_set li label.radio input{border:2px solid #bbb;}

.fund_setting{width:100%;-webkit-box-sizing:border-box;margin-top:10px;border-bottom:1px solid #ccc;}
.fund_setting th,.fund_setting td{min-height:50px;padding:7px 10px;vertical-align:middle;text-align:left;font-weight:normal;border-top:1px solid #ccc;}
.fund_setting th{color:#000;}
.fund_setting tr.dashed th,.fund_setting tr.dashed td{border-top:1px dashed #c8c8c8;}
.fund_setting .txt{color:#888 !important;}

.linebox_tb{width:100%;-webkit-box-sizing:border-box;padding:5px;list-style:disc !important;border-top:1px solid #ccc;}
.linebox_tb li{list-style-type:disc !important;list-style-position:inside;padding:2px 0 2px 10px;text-indent:-10px;}
.linebox_tb li span{color:#000;}

.linebox_tb2{width:100%;-webkit-box-sizing:border-box;padding:10px;list-style:disc !important;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.linebox_tb2 li{list-style-type:disc !important;list-style-position:inside;padding:2px 0 2px 10px;text-indent:-10px;}
.linebox_tb2 li span{color:#000;}
.linebox_tb2 p{line-height:1.8;}
.linebox_tb_ev{width:100%;-webkit-box-sizing:border-box;padding:10px;list-style:disc !important;border-bottom:1px solid #ccc;}
/* ==========  고객정보조회  ==========  */
/* 고객정보 */
.dashed{border-bottom:1px dashed #ccc;}
.mem_info{position:relative;padding:0 5px 15px;background:#fff;}
.mem_info h3{margin:15px 0 5px;}
.mem_info .h3_desc{position:absolute;top:10px;right:5px;}
.mem_list{width:100%;border-bottom:1px solid #ccc;}
.mem_list li{display:block;position:relative;width:100%;min-height:7px;border-top:1px solid #ccc;background:#fff;}
.mem_list li{display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-pack:justify;-webkit-box-align:center;}
.mem_list li > *{display:block;padding:10px;}
.mem_list li p{display:table-cell;width:60px;height:100%;padding:0 8px;}
.mem_list li div{-webkit-box-flex:1;width:100%;color:#888;font-size:1.3rem;line-height:1.2;border-left:1px solid #ccc;}
/* 고객정보변경 */
.tb_mem th,.tb_mem td{min-height:50px;}
.tb_mem td{padding-right:50px !important;background:url('../img/btn_mem_edit.png') no-repeat 95% center;background-size:30px;}
.tb_mem td.nobg{padding-top:5px;padding-bottom:5px;background:none;}
.tb_mem td.nodata{color:#888 !important;}
/* 우편번호 */
.srh_postno{margin:10px 0;padding:10px 0 0 0; border-top:1px solid #646464;border-bottom:1px solid #646464;}
.srh_postno p{margin:5px 10px;}
.srh_postno .post_ex{margin:5px 10px;}
.srh_postno ul.post_ex{display:inline-block;width:100%;margin:0;padding:3px 10px;}
.srh_postno ul.post_ex li {float:left;width:50%;}
.srh_postno ul.post_ex li > label.select {width:96%;}
/* 우편번호list */
.zip_list{width:100%;border-bottom:1px solid #ccc;}
.zip_list li{display:block;position:relative;width:100%;border-top:1px solid #ccc;background:#fff;cursor:pointer;}
.zip_list li{display:-webkit-box;-webkit-box-orient:horizontal;display:-moz-box;-moz-box-orient:horizontal;-webkit-box-pack:justify;-webkit-box-align:center;}
.zip_list li > *{display:block}
.zip_list li p{display:table-cell;width:65px;min-height:70px;height:100%;padding:0 8px;font-size:1.3rem;line-height:1.0;}
.zip_list li span{display:table-cell;width:50px;height:50px;margin:0 auto;text-align:center;vertical-align:middle;}
.zip_list li span em{color:#fff;}
.zip_list dl{overflow:hidden;-webkit-box-flex:1;width:90%;padding:10px 15px;border-left:1px solid #ccc;background:#f0f0f0;}
.zip_list dl dt{margin-bottom:3px;font-size:1.5rem;color:#000;white-space:nowrap;}
.zip_list dl dd{color:#888;font-size:1.3rem;line-height:1.2;word-break:break-word;}


/*==========================================================================
 - summary :고객센터 메뉴 Style
==========================================================================*/
/* ==========  공지사항  ==========  */
/* 공지사항 > 목록 */
.notice_list{background-color:#f0f0f0;}
.notice_list ul li{padding:8px 10px;border-bottom:1px solid #c0c0c0;background:url('../img/btn_next.png') no-repeat 98% 50%;background-size:2rem;}
.notice_list ul li h2{display:block;width:90%;font-size:1.5rem;color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.notice_list ul li p.date{font-size:1.3rem;color:#29b5d8;}
/* 공지사항 > 상세 */
.notice_tit{padding:10px;border-bottom:1px solid #ccc;background:#f7f8f9;}
.notice_tit h2{font-size:1.5rem;}
.notice_tit p.date{font-size:1.3rem;color:#29b5d8;}
.notice_view .notice_con{padding:10px;}

/* ==========  faq  ==========  */
/* faq > 목록 */
.faq_list{background-color:#f0f0f0;}
.faq_list ul li{padding:8px 10px;border-bottom:1px solid #c0c0c0;background:url('../img/btn_next.png') no-repeat 98% 50%;background-size:2rem;}
.faq_list ul li h2{display:block;width:90%;font-size:1.5rem;color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.faq_list ul li p.date{font-size:1.3rem;color:#29b5d8;}
/* faq > 상세 */
.faq_tit{padding:10px;border-bottom:1px solid #ccc;background:#f7f8f9;}
.faq_tit h2{font-size:1.5rem;}
.faq_tit p.date{font-size:1.3rem;color:#29b5d8;}
.faq_view .faq_con{padding:10px;}

/* ==========  이벤트  ==========  */
/* 이벤트 > 목록 */
.event_list{}
.event_list li{width:100%;margin-bottom:10px;padding:5px;border:1px solid #c0c0c0;}
.event_list .photo{width:100%;padding-bottom:10px;border-bottom:1px solid #c0c0c0;}
.event_list .photo img{width:100%;}
.event_list dl{margin-top:5px;padding:0 10px;}
.event_list dl dt{display:block;width:90%;margin-bottom:5px;font-size:1.5rem;color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.event_list dl dt img{height:2.8rem;margin-right:5px;}
.event_list dl dd{font-size:1.3rem;color:#646464;}
/* 이벤트 > 상세 2014-02-10수정 */
.event_view{}
.event_view .event_tit{position:relative;border-bottom:1px solid #ccc;background:#f7f8f9;}
.event_view .event_con{padding:1px; }
.event_view .event_con ul{text-align:left; width:95%;}
.event_view .event_con .ps_type1 {padding-left:20px;color:#e0217d;font-size:1.3rem;line-height:1.6;background:url('../img/bult_ps.png') no-repeat 5px 3px;background-size:10px;}
.event_view .event_con img{width:99%; text-align:center;}
.event_view .event_con button{width:100%;}
.event_view .event_content{padding:10px;}
.event_tit dl{padding:10px;}
.event_tit dl dt{display:block;width:90%;margin-bottom:5px;font-size:1.5rem;color:#000;}
.event_tit dl dt img{height:2.8rem;margin-right:5px;}
.event_tit dl dd{font-size:1.3rem;color:#646464;}
.event_tit .sns{position:absolute;bottom:10px;right:10px;}
.event_tit .sns button{width:30px;height:30px;font-size:0;text-indent:-20000px;background-position:0 0;}
.event_tit .sns button:hover{background-position:0 -30px;}
.event_tit .btn_twitter{background:url('../img/btn_twitter.png') no-repeat;background-size:30px;}
.event_tit .btn_facebook{background:url('../img/btn_facebook.png') no-repeat;background-size:30px;}
.event_tit .btn_kakao{background:url('../img/btn_kakao.png') no-repeat;background-size:30px;}
.event_tit .btn_sms{background:url('../img/btn_sms.png') no-repeat;background-size:30px;}
.event_view .event_con .event_result_txt{display:inline-block;width:100%;margin:3rem 0;padding-top:110px;background:url('../img/img_nodata.png') no-repeat center 0;background-size:100px;}
.event_view .event_con .event_result_txt p{color:#000;font-size:1.5rem;text-align:center;}
.event_q{}
.event_q li strong{display:inline-block;margin:2rem 0 1rem;}
.event_a{font-size:1.4rem;}
.event_a li{padding:.5rem 0;}
.event_a li span{display:inline-block;padding:1rem 0 0 4rem;vertical-align:top;}
.icon_twitter{background:url('../img/btn_twitter.png') no-repeat 0 0;background-size:3rem 3rem;}
.icon_facebook{background:url('../img/btn_facebook.png') no-repeat 0 0;background-size:3rem 3rem;}
.icon_kakao{background:url('../img/btn_kakao.png') no-repeat 0 0;background-size:3rem 3rem;}
.icon_sms{background:url('../img/btn_sms.png') no-repeat 0 0;background-size:3rem 3rem;}

/* ==========  공인인증센터  ==========  */
/* 주민번호 로그인 */
.jumin_login{}
.jumin_login .certLoginNtc{top:12%;left:0;margin:10px 10px 20px 20px;padding:8px;border:1px solid #ccc;border-radius:5px; }
.jumin_login .certLoginNtc ul li{background:url('../img/bul_list.png') no-repeat 5px 7px;padding-left:15px;background-size:4px;}
.jumin_login .linebox_tb{width:100%;-webkit-box-sizing:border-box;padding:10px 20px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#f0f0f0;}
.jumin_login .linebox_tb p{padding:5px 0 !important;}
.jumin_login .linebox_tb span{display:inline-block;padding-right:20px;color:#000;}
.jumin_login .linebox_tb button{width:100%;}
.jumin_login .tit{padding:3rem 2rem;color:#29b5d8;font-size:1.6rem;line-height:1.6;text-align:center;}
.jumin_login .s_txt{padding:2rem;font-size:1.2rem;line-height:1.6;text-align:center;}
.jumin_login .dl_type1 dt{padding-left:8px;font-size:1.4rem;line-height:1.6;font-weight:bold !important;}
.jumin_login .dl_type1 dd{padding-left:5px;font-size:1.3rem}
.jumin_login .dl_type1 dd li{padding-left:15px;background:url('../img/bul_list.png') no-repeat 5px 7px;background-size:4px}
.jumin_login .dl_type1 dd li li{padding-left:15px;background:url('../img/bult_list2.gif') no-repeat 5px 7px;background-size:3px}

/* 지문인증 로그인 */
.bio_login{}
/*지문인증 로그인 화면*/
.bio_login .bioAuthNtc{top:12%;left:0;margin:10px 10px 20px 20px;padding:8px;border:1px solid #ccc;border-radius:5px; }
.bio_login .bioAuthNtc ul li{background:url('../img/bul_list.png') no-repeat 5px 7px;padding-left:15px;background-size:4px;}
.bio_login .linebox_tb{width:100%;-webkit-box-sizing:border-box;padding:10px 5px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#fff;}
/*.bio_login .linebox_tb p{padding:5px 0 !important;}*/
.bio_login .linebox_tb span{padding-right:20px;color:#000;}
.bio_login .linebox_tb button{width:100%;}
.linebox_tb_ev{width:100%;-webkit-box-sizing:border-box;padding:5px;list-style:disc !important;border-bottom:1px solid #ccc;}
.bio_login .tit{padding:3rem 2rem;color:#29b5d8;font-size:1.6rem;line-height:1.6;text-align:center;}
.bio_login .s_txt{padding:2rem;font-size:1.2rem;line-height:1.6;text-align:center;}
.bio_login .dl_type1 dt{padding-left:8px;font-size:1.4rem;line-height:1.6;font-weight:bold !important;}
.bio_login .dl_type1 dd{padding-left:5px;font-size:1.3rem}
.bio_login .dl_type1 dd li{padding-left:15px;background:url('../img/bul_list.png') no-repeat 5px 7px;background-size:4px}
.bio_login .dl_type1 dd li li{padding-left:15px;background:url('../img/bult_list2.gif') no-repeat 5px 7px;background-size:3px}

/*호환인증 타금융회사 지문확인*/
.bio_login .cmptAuthNtc{top:12%;left:0;margin:0 0 10px;padding:8px;border:1px solid #ccc;border-radius:5px; }

/* 공인인증서 목록 */
.cert_list{width:100%;border-bottom:1px solid #ccc;}
.cert_list li{display:block;position:relative;width:100%;border-top:1px solid #ccc;background:#fff;cursor:pointer;}
.cert_list li{display:-webkit-box;-webkit-box-orient:horizontal;display:-moz-box;-moz-box-orient:horizontal;-webkit-box-pack:justify;-webkit-box-align:center;}
.cert_list li > *{display:block}
.cert_list li p{display:table-cell;width:65px;min-height:70px;height:100%;padding:0 8px;font-size:1.3rem;line-height:1.0;}
.cert_list li p img{width:40px;border-radius:7px;-webkit-box-shadow:0 2px 3px #c5c5c5;}
.cert_list li p.noshadow img{width:40px;-webkit-box-shadow:none;}
.cert_list dl{overflow:hidden;-webkit-box-flex:1;width:90%;min-height:70px;padding:10px 15px;border-left:1px solid #ccc;background:#f0f0f0 url('../img/btn_next.png') no-repeat 95% center;background-size:15px;}
.cert_list dl dt{width:85%;margin-bottom:3px;font-size:2.0rem;color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.cert_list dl dd{width:85%;color:#888;font-size:1.6rem;line-height:1.5;}
.cert_list dl dd span{display:inline-block;width:60px;border-right:1px solid #666;text-align:justify}

/* 공인인증센터 목록 */
.cert_center_list{width:100%;min-height:100%;vertical-align:top;background:#f0f0f0;}
.cert_center_list ul{width:100%;border-bottom:1px solid #ccc;}
.cert_center_list li{width:100%;padding:25px 15px;font-size:1.5rem;color:#000;vertical-align:middle;border-top:1px solid #ccc;background:url('../img/btn_next.png') no-repeat 97% center;background-size:15px;}
.cert_center_list dl{-webkit-box-flex:1;width:100%;padding:10px 15px;border-bottom:1px solid #c8c8c8;}
.cert_center_list dl dd{color:#888;font-size:1.3rem;line-height:1.2;}
.cert_center_list dl dt{width:85%;margin-bottom:6px;font-size:1.5rem;color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.cert_pwd{overflow:hidden;width:100%;margin-top:7rem;padding-bottom:10rem;text-align:center;}
.cert_pwd span{display:inline-block;width:10rem;line-height:1.8;}
.cert_pwd input.input_txt{width:60%;}

/* 공인인증서 등록 하단 안내 문구*/
.cert_footer{position:relative;left:0;z-index:98;margin:0 10px;padding:8px;border:1px solid #ccc;border-radius:5px}

/* 공인인증센터 >공인인증서 가져오기  */
.cert_info{padding:10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#f7f8f9;}
.cert_info ol{background:url('../img/cert_step4_img.png') no-repeat 0 0;background-size:13rem;}
.cert_info ol li{height:7.2rem;margin:6px 0 8px 15rem;padding:6px 0;font-size:1.4rem;letter-spacing:-0.05em;}
.cert_number h3{margin:10px 0 0 10px;}
.cert_number div{height:40px;margin:10px;padding:0;line-height:38px;color:#000;text-align:center;vertical-align:top;border:1px solid #c8c8c8;background-color:#f3f3f3;}
.cert_number div span{margin:0 10px;padding:0;font-size:1.7rem;color:#c8c8c8;vertical-align:middle;}

/* ==========  고객센터연결  ==========  */
/* 고객센터연결 */
.call_center{width:100%;padding-bottom:15px;padding-left:41%;border-bottom:1px solid #c0c0c0;background:url('../img/@temp_callcenter_img.png') no-repeat 0 -10px;background-size:40% 18rem;}
.call_center p{margin-left:15px;}
.call_center .call_time{margin-bottom:5px;font-size:1.6rem !important;color:#0065b3;}
.call_desc{margin-bottom:5px;letter-spacing:-0.1em;line-height:1.4;}

/* ==========  지점찾기  ==========  */
/* 지점찾기 > 검색영역 */
.search_office{position:relative;width:100%;padding:10px 10px 0;border-bottom:1px solid #ccc;background:#f7f8f9;}
.search_office ul{width:100%;}
.search_office ul li{margin:5px;}
.search_office ul li span{display:inline-block;width:70px;color:#000;}
.search_office ul li .select{margin:0 2px;}
.btn_updown{width:100%;padding:5px 0;font-size:1.2rem !important;color:#fff !important;text-align:center;cursor:pointer;background:#b4b4b4;}
.btn_updown span{display:inline-block;padding-left:20px;background:url('../img/icon_smenu1_1.png') no-repeat 0 center;background-size:15px;}
/* 지점찾기 > 지점목록 */
.office_list{width:100%;border-bottom:1px solid #ccc;}
.office_list li{display:block;position:relative;width:100%;border-top:1px solid #ccc;background:#fff;cursor:pointer;}
.office_list li{display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-pack:justify;-webkit-box-align:center;}
.office_list li > *{display:block}
.office_list li dl{-webkit-box-flex:1;width:100%;height:70px;padding:10px 15px;border-right:1px solid #ccc;background:#f0f0f0 url('../img/btn_next.png') no-repeat 95% center;background-size:15px;}
.office_list dl dt{width:85%;margin-bottom:3px;font-size:1.5rem;color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.office_list dl dd{width:85%;color:#888;font-size:1.3rem;line-height:1.2;}
.office_list li p,.office_list li dl{display:table-cell;}
.office_list li p{width:75px;height:70px;padding:0 8px;}
.office_list li p img{width:40px;}
.office_list_result{padding:10px;color:#29b5d8;text-align:right;background-color:#f7f8f9;}
/* 지점찾기 > 지점상세 */
.office_view{width:100%;}
.office_view .btn_call{width:45px;height:39px;font-size:0;text-indent:-20000px;border-left:1px solid #c8c8c8;background:url('../img/icon_phone.png') no-repeat 5px 0;background-size:39px;}
.map_area{overflow:auto;position:relative;width:100% !important;height:300px;margin-bottom:10px;padding:0;border:1px solid #c8c8c8;}
.map_area img,.map_area iframe{overflow:auto;display:block;margin:0;padding:0;border:0 none;}

/* 상담신청 */
.t_point1{display:inline-block;padding:8px 15px;color:#29b5d8;background:url('../img/bult_point1.png') no-repeat 7px 16px;background-size:5px;}
.tb_lineB{width:100%;margin:0 0 5px;border-bottom:2px solid #ccc;}
.tb_lineB th{padding:10px;font-size:1.4rem;color:#646464;text-align:left;font-weight:normal;vertical-align:middle;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#eee;}
.tb_lineB td{padding:10px 50px 10px 10px !important;background:url('../img/btn_mem_edit.png') no-repeat 95% center;background-size:30px;}
.tb_lineB td .input_txt{width:95%;}


/* ==========  AppZone  ==========  */
/* AppZone > 모바일앱 */
.appdown{width:100%;border-bottom:1px solid #ccc;}
.appdown li{display:block;position:relative;width:100%;border-top:1px solid #ccc;background:#fff;cursor:pointer;}
.appdown li{display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-pack:justify;-webkit-box-align:center;}
.appdown li > *{display:block}
.appdown li p,.app_list li dl{display:table-cell;}
.appdown li p{width:65px;height:70px;padding:0 8px;}
.appdown li dl{-webkit-box-flex:1;width:100%;min-height:70px;padding:10px 60px 10px 15px;border-left:1px solid #ccc;background:#f0f0f0 url('../img/btn_appdown_n.png') no-repeat 95% center !important;background-size:32px;}
.appdown li dl:hover{background:#f0f0f0 url('../img/btn_appdown_t.png') no-repeat 95% center !important;background-size:32px;}
.appdown li dl.on{background:#f0f0f0 url('../img/btn_appdown2_n.png') no-repeat 95% center !important;background-size:32px;}
.appdown li dl.on:hover{background:#f0f0f0 url('../img/btn_appdown2_t.png') no-repeat 95% center !important;background-size:32px;}
.appdown dl dt{width:85%;margin-bottom:3px;font-size:1.5rem;color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.appdown dl dd{color:#888;font-size:1.3rem;line-height:1.2;}
.appdown li p img{width:40px;border-radius:7px;-webkit-box-shadow:0 2px 3px #c5c5c5;}
/* AppZone > 모바일웹 */
.weblink{width:100%;border-bottom:1px solid #ccc;}
.weblink li{display:block;position:relative;width:100%;border-top:1px solid #ccc;background:#fff;cursor:pointer;}
.weblink li dl{width:100%;height:70px;padding:10px 15px;border-left:1px solid #ccc;}
.weblink dl dt{width:85%;margin-bottom:3px;font-size:1.5rem;color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.weblink dl dd{color:#888;font-size:1.3rem;line-height:1.2;}
.weblink dl{background:#f0f0f0 url('../img/btn_weblink.png') no-repeat 95% 20px;background-size:32px;}
.weblink dl:hover{background-position:95% -45px;}


/* 전체메뉴팝업 */
.allmenu_pop{}
.allmenu_pop h2{display:block;margin:0;padding:7px 20px;font-size:1.2rem;color:#29b5d8;border-bottom:1px dashed #ccc;background:#f0f0f0 url('../img/bult_tit2.png') no-repeat 10px center;background-size:5px}
.allmenu_pop ul{overflow:hidden;width:100%;height:100%;}
.allmenu_pop li{float:left;width:50%;min-height:5rem;border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.allmenu_pop li:nth-child(odd){border-left:0 none;}
.allmenu_pop li button{display:block;width:100%;margin:0;padding:17px 10px 15px;color:#000;text-align:left;line-height:1.0;}
.allmenu_pop li.on button{color:#01a0c7 !important;}	/*  선택된 메뉴  */

/*공통*/
.mb15{margin-bottom:15px !important}
.borderbt{border-bottom:1px solid #ccc!important}

/*color*/
.point_blue{color:#007cc4 !important}
.point_orange{color:#f26522 !important}
.point_darkY{color:#8c6239 !important}

.fwB{font-weight:bold !important}

/* popup */
.fullPop #header h1.line2{font-size:1.5rem;line-height:2.4rem;}
ul.list_type2, ul.list_type3, ul.list_none{margin-top:.2rem !important;margin-bottom:.2rem;}
ul.list_type2 li{padding-left:1rem !important;text-indent:0 !important;background:url("../img/bult_list2.gif") no-repeat scroll 0 .6rem;}
.exclam {padding-left:20px;padding-top:0 !important;background: url("../img/icon_exclamation.gif") no-repeat scroll 0 .4rem;}
ul.list_type3 li{background:url("../img/bult_list3.gif") no-repeat scroll 0 .7rem;}
.list_dep2 li{padding-left:1rem !important;text-indent:0 !important;background:url("../img/bult_dep2.gif") no-repeat scroll 0 .6rem;}
.list_dep2_noimg li{padding-left:1rem !important;text-indent:0 !important;}

/*주소록 불러오기*/
.addressList{overflow:hidden;padding:10px 0;border-bottom: 1px solid #ccc}
.addressList li{overflow:hidden;float:left;position:relative;min-width:15px;padding:60px 15px 5px;background:url("../img/icon_phone3.png") no-repeat center 4px;font-size:1.2rem;text-align:center}
.addressList li button{position:absolute;top:0;right:1px;min-width:30px;height:30px;background:url("../img/img_nodata3.png") no-repeat 0 0;text-indent:-9999px}
.addressList li label{overflow:hidden;display:block;width:48px !important;height:19px;text-align:left}

.mb20{margin-bottom: 20px !important;}
.tar {text-align:right !important;} 
.inputConTxt{display:inline-block;}
.tbl_Type01{clear:both;table-layout:auto !important;width: 100%;margin-bottom:2rem;text-indent:0;border-top:2px solid #1076be;border-bottom:1px solid #919191;}
.tbl_Type01 th:first-child, .tbl_Type01 td:first-child{border-left:0 none;}
.tbl_Type01 thead th{background-color:#f1f1f1;padding:.5rem;color:#333;text-align:center;}
.tbl_Type01 tbody th, .tbl_Type01 tbody td{color:#686a6d;padding:.3rem;font-weight:normal;text-align:center;border-top:1px solid #d7d7d7;}

/* 2014-08-14 추가 */
.pop_con1{position:relative;width:100%;line-height:1.6;padding:.5rem .5rem 1rem .5rem;font-size:1.2rem;border-top:1px solid #fff;background-color:#fff;}

/* 2014-08-26 추가 */
#callNumber{display:inline-block;padding-left:10px;text-decoration:underline;}

/* pdf viewer 2014-08-26 추가 */
.pdf_top{position:fixed;z-index:2;top:5rem;left:0;width:100%;height:5rem;padding:1rem;line-height:3rem;text-align:center;border-bottom:1px solid #919191;}
.pdf_top p span{top:.3rem;}
.pdf_bottom{position:fixed;z-index:2;bottom:.5rem;right:.5rem;width:auto;height:5rem;padding:1rem;}
.sbtn_type2{min-width:5rem;height:3rem;margin:2px 0;padding:.5rem 1rem;font-size:1.3rem !important;color:#fff !important;text-align:center;vertical-align:middle;box-shadow:0 2px 3px #c5c5c5;border-radius:.5rem;background-color:#c8c8c8;}

.ins_list3{width:100%;border-bottom:1px solid #ccc;}
.ins_list3 li{display:block;position:relative;width:100%;border-top:1px solid #ccc;background:#fff;cursor:pointer;}
.ins_list3 li{display:-webkit-box;-webkit-box-orient:horizontal;display:-moz-box;-moz-box-orient:horizontal;-webkit-box-pack:justify;-webkit-box-align:center;background:#f0f0f0;}
.ins_list3 li > *{display:block}
.ins_list3 p{width:95%;min-height:5rem;padding:1rem;font-size:1.5rem;color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-left:1px solid #ccc;background:url('../img/btn_next.png') no-repeat right center;background-size:1.5rem;}

.ins_list4{margin:1rem 0;}
.ins_list4 li{margin-bottom:1rem;}
.ins_list4 li p img{width:4rem;-webkit-box-shadow:none;}
.ins_list4 li dl{background-image:none; !important;}

/*btn sns*/
.btn_sns{width:3rem;height:3rem;margin:0 .5rem;text-indent:-99rem;background-color:transparent;background-repeat:no-repeat;background-size:3rem;}
.btn_sns.twitter{background-image:url('../img/btn_twitter.png');}
.btn_sns.facebook{background-image:url('../img/btn_facebook.png');}
.btn_sns.kakao{background-image:url('../img/btn_kakao.png');}
.btn_sns.sms{background-image:url('../img/btn_sms.png');}

/* 2014-08-28 추가 */
/* .t_menu2{font-size:0;text-indent:-20000px;background:url('../img/tbtn_allmenu.png') no-repeat center center;background-size:15px;} */
.t_menu2{padding:0 5px;color:#fff!important;border-radius:5px !important;font-size:10px! important;}
.sbtn_del{width:15px;height:15px;/*margin-top:10px !important;*/font-size:0 !important;text-indent:-20000px !important;background:url('../img/sbtn_del.png') no-repeat 0 0;background-size:15px;}
.hgroup1_2 h3{line-height:15px !important;}
.disB{display:block!important;}

/*모바일 내용 */
.web_content{width:100%;min-height:200px;margin-bottom:50px;padding:10px;color:#646464}
.web_content h3.h3_tit1{margin-top:20px;padding:7px 6px;color:#004174;font-size:1.4rem;line-height:25px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#f0f0f0}
.web_content h3.h3_tit1.first{margin-top:0 !important}
.web_content h4.h4_tit1{margin-top:20px;padding-left:17px;color:#000;font-size:1.4rem;background:url('../img/bult_h4.png') no-repeat 0 .35rem;background-size:12px 9px}
.web_content h4.h4_tit2{margin-top:20px;padding-left:1px;color:#000;font-weight:bold;font-size:1.4rem;background-size:12px 9px}
.web_content h4.h4_tit1.first{margin-top:10px !important}
.web_content .br_b2{padding-bottom:20px;border-bottom:1px solid #ccc}
.web_content .con_box2{padding:0 10px}
.web_content ul.ul_type1{margin-top:5px}
.web_content ul.ul_type1 li{padding-left:15px;font-size:1.3rem;line-height:1.6;background:url('../img/bul_list.png') no-repeat 5px 7px;background-size:4px}
.web_content ul.ul_type1 li em{color:#333}
.web_content ul.ul_type1 li strong{color:#de1174}
.web_content ul.ul_type2 li{padding-left:15px;line-height:1.6;background:url('../img/bul_dash.gif') no-repeat 5px 7px;background-size:5px}
.web_content ul.ul_type3 li{padding-left:15px;padding-top:15px;line-height:1.6;}
.web_content ul.ul_type4 li{padding-left:20px;padding-top:8px;line-height:1.2;}

.web_content .ps_type1{padding-left:20px;color:#e0217d;font-size:1.3rem;line-height:1.6;background:url('../img/bult_ps.png') no-repeat 5px 3px;background-size:10px;}

.web_content .dl_type1 dt{padding-left:8px;font-size:1.4rem;line-height:1.6}
.web_content .dl_type1 dd{padding-left:5px;font-size:1.3rem}
.web_content .dl_type1 dd li{padding-left:15px;background:url('../img/bul_list.png') no-repeat 5px 7px;background-size:4px}
.web_content .dl_type1 dd li li{padding-left:15px;background:url('../img/bult_list2.gif') no-repeat 5px 7px;background-size:3px}

.web_content .dl_type2 dt{padding-left:8px;font-size:1.4rem;line-height:1.6}
.web_content .dl_type2 dd{margin-bottom:10px; padding-left:5px;font-size:1.3rem}
.web_content .dl_type2 dd li{padding-left:25px;background:url('../img/bul_list.png') no-repeat 15px 7px;background-size:4px}
.web_content .dl_type2 dd li li{padding-left:25px;background:url('../img/bult_list2.gif') no-repeat 15px 7px;background-size:3px}



/*모바일 리스트*/
.updown_list{width:100%;font-size:3rem;padding-bottom:10px}
.updown_list li{border-bottom:1px solid #ccc}
.updown_list li a{display:block;padding:15px 10px;color:#000;border-top:0 none;background:url('../img/btn_toggle_down.png') no-repeat 97% 50%;background-size:17px;font-size:1.6rem}
.updown_list li a.on{color:#116fb8;border-top:1px solid #24aed8;background:url('../img/btn_toggle_up.png') no-repeat 98% 50%;background-size:23px}
.updown_list li ul.papers_list{display:none;width:100%;border-top:1px solid #24aed8}
.updown_list li ul.papers_list li{border-bottom:1px solid #959ea3;background:#e9f6ff url('../img/btn_list_arrow.png') no-repeat 96% 50%;background-size:8px}

.updown_list li ul.papers_list li button{padding-left:15px;color:#000;background:none}
.updown_list li ul.papers_list li button.click{display:block;width:100%;padding:15px 0 15px 15px;text-align:left}/*button block*/
.updown_list li.list_arrow{background:url('../img/btn_list_arrow.png') no-repeat 98% 50%;background-size:10px}
.updown_list li.list_arrow a{background:none}

.complex_list{width:100%;font-size:3rem;padding-bottom:10px}
.complex_list li{border-bottom:1px solid #ccc}
.complex_list li a{display:block;padding:15px 10px;color:#000;border-top:0 none;background:url('../img/btn_list_arrow.png') no-repeat 97% 50%;background-size:1.2rem;font-size:1.6rem}

.numZone{display:inline-block;width:60px;margin:0 0 0 5px;padding:7px 0 2px 0}
 

.btn_commend{display:inline-block;margin:-4px 0 0 5px}


.inqStepZone{overflow:hidden;margin:0 0 -10px 0;text-align:center}
/*.inqStep li{float:left;width:20%;padding:0 0 0 0}*/
.inqStep li{float:left;width:20%;padding:0 0 0 0; margin-bottom: 10px}
.inqStep li:first-child{padding:0;background:none}
.inqStep li span{margin-right:10px;vertical-align:middle}
/*
.inqStep li button{width:100%;height:55px;background:url('../img/stepNumsmallOut.png') no-repeat 0 0;background-size:contain}
.inqStep li button#step2{background:url('../img/stepNumsmallOut02.png') no-repeat 0 0;background-size:contain}
.inqStep li button#step3{background:url('../img/stepNumsmallOut03.png') no-repeat 0 0;background-size:contain}
.inqStep li button#step4{background:url('../img/stepNumsmallOut04.png') no-repeat 0 0;background-size:contain}
.inqStep li button#step5{background:url('../img/stepNumsmallOut05.png') no-repeat 0 0;background-size:contain}

.inqStep li button.on {background:url('../img/stepNumsmall.png') no-repeat 0 0;background-size:contain}
.inqStep li button.on#step2{background:url('../img/stepNumsmall02.png') no-repeat 0 0;background-size:contain}
.inqStep li button.on#step3{background:url('../img/stepNumsmall03.png') no-repeat 0 0;background-size:contain}
.inqStep li button.on#step4{background:url('../img/stepNumsmall04.png') no-repeat 0 0;background-size:contain}
.inqStep li button.on#step5{background:url('../img/stepNumsmall05.png') no-repeat 0 0;background-size:contain}
*/
.inqStep li button{width:100%;height:55px;background:url('../img/ms_images/step01_off.png') no-repeat center;background-size:contain}
.inqStep li button#step2{background:url('../img/ms_images/step02_off.png') no-repeat center;background-size:contain}
.inqStep li button#step3{background:url('../img/ms_images/step03_off.png') no-repeat center;background-size:contain}
.inqStep li button#step4{background:url('../img/ms_images/step04_off.png') no-repeat center;background-size:contain}
.inqStep li button#step5{background:url('../img/ms_images/step05_off.png') no-repeat center;background-size:contain}

.inqStep li button.on {background:url('../img/ms_images/step01_on.png') no-repeat center;background-size:contain}
.inqStep li button.on#step2{background:url('../img/ms_images/step02_on.png') no-repeat center;background-size:contain}
.inqStep li button.on#step3{background:url('../img/ms_images/step03_on.png') no-repeat center;background-size:contain}
.inqStep li button.on#step4{background:url('../img/ms_images/step04_on.png') no-repeat center;background-size:contain}
.inqStep li button.on#step5{background:url('../img/ms_images/step05_on.png') no-repeat center;background-size:contain}


/*이벤트롤링버튼*/
.rollbutton{float:left;position:absolute;bottom:10px;right:-10px;z-index:1000}
.rollbutton li{float:left;width:20px}

.btn_newarea{margin:0 10px;border:2px solid #0065b3;border-radius:12px}
.btn_newarea li{padding:5px 0 0;border-top:1px dashed #ccc;text-align:left;background:url('../img/acdinsearch.png') no-repeat 30px 14px;background-size:25px}
.btn_newarea li:first-child{border-top:none;background:url('../img/acdinsApply.png') no-repeat 30px 14px;background-size:25px}
.btn_newarea button{padding:10px 10px 10px 70px;background-color:transparent !important;text-align:left;line-height:24px;}







.btn_scarea{margin:0 1rem;border:2px solid #818181;border-radius:12px}
.btn_scarea li{padding:0.5rem 0 0.5rem;border-top:1px dashed #ccc;text-align:left}
.btn_scarea li:first-child{border-top:none}
.btn_scarea button{width:100%;padding:1rem 1rem 1rem 6rem;text-align:left;line-height:24px;font-family: "Malgun Gothic","맑은 고딕";font-weight:bold}
.btn_scarea li button#btnRegistIns{background:url('../img/sin.png') no-repeat 2rem center;background-size:3rem 3rem}/*공인인증서등록*/
.btn_scarea li button#btnGetIns{background:url('../img/sim.png') no-repeat 2rem center;background-size:3rem 3rem}/*공인인증서가져오기*/
.btn_scarea li button#btnManageIns{background:url('../img/slist.png') no-repeat 2rem center;background-size:3rem 3rem}/*공인인증서관리*/
.btn_scarea li button#btnBioIns{background:url('../img/sbio.png') no-repeat 2rem center;background-size:3rem 3rem}/*지문인증*/

.f_btn{overflow:hidden}
.f_btn li:first-child{float:left;width:65%;text-align:left;line-height:2}
.f_btn li{float:right;/* width:35%; */text-align:right}

/*16.6.20이벤트*/
.eventSel{position:relative;text-align:center}
.eventSel ul{position:absolute;top:43%;left:7%;width:85%}
.eventSel ul li{float:left;width:50%;height:210px;background:url('../img/eventItem02.jpg') no-repeat 0 0;background-size:100% 100%;color:#fff;font-weight:bold;font-size:1.25rem}
.eventSel ul li p{padding-top:160px}
.eventSel ul li:first-child{background:url('../img/eventItem01.jpg') no-repeat 0 0;background-size:100% 100%}

.haapySer li{display:inline-block;margin-bottom:15px; font-size: 1.3rem;}
.haapySer li:nth-of-type(1) button{background:url('../img/happyicon.png') no-repeat left 5px;background-size:40px; background-position:0 -5px;}
.haapySer li:nth-of-type(2) button{background:url('../img/happyicon.png') no-repeat center 5px;background-size:40px; background-position:0 -58px;}
.haapySer li:nth-of-type(3) button{background:url('../img/happyicon.png') no-repeat center 5px;background-size:40px; background-position:0 -110px;}
.haapySer li:nth-of-type(4) button{background:url('../img/happyicon.png') no-repeat center 5px;background-size:40px; background-position:0 -165px;}
.haapySer li:nth-of-type(5) button{background:url('../img/happyicon.png') no-repeat center 5px;background-size:40px; background-position:0 -215px;}
.haapySer li button span{display:inline-block;padding:7px 5px;background-color:#1076be;color:#fff;border-radius:5px;text-align:left;float:left;margin-left:45px;}
.haapySer li button span.skyblue{background-color:#50bde4}
.haapySer li button span.lightgreen{background-color:#a0cc41}
.haapySer li p {;padding:7px 5px;}

.list_survey2{overflow:hidden}
.list_survey2 li{float:left;width:49%;margin:.2rem 0}

/*개인정보처리동의 안내 강조표시 personal information phrase stress*/
.psnInfoPhrStrs15{font-size:1.5rem;}
.psnInfoPhrStrsB15{font-size:1.5rem;font-weight:bold;color:#0065b3}
.psnInfoPhrStrs17{font-size:1.7rem;}
.psnInfoPhrStrsB17{font-size:1.7rem;font-weight:bold;color:#0065b3}

.type01 #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)}
.type01 #footer:before{content:"";clear:both;display:block;overflow:hidden;visibility:hidden}

.ico_list {position:relative;display:inline-block;overflow:hidden;text-indent:-10000px;background-size:500px auto;background-image:url('/img/icon/icon_main_20210317.png');background-repeat:no-repeat}

/* footer 영역  */
.call #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);font-size:13px}
.call #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:1.4rem}
#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:.1rem auto .7rem;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}/*모바일앱*/

.li4 li {width:25%}
.li5 li {width:20%}

#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(../img/icon/icon_main_20210317.png) no-repeat;background-size:27rem 9rem;background-position:-24.3rem -7.3rem}
#lastMenuName a strong{display:inline-block;margin: 0 .2rem;height: 1.5rem;background-size:900px auto;background-image: url(../img/icon/main_bg_icon.png);
    background-repeat:repeat-x;background-position: 0 -17rem;color:#fded2c}

.login_area h4{content: '';display: block;width:8rem;height:1.5rem;background-size:800px auto;background-image: url(../img/icon/main_bg_icon.png);background-repeat: no-repeat;background-position:0 -8.2rem}
.login_area .login_box2 h4{background-size:1000px auto;background-position:0 -10.4rem}
    
    
/*380px z플립 세로*/
@media all and (max-width:380px){
	.f_icon.li5 li:nth-child(5) button span.footerTxt{font-size:1.2rem!important}
}

/*320px 370 갤폴드 반접힌것*/
@media all and (max-width:350px){
	#footer .ico_list {margin:.1rem auto .4rem}
	
	/*모바일콜센터 글씨*/
	.f_icon.li5 li:nth-child(5) button span.footerTxt{font-size:1.2rem!important;}	
	
}
