@charset "utf-8";
/* Author : PULIP COMMUNICATIONS, Smart Media Group */

/* mypage */
/* 수정사항 : 2016-11-30 :: -webkit-overflow-scrolling:touch;를 -webkit-overflow-scrolling:auto;로 수정*/
aside{visibility:hidden;overflow:hidden;position:absolute;right:0;top:0;width:320px;height:100%;-webkit-overflow-scrolling:auto;background:rgba(0,0,0,0.4);box-shadow:0 -15px 20px rgba(0, 0, 0, 1);z-index:800;}
aside > section{overflow-y:auto;height:100%;background:#ededed;}
	aside header{height:46px;padding:17px 0 12px;background:#666666;}
	aside header .tit{text-align:center;font-family:'notoM';font-size:1.133em;font-weight:bold;color:#fff;}
	
	aside .user_info{position:relative;height:230px;}
	aside .vi_wrap{position:relative;width:100%;height:165px;}
	aside .vi_wrap .vi_img{width:100%;height:100%;}
	aside .vi_wrap .txtVi{position:absolute;top:18px;left:8px;width:210px;z-index:9;color:#47443b;font-size:21px;letter-spacing:-0.05em;line-height:25px;text-align:left;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.7);}
	aside .user_check{position:absolute;display:block;top:125px;left:50%;margin-left:-150px;width:300px;height:105px;border-radius:3px;
		background-image:-webkit-linear-gradient(-30deg, #fec180, #ff8993);
		background-image:-moz-linear-gradient(-30deg, #fec180, #ff8993);
		background-image:-ms-linear-gradient(-30deg, #fec180, #ff8993);
		background-image:-o-linear-gradient(-30deg, #fec180, #ff8993);
		background-image:linear-gradient(-30deg, #fec180, #ff8993);
		filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fec180', endColorstr='#ff8993')
	}
	aside .user_check *{color:#fff;}
	aside .user_check .personal_img{display:block;padding-left:10px;margin-top:10px;}
	aside .user_check .personal_img a{float:left;display:block;width:70px;height:70px;border-radius:2px;margin-top:-30px;margin-right:15px;background:#8e7561;box-shadow:1px 3px 5px rgba(0,0,0,.15);cursor:pointer;}
	aside .user_check .personal_img a img{margin:15px auto;display:block;}
	aside .personal_img .txtName{display:block;margin-left:10px;font-size:16px}
	aside .personal_img .txtName b{font-size:16px;}
	aside .personal_img .txtName, aside .personal_img .txtName strong{margin-bottom:10px;font-size:16px;}
	
	
	
	aside a.bt_smart{position:relative;display:inline-block;margin:24px 0 0;padding:0 10px;color:black;background:url('/images/common/bul_squ_01.png') left 5px no-repeat;}
	aside a.bt_smart:after{display:block;position:absolute;right:0;top:4px;width:6px;height:8px;content:"";background:url('/images/common/ico/ico_arr_01.png') left top no-repeat;}
	
	aside .my_info{display:block;position:relative;margin:10px;}
	aside .my_info p{padding-left:18px;background:0 50% no-repeat;background-size:12px;}
	aside .my_info .txtHp{background-image:url(/images/mykb/icon_phone.png);}
	aside .my_info .txtMail{margin-top:5px;background-image:url(/images/mykb/icon_mail.png);}
	aside .my_info .btInfoEdit {position:absolute;top:8px;right:0;width:60px;height:26px;border-radius:2px;background-color:#8e7561;color:#fff !important;font-size:11px;font-weight:bold;line-height:26px;text-align:center;}
		
	 
	
	/* 공통 */
	/*{display:inline-block;float:right;width:34px;height:34px;background-repeat:no-repeat;background-position:50% 50%;background-size:7px 7px;background-image:url(/images/contents/icon_dbarrow_go.jpg);}*/
	
	
	/* 개인화 공지 */
	aside .person_info{display:block;width:100%;background:#fff;margin-top:10px;}
	aside .person_info h3{height:40px;padding-left:10px;border-bottom:1px solid #d9d9d9;font-size:15px;line-height:40px;text-align:center;}
	aside .person_info h3 a{display:block;height:40px;line-height:40px;}
	aside .person_info h3 i{display:inline-block;padding-right:13px;background:url(/images/mykb/icon_dbarrow_open.jpg) 100% 7px no-repeat;background-size:8px;color:#7f6ee3;}
	aside .person_info h3 a.active i{background-image:url(/images/mykb/icon_dbarrow_close.jpg);}
	aside .person_info ul.info_content{display:none;padding:0 5px;}
	aside .person_info li{position:relative;padding:10px 65px 10px 0;border-top:1px solid #d9d9d9;font-size:12px;line-height:1.3;}
	aside .person_info li:nth-of-type(1){border-top:none;}
	aside .person_info li > a{position:absolute;top:50%;right:0;width:58px;height:20px;margin-top:-11px;border-radius:2px;border:1px solid #3b332a;color:#6a5b4f;font-size:11px;text-align:center;font-weight:bold;line-height:20px;letter-spacing:-1px;}
	
	
	/* 나의 계약현황 */
	aside .my_product{width:300px;margin:10px auto;height:60px;}
	aside .my_product li{float:left;position:relative;display:inline-block;width:95px;height:60px;padding-right:30px;margin-left:7.5px;border-radius:6px;background:#fff;box-shadow:0px 2px 1px rgba(0,0,0,.3);text-align:center;}
	aside .my_product li:nth-of-type(1){margin:0;}
	aside .my_product mark{display:block;padding:13px 0 10px;font-size:24px;font-weight:bold;}
	aside .my_product span{display:block;padding-bottom:14px;font-size:13px;}
	aside .my_product li i{position:absolute;width:30px;height:60px;right:0;top:0;border-radius:0px 6px 6px 0px;background:#b5985a;color:#fff;font-size:32px;line-height:50px;}
	aside .my_product li:nth-of-type(1) i{background-color:#6B5A50}
	
	
	/* 나의 서비스 */
	aside .my_service{width:300px;height:80px;margin:10px auto;}
	
	/* 자주이용하는서비스 */ 
	aside .last_service{float:left;width:197px;height:80px;margin-right:8px;border-radius:6px;background:#fff;box-shadow:0px 2px 1px rgba(0,0,0,.3);}
	aside .last_service h4{height:30px;padding:7px 0 5px 23px;border-bottom:1px solid #d9d9d9;background:url(/images/mykb/icon_mark.jpg) 7px 50% no-repeat;background-size:11px;}
	aside .last_service li{float:left;padding:10px 16px;height:50px;}
	aside .last_service li:nth-of-type(1){width:132px;border-right:1px solid #d9d9d9;}
	aside .last_service li:nth-of-type(1) a{width:100px;height:32px;overflow: hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
	aside .last_service li:nth-of-type(2){width:65px;text-align:center;}
	
	/* 서비스이용내역 */
	aside .service_list{float:left;width:95px;height:80px;border-radius:6px;background:#fff;box-shadow:0px 2px 1px rgba(0,0,0,.3);background:#fff url(/images/mykb/img_oclock.png) 50% 16px no-repeat;background-size:26px;}
	aside .service_list p{padding-top:54px;letter-spacing:-2px;text-align:center;}
	
	
	
	
	
	
	/* KB캘린더 */
	aside .my_calendar{width:300px;height:80px;margin:10px auto;border-radius:6px;background:#fff;box-shadow:0px 2px 1px rgba(0,0,0,.3);}
	aside .my_calendar img{width:300px;}
	
	
	
	
	/* 보장분석 */
	aside .my_analysis{position:relative;width:300px;margin:10px auto;padding-bottom:5px;border-radius:6px;background:#fff;box-shadow:0px 2px 1px rgba(0,0,0,.3);}
	aside .my_analysis h3{height:40px;padding-left:10px;border-bottom:1px solid #d9d9d9;font-size:15px;line-height:40px;}
	aside .my_analysis h3 a{float:right;width:40px;height:40px;background:url(/images/mykb/icon_arrow_01.png) 20px 50% no-repeat;background-size:11px;}
	aside .my_analysis .bxResult{width:292px;height:256px;margin:5px auto;}
	aside .my_analysis .bxResult img{vertical-align:top;}
	aside .my_analysis .graph_info{margin:5px 0 7px 10px;color:#b0b0b0;font-size:11px;line-height:1;}
	aside .my_analysis .my_insurance{margin-left:5px;color:#786e64;font-family:'notoM';font-size:12px;margin-top:5px;}
	aside .my_analysis .my_insurance a{color:#e75b5b;font-size:12px;}
	
	
	/* 추천상품 */
	aside .my_insure{padding-bottom:10px;}
	aside .recom_product{position:relative;width:300px;height:150px;margin:0px auto;box-shadow:0px 2px 1px rgba(0,0,0,.3);background-size:100% auto;text-align:center;}
	aside .recom_product span{display:block;font-family:"notoR";}
	aside .recom_product .prd_index{font-size:15px;padding-top:25px;line-height:1;color:rgba(0,0,0,.65)}
	aside .recom_product .bar{width:40px;height:1px;margin:15px auto;background-color:rgba(0,0,0,.5);}
	aside .recom_product .prd_name{width:270px;margin:10px auto 25px;font-size:21px;font-family:"notoB";line-height:1.34}
	aside .recom_product  a{position:absolute;display:inline-block;width:64px;height:22px;bottom:10px;left:50%;margin-left:-32px;border-radius:2px;border:1px solid rgba(0,0,0,.55);font-size:11px;text-align:center;}
	
	aside .my_insure{padding:5px 10px 0;}
	aside .my_insure a{display:block;background:url(/images/mykb/icon_arrow_02.png) 100% 50% no-repeat;background-size:15px;}
	aside .my_insure dl{padding:14px 0 14px 52px;border-top:1px solid #d9d9d9;background-position:2px 50%;background-size:40px auto;background-repeat:no-repeat;}
	aside .my_insure dt{font-size:15px;padding-right:20px;line-height:1.2;
	display:inline-block;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	
	}
	aside .my_insure dd{}
	aside .product_analysis{background-image:url(/images/mykb/img_prd_01.png);}
	aside .product_recomm{background-image:url(/images/mykb/img_prd_02.png);}
	aside .product_interest{background-image:url(/images/mykb/img_prd_03.png);}
	

	
	
	
	/*Safari 9.0+ (iSO only) */
	@supports (-webkit-text-size-adjust:none) and (not (-ms-accelerator:true)) and (not (-moz-appeareance:none))
	{
		aside .my_info .btInfoEdit{line-height:29px;}
		aside .person_info li > a{line-height:22px;}
		aside .my_product li i{line-height:64px;} 
	
	
	}