/* 세일즈앱 */
.none{display:none !important;}

.w15{width:15% !important;}
.w20{width:20% !important;}
.w25{width:25% !important;}
.w28{width:28% !important;}
.w32{width:32% !important;}
.w30{width:30% !important;}
.w33{width:33% !important;}
.w35{width:35% !important;}
.w45{width:45% !important;}
.w68{width:68% !important;}
.w99{width:99% !important;}

.pd_0{padding:0 !important;}

#sales_wrap{position: relative;height: 100%;}
#sales_wrap .gnb{position: fixed; width: 100%; z-index: 200; height:50px; line-height:50px; border-bottom:2px solid #272f46; background: #fff; box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.08)}
#sales_wrap .gnb h1{text-align:center; font-size:20px; font-weight:bold; z-index: 10;}
#sales_wrap .gnb .logo{position: absolute; height: 50px; top: 0px; left: 20px; text-align: center;  z-index: 10;}
#sales_wrap .gnb .logo img{height:44px;}
#sales_wrap .gnb .list_menu{position: absolute; width: 50px; height: 50px; top: 0px; right: 10px; text-align: center;}
#sales_wrap .gnb .list_menu img{height:26px;}
#sales_wrap .gnb .before{position: absolute; width: 50px; height: 50px; top: 0px; left: 10px; text-align: center;}
#sales_wrap .gnb .before img{height:20px;}
#sales_wrap .gnb a{display: block;}

.new{position: absolute; top: 6px; right: 11px; z-index:100;}
.new span{display:block; background: #eb3000; border-radius: 50%; height: 17px; width: 17px; line-height: 17px; color: #fff; text-align: center; font-size:10px; font-family: gotham;}

.new_dot{position: absolute; top: 22px; left: 125px; z-index:100;}
.new_dot span{display:block; background: #eb3000; border-radius: 50%; height: 17px; width: 17px; line-height: 17px; color: #fff; text-align: center; font-size:10px; font-family: gotham;}

.ico_new_num{position: absolute; top: 14px; right: 55px; z-index: 101;}
.ico_new_num span{background: #ff0000; border-radius: 50%; width: 20px; height: 20px; line-height: 20px; color: #fff; display: block; text-align: center; font-size:11px;}

.btn_new{position: absolute; top: 18px; right: 65px; z-index:100;}
.btn_new img{height:28px;}
.btn_new span{display: block; background: #eb3000; border-radius: 50px; height: 17px; width: 17px; line-height: 17px; text-align: center; color: #fff; font-size: 11px;}

.login_bg{background:#272f46; min-height: 100%; position: fixed; width: 100%; top: 0; left: 0;}
.login_wrap{padding:0 40px;}
.login_wrap .login_logo{padding-top: 28%;}
.login_wrap .login_logo h1{text-align: center;}
.login_wrap .login_logo h1 img{width:80%;}
.login_wrap .login_logo p{color: #fff; text-align: center; font-size: 14px; padding-top: 15px;}

.login_wrap .sch_wrap{margin:-40px 0 50px;}
.sch_wrap p{text-align:center;}
.sch_wrap a{color: #fff; font-size: 14px; padding-left:3px;}
.sch_wrap a:after{content:" | "; padding-left:3px; color:#fff;}
.sch_wrap a:first-child{padding-left: 0px;}
.sch_wrap a:last-child:after{content:"";}
.sch_num{color: #fff; font-size: 12px; padding-top: 16px;}
	@media all and (max-width:320px) 
	{
	.sch_wrap a{font-size: 12px;}
	}

.login_area{margin-top: 50px;}
.login_area .login_box{background:#fff; margin: 10px 0;}
.login_area .login_box .code{background: url(../images/ico_code.png) 11px 9px no-repeat; background-size: 22px; padding-left:40px;}
.login_area .login_box .pw{background: url(../images/ico_pw.png) 10px 6px no-repeat; background-size: 22px; padding-left:40px;}

.login_area .login_form{}
.login_form label input{margin-right: 5px;}
.login_form label span{color: #fff; font-size: 14px; display: inline-block; padding-right: 20px; vertical-align: -2px;}

.content{padding: 52px 20px 0;background: #FFFFFF}

.txt_wrap{margin-bottom: 30px;}
.txt_wrap h1{text-align: center; font-size: 20px; font-weight: bold; padding-top: 30px;}
.txt_wrap h1 strong{color:#eb3000;}
.txt_wrap h2{font-size: 20px; font-weight: bold; padding-top: 30px;}
.underline{display: inline-block; border-bottom: 2px solid #eb3000;}
.sub_txt{text-align: center; font-size: 14px; color:#6b6b6b; padding-top:20px;}
.sub_txt_noti{font-size: 13px; margin-top: 10px; text-align: center; display: block;}
.input_wrap{margin-top: 30px;}
.input_area{margin-top: 12px;}
.input_area label{display: block; font-weight: bold; font-size: 15px; padding-bottom:5px; background: url(../images/icon_dot.png) no-repeat left 9px #fff; padding-left: 10px; height: 20px; line-height: 24px;}
.box_form{display: inline-block; width: 100%; border: 1px solid #ccc; box-sizing: border-box; height: 44px; vertical-align: top;}
.box_form .fix_txt{background: #f3f3f5; height:100%;}
.form_size{width:67%;}
.phone,.input_area .email,.input_area .bank,.input_area .corp{width:100%;}
.phone .box_num,.input_area .emailadd .box_num,.input_area .bank .box_num,.input_area .corp .box_num{display: inline-block; width:43%; vertical-align: top;height: 42px;}
.cell_bar{display: inline-block; text-align: center; height: 42px; line-height: 42px;}
.phone .space{display:inline-block; text-align:center; padding:0 3px; }
.phone_num .box_num{width: 30%;}
.phone_num .area_code{width: 35%;}
.btn_sms_send{display: inline-block; background: #b6bfc8; text-align: center; color: #fff; font-size: 14px; width:31%; height: 44px; line-height: 44px;}
.btn_sms_send_on{display: inline-block; background: #272f46; text-align: center; color: #fff; font-size: 14px; width:31%; height: 44px; line-height: 44px;}
.btn_sms_send1{display: inline-block; background: #b6bfc8; text-align: center; color: #fff; font-size: 14px; width:100%; height: 42px; line-height: 42px; margin-top:5px;}
.btn_sms_send1_on{display: inline-block; background: #272f46; text-align: center; color: #fff; font-size: 14px; width:100%; height: 42px; line-height: 42px; margin-top:5px;}
.small_txt{display: block; padding-top: 5px; font-size: 11px; color: #666;}
.small_txt_bm{display: block; padding-bottom: 7px; font-size: 12px; color: #000;}

.box_num .num_select{padding: 10px 5px; border: none; font-size: 14px; box-sizing: border-box; text-align:center; height:44px;}
.box_num .num_select option{font-size: 14px;}
.box_num .num_input{padding: 10px 5px; border: none; font-size: 14px; box-sizing: border-box;}

.btn_area{padding: 50px 0;}
.ok{display: inline-block; background: #eb3000; width: 49%; padding: 15px 0; color: #fff; text-align: center; font-weight: bold; font-size: 16px;}
.cancle{display: inline-block; background: #b6bec8; width: 49%; padding: 15px 0; color: #fff; text-align: center; font-weight: bold; font-size: 16px;}
.login{display: inline-block; background: #eb3000; width: 100%; padding: 15px 0; color: #fff; text-align: center; font-weight: bold; font-size: 16px;}
.guide_go{display: inline-block; background: #272e46; width: 100%; padding: 15px 0; color: #fff; text-align: center; font-weight: bold; font-size: 16px; margin-bottom: 10px;}
.customer_add{display: inline-block; width: 100%; padding: 10px 0; color: #272f46; text-align: center; border:1px solid #272f46; border-radius:50px;}
.customer_add .ico_add{background: url(../images/add.png) no-repeat left 6px; background-size: 14px; padding-left: 20px; font-weight: bold; font-size: 16px;}
.customer_delete{display: inline-block; color: #a4aab3; text-align: center; padding: 3px 15px; border: 1px solid; border-radius: 50px;}
.customer_delete .ico_delete{background: url(../images/delete.png) no-repeat left center; background-size: 10px; padding-left: 15px;}

.sub_cont{margin-top: 20px;}
.sub_cont span{display:block; padding-bottom: 2px; padding-left: 10px; color: #666;}
.sub_cont .cont_tit{font-weight: bold; padding-bottom: 5px; color:#eb3000;}

.confirm{font-size: 17px; text-align: center; line-height: 24px; padding-bottom: 10px; letter-spacing: -1px; font-weight: 700;}
.confirm_txt{display: block; font-size: 15px; text-decoration: underline; color: #eb3000; padding-bottom: 10px; line-height: 22px;}
.damoa_noti{display: inline-block; padding-top: 10px; color: #6b6b6b; line-height: 16px; font-size: 12px;}
.damoa_error{display:block; padding-top: 20px; font-weight: bold; font-size: 16px; color:#000;}
.damoa_sau{display: block; padding: 10px;  margin:20px 0; text-align: left; border:2px solid #ddd; font-size: 13px;}
.damoa_sau em{display: block; text-align:center; background:#272f46; color:#fff; border-radius: 50px; width: 140px; margin: 0 auto 10px; font-size: 14px;}


/* main */
#main{}


/* 실적영역 */
.top_wrap{}
.top_wrap .top_area{padding:52px 0px 0px; background: #f3f3f5;}
.top_tt{/*padding-top: 20px;*/}
.top_tt h2{color: #000; font-size: 16px; display: table; width: 100%; box-sizing: border-box; /*background: url(../images/ico_code.png) no-repeat left 2px; background-size: 17px; padding-left: 24px;*/}
#main .top_tt h2{padding:20px;}
.top_tt h2 span{display: table-cell;}
.top_tt h2 .name{}
.top_tt h2 .cash_won{padding-right: 25px; text-align: right; font-size: 18px; color: #eb3000; font-family: "Helvetica","Apple SD Gothic"; font-weight: bold; letter-spacing: 0px; background:url(../images/arrow.png) no-repeat right 0.2em center; background-size: 7px auto;}
.top_tt h2 .cash_won i img{width: 18px; vertical-align: -3px;}
.tt_wrap{padding-top:30px;}
.tt_wrap .tt{display:inline-block; font-size: 16px; font-weight: bold;}
.tt_wrap .more{display:inline-block; right: 0; position: absolute; padding: 0 20px 0 0;}
.tt_wrap .more .ico_more{display: inline-block; padding: 0 10px; line-height: 23px; font-size: 12px; background: #b6bec8; color: #fff; text-align: center;}
.cash_wrap{margin-top: 15px;}
.cash_wrap .cash_area{position: relative; margin: 5px 0; border-bottom: 1px dotted #ccc; padding-bottom: 5px;}
.cash_area .cash_month{padding: 5px 0 0;}
.cash_area .cash_month .month_tt{display: inline-block; }
.cash_area .cash_month .month_tt em{color: #ff0000; font-weight: 700;}
.cash_area .cash_won{position: absolute; top: 0; right: 0; font-size: 18px; font-family: "Helvetica","Apple SD Gothic"; font-weight:700; color: #6b6b6b;}
.won{font-size: 26px !important; color: #eb3000 !important; line-height: 26px;}
.total_won{font-size: 26px; font-family: "Helvetica","Apple SD Gothic"; font-weight:700; color: #eb3000; line-height: 22px;}
.noti{position: relative; margin-top: 15px;}
.ico_noti{background:url(../images/ico_noti.png) no-repeat left 2px; background-size: 15px; color:#000; padding-left: 20px;}
.btn_noti_go{position: absolute; right: 0; top: -3px; display: block; background: #b6bec8; color: #fff; padding: 0 10px; line-height:23px; text-align: center; font-size: 12px;}
.reason_area{display:block; margin-top:5px; color:#666;}
.reason{display: inline-block; border-radius: 50px; background: #f88b01; width: 30px; color: #fff; text-align: center; font-size: 11px; margin-right: 5px;}
.top_notice{display: block; border-bottom: 1px solid #dfdfdf; font-size: 14px; background: #FFFFFF}
.top_notice a{padding: 10px 42px 10px 20px; display: block; color: #888; background:url(../images/arrow.png) no-repeat right 1.7em center; background-size: 7px auto; 
	          word-break: break-all; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;}
.top_notice a span{padding-left: 25px; color: #000; background:url(../images/ico_lnb_08_gray.png) no-repeat left 4px; background-size: 18px auto;}



/* 바로가기 */
.mid_wrap{padding:0 20px 20px;}
#main .mid_wrap{padding:0 0px 20px; background: #FFFFFF}
.bigyo_wrap{width: 100%; padding: 0px 20px 20px; display: inline-block; box-sizing: border-box;}
.bigyo_wrap .baro_wrap{display: inline-block; /*float:left;*/ width:100%; margin: 15px 0 0;}
.baro_wrap .baro_list{position: relative; display: inline-block; width:100%;}
.baro_wrap .baro_list li{display: inline-block; float:left; width:100%;}
.btn_baro{display: block; margin: 0 2px 2px 0;}
.b01{background:#272f46 url(../images/ico_goodcar.png) no-repeat 15px 23px; background-size: 20px; padding:22px 5px 22px 40px; color: #fff; font-size: 14px;}
.b02{background:#272f46 url(../images/ico_tel.png) no-repeat 15px 23px; background-size: 15px; padding:22px 5px 22px 40px; color: #fff; font-size: 14px;}
.b03{background:#fff url(../images/ico_urlsend.png) no-repeat 15px 20px; background-size: 20px; padding:20px 5px 20px 40px; color: #272f46; font-size: 14px; border: 1px solid #272f46; box-sizing: border-box;}
.b04{background:#fff url(../images/ico_urlcopy.png) no-repeat 15px 20px; background-size: 19px; padding:20px 5px 20px 40px; color: #272f46; font-size: 14px; border: 1px solid #272f46; box-sizing: border-box;}
.b05{background:#fff url(../images/ico_net.png) no-repeat 15px 22px; background-size: 19px; padding:20px 5px 20px 40px; color: #272f46; font-size: 14px; border: 1px solid #272f46; box-sizing: border-box;}
.b06{background:#272f46 url(../images/ico_net02.png) no-repeat 15px 22px; background-size: 19px; padding:20px 5px 20px 40px; color: #fff; font-size: 14px;}

.invitation_wrap{/*display: inline-block; float: left;*/ width: 100%; margin-top: 10px; background: #fff; border-top:1px dotted #ddd; padding-top:10px;}
.invitation_wrap a{position: relative; display:block; padding: 15px; background:#fff url(../images/ico_lnb_11.png) no-repeat 15px center; background-size: 26px; border: 1px solid #272f46;}
.invitation_wrap .btn_invitation{display: inline-block; font-size: 14px; font-weight: bold; padding-left:30px;}
.btn_arr{position: absolute; right: 15px; top: 13px;}
.btn_arr img{width:10px;}

/*.baro_wrap .baro_list li:nth-child(even) .btn_baro,.bm_wrap li:nth-child(even) a{margin-right: 0px !important;}*/


	@media all and (max-width:359px) 
	{
	#main .top_tt h2{font-size: 15px;}
	#main .top_tt h2 span{vertical-align: middle;}
	#main .top_tt h2 .name{width: 43%;}
	.baro_list a,.bm_wrap li a{box-sizing: border-box; line-height: 19px; font-size: 13px; border: 1px solid #272f46; padding-right: 0px;}
	.b01{background:#272f46 url(../images/ico_goodcar.png) no-repeat 8px center; background-size: 17px; padding:26px 20px 22px 30px; color: #fff; height: 74px;}
	.b02{background:#272f46 url(../images/ico_tel.png) no-repeat 8px center; background-size: 12px; padding:26px 5px 22px 30px; color: #fff; height: 74px;}
	.b03{background:#fff url(../images/ico_urlsend.png) no-repeat 8px center; background-size: 17px; padding:25px 20px 20px 30px; color: #272f46; height: 70px;}
	.b04{background:#fff url(../images/ico_urlcopy.png) no-repeat 8px center; background-size: 15px; padding:25px 25px 20px 30px; color: #272f46; height: 70px;}
	
	.bm_wrap li .invition{background:#fff url(../images/ico_lnb_11.png) no-repeat 8px center; background-size: 19px; padding:25px 0px 20px 30px !important; height: 70px; font-size: 13px;}
	.bm_wrap li .remind{background:#fff url(../images/ico_lnb_12.png) no-repeat 10px center; background-size: 17px; padding:25px 5px 20px 30px !important; height: 70px; font-size: 13px;}
	.bm_wrap .new_dot{top:28px;}
	
	/*프로필 : 회사연락처*/
	.phone_num .box_num{width: 27%;}
	.phone_num .area_code{width: 40% !important;}
		
	/*법인차량 : 고객발송용*/
	.insure_area .btn span {padding: 8px 20px !important;}
	.insure_area li .noti_add .img {margin-top: -5px !important;}
	.insure_area li .noti_add .txt_s{font-size: 11px;}
	}


/* 초대장발송&리마인드고객관리 */
.bm_wrap{display: block; width: 100%; background: #fff; padding-top: 20px;/*float: left; border-top:1px dotted #ddd; margin-top: 10px; padding-top:10px; */ clear: both; z-index: 99;}
.bm_wrap ul{display: inline-block; width: 100%;}
.bm_wrap li{float:left; width:100%; position: relative;}
.bm_wrap li a{display: block; margin: 0 2px 2px 0; border: 1px solid #272f46; box-sizing: border-box;}
.bm_wrap .invition{background:#fff url(../images/ico_lnb_11.png) no-repeat 13px center; background-size: 22px; padding:20px 5px 20px 40px; font-size: 14px;}
.bm_wrap .remind{background:#fff url(../images/ico_lnb_12.png) no-repeat 13px center; background-size: 20px; padding:20px 5px 20px 40px; font-size: 14px;}

/*영업지원자료*/
.bn_wrap{position: relative; width: 100%; /*margin-top: 35px;*/ display: block; border-top: 6px solid #f2f3f5; border-bottom: 6px solid #f2f3f5; background: #fff;}
.bn_wrap a{display: block; padding: 10px 20px 12px;}
.bn_wrap span{max-width: 375px; margin: 0 auto; display: block;}
.bn_wrap img{width: 100%;}

.bn_wrap .new_dot{position: absolute; top: 26%; left: 50%; margin-left: 10px; display: block; z-index:100;}


/*제휴사광고배너*/
.ad_wrap{position: relative; width: 100%; display: block; border-bottom: 6px solid #f2f3f5; background: #b8d5ff;}
.ad_wrap a{display: block; padding: 0px 20px;}
.ad_wrap span{max-width: 375px; width: 100%; margin: 0 auto; display: block;}
.ad_wrap img{width: 100%;}


/* 고객목록 */
.people_wrap{clear: both; padding:0px 20px 30px 20px;}
.people_wrap .main_tab{width: 100%; display: table; padding: 40px 0 0; box-sizing: border-box;}
.main_tab a{display: table-cell; width: 33%; text-align: center; font-size: 13px; height: 40px; line-height: 40px;}
.main_tab .on{color: #000; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; box-sizing: border-box; font-weight: bold; background: #fff; border-bottom: 1px solid #fff;}
.main_tab a{color: #000; background:#f3f3f5; box-sizing: border-box; border-bottom: 1px solid #000;}
.people_wrap .people_area{margin-top: 15px;}
.people_area .people_list{width: 100%;}
#main .people_area .people_list{width: 100%; height: 160px; overflow-y: hidden;}
/*.people_area .people_list li{border-bottom: 1px dotted #ccc; }*/
.people_area .people_list li a{display: block; height: 36px; line-height: 34px; padding: 1px 0px;}
.people_area .people_list li span{display:inline-block; font-size: 14px; color: #333; width: 25%; vertical-align: middle;}
.people_area .people_list li span:first-child{width: 19% !important; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.people_area .people_list .no_list{text-align: center; padding-top: 60px; font-size: 14px; color: #999;}
.quick_tel{text-align: center; float: right; margin: 4px 0px; /*border: 1px solid #272f46;*/ background:#e4e6ea; color: #272f46 !important; font-size: 13px !important; line-height: 26px; border-radius: 50px;}
.quick_tel img{height:22px;}
.date_url{width: 57% !important; text-align: center;}
.btn_more a{display: block; color: #000; padding: 12px 10px; font-size: 13px;}


/* 갱신임박고객관리 */
.arrive{}
.arrive ul{display: table; table-layout: fixed; width: 100%;}
.arrive li{display: table-cell;}
.arrive li a{display:block; background: #dcdfe3; text-align:center; padding: 15px 0; color: #8692a0; font-size:15px; line-height: 18px; box-sizing: border-box; border-top: 1px solid #dcdfe3; border-bottom: 1px solid #b6bec8; border-left: 1px solid #b6bec8;}
.arrive li a.on{color: #272f46; background:#fff; font-weight:bold; border-top: 1px solid #b6bec8; border-bottom: 1px solid #fff;}
.arrive li a.on:after{border-bottom: none !important;}
/*.arrive li a.on:after{content: ''; position: absolute; left: -50%; bottom: -10px; margin-left: -14px; width: 20px; height: 20px; background:#6b7888; transform: rotate(45deg);}*/
.send_no{background: none !important; color: #eb3016 !important; padding: 0 0 5px !important; font-weight: bold; cursor: pointer;}
.send_end{background: none !important; color: #000 !important; padding: 0 0 5px !important;}
.chk_all{display: inline-block; vertical-align: middle; padding-right:5px; line-height: 16px;}
.renew{}
.renew ul{display: table; table-layout: fixed; width: 100%;}
.renew li{display: table-cell; padding: 5px 0;}
.renew_txt{display: inline-block; font-size: 14px; padding-left: 5px; vertical-align: top;}

/* 보험료산출진행과정 */
.progress{position: relative; margin: 20px 0 0; padding: 0 20px;}
/*.progress:before{position: absolute; top: 15px; left: 20px; right: 20px; height: 1px; background-color: #eee; content: '';}*/
.progress .progress_sel{position: relative; vertical-align: top; display: table; table-layout: fixed; width: 100%;}
.progress .progress_sel li{display:table-cell; padding-left: 3px;}
.progress_sel li a{display: block; text-align: center; padding: 12px 0; font-size:15px;}
.progress_sel a span{display: block; text-align: center;}
.active_off{color: #8692a0; border: 1px solid #dbdee0;}
.active_on{color: #fff; border: 1px solid #272f46; background: #272f46;}
.total_num{display: inline-block; text-align: right; width: 100%;}

.batch_float{position: fixed; bottom: 45px; width: 100%;}
.batch_float a {display: block;}
.batch_float a span{display: block; padding: 13px 0;}
.batch_float .sms{background:#eb3016; color:#fff; font-size:15px; text-align: center;}
.batch_float .sms img{height:25px; margin-right: 7px;}
.batch_float .talk{background:#ffcc2d url(../images/ico_talk.png) 15px center no-repeat; background-size: 32px; color: #261617;}

/* 상담완료 상태값 추가_20191204 */
.cel2{width:33% !important;}
.statebox{background: #6b7888; border-radius: 50px; text-align: center; color: #fff !important; max-width: 75px; line-height: 24px; margin: 0 1px; font-size:13px !important;}
.statebox_end{display: block; background: #b6bec8; margin: 0 auto; color: #fff; border-radius: 50px; padding:2px 10px !important; width: 70px; font-size:12px;}
.state_info{display: block !important; font-size: 11px; line-height: 16px; padding-top: 5px; color:#717171;}
.state_info_second{display: block !important; padding: 0px !important; font-size: 12px; color:#717171;}
.state_calcul{display: block; font-size: 14px; /*text-decoration: underline;*/}
.bg_red{background:#eb3000;}

/* 공지사항 */
.noti_wrap{margin-top: 20px;}
.noti_wrap .noti_area{margin-top: 20px;}
.noti_area .noti_list{}
.noti_area .noti_list li{margin: 5px 0;}
.noti_area .noti_list li a{height: 26px; line-height: 26px; display: block;}
.noti_area .noti_list li span{display:inline-block; font-size: 14px; color: #333; width: 74%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; box-sizing: border-box;}
.noti_date{text-align:right; width:24% !important;}
.noti_p{padding: 15px 20px 5px;}
.noti_txt_r{color:#eb3000 !important;}
.noti_txt_r span{display: block; text-indent:-14px; padding-left: 14px;}


/* lnb */
#lnb{background:#fff; width:100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; overflow-y: scroll;}    
.lnb_wrap{padding: 0 20px 60px;}
.lnb_wrap .btn_x{position: absolute; right: 20px; top: 20px;}
.lnb_wrap .btn_x img{height:24px;}
.send{position: fixed; bottom: 0; left: 0; display: inline-block; background: #eb3000; width: 100%; padding: 15px 0; color: #fff; text-align: center; font-weight: bold; font-size: 16px;}
.myinfo{margin-top: 60px;}
.myinfo .myinfo_area{position: relative;}
.myinfo .myinfo_area .logout{border: 1px solid #000; padding: 10px 20px; font-size: 14px; position: absolute; top: 5px; right: 0;}
.myinfo .myinfo_area .company{font-size:14px;}
.company strong{display:block; font-size: 22px;}

.popup_connect{position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba( 00, 00, 00, 0.7 ); z-index: 300;}
.connect_wrap{position: fixed; height: auto; top: 50%; left: 50%; margin-left: -148px; background: #fff; z-index: 30; padding: 20px 30px; text-align: center;}
.connect_wrap h3{font-size: 15px; font-weight: bold; text-align: center; padding-bottom: 10px;}
.btn_send{display: inline-block; background: #eb3000; padding: 10px 20px; color: #fff; text-align: center; font-weight: bold; font-size: 14px; min-width: 40px; width: 50%;}
.btn_phone_call{display: inline-block; background: #272f46; padding: 10px 20px; color: #fff; text-align: center; font-weight: bold; font-size: 14px; min-width: 40px;}
.send_sms{display: inline-block; border-radius: 50%; height: 90px; width: 90px; text-align: center; background:#272f46 url(../images/ico_sms.png) center 30px no-repeat; background-size: 35px; margin-right: 10px; vertical-align: top;}
.send_talk{display: inline-block; border-radius: 50%; height: 90px; width: 90px; text-align: center; background:#fcce2e url(../images/ico_talk.png) center 30px no-repeat; background-size: 35px; margin-left: 10px;}
.send_sub_txt{display: block; padding-top: 100px; font-size: 14px; line-height: 16px; font-weight: bold;}
.send_wrap{text-align: center; margin-bottom: 20px;}
.btn_click{position: absolute; right: 7px; top: 60px; width: 90px;}

.cate_wrap{margin-top: 30px;}
.cate_wrap .cate_list{width: 100%;}
.cate_list li{position: relative;}
.cate_list li a{display:block; font-size:16px; padding: 12px 0 12px 40px;}
.cate_list .btm_line{border-bottom: 1px solid #ccc;}
.cate_list .ico_cate01{background: url(../images/ico_lnb_01.png) no-repeat left 16px; background-size: 20px;}
.cate_list .ico_cate02{background: url(../images/ico_lnb_02.png) no-repeat left 17px; background-size: 20px;}
.cate_list .ico_cate03{background: url(../images/ico_lnb_03.png) no-repeat left 16px; background-size: 20px;}
.cate_list .ico_cate04{background: url(../images/ico_lnb_04.png) no-repeat left 15px; background-size: 21px;}
.cate_list .ico_cate05{background: url(../images/ico_lnb_05.png) no-repeat left 14px; background-size: 20px;}
.cate_list .ico_cate06{background: url(../images/ico_lnb_06.png) no-repeat left 13px; background-size: 17px;}
.cate_list .ico_cate07{background: url(../images/ico_lnb_07.png) no-repeat left 14px; background-size: 18px;}
.cate_list .ico_cate08{background: url(../images/ico_lnb_08.png) no-repeat left 16px; background-size: 23px;}
.cate_list .ico_cate09{background: url(../images/ico_lnb_09.png) no-repeat left 15px; background-size: 20px;}
.cate_list .ico_cate10{background: url(../images/ico_lnb_10.png) no-repeat left 14px; background-size: 18px;}
.cate_list .ico_cate11{background: url(../images/ico_lnb_11.png) no-repeat left 15px; background-size: 22px;}
.cate_list .ico_cate12{background: url(../images/ico_lnb_12.png) no-repeat left 16px; background-size: 20px;}
.cate_list .ico_cate13{background: url(../images/ico_lnb_13.png) no-repeat left 14px; background-size: 20px;}
.cate_list .ico_cate14{background: url(../images/ico_lnb_14.png) no-repeat left 16px; background-size: 20px;}
.cate_list .ico_cate15{background: url(../images/ico_lnb_15.png) no-repeat left 14px; background-size: 19px;}
.cate_list .ico_cate16{background: url(../images/ico_lnb_16.png) no-repeat left 16px; background-size: 19px;}
.cate_list .lnb_arr{position: absolute; right: 0; top: 12px;}
.cate_list .lnb_arr img{height:20px;}
.cate_wrap .center_area{position: relative; margin-top:20px;}
.center_area h3{background: url(../images/ico_phone.png) no-repeat left 18px; background-size: 30px;}
.center_area .center{font-size:12px; padding-left: 40px; background: url(../images/ico_email.png) no-repeat left 10px; background-size: 23px; line-height: 18px;}
.center .email{display:block; font-size: 16px; font-weight:bold;}
.center_area .call{border: 1px solid #000; padding: 10px 20px; font-size: 14px; position: absolute; top: 0; right: 0;}

/* footer */
.footer{background: #f3f3f5; width: 100%;}
.footer .copyright{padding:20px;}
.copyright .copy{padding-bottom:10px; font-size: 14px; text-align: center; font-weight: bold;}
.copyright .copy span{display:inline-block; text-align:center}
.copyright .copy span:after{content:" | "; margin:0 5px; color:#212121;}
.copyright .copy span:last-child:after{content:""}
.copyright .copy span a{font-weight: bold;}
.copyright .copy_s{font-size:10px; display: block; text-align: center; letter-spacing: 0;}
.copyright .copy_addr{display: block; text-align: center; letter-spacing: 0; padding-top: 10px; font-weight: bold;}
.copyright .copy_n{font-size:10px; display: block; text-align: center; letter-spacing: 0; margin-top: 6px;}

/* 안내페이지 */
.guide_bg{background:#272f46; min-height: 100%; width: 100%; height:100%; padding: 70px 0 100px;}
.guide_wrap{background:#272f46; padding:0 20px;}
.guide_wrap .guide_area{padding-bottom:20px;}

.guide_img{text-align: center; padding-top: 20px;}
.guide_img img{width:100%;}

.sorry_tt{color: #5bffec; font-size: 22px; text-align: center; line-height: 30px; padding-top: 20px;}
.sorry_img{text-align: center;}
.sorry_img img{height:170px;}
.sorry_copy{text-align:center; color:#fff; font-size:14px; padding-top:10px;}
.sorry_noti{display:block; text-align:left; color:#fff; font-size:12px; line-height:16px; padding-top: 5px;}
.point{display:block; color:#5bffec;}

/* 게이트페이지 */
/* #gate_wrap{background:#f3f3f5; min-height: 100%; width: 100%; padding:52px 0 100px;} */
#gate_wrap{background:#e1e1e1; min-height: 100%; width: 100%; padding:52px 0 44px;}
#gate_wrap .gate_tt{padding: 30px 0;}
.gate_tt .tt_bar{text-align: center; font-size: 18px; background: #a5adb8; border-radius: 50px; width: 220px; margin: 0 auto; padding: 5px 10px; color:#fff; letter-spacing: -1px;}
.gate_tt h3{text-align:center; color:#272f46; font-size:30px; font-weight:bold; padding: 10px 0 0;}
.gate_tt .tt_sub{display:block; text-align:center; color:#727c8a; font-size:18px; letter-spacing: -1px;}
.gate_btn{text-align: center; padding: 0 0 40px;}
.gate_btn .btn_gate{}
.btn_gate img{height:205px;}
.all_logo{text-align: center;}
.all_logo img{/*height:140px;*/ width: 312px;}
.manki{display: block; font-size: 13px; color: #6d6d6d; line-height: 20px; padding:10px 20px 0;}

/* 전화비교신청 */
.number_wrap{padding:10px 0; height: 20px;}
.number_area{display: inline-block; vertical-align: top; margin-right:20px;}
.number_area label{line-height: 24px; letter-spacing: -0.09em; padding-left: 0; background: #fff; display: inline-block; font-size: 14px; font-weight: normal;}

/* 초대장발송 */
.noti_tit{font-size: 14px; color: #eb3000; letter-spacing: -1px; line-height: 20px; display: inline-block;}
.send_ok{display:inline-block; background: #272f46; border-radius: 2px; font-size: 12px; color:#fff; text-align:center; padding:2px 5px; margin:3px 0;}
.send_fail{display:inline-block; background: #a9a9a9; border-radius: 2px; font-size: 12px; color:#fff; text-align:center; padding:2px 5px; margin:3px 0;}
.fail_txt{display: inline-block; font-size: 12px; line-height: 14px; color: #eb3000;}
.count{display: inline-block; padding: 0 10px 0 5px;}
.privacy_info{padding: 20px 0; line-height: 18px; color: #6b6b6b;}
.recomm_info{display:block; padding: 3px 0 8px; font-size: 14px;}

.invite{background: #f3f3f5; padding: 50px 0;}
.invite .invite_area{padding:0 20px;}
.invite .invite_logo{text-align: center;}
.invite .invite_logo img{width: 200px;}
.invite .txt_wrap{margin-bottom: 0;}
.invite .txt_wrap h1{font-size: 20px; letter-spacing: -1px; line-height: 30px; color: #272e46;}
.invite .txt_wrap h1 span{font-weight: bold !important;}
.invite .txt_wrap .sub_txt{padding-top: 10px;}

.mg_b52{margin-bottom: -52px;}

.use{padding:40px 20px;}
.use .use_noti{font-size: 20px; letter-spacing: -1px; text-align: center; line-height: 30px; margin-bottom: 20px;}
.use .use_noti img{width:40px;}
.use .use_noti strong{display:block; padding-top: 5px;}
.use .use_area{margin-bottom: 50px;}
.use .use_area .use_info{display: block; font-size: 14px;  text-align: center;}
.use .use_area .use_info::before{content: "";display: inline-block; background: url(../images/icon_dot.png) no-repeat left 8px; margin-right: 5px; vertical-align: top; width: 4px; height: 15px;}
.use .use_cont{}
.use .use_cont .cont_img{padding-top:30px; text-align:center;}
.use .use_cont .cont_img img{max-width:299px; width:50%;}
.use .use_cont .cont_info{display: block; padding-top:10px; font-size:12px;}
.use .ico_use_noti{display: inline-block; margin-bottom: 10px; background: url(../images/ico_noti.png) no-repeat left 4px; background-size: 15px; color: #eb3000; padding-left: 20px; font-size:14px;}

/* 알림보기 */
.storage{}
.storage .storage_list{position: relative; margin-bottom: 30px;}
.storage .storage_list li{}
.storage .storage_list li a{display: block; padding: 20px 0 0;}
.storage .storage_list li:last-child{}
.storage .storage_list .list_date{display: block; text-align: center; font-size:14px; color: #272f46; border: 1px solid #272f46; width: 160px; margin: 0 auto; border-radius: 50px; padding: 2px 0;}

.l_date{display: inline-block; width: 65px; vertical-align: top;}
.l_date .update{display: block; background: #272f46; border-radius: 50px; width: 40px; height: 40px; line-height: 36px; text-align: center; color: #fff;}
.l_date .update img{height:18px;}
.check{background: #e1e3e6 !important; }
.check_txt{color: #797979 !important; }

.r_cont{position: relative; display: inline-block; width: 72%; padding: 15px 10px; vertical-align: top; background: #f2f3f5; border-radius: 10px;}
.r_cont:after{content: ''; position: absolute; left: -20px; top: 16px; background: url(../images/l_arrow.png) 0 0 no-repeat; width: 21px; height: 20px;}
.r_cont .cont_tt{display: inline-block;  padding: 0 5px; border: 1px solid #eb3000; font-size: 12px; border-radius: 2px; margin-bottom: 5px; color: #eb3000;}
.r_cont .cont_txt{display: block; line-height: 16px;}
.r_cont .cont_date{display: block; line-height: 16px; color:#797979; font-size:11px; padding-top:10px;}


/*앱업데이트*/
.app_update{display: block; padding-top: 20px; padding-bottom: 30px; text-align: center;}
.app_update img{width:83%; max-width:300px;}

.ico_new{display: inline-block; background: #ff0000; color: #fff; font-size: 10px; width: 34px; height: 16px; line-height: 16px; text-align: center; font-family: HelveticaNeue-Medium,AppleSDGothicNeo-Medium,sans-serif; border-radius: 50px; margin-left: 5px; vertical-align: 2px;}
.main_new{position: absolute; top: -10px; left: -1px;display: inline-block; background:#ff8300; color: #fff; font-size: 11px; width: 123px; height: 17px; line-height: 17px; text-align: center; font-family: HelveticaNeue-Medium,AppleSDGothicNeo-Medium,sans-serif; border-radius: 50px; margin-left: 5px; letter-spacing: -1px;}
.main_new:before {content:""; position:absolute; left:16px; top:17px; width:8px; height:8px; background:url('../images/arr_sel.png') left top no-repeat; background-size:8px;}


/*타임아웃*/
.timeout{background: #ff0000; padding: 10px 0;}
.warning{display:block; text-align: center; font-size: 13px; color: #fff;}
.warning em{display: inline-block; background: #fff; font-size: 11px; color: #ff0000; text-align: center; padding: 0 3px; margin-right: 5px;}

.timer{position: absolute; top: 11px; right: 5px; }
.timer .ico_time{display: block; height: 12px; background:url('../images/ico_timer.png') left top no-repeat; background-size:12px; padding-left:14px; font-size:10px; font-weight:bold; color:#000; line-height: 10px}
.timer .time{display: block; font-size:14px; font-weight:bold; color:#ff0000; line-height: 18px; padding-left:12px; text-align: right;}


/*네임카드 설정*/
.namecard{padding: 0px 0px 20px; background: #f3f3f3;}
.namecard .renew{padding: 0 20px;}
.namecard .renew ul{width:280px; margin: 0 auto;}
.namecard_con{padding:0px 20px;}
.namecard_con .mycard_issue .txt{text-align: center;}
.namecard_cus .input_wrap{padding-bottom: 80px !important;}


/*파트너초대 이벤트*/
.invite_event{position: relative; margin-top: 10px; padding: 0px 20px 10px; display: block; background: #7e39f7;}
.invite_event .invite_event_arr{position: absolute; top:-13px; left: 25%;}
.invite_event .invite_event_arr img{height: 8px;}
.invite_event .invite_event_tit{padding: 10px 0px; display: block; background:url('../images/arrow_w.png') right 0.8em center no-repeat; background-size: 10px auto;}
.invite_event .invite_event_tit img{height: 21px;}
.invite_event .invite_event_tit a{display: block;}
.invite_event .invite_event_ara{width: 100%; padding-bottom: 0px; background:url('../images/invite_event_bg.png') left bottom 0.2em repeat-x; background-size: 18px auto;}
.invite_event .invite_event_ara ul{width: 100%; display: inline-block; background: #fff;}
.invite_event .invite_event_ara .total{width: 100%; padding: 10px; border-bottom: 2px solid #e5e5e5; box-sizing: border-box;}
.invite_event .invite_event_ara .total_ara{width: 100%; display: table; font-size: 14px;}
.invite_event .invite_event_ara .total_ara .num{width: 40%; display: table-cell; text-align: left; color: #000;}
.invite_event .invite_event_ara .total_ara .money{width: 60%; display: table-cell; text-align: right; color: #eb3506;}
.invite_event .invite_event_ara .total_ara span{font-weight: bold; font-family: "Helvetica","Apple SD Gothic";}
.invite_event .invite_event_ara .total_ara .num span{font-size: 18px; vertical-align: -1px;}
.invite_event .invite_event_ara .total_ara .money span{font-size: 22px; vertical-align: -2px;}
.invite_event .invite_event_ara li{width: 33%; float: left; padding: 15px 0px 20px; display: inline-block; text-align: center;}
.invite_event .invite_event_ara li.gift2{width: 34%; border-left: 2px solid #e5e5e5; border-right: 2px solid #e5e5e5; display: inline-block; box-sizing: border-box;}
.invite_event .invite_event_ara li img{height: 56px;}
.invite_event .invite_event_txt{color: #ffe1a8; padding: 7px 0px 0px; display: block; text-align: center; font-size: 11px; letter-spacing: 0px;}


/*인증다시받기*/
.noti_re{padding: 10px 20px 60px; margin: 0 auto; text-align: center;}
.noti_re .ico_noti{font-size: 13px; display: inline-block; text-align: left;}

.btn_num_again_ara{display: block; text-align: center;}
.btn_num_again{display: inline-block; text-align: center; color: #eb3000; padding: 15px 30px; font-size: 17px; font-weight: bold; text-decoration: underline;/* border: 1px solid #eb3000;*/}



/*법인차량*/
.bigyo_wrap .corp_wrap{display: none;}
.main_corp .corp_wrap{display: block !important;}
.bm_wrap li:last-child .main_new{display: none !important;}

.main_corp .main_new{ background:#272f46;}
.main_corp .main_new:before {background:url('../images/arr_sel_navy.png') left top no-repeat; background-size:8px;}

#main .corp_wrap{margin-top: -3px; background:url(../images/arrow.png) no-repeat right 0.7em center; background-size: 7px auto; text-align: right;}
#main .corp_wrap .btn_corp{background:url(../images/ico_noti_main.png) no-repeat left center; background-size: 15px; padding:5px 30px 5px 20px; color: #272f46; font-size: 13px; display: inline-block; letter-spacing: -0.5px;}


.corp_box{display: block; margin-top: 3px;}
.corp_box ul{position: relative;}
.corp_box li{position: relative; margin-top: -1px;}
.corp_box li a{display:block; border: 1px solid #ccc;}
.corp_box li span{padding-top: 4px; padding-bottom: 4px; display: block;}
.corp_box li img{height: 50px; width: auto; mix-blend-mode: luminosity;}
.corp_box .LIF span{padding:0px 0px 8px 5px;}
.corp_box .HDF span{padding:10px 0px 10px 13px;}
.corp_box .HDF span img{height: 38px;}

.corp_box .LIF .txt_s{position: absolute; top: 34px; left: 10px;}

.corp_box li a.off{opacity: 0.2; filter: grayscale(100%); -webkit-filter: grayscale(100%); background: #e7e7e7;}
.corp_box li a.off .txt_s{opacity: 0.4;}
.corp_box li a img{mix-blend-mode: normal;}

.info_gray .noti_box_r .ico_noti{color: #eb3000 !important; padding-right: 50px;}
.info_gray .noti_box_r .btn_noti_go{top: 10%; display: inline-block;}

.guide_btn_area{display:inline-block; margin-top: 10px;}
.guide_btn{display: block; color: #fff/*#a4aab3*/; background: #b6bec8; text-align: center; padding: 4px 15px; border: 1px solid; border-radius: 50px; font-size: 12px;}

.txt_wrap_corp h2{font-size: 18px; font-weight: bold; padding-top: 30px;}

.corporate .content{padding: 20px 20px 60px !important; max-width: 600px; margin: 0 auto; }
.corporate .corp_logo{text-align: center;}
.corporate .corp_logo img{width: 160px;}
.corporate .txt_wrap{margin-bottom: 0px !important;}
.corp_area {padding: 50px 0px; background: #f2f3f5;}
.corporate .sub_txt_noti{color:#eb3000; padding:0 20px;}
.corporate .sub_txt_noti .url{max-width: 600px; margin: 10px auto 0px; padding: 8px; font-size: 12px; display:block; color: #000; /*border: 1px solid #d4d4d4;*/ background: #fff;}

.corp_inp_area{padding: 8px 0px 20px;}
.corp_inp_area .ico_noti{font-size: 12px; display: block; padding-bottom: 10px;}

.insure_area{display: block;}
.insure_area ul{position: relative; display: block; width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.insure_area li{position: relative; display: table; width: 100%; padding: 8px 0px; border-bottom: 1px solid #e4e4e4; text-align: center;}
.insure_area li:last-child{border-bottom:none;}

.insure_area li p{display: table-cell; width: 50%; vertical-align: middle;}
.insure_area li img{width: 100%;}
.insure_area .logo{text-align: left;}
.insure_area .img{text-align: center; display: block; max-width: 160px;  height: 53px;}
.insure_area .btn{text-align: right;}
.insure_area .btn span{text-align: center; font-size: 13px; font-weight: bold; padding: 8px 30px; background:#eb3000; color: #fff; display: inline-block;}

.insure_area li .txt_pc{display: none; width: auto;}
.insure_area li.m_ver .btn{display: none;}
.insure_area li.m_ver .txt_pc{display: table-cell; text-align: right;}
.insure_area li.m_ver .txt_pc span{text-align: center; padding: 0px 10px;}
.insure_area li .txt_pc{display: none;}
.insure_area li .noti_add .img{margin-top: -10px; padding-bottom: 10px; display: block;}
.insure_area li .noti_add .txt_s{position: absolute; top: 35px; left: 18px; width: auto; letter-spacing: -1px; display: block; color: #eb3000 !important;}
/*.insure_area li:nth-of-type(3) p .img img{ width: 130px;}*/

.swal2_sub_txt .txt_s{display: block; font-weight: bold;}



/*2020 12월 이벤트*/
.short_event{position: relative;}
.short_event .sub_txt{padding-top: 30px; color: #eb3000 !important;}/*전화비교신청*/
.short_event .sub_tit{padding-top: 10px; color: #eb3000 !important;}/*파트너초대발송*/
.short_event .sub_tit .noti_tit{display:block; padding-top: 5px; color: #000; font-weight: normal; font-size:15px; line-height: 22px;}/*파트너초대발송*/
.ico_short_event em{width: 90px; padding: 2px 0px; text-align: center; display: inline-block; font-size: 12px; border-radius: 25px; background: #eb3000; color: #fff;}
.ico_short_event em:before {content:""; position:absolute; left:41px; top:22px; width:8px; height:8px; background:url('../images/arr_sel_red.png') left top no-repeat; background-size:8px;}

.ico_short_event{position: absolute; left: 50%; margin-left: -45px; animation-name: short_event; animation-duration: 0.5s; animation-iteration-count: infinite; /* 반복 횟수 (무제한 >  infinite) (숫자제한 > 1000) */}
@keyframes short_event{0%, 100%{bottom: 50px; animation-timing-function: ease-out;} 
					  50%{bottom: 55px; animation-timing-function: ease-in;}}

.short_event .sub_tit .ico_short_event em:before {content:""; position:absolute; left:41px; top:28px; width:8px; height:8px; background:url('../images/arr_sel_red.png') left top no-repeat; background-size:8px;}
.short_event .sub_tit .ico_short_event{animation-name: short_event1;}
@keyframes short_event1{0%, 100%{top: -5px; animation-timing-function: ease-out;}
					   50%{top: 0px; animation-timing-function: ease-in;}}

.short_event .prom_tit{display: block; font-size: 18px; font-weight: bold; line-height: 26px;}
.short_event .noti_tit em{color: #fff; background: #272f46; padding: 0 4px; border-radius: 5px;}

.main_corp .main_new{background:#ff7800;}
.baro_list .main_new:before {background:url('../images/arr_sel_red.png') left top no-repeat; background-size:8px;}
.bm_wrap .main_new:before {background:url('../images/arr_sel_green.png') left top no-repeat; background-size:8px;}

.baro_list .main_new {width: 88px !important; background-color: #eb3000; background-image: linear-gradient(to right,transparent 33%,rgba(255,255,255,0.35) 50%,transparent 66%); background-size:300% 100%; animation: shine1 3s infinite;}
@keyframes shine1 {0% {background-position: right;}}

.bm_wrap .main_new {width: 110px !important; background-color: #006632; background-image: linear-gradient(to right, transparent 33%,rgba(255,255,255,0.38) 50%, transparent 66%); background-size:300% 100%; animation: shine1 5s infinite;}
@keyframes shine1 {0% {background-position: right;}}

.white{background: #fff;}

/* 파트너소속변경 */
.affiliation{display: inline-block; color: #fff; padding: 0 5px; border-radius: 50px; font-size: 13px; margin-left: 5px; background-color: #ff0000; background-image: linear-gradient(to right, transparent 33%,rgba(255,255,255,0.38) 50%, transparent 66%); background-size:300% 100%; animation: shine1 5s infinite;}
@keyframes shine1 {0% {background-position: right;}}
	@media all and (max-width:320px) 
	{
	.affiliation{display:block; margin-left:0; width: 120px;}
	}
.affiliation_pf{display: block; background: #ff0000; color: #fff; text-align: center; font-size: 14px; margin: 0 0 5px; padding: 2px 0; border-radius: 50px; background-image: linear-gradient(to right, transparent 33%,rgba(255,255,255,0.38) 50%, transparent 66%);
    background-size: 300% 100%;
    animation: shine1 5s infinite;}
.affiliation_pf strong{color:#f9ff00;}

/* 파트너소속변경_레이어팝업 */
.lyr_affiliation{background: #fff;}
.lyr_affiliation .lyr_tt{}
.lyr_affiliation .lyr_tt h1{font-size: 22px; font-weight: bold; letter-spacing: -1px; background:#3951d9;}
.lyr_affiliation .lyr_mid{padding:0 20px;}
.lyr_affiliation .lyr_mid h3{background: url(../images/ico_noti.png) no-repeat left 9px; background-size: 15px; padding: 5px 0 15px 17px; color: #eb3000; display: inline-block; font-size: 18px; margin: 10px 0 0; line-height:24px; letter-spacing: -1px;}
.lyr_affiliation .lyr_btn{padding:20px;}
.lyr_affiliation .lyr_btn ul{display: table; width: 100%; table-layout: fixed;}
.lyr_affiliation .lyr_btn li{display: table-cell;}
.lyr_affiliation .lyr_btn li span{display: block; padding:15px 0; margin: 0 1px;}
.btn_save{background:#eb3000; color:#fff; font-size:16px;}
.btn_close{background:#b6bec8; color:#fff; font-size:16px;}
.jj{display: block; background: #1c33b0; font-size: 18px; font-weight: bold; height: 40px; line-height: 40px;color: #fefb36;}
.jj_box{border: 3px solid #272f46; height: 40px; display: block; text-align:center;}

/* NPTI_상단섹션 */
/*.section{padding:10px 20px !important; background:#f3f3f5;}
.section a{display:inline-block; font-size:14px; margin-right: 15px;}
.section .on{font-weight: bold; color: #272f46; padding-bottom: 5px; border-bottom: 2px solid #272f46;}
.section .off{color:#8692a0;}

.npti_wrap{background: #034084; margin: 20px 20px 0; padding: 20px;}
.npti_tt{text-align:center;}
.npti_tt .npti_logo{height:15px;}
.npti_tt h3{font-size:20px; text-align:center; font-weight: bold; color:#fff; padding: 5px 0;}

.npti_sms_send{}
.npti_sms_send ul{display: table; padding-top:15px; width: 100%; box-sizing: border-box;}
.npti_sms_send li{display: table-cell;}
.npti_sms_send .free_send{vertical-align: bottom;}
.npti_sms_send .free_send .btn_free_send{display:block; font-size: 15px; color: #fff; letter-spacing: -1px; padding-right: 15px; text-align: right; background: url(../images/arrow_w.png) no-repeat right 5px; background-size: 8px auto;}

.send_num{}
.send_num span{display:block;}
.count_tt{font-size: 15px; color: #fff;}
.count_num{font-size: 20px; font-weight: bold; color: #fff;}
.count_num em{color: #ffed00;}

.send_sms_r{display: inline-block; background: url(../images/ico_sms.png) center 30px no-repeat; background-size: 35px;}*/