@charset "utf-8";

.t_step{overflow:hidden;width:36px;height:22px;background:#fff }
.t_step ul:after,.t_step ul:before{width:15px;height:22px;background:#888;content:""}
.t_step ul:before{float:left;margin-left:-9px}
.t_step ul:after{float:left;margin-left:2px}
.t_step li{float:left;margin-left:2px}
.t_step a{display:block;width:20px;height:22px;background:#888;color:#000;font-weight:700;text-align:center;text-indent:-999em;line-height:22px}
.t_step a.on{background-color:#0096af;color:#fff;text-indent:0}
.intro_wrap.intro_dir{position:relative;}
.intro_wrap .intro_top{padding:22px 0 25px;background:#2a2a2a;text-align:center}
.intro_wrap .intro_top .tit{margin:0 0 8px;color:#fff;font-size:16px;opacity:.4}
.intro_wrap .intro_top h2{margin:0 0 20px;color:#fff;font-weight:700;font-size:21px;line-height:24px}
.intro_wrap .intro_top .int_tit{margin-bottom:10px;}
.intro_wrap .intro_top h2 .y_txt{color:#f3cf28}
.intro_wrap .intro_top h2 .news{width:35px;display:inline-block;margin-right:7px;position:relative;top:-1px;}
.intro_wrap .intro_top h2 span{font-size:21px}
.intro_wrap .intro_top .txt{color:#f4f4f4;font-size:13px}
.intro_wrap .intro_top .txt span{display:block;margin:2px 0 0;color:#999}

/*이목구비 랜딩 추가 */
.intro_wrap .intro_top h1{margin:0 0 20px;color:#fff;font-weight:700;font-size:31px;line-height:34px;}
.intro_wrap .intro_top .txt01{margin:0 0 8px;color:#fff;font-size:19px;opacity:.4}
.intro_wrap .intro_top .txt02{color: #fff;font-size:17px;}
.intro_wrap .intro_top .txt02 span {color: #00b4cd;}
.intro_wrap .intro_top .txt02 .txt02_top {display:inline-block;margin:0 0 10px 0;}
.intro_wrap .intro_top .txt02 em {font-size: 12px;color: #fff;opacity:.4;}
.intro_wrap .intro_top .txt_visual {width:164px;height:108px;margin:0 auto -30px auto;background:url(/subscribe/images/pd/pn/bg_visual_txt01.png) 0 0 no-repeat;background-size:164px 108px;text-indent: -999em;}

.intro_wrap .intro_con{padding:26px 15px 38px}
.intro_wrap .intro_con.intro_ovsetrvins{padding:15px 15px 10px}
.intro_wrap .intro_con h3.intro_tit{position:relative;margin:0 0 12px;padding-left:18px;color:#000;font-weight:700}
.intro_wrap .intro_con h3.intro_tit:before{display:block;position:absolute;top:4px;left:0;width:13px;height:13px;background:url(/subscribe/images/common/ico_comm.png) -159px -91px no-repeat;background-size:250px 250px;content:""}
.intro_wrap .intro_con .desc{padding:0 15px}
.intro_wrap .intro_con .desc p{margin:0 0 23px;color:#333;font-size:15px;line-height:1.4}
.intro_wrap .intro_con .desc p strong{color:#000;font-weight:700;font-size:17px}
.intro_wrap .intro_con .desc .txt_inf span{font-weight:700}
.intro_wrap .intro_con .desc .mid_txt{display:inline-block;font-size:13px;color:#666;}

.intro_wrap .intro_con .bx_privacy{min-height:50px;padding:26px 0 30px;background-color:#f4f4f4}

.intro_wrap .intro_con .bx_privacy .txt_error{position:relative;top:-4px;clear:both}
.intro_wrap .intro_con .bx_privacy .bx_valid{width:270px;margin:0 auto}
.intro_wrap .intro_con .bx_privacy .bx_valid.w280{width:280px}
.intro_wrap .intro_con .bx_privacy .radio_list{float:left;margin:0}
.intro_wrap .intro_con .bx_privacy .age_wrap,.intro_wrap .intro_con .bx_privacy .chk_wrap{float:left;height:51px}
.intro_wrap .intro_con .bx_privacy .chk_wrap{width:160px;height:33px;padding:18px 0 0}
.intro_wrap .intro_con .bx_privacy .chk_wrap label em{font-weight:700}
.intro_wrap .intro_con .bx_privacy .chk_wrap>span{margin-left:15px}
.intro_wrap .intro_con .bx_privacy .chk_wrap>span:first-child{margin:0}
.intro_wrap .intro_con .bx_privacy .age_wrap{float:left;position:relative}
.intro_wrap .intro_con .bx_privacy .age_wrap input[type=number],.intro_wrap .intro_con .bx_privacy .age_wrap input[type=text]{width:61px;height:48px;padding:0 10px 0 35px;color:#e11b22;font-size:41px}
.intro_wrap .intro_con .bx_privacy .age_wrap .age,.intro_wrap .intro_con .bx_privacy .age_wrap .years{position:absolute;top:16px;color:#000;font-weight:700}
.intro_wrap .intro_con .bx_privacy .age_wrap .age{left:0}
.intro_wrap .intro_con .bx_privacy .age_wrap .years{right:0}
.intro_wrap .intro_con .bx_privacy.bx_Know{padding:18px 17px}
.intro_wrap .intro_con .bx_privacy.bx_Know li{margin-bottom:7px;color:#333;font-size:15px}
.intro_wrap .intro_con .bx_privacy.bx_Know li:last-child{margin-bottom:0}
.intro_wrap .intro_con .btn_chk{display:block;padding:12px 0;background-color:#ccc;color:#fff;text-align:center}
.intro_wrap .intro_con .btn_chk.passing{background-color:#0096af}
.intro_wrap .intro_con .intro_zone{position:relative}
.intro_wrap .intro_con .intro_zone .btns{position:absolute;top:-5px;right:0}
.intro_wrap .intro_con .intro_zone .ico_intro01{display:block;position:absolute;top:-33px;right:0;width:74px;height:67px;background:url(/subscribe/images/pd/pn/bg_intro01.png) left top no-repeat;background-size:74px 67px}
.intro_wrap .no_advice{margin:30px 0 0;padding:0;text-align:center}
.intro_wrap .no_advice:before{display:inline-block;position:static;margin:0 5px 0 0;vertical-align:middle}
.intro_wrap .cost_list li{margin:0 0 5px;border:2px solid #ddd}
.intro_wrap .cost_list li dl{overflow:hidden;padding:10px 15px;font-weight:700}
.intro_wrap .cost_list li dt{float:left}
.intro_wrap .cost_list li dd,.intro_wrap .intro_add_info .view_details .list_type06 li span{float:right}
.intro_wrap .cost_list .txt_tip02{text-align:right}
.intro_wrap .intro_add_info{margin:30px 0 17px}
.intro_wrap .intro_add_info dt{position:relative;margin:0 0 10px}
.intro_wrap .intro_add_info dt a:before{display:block;position:absolute;top:4px;left:0;width:13px;height:13px;background:url(/subscribe/images/common/ico_comm.png) -159px -91px no-repeat;background-size:250px 250px;content:""}
.intro_wrap .intro_add_info dt a:after{display:block;position:absolute;top:6px;right:0;width:14px;height:9px;background:url(/subscribe/images/common/ico_comm.png) -88px -74px no-repeat;background-size:250px 250px;content:""}
.intro_wrap .intro_add_info dt a.on:after{background-position:-88px -65px}
.intro_wrap .intro_add_info .view_details{display:none}
.intro_wrap .intro_add_info .view_details .list_type06 li{background-position:left 9px;font-size:15px}
.intro_wrap .intro_add_info dt a{display:block;padding:0 0 10px 18px;border-bottom:1px solid #ddd;color:#000}
.intro_wrap .intro_add_info dt a h3{font-weight:700}
.intro_wrap .intro_add_info dd .tbl_list01 td,.intro_wrap .intro_add_info dd .tbl_list01 th{font-size:15px}
.intro_wrap .d_premiums{height:60px;padding:0 15px;background-color:#333}
.intro_wrap .d_premiums .pay,.intro_wrap .d_premiums .tit{display:block}
.intro_wrap .d_premiums .tit{float:left;height:43px;padding:17px 0 0;color:#fff;font-size:19px}
.intro_wrap .d_premiums .pay{float:right;height:55px;padding:5px 0 0;color:#ff141d;font-size:35px}
.intro_wrap .d_premiums .pay em{font-weight:700;font-size:21px}
.intro_wrap input::-webkit-input-placeholder{color:#ccc;font-weight:400;font-size:41px;line-height:45px}
.intro_wrap input:-moz-placeholder{color:#ccc;font-weight:400;font-size:41px;line-height:45px;opacity:1}
.intro_wrap input::-moz-placeholder{color:#ccc;font-weight:400;font-size:41px;line-height:45px;opacity:1}
.intro_wrap input:-ms-input-placeholder{color:#ccc;font-weight:400;font-size:41px;line-height:45px}
.brief_list{padding:0 10px}
.brief_list li{float:left;width:33%;color:#000;font-size:12px;text-align:center}
.brief_list li:nth-child(2){width:34%}
.brief_list li>span{display:block;width:70px;height:70px;margin:0 auto 9px}
.brief_list li em{display:block;color:#000;font-size:10px;line-height:13px}
.brief_list li em span{color:#666}
.brief_list li strong{position:relative;top:-2px;color:#e11b22;font-size:15px;line-height:17px;font-weight:800;}
.ico_intro{background:url(/subscribe/images/common/ico_intro.png) no-repeat;background-size:280px auto}
.ico_intro_etc01{background:url(/subscribe/images/common/ico_dirccar_intro01.gif) no-repeat;width: 53px !important;height: 55px !important;background-size:100%;}
.ico_intro_etc02{background:url(/subscribe/images/common/ico_dirccar_intro02.gif) no-repeat;width: 53px !important;height: 55px !important;background-size:100%;}
.ico_intro_etc02.dirc{background:url(/subscribe/images/common/ico_dirccar_intro02.gif) no-repeat;width: 53px !important;height: 55px !important;background-size:100%;}
.ico_intro_etc03{background:url(/subscribe/images/common/ico_dirccar_intro03.gif) no-repeat;width: 53px !important;height: 55px !important;background-size:100%;}
.ico_intro.ico02{background-position:-70px 0}
.ico_intro.ico03{background-position:-140px 0}
.ico_intro.ico04{background-position:-210px 0}
.ico_intro.ico05{background-position:0 -70px}
.ico_intro.ico06{background-position:-70px -70px}
.ico_intro.ico07{background-position:-140px -70px}
.ico_intro.ico08{background-position:-210px -70px}
.ico_intro.ico09{background-position:0 -140px}
.ico_intro.ico10{background-position:-70px -140px}
.ico_intro.ico11{background-position:-140px -140px}
.ico_intro.ico12{background-position:0 -210px}
.ico_intro.ico13{background-position:-70px -210px}
.ico_intro.ico14{background-position:-140px -210px}
.ico_intro.ico15{background-position:0 -280px}
.ico_intro.ico16{background-position:-70px -280px}
.ico_intro.ico17{background-position:-140px -280px}
.ico_intro.ico18{background-position:0 -350px}
.ico_intro.ico19{background-position:-70px -350px}
.ico_intro.ico20{background-position:-140px -350px}
.ico_intro.ico21{background-position:-210px -140px}
.ico_intro.ico22{background-position:-210px -210px}
.ico_intro.ico23{background-position:-210px -280px}
.ico_intro.ico24{background-position:-210px -350px}

.box_wrap {position: relative;margin-top: 30px;}
.box_wrap .inner {border:4px solid #ffd35c;}
.box_wrap .inner .box_radio:nth-child(1){border-top: 0;}

.box_radio{position:relative;color:#000;border-top:1px solid #ddd;}
.box_radio .input_radio{display:block}
.box_radio .input_radio input[type=radio]+label{display:block;padding:11px 15px;border:4px solid #e7e7e7;background:#e7e7e7}
.box_radio .input_radio input[type=radio]+label:before{top:50%;right:15px;left:inherit;margin-top:-11px}
.box_radio .input_radio input[type=radio]+label em{position:absolute;top:12px;left:15px;font-weight:700;font-size:15px;line-height:1.2}
.box_radio .input_radio input[type=radio]+label .case+em{top:30px}
.box_radio .input_radio input[type=radio]+label .downtxt{position:relative;top:18px;font-weight:700}
.box_radio .input_radio input:checked+label{border:4px solid #e11b22;background-color:#fff}
.box_radio .input_radio input:checked+label em,.box_radio .input_radio input:checked+label small,.box_radio .input_radio input:checked+label strong{color:#e11b22}
.box_radio .input_radio input:checked+label b{color:#000!important}
.box_radio .input_checkbox{display:block}
.box_radio .input_checkbox input[type=checkbox]+label{display:block;padding:11px 10px;background:#f8f8f8}
.box_radio .input_checkbox input[type=checkbox]+label:before{top:50%;right:15px;left:inherit;margin-top:-11px}
.box_radio .input_checkbox input[type=checkbox]+label em{top:0;font-weight:700}
.box_radio .input_checkbox input:checked+label{background-color:#fff}
.box_radio .input_checkbox strong{float:right}
.box_radio strong{display:block;padding:0 32px 0 0;text-align:right}
.box_radio strong span{display:block;color:#666;font-size:12px}
.box_radio strong span b{margin-left:5px;color:#000}
.box_radio .tag{display:inline-block;margin-left:2px;color:#fff;font-weight:400;font-size:12px;vertical-align:1px}
.car_type_list label .txt_wrap *,.cp_list .input_radio{vertical-align:middle}
.box_radio .tag span{display:inline-block;height:17px;padding:0 5px 0 4px;background-color:#333;font-size:12px!important;line-height:18px}
.box_radio .tag span.alot{background-color:#e11b22;font-size:12px}
.box_radio .tag2 span{display:inline-block;height:17px;padding:0 5px 0 4px;background-color:#333;font-size:12px!important;line-height:18px}
.box_radio .tag2 span.alot{background-color:#e11b22;font-size:12px;color:#fff;}
.box_radio .case{display:block;color:#666;font-size:13px}
.loss .box_radio .input_radio input[type=radio]+label em .tag{display:block}
.scramble .box_radio .input_radio input[type=radio]+label em{display:block;position:relative;top:0;left:0;line-height:1.4}
.scramble .box_radio strong{margin-top:-5px}
.scramble dt a span:nth-child(2){padding-right:103px}
.dirc_list dl.scramble>dt.fixed+.detail_view{margin-top:76px}
.bx_complete{position:relative;margin:0 0 75px;padding:123px 0 0;color:#000;text-align:center}
.bx_complete p{font-size:16px}
.bx_complete.fb{padding-top:162px;color:#000;font-weight:700}
.bx_complete.fb em{font-weight:700}
.bx_complete .ico_comm{display:block;position:absolute;left:50%;width:85px;margin:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-image:url(/subscribe/images/common/ico_comm.png);background-size:250px 250px;background-repeat:no-repeat}
.bx_complete .ico_end,.bx_complete .ico_note{top:33px;height:72px;background-position:21px -174px}
.bx_complete .ico_cal_small {top:33px;height:58.5px;background-image:url(/subscribe/images/common/ico_comm_cal.gif);background-size:100%; background-position:0px;}
.bx_complete .tit_name {font-size:15px; font-weight:700; color:#000; padding-bottom:13px;}
.bx_complete .ico_no_pay{top:33px;width:92px;height:68px;background-position:-67px -174px}
.bx_complete .ico_sign_stop{top:23px;width:65px;height:70px;margin-left:-32px;background:url(/subscribe/images/pd/pn/ico_sign_stop.png) left top no-repeat;background-size:100%}
.bx_complete .ico_change{top:23px;width:65px;height:70px;margin-left:-30px;background:url(/subscribe/images/pd/pn/ico_change.png) left top no-repeat;background-size:100%}
.bx_complete .no_pay{padding:17px 0 0;border-top:1px solid #ddd}
.bx_complete .no_pay li{padding-left:7px;background:url(/subscribe/images/common/bu_star.gif) left 6px no-repeat;background-size:5px 5px;color:#666;font-size:13px;text-align:left;line-height:18px}
.bx_complete .no_nodata{top:33px;width:91px;height:70px;background-position:100% -174px}
.bx_complete .car_sorry{top:33px;width:66px;height:66px;background:url(/subscribe/images/pd/pn/ico_car_sorry.gif) left top no-repeat;background-size:100%}
.bx_complete .ing_cal{top:33px;width:164px;height:76px;margin:0 0 0 -82px;background:url(/subscribe/images/pd/pn/ico_cal_ing.png) left top no-repeat;background-size:100%}
.bx_complete .error_mesa{margin:0 0 24px;font-weight:700;font-size:16px}
.bx_complete .sign_stop{font-weight:700}
.bx_complete .sign_stop strong{display:block;font-size:21px}
.bx_complete .sign_stop span{display:block;margin:14px 0}
.bx_complete .counsel{color:#666;font-size:13px}
.bx_complete .thank{padding:8px 0 0;font-weight:700;font-size:17px}
.bx_complete .jop_change_wrap{margin-top:-6px}
.bx_complete .jop_change_wrap .txt_change{display:block;font-size:21px}
.bx_complete .jop_change_wrap .help{display:block;margin:14px 0 0;color:#666;font-size:13px}
.bx_complete .jop_change_wrap .clfix{margin:26px 0 17px}
.bx_complete .jop_change_wrap dl{float:left;width:40%;min-height:90px;border-top:2px solid #000}
.bx_complete .jop_change_wrap dd,.bx_complete .jop_change_wrap dt{padding:6px 0;border-bottom:1px solid #ddd;font-weight:700;font-size:16px;text-align:center}
.bx_complete .jop_change_wrap .bg_arrow{float:left;width:20%;min-height:90px}
.bx_complete .jop_change_wrap .bg_arrow span{display:block;width:15px;height:24px;margin:35px auto 0;background:url(/subscribe/images/common/ico_comm.png) -235px -79px;background-size:250px 250px;text-indent:-999em}
.bx_complete .jop_change_wrap p{font-weight:700;font-size:15px}
.remind_wrap .info_txt{margin:0 0 13px;color:#000;font-weight:700;font-size:16px}
.remind_wrap .no_advice{height:auto;line-height:17px}
.remind_wrap .no_advice:before{top:3px}
.remind_wrap .agree_zone{position:relative;margin:32px 0 0}
.remind_wrap .agree_zone label em{font-size:14px}
.remind_wrap .agree_zone .btn_basic{position:absolute;top:-2px;right:0}
.car_buy_tab input[type=radio]+label em{top:1px;font-weight:700}
.car_buy_tab .chk_wrap{margin:0 0 8px}
.car_buy_tab .car_tab01,.car_buy_tab .car_tab02,.car_buy_tab .car_tab03{display:none;padding:15px;background-color:#f4f4f4}
.bx_valid.error .car_type_list.line li:last-child{border-bottom:2px solid #e11b22}
.bx_valid.error .car_type_list.line li .d_list li{border:0}
.car_type_list .input_radio input[type=radio]+label{display:block;margin:0}
.car_type_list .input_radio input[type=radio]+label:before{top:0;margin:0 10px 0 0}
.car_type_list .input_radio{display:block}
.car_type_list li{position:relative;margin:20px 0 0}
.car_type_list li:first-child{margin:0}
.car_type_list label{white-space:normal}
.car_type_list label .txt_wrap{display:block}
.car_type_list label .txt_wrap span{display:block;margin:0 0 1px;color:#666;font-size:15px}
.car_type_list label .txt_wrap strong{display:inline-block;margin:0 5px 9px 0}
.car_type_list label .txt_wrap strong.ellipsis{overflow:hidden;width:95%;text-overflow:ellipsis;white-space:nowrap;-o-text-overow:ellipsis}
.car_type_list label .txt_wrap .sale{display:inline-block;margin:0 0 3px;padding:3px 6px;border:1px solid #e11b22;color:#e11b22;font-size:12px;white-space:nowrap}
.car_type_list label .txt_wrap .day{display:block}
.car_type_list label .txt_wrap .day em{display:inline-block;top:-1px;height:16px;margin:0 6px 0 0;padding:0 5px;border:1px solid #bbb;color:#aaa;font-size:11px;line-height:18px}
.car_type_list .new_car{padding:0 0 20px;border-bottom:1px solid #ddd}
.car_type_list .new_car.on{padding:0;border:0}
.car_type_list .new_car .input_radio{margin:0 0 10px}
.car_type_list .new_car .bx_form{display:none}
.car_type_list .new_car.on .bx_form{display:block}
.car_type_list .new_car .car_buy_tab .chk_wrap .input_radio{display:inline-block;margin:0 10px 0 0}
.car_type_list .new_car .car_buy_tab .chk_wrap .input_radio:last-child{margin-right:0}
.car_type_list .new_car .car_buy_tab .chk_wrap em{top:0}
.car_type_list .car_buy_tab .chk_wrap{margin:0}
.car_type_list .car_buy_tab .car_tab01,.car_type_list .car_buy_tab .car_tab02,.car_type_list .car_buy_tab .car_tab03{margin:20px 0 0;padding:0;background:0 0}
.car_type_list li .pro_detail{position:relative;margin:6px 0 0}
.car_type_list li .pro_detail .bx_form{display:none}
.car_type_list li .pro_detail .btn{position:absolute;top:-28px;right:0;padding:0 32px 0 0;color:#e11b22;font-weight:700;font-size:17px}
.car_type_list li .pro_detail.show .btn{top:-29px}
.car_type_list li .pro_detail .btn:after{display:block;position:absolute;top:-2px;right:0;width:23px;height:23px;background:url(/subscribe/images/common/ico_comm.png) -115px -25px no-repeat;background-size:250px 250px;content:""}
.car_type_list li .pro_detail.show .bx_form{display:block}
.car_type_list li .pro_detail.show .btn:after{background-position:-141px -25px}
.car_type_list li .pro_detail .d_list{font-size:14px}
.car_type_list li .pro_detail .d_list li{overflow:hidden;margin:4px 0 0}
.car_type_list li .pro_detail .d_list li:first-child{margin:0}
.car_type_list li .pro_detail .d_list .tit{float:left;width:95px;padding:0 0 0 5px;font-size:14px;background:url(/subscribe/images/common/bu_dash_gray.gif) left 7px no-repeat;background-size:3px 1px;color:#666}
.cp_list .on,.cp_list.car_list_table .new{background-color:#f4f4f4}
.car_type_list li .pro_detail .d_list .txt{float:left;color:#000}
.car_type_list li .pro_detail .d_list .txt em{display:block;font-size:13px}
.car_type_list li .pro_detail .bx_form{padding-right:0}
.car_type_list.line>li{border-bottom:1px solid #ddd}
.car_type_list.line>li .pro_detail.show{border-top:1px solid #ddd}
.bx_valid.error .car_type_list .new_car{border:0}
.car_type_list.pop_address{margin:20px 0 0}
.car_type_list.pop_address label .tit_addr{display:block;color:#000;font-size:13px;text-align:left;line-height:20px}
.car_type_list.pop_address label .addr{display:block;color:#000}
.car_type_list.pop_address .input_radio input[type=radio]:checked+label .addr{color:#000}
.addr_refine .tit_dot{margin-top:0}
.cp_list_wrap{overflow-y:auto;float:left;position:relative;width:0;margin-left:115px}
.cp_list{width:100%}
.cp_list .input_radio input[type=radio]+label{padding:0}
.cp_list .input_radio input[type=radio]+label:before{display:inline-block;position:relative;top:-2px;vertical-align:-7px}
.cp_list td,.cp_list th{border-top:1px solid #ddd;border-left:1px solid #ddd;font-size:15px;text-align:right}
.cp_list td{min-width:60px}
.cp_list.car_list_table td,.cp_list.car_list_table th{height:42px;font-size:14px}
.cp_list.car_list_table th{height:27px}
.cp_list .input_radio em,.cp_list th{font-weight:700}
.cp_list td:last-child,.cp_list th:last-child{border-right:1px solid #fff}
.cp_list tbody th,.cp_list tfoot th:first-child,.cp_list thead th:first-child{display:none}
.cp_list .on{border-right:1px solid #e11b22;border-left:1px solid #e11b22;font-weight:700!important}
.cp_list thead tr:first-child .on{border-top:1px solid #e11b22}
.cp_list thead th:last-child.on{border-right:1px solid #e11b22}
.cp_list td:last-child.on{border-right:1px solid #e11b22}
.cp_list tfoot tr:last-child .on{border-bottom:1px solid #e11b22}
.cp_list tfoot .planchk td,.cp_list thead th{padding-right:0;text-align:center}
.cp_list.alpaplus td,.cp_list.alpaplus th{min-width:90px;border-left:0;text-align:right}
.cp_list.alpaplus td:nth-child(3n),.cp_list.alpaplus th:nth-child(3n){min-width:140px}
.cp_hidden.alpaplus tr:first-child th,.cp_list.alpaplus th{height:45px;font-weight:700}
.cp_hidden.alpaplus tr th{padding-left:0;font-weight:400}
.cp_hidden{position:absolute;top:0;width:116px}
.cp_hidden th{border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:0;color:#000;font-weight:700;font-size:15px;word-spacing:-1px}
.cp_hidden th .detail{display:block;font-weight:400;font-size:13px}
.cp_hidden .month th,.cp_list .month td{padding:10px 0 1px;color:#000}
.cp_list .month.result td,.cp_list .month.view td{height:20px;padding-top:0;border-top:0;font-size:15px;vertical-align:top}
.cp_hidden .month th{padding-right:5px}
.cp_list .month td{padding-right:5px;color:#e11b22;line-height:1.2}
.cp_list .month.result td{padding-bottom:5px}
.cp_list .month.result td.on{border-top:0}
.cp_hidden .month.one th,.cp_list .month.one td{padding:10px 5px 10px 0}
.cp_hidden .month.result th,.cp_hidden .month.view th{height:20px;padding-top:0;border-top:0;vertical-align:top;font-size:13px}
.cp_list .month.one.user_current td.on{background-color:#666;color:#fff}
.cp_hidden .month a{color:#000;font-weight:700}
.cp_hidden .month.result th{padding-bottom:5px;font-weight:400}
.cp_hidden .month.result:last-child th,.cp_list .month.result:last-child td{padding-bottom:8px}
.cp_hidden .month.view th{font-weight:400}
.cp_hidden .month.view.bold th{padding-top:5px;padding-bottom:12px}
.cp_hidden .month.view th span{font-size:13px}
.cp_hidden .month.normal th{padding-bottom:0;font-weight:400;font-size:13px}
.cp_list .month.normal td{padding-bottom:0;font-weight:400;font-size:15px}
.cp_list .month.bold td{padding-top:5px;padding-bottom:12px;font-size:18px}
.cp_hidden .month.bold td,.cp_hidden .month.bold th,.cp_list .month.bold th{font-weight:700;font-size:15px}
.cp_hidden .down:after{display:inline-block;width:13px;height:9px;margin:0 0 0 8px;background:url(/subscribe/images/common/ico_comm.png) -88px -74px no-repeat;background-size:250px 250px;vertical-align:1px;content:""}
.cp_hidden .up:after{display:inline-block;width:13px;height:9px;margin:0 0 0 8px;background:url(/subscribe/images/common/ico_comm.png) -88px -65px no-repeat;background-size:250px 250px;vertical-align:1px;content:""}
.cp_hidden .planchk th{border-top:1px solid #ddd}
.compare_list_area{overflow:hidden;position:relative;width:100%;margin:20px 0 0;border-top:2px solid #000;border-bottom:1px solid #ddd;letter-spacing:-1px}
.compare_list_area td,.compare_list_area th{height:27px;padding:10px 5px 10px 0;color:#000}
.compare_list_area th .input_radio input[type=radio]+label em{top:-1px}
.compare_list_area th .btn_ly_info{vertical-align:-1px}
.compare_list_area .tbl_list01{margin:0;border:0}
.compare_list_area .tbl_list01 td,.compare_list_area .tbl_list01 th{height:auto;font-size:15px}
.compare_list_area .tbl_list01 td{border-left:1px solid #ddd;text-align:right}
.compare_list_area .tbl_list01 th.txt_r{border-left:1px solid #ddd}
.compare_list_area .tbl_list01 tfoot td,.compare_list_area .tbl_list01 tfoot th{border-bottom:0}
.compare_list_area .tbl_list01 tfoot td{font-weight:700;font-size:16px}
.compare_list_area .tbl_list01 .month td,.compare_list_area .tbl_list01 .month th{padding:10px 0 5px}
.compare_list_area .tbl_list01 .month td{font-size:18px;line-height:1.2}
.compare_list_area .tbl_list01 .month th a{color:#000}
.compare_list_area .tbl_list01 .month.result td,.compare_list_area .tbl_list01 .month.result th{padding:0 0 5px}
.compare_list_area .tbl_list01 .month.result td{font-weight:400;font-size:15px}
.compare_list_area .tbl_list01 .month.result th,.dirc_list .tit_label{font-weight:400;font-size:13px}
.dirc_list .tit_label{position:relative;display:block;margin:0 0 3px;color:#00819a}
.dirc_list .tit_label .tit_label_inner { position:relative; display:inline-block; color:inherit; font-weight:inherit; }
.dirc_list dl{margin:0}
.dirc_list dl>dt .tit_label em{display:none}
.dirc_list dl>dt a{display:block;position:relative;padding:12px 0 6px;border-bottom:1px solid #ddd;color:#000}
.dirc_list dl>dt a:after{display:block;position:absolute;right:0;bottom:7px;width:23px;height:23px;background:url(/subscribe/images/common/ico_comm.png) -115px -25px no-repeat;background-size:250px 250px;content:""}
.dirc_list dl>dt.fixed,.top_dt{left:0;z-index:97;background-color:#555}
.dirc_list dl>dt a.on:after{background-position:-141px -25px}
.dirc_list dl>dt a span{display:inline-block;color:#000;font-weight:700;line-height:1.2}
.dirc_list dl>dt a strong{position:absolute;right:31px;bottom:6px;color:#e11b22;line-height:1.3}
.dirc_list dl>dt.fixed{position:fixed;top:94px;right:0;min-height:47px;padding:12px 15px 0}
.dirc_list dl>dt.fixed a{padding:0 0 6px;border-bottom:0}
.dirc_list dl>dt.fixed a strong{bottom:6px;color:#fff}
.dirc_list dl>dt.fixed a:after{background-position:-169px -25px}
.dirc_list dl>dt.fixed a span{color:#fff}
.dirc_list dl>dt.fixed .tit_label{color:#b7b7b7}
.dirc_list dl>dt.fixed .tit_label em{display:inline}
.dirc_list .detail_view,.dirc_list .detail_view .accident{display:none}
.dirc_list dl>dt.fixed+.detail_view{margin-top:59px}
.dirc_list .detail_view .chk_wrap>span{margin-left:5px}
.dirc_list .detail_view .chk_wrap .input_radio input[type=radio]+label{white-space:nowrap}
.dirc_list .detail_view_inner{overflow:hidden;margin:20px 0 0;padding:0 0 20px;border-bottom:1px solid #ddd}
.dirc_list .detail_view_inner>.chk_wrap{padding-top:5px}
.dirc_list .detail_view dl{margin:18px 0 0}
.dirc_list .detail_view dl:first-child{margin:0}
.dirc_list .detail_view dl dt{margin:0 0 6px;font-weight:700;font-size:14px;line-height:19px}
.dirc_list .detail_view dl dd{font-size:14px}
.dirc_list .detail_view .box_e7{position:relative;text-align:right}
.dirc_list .detail_view .add_rider dl{padding:0}
.dirc_list .detail_view .add_rider dl:first-child dt{margin-top:0}
.dirc_list .detail_view .add_rider dt{margin:18px 0 0;color:#005baf;font-weight:700;font-size:16px}
.dirc_list .detail_view .add_rider dd .input_checkbox label em{top:0;font-size:16px}
.dirc_list .detail_view .add_rider dd li:first-child{margin-top:11px}
.dirc_list .detail_view .add_rider dl:last-child li:last-child{margin-bottom:3px}
.dirc_list .detail_view .add_rider dd li{margin:15px 0}
.dirc_list .detail_view .box_txt{padding:17px 15px 0}
.dirc_list .detail_view .group{margin:25px 0 0}
.dirc_list .detail_view .group .input_radio input[type=radio]:valid~label,.dirc_list .detail_view .tit_label_bk15{font-size:14px}

.dirc_list .detail_view .txt_box { padding-top:10px; font-size:14px; color:#333; }
.dirc_list .detail_view .txt_box .red { color:#e11b22; }
.dirc_list .detail_view .txt_box + .detail_view_inner { margin-top:10px; }

.dirc_list dl dt { position:relative; }
.dirc_list dl>dt a { padding:14px 0; }
.dirc_list dl>dt a strong { bottom:12px; }
.dirc_list dl>dt a:after { bottom:12px; }
.dirc_list dl dt .tooltips { position:absolute; top:-6px; width:auto; height:auto; margin-left:17px; padding:5px 8px; font-size:12px; line-height:1; white-space:nowrap; background:#fff; border:1px solid #e08d8d; border-radius:4px; }
.dirc_list dl dt .tooltips:before { position:absolute; left:-6px; bottom:7px; width:7px; height:9px; background:url("/subscribe/images/pd/pn/ico_tooltip_m.svg") no-repeat center center; background-size:contain; content:""; }
.dirc_list dl dt .point { display:inline-block !important; padding:0; width:auto !important; font-size:inherit; color:#dc1818; font-weight:inherit; }

.dirc_list_total{margin:30px 0;border-top:2px solid #000}
.dirc_list_total dl{position:relative;padding:8px 0;border-bottom:1px solid #ddd}
.dirc_list_total dt{padding-right:110px;color:#000;font-weight:700;line-height:1.3}
.dirc_list_total dt+dd{position:absolute;top:6px;right:0;margin:0;font-weight:700}
.dirc_list_total dd{margin-top:6px}
.dirc_list_total dd strong{color:#e11b22}
.dirc_list_total ul li:after{display:table;line-height:0;clear:both;content:""}
.dirc_list_total ul li span{float:right}
.dirc_list_total ul li span:first-child{float:left}
.dirc_list_total .total_pay{margin-top:-1px;border-top:1px solid #000}
.dirc_list_total .total_pay dt{font-size:17px}
.dirc_list_total .total_pay dd{font-size:19px}
.dirc_list_total .sale{font-size:14px}

.top_dt{display:none;position:fixed;top:94px;right:0;padding:10px 15px 0}
.top_dt a{display:block;position:relative;padding:0 0 10px;border-bottom:0;color:#000}
.subcont .top_area .sale_animate .hide_area,.subcont .top_area .sale_animate .square_dot,.top_dt a strong{position:absolute}
.top_dt a:after{display:block;position:absolute;top:0;right:0;width:23px;height:23px;background:url(/subscribe/images/common/ico_comm.png) -169px -25px no-repeat;background-size:250px 250px;content:""}
.top_dt a.on:after{background-position:-141px -25px}
.top_dt a span{display:inline-block;padding-right:112px;color:#fff;font-weight:700;line-height:1.2}
.top_dt a strong{right:31px;bottom:9px;color:#fff;line-height:1.3}
.top_dt .tit_label{color:#b7b7b7}
.top_dt .tit_label em{display:inline}
.subcont .top_area{height:175px;padding:25px 15px 0}
.subcont .top_area .sale_animate_wrap{width:220px;height:108px;margin:20px auto 0;background:url(/subscribe/images/pd/pn/bg_dirccar_top01_240401.jpg) left top no-repeat #2a2a2a;background-size:220px auto}
.subcont .top_area .sale_animate_wrap.workjob{background:url(/subscribe/images/pd/pn/bg_dirccar_top01.jpg) left top no-repeat #2a2a2a;background-size:220px auto}
.subcont .top_area .sale_animate{position:relative}
.subcont .top_area .sale_animate .hide_area{top:0;left:20px;width:56px;height:25px;background:url(/subscribe/images/pd/pn/hide_area.jpg) left top no-repeat #2a2a2a;background-size:56px 25px}
.subcont .top_area p{color:#ababab;font-size:13px;line-height:20px}
.subcont .top_area p strong{display:block;color:#fffefe;font-size:17px}
.subcont .top_area.dirccar{height:183px;padding:17px 15px 0;background:#2a2a2a}
.subcont .top_area.dirccar .txt_img{display:block;width:220px;height:52px;margin:0 0 15px;background:url(/subscribe/images/common/txt_top_dirccar.png) no-repeat;background-size:220px auto;text-indent:-999em}
.calc_loading .top_area.dirccar .loading01,.subcont .top_area.dirccar .loading02{display:none}
.calc_loading .top_area.dirccar{position:relative;padding:0 15px;background:#2a2a2a}
.calc_loading .top_area.dirccar .loading02{display:block;position:absolute;top:50%;right:0;left:0;height:290px;margin-top:-195px}
.calc_loading .top_area.dirccar p{padding:197px 0 0;background:url(/subscribe/images/pd/pn/bg_loading.jpg) center top no-repeat;background-size:116px 164px;color:#fff;font-size:19px;text-align:center;line-height:30px}
.calc_loading .top_area.dirccar p strong{display:block;color:#00b4cc;font-weight:700;font-size:26px}
.calc_loading .premium_total{position:fixed;bottom:0}
.calc_loading .btn_step,.calc_loading .step_wrap{display:none}
.check_link{display:block;height:22px;padding:0 0 0 30px;line-height:1}
.check_link:before{display:block;position:absolute;top:0;left:0;width:22px;height:22px;background:url(/subscribe/images/common/ico_comm.png) left top no-repeat;background-size:250px 250px;content:""}
.check_link.on:before{background-position:-22px top}
.check_link span{position:relative;top:3px;color:#000;font-size:14px}
.tot_assent p{color:#000;font-weight:700;font-size:15px}
.tot_assent p.txt_333{font-weight:400;font-size:14px}
.tot_assent p.txt_l{margin:12px 0 0}
.tot_assent p.txt_l label,.tot_assent p.txt_l label em{font-weight:700;font-size:16px}
.tot_assent p.txt_l .input_checkbox input[type=checkbox]+label:before{top:-3px}
.tot_assent .input_checkbox input[type=checkbox]+label em{top:0}

.user_sel{margin:0 0 13px}
.user_sel dt{margin:0;font-size:13px}
.user_sel dd li{float:left;margin:10px 15px 0 0}
.user_sel dd li:last-child{margin-right:0}
.user_sel dd.txt_tip{margin:10px 0 0;padding:0 0 0 7px;border:0}
.user_sel dd.txt_tip:before{top:5px}
.user_sel dd li .input_radio input[type=radio]+label em,
.user_sel dd li input[type=checkbox]+label em,
.user_sel dd li input[type=radio]+label em{top:-1px}

/* 190718 : BHY : 자동차 가입설계 전체동의 셀렉트 스타일 수정 */
.user_sel dd .grouping .group .selectbx .select_list {width:100px;padding:0}
.user_sel dd .grouping .group .selectbx .select_list ul li{float:none;margin:0}


.my_certification_wrap{position:relative;height:62px;margin:12px 0 28px}
.my_certification{display:flex;margin:12px 0 28px}
.my_certification a{position:relative;flex:1;height:28px;margin:0 0 0 4px;padding:52px 0 0;border:1px solid #ccc;color:#999;font-size: 14px;font-weight:700;}
.my_certification a:first-child{margin-left:0}
.my_certification a:before{position:absolute;left:50%;background:url(/subscribe/images/common/ico_certifi.png);background-size:150px 150px;content:"";transform: translateX(-50%)}
.my_certification a.phone:before{top:15px;width:20px;height:27px;background-position:0 0}
.my_certification a.naver:before{top:16px;width:23px;height:24px;background-position:-25px 0}
.my_certification a.certi:before{top:16px;width:23px;height:24px;background-position:-50px 0}
.my_certification a.card:before{top:18px;width:28px;height:21px;background-position:-75px 0}

.my_certification a{display:block;width:100%;text-align:center}
.my_certification a.on {border:1px solid #000;color:#000;font-size: 14px;}
.my_certification a.on.phone:before{background-position:0 -30px}
.my_certification a.on.naver:before{background-position:-25px -30px}
.my_certification a.on.certi:before{background-position:-50px -30px}
.my_certification a.on.card:before{background-position:-75px -30px}
.my_certification.ico_none a:before{display:none}
.my_certification.ico_none a{height:50px;padding:10px 0 0;color:#333;font-size:15px}

 .certifi_disc ul {padding:0 0 8px 0;}
 .certifi_disc ul li {position: relative;font-size: 13px;padding-left: 10px;color: #666;line-height: 1.6;}
 .certifi_disc ul li:before {position: absolute;left: 0; top:9px;z-index: 1; content: '';display: block;width: 3px;height:1px;background-color: #666}
 .certifi_disc a.btn_basic {margin:0 0 0 10px;font-size: 12px;}



.tab_address{display:box;display:-webkit-box;display:-moz-box;margin:4px 0 28px}
.tab_address a{display:box;display:-webkit-box;display:-moz-box;height:48px;margin:0 0 0 10px;border:1px solid #ccc;color:#999;font-weight:700;text-align:center;align-items:center;-webkit-align-items:center;box-flex:1;-moz-box-flex:1;-webkit-box-flex:1}
.tab_address a.on{border:1px solid #000;color:#000}
.tab_address a:first-child{margin-left:0}
.tab_address span{display:block;width:100%;line-height:48px}
.address_wrap .address_search{margin:0 0 10px}
.address_wrap .address_search .input_txt{display:block;width:92%}
.address_wrap .address_list li{margin:0 0 18px;padding:0 0 12px;border-bottom:1px solid #ddd}
.address_wrap .address_list li .zipcode{margin:0 0 8px;color:#005baf;font-weight:700}
.address_wrap .address_list li a{display:block;position:relative;padding:9px 30px 10px 43px;color:#000;font-weight:700;line-height:1.3}
.address_wrap .address_list li a span{display:inline-block;position:absolute;top:8px;left:0;width:37px;height:20px;margin:0 5px 0 0;border:1px solid #999;color:#666;font-size:9px;text-align:center;line-height:21px}
.address_wrap .address_list li a:after{display:block;position:absolute;top:12px;right:0;width:9px;height:13px;background:url(/subscribe/images/common/ico_comm.png) -68px -65px no-repeat;background-size:250px 250px;content:" "}
.address_wrap .address_detail dt{margin:0 0 11px}
.address_wrap .address_detail dd.result{margin:0 0 23px;color:#005baf;font-weight:700}
.address_wrap .address_result label span{display:block}
.address_wrap .address_result label span em{display:block;margin:0 0 1px;color:#666;font-size:13px}
.address_wrap .address_result label span .addr{color:#000;font-weight:700;white-space:normal;line-height:15px}
.address_wrap.type02 .address_list dt,.address_wrap.type02 .address_search dt{margin-bottom:36px;padding:0;background:0 0;color:#000;font-weight:700;font-size:16px}
.address_wrap.type02 .address_list dd li label em strong,.tab_address_s .group.sel_job label{color:#00819a}
.address_wrap.type02 .address_search dd{position:relative;border:0}
.address_wrap.type02 .address_list dt{margin-bottom:20px}
.address_wrap.type02 .address_list dd li{margin:0 0 15px;padding:0;border:0}
.address_wrap.type02 .address_list dd li label em{position:relative;top:-3px;font-weight:700}
.address_s.inp_search{border-bottom:1px solid #333!important}
.address_s.inp_search .input_txt input{border:0!important}
.bx_valid.tab_address_s{margin:0 0 40px}
.tab_address_s .inp_search .input_txt input{padding:0 0 5px 5px}
.tab_address_s .inp_search .btn_search:before{right:5px}
.tab_address_s .sel_job{margin:25px 0 0}
.tab_address_s .sel_job .btn_search{display:none}
.tab_address_s .group label{margin:0 0 0 5px}
.tab_address_s .sel_job.disabled{border-bottom:1px solid #ccc}
.tab_address_s .sel_job.disabled label{color:#999}
.btn_search{display:block;position:absolute;right:0;bottom:-3px;padding:10px;text-indent:-999em}
.btn_search:before{position:absolute;right:0;bottom:13px;width:18px;height:18px;background:url(/subscribe/images/common/ico_comm.png) -20px -23px no-repeat;background-size:250px 250px;content:""}
.btn_search.arrow:before{width:9px;height:13px;background-position:-68px -65px}
.btn_search.arrow{display:block;bottom:0;left:0;width:100%;height:31px;padding:0}
.inp_search{position:relative;margin:16px 0 0;border-bottom:1px solid #333}
.inp_search .input_txt{display:block;width:92%}
.inp_search .input_txt input,.inp_search.focus .input_txt input{border:0!important}
.inp_search .bx_auto_search{display:block;position:absolute;top:30px;left:0;z-index:50;width:100%;border-top:2px solid #de4738;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;background-color:#fff}
.inp_search .bx_auto_search ul{overflow-x:hidden;overflow-y:auto;height:215px}
.inp_search .bx_auto_search li a{display:block;overflow:hidden;padding:8px 14px 6px;color:#000;font-size:15px}
.inp_search .bx_auto_search li a em{margin-right:3px}
.inp_search .bx_auto_search li a b,.inp_search .bx_auto_search li a span b{color:#e11b22!important}
.inp_search .bx_auto_search li a:active{background-color:#eee}
.inp_search .bx_auto_search .m_search{margin:15px 0 0;padding:0 14px 15px 36px;border-bottom:1px solid #ddd;background:url(/subscribe/images/common/bu_exclamation.gif) 14px top no-repeat;background-size:18px 15px;color:#666;font-size:13px}
.inp_search .bx_auto_search .m_search span{color:#005baf}

.pet_cta .bx_auto_search { position:absolute; display:block; left:112px; right:0; top:46px; height:125px; text-align:left; background-color:#fff; border:1px solid #ddd; border-top:2px solid #de4738; overflow-y:scroll; -webkit-overflow-scrolling:touch; z-index:50;}
.pet_cta .bx_auto_search::-webkit-scrollbar-track { border-radius:0.125rem; background-color:lightgray; }
.pet_cta .bx_auto_search::-webkit-scrollbar { width:0.25rem; }
.pet_cta .bx_auto_search::-webkit-scrollbar-thumb { width:0.125rem; background-color:gray; }

.pet_cta .bx_auto_search ul { }
.pet_cta .bx_auto_search ul li { position:relative; }
.pet_cta .bx_auto_search li a{display:block;overflow:hidden;padding:8px 14px 6px;color:#000;font-size:15px}
.pet_cta .bx_auto_search li a em{margin-right:3px}
.pet_cta .bx_auto_search li a b,.inp_search .bx_auto_search li a span b{color:#e11b22!important}
.pet_cta .bx_auto_search li a:active{background-color:#eee}
.pet_cta .bx_auto_search .m_search{margin:15px 0 0;padding:0 14px 15px 36px;border-bottom:1px solid #ddd;background:url(/subscribe/images/common/bu_exclamation.gif) 14px top no-repeat;background-size:18px 15px;color:#666;font-size:13px}
.pet_cta .bx_auto_search .m_search span{color:#005baf}

.bx_valid.error .inp_search{border:0}
.bx_valid.error .inp_search .input_txt~.bar:before{width:100%}
.inp_search.type02 .input_txt input{padding-left:10px}
.inp_search.type02 .bx_auto_search{top:36px}
.addr_detail_bx .addr_area,.addr_detail_bx .addr_area .ob_lnd .btn_area{margin:15px 0 0}
.addr_detail_bx .addr_area .group{margin:14px 0 0}
.addr_detail_bx .addr_area .address{padding-bottom:7px;border-bottom:1px solid #333;color:#000;font-weight:700}
.addr_detail_bx .addr_regi{padding:0 0 17px;border-bottom:1px solid #ddd}
.addr_detail_bx .addr_regi .input_radio input[type=radio]+label{display:block;position:static;margin:0}
.addr_detail_bx .addr_regi .input_radio input[type=radio]+label:before{top:1px;margin:0 10px 0 0}
.addr_detail_bx .addr_regi .input_radio{display:block}
.addr_detail_bx .addr_regi .tit_dot{margin:17px 0 15px}
.addr_detail_bx .addr_regi li{position:relative;margin:14px 0 0}
.addr_detail_bx .addr_regi li:first-child{margin:0}
.addr_detail_bx .addr_regi label{white-space:normal}
.addr_detail_bx .addr_regi label .txt_wrap{display:block}
.addr_detail_bx .addr_regi label .txt_wrap span{display:block;width:39px;height:20px;margin:0 0 5px;border:1px solid #999;color:#666;font-weight:700;font-size:11px;text-align:center;line-height:20px}
.addr_detail_bx .ob_lnd .btn_area{margin:15px 0 0}
.address_s.inp_addr_search,.select_address .tit_label{margin:0}
.select_address strong{display:block;min-height:22px;padding:6px 0 10px;border-bottom:1px solid #333;color:#000;font-weight:700}
.address_s.inp_addr_search .bx_auto_search{top:inherit}
.job_location{padding:10px 0 10px 15px;border-bottom:2px solid #000}
.job_location span{display:inline-block;position:relative;margin:0;padding:0 11px 0 0;color:#666;font-size:14px;vertical-align:middle}
.job_location span:after{display:inline-block;position:absolute;top:50%;right:0;width:6px;height:9px;margin:-5px 0 0;background:url(/subscribe/images/common/ico_comm.png) -79px -65px no-repeat;background-size:250px 250px;content:""}
.job_location span:last-child:after{background:0 0}
.job_location span.on{color:#005baf;font-weight:700}
.job_wrap{overflow:hidden;width:100%;border-bottom:1px solid #ddd}
.job_wrap .job_inner{display:box;display:-webkit-box;display:-moz-box;width:200%}
.job_wrap .bx_job_wrap{width:auto}
.job_wrap .job_type .bx_job{height:0}
.job_wrap .job_type h2{position:relative;margin-bottom:0!important;padding:16px 15px;border-bottom:1px solid #ddd;color:#000;font-weight:700;font-size:15px}
.job_wrap .job_type li.on>a,.job_wrap .job_type li.on>a:active,.job_wrap .job_type li>a:active{background-color:#3d69ba;color:#fff}
.job_wrap .job_type{width:25%;margin:0 0 0 -1px;border-right:1px solid #ddd}
.job_wrap .job_type .iScrollVerticalScrollbar {z-index:-1 !important}
.job_wrap .job_type:last-child{border-right:none}
.job_wrap .job_type li>a{display:block;position:relative;padding:13px 15px;font-size:15px}
.job_wrap .job_type li.btn_caroption{border-bottom:1px solid #dddddd}
.job_wrap .job_type li.btn_caroption>a{padding:0;background:none}
.job_wrap .job_type li.on>a{margin:0 0 0 1px;font-weight:700}
.job_wrap .job_type li>a .option{display:inline-block;width:79%}
.job_wrap .job_type li>a .amount{display:inline-block;float:right;width:20%;color:#000;text-align:right}
.btn_step,.job_wrap .job_type .radio_list .on .bx_form{display:block}
.job_wrap .job_type li.on>a .amount{color:#fff}
.job_wrap .job_type li>a span{font-size:14px}
.job_wrap .job_type h2 .amount_txt{position:absolute;top:18px;right:15px;color:#666;font-weight:400;font-size:13px}
.btn_step .prev span strong em,.btn_step a strong,.no_advice,.payment_list li label em,.txt_sale p{font-weight:700}
.job_wrap .job_type h2 .btn_ly_info02{vertical-align:-5px}
.job_wrap .job_type .tit_dot{margin:17px 15px 20px}
.job_wrap .job_type .radio_list{margin:0 15px;padding:0 0 15px}
.job_wrap .job_type .radio_list li.btn_caroption{border:1px solid #ddd}
.job_wrap .job_type .radio_list .on .bx_form .btn_ly_info{vertical-align:3px}
.step_wrap{padding:25px 15px 30px}
.step_wrap.dir_step1{padding-bottom:15px}
.step_wrap.calc_result{margin-top:105px}
.step_wrap.full_area{padding:25px 0 30px}
.step_wrap .cert_banner{margin:-25px -15px 25px;}
.no_advice{position:relative;min-height:26px;margin:40px 0 50px 0;padding:0 0 0 31px;color:#000;font-size:13px;line-height:19px}/* 20160205 */
.no_advice:before{display:block;position:absolute;top:50%;left:0;width:26px;height:26px;margin-top:-13px;background:url(/subscribe/images/common/ico_comm.png) left -38px no-repeat;background-size:250px 250px;content:""}/* 20160205 */
.btn_step{width:100%;height:60px}
.btn_step_fixed{position: fixed;bottom: 0;}
.btn_step a{display:table;position:relative;height:60px; box-sizing: border-box;}
.btn_step a strong{display:block;position:relative;color:#fff;line-height:20px}
.btn_step a em{position:relative;color:#fff;font-size:13px}
.btn_step a span{display:block;display:table-cell;vertical-align:middle}
.btn_step .prev span{display:table-cell;padding-left:35px}
.btn_step .next span{display:table-cell;width:100%;padding-right:35px}
.btn_step .prev{float:left;width:30%;height:60px;padding:0;background-color:#666;text-align:left}
.btn_step .next,.tot_payment p{text-align:right}
.btn_step .prev:before{position:absolute;top:22px;left:15px;width:10px;height:16px;background:url(/subscribe/images/common/ico_comm.png) -10px -65px no-repeat;background-size:250px 250px;content:""}
.btn_step .next{width:100%;height:60px;padding:0;background-color:#ccc}
.btn_step .next:before{position:absolute;top:21px;right:15px;z-index:10;width:10px;height:16px;background:url(/subscribe/images/common/ico_comm.png) left -65px no-repeat;background-size:250px 250px;content:""}
.btn_step .prev+.next,.btn_step .prev+.next.passing{float:right;width:70%;}
.btn_step .prev+.next span:before{position:absolute;top:0px;left:-1px;width:1px;height:60px;content:"";background-color:#ccc}
.btn_step .prev+.next.passing span:before{background-color:#0096af}
.btn_step .prev.newly:before{width:16px;height:18px;background:url(/subscribe/images/common/ico_comm.png) -95px -87px no-repeat;background-size:250px 250px}
.btn_step .prev.newly.passing{background-color:#f04c51}
.btn_step .prev.newly span{padding-left:40px}
.payment_list{margin:25px 0 0}
.payment_list li{margin:0 0 24px}
.payment_list li:last-child{margin:0}
.payment_list li .input_radio input[type=radio]+label em{position:relative;top:-3px}
.payment_list li .input_radio input[type=radio]+.txt_naverpay{text-indent: -10px;display: inline-block;padding: 0 0 0 38px;line-height: 22px}
.payment_list li .input_radio input[type=radio]+label .stxt_naverpay{font-size:14px;}
.payment_list li .ico_npay{display:inline-block;width:82px;height:20px;margin-right:7px;background:url(/subscribe/images/pd/pn/ico_naver_pay.gif) left top no-repeat;background-size:82px 20px;text-indent:-999em}
.payment_list li .ico_payco{display:inline-block;width:50px;height:20px;margin-right:7px;background:url(/subscribe/images/pd/pn/ico_payco.gif) left top no-repeat;background-size:50px 20px;text-indent:-999em}
.payment_list li .ico_kakaopay{display:inline-block;width:51px;height:20px;margin-right:7px;background:url(/subscribe/images/pd/pn/ico_kakaopay.png) left top no-repeat;background-size:51px 20px;text-indent:-999em}
.tot_payment{margin:0 0 27px;padding:0 0 2px;border-bottom:2px solid #000}
.tot_payment p strong{color:#e11b22;font-weight:700;font-size:21px}
.tot_payment p strong:last-child{vertical-align:4px}
.tot_payment p .num{font-size:35px}
.chk_txt em,.chk_txt p,.txt_sale p{font-size:14px}
.tot_payment.completed{margin:0 0 2px;border:0}
.txt_sale{position:relative;min-height:52px;margin:26px 0;padding:0 0 0 65px}
.txt_sale .ico_sale{display:block;position:absolute;top:3px;left:15px;width:41px;height:52px;background:url(/subscribe/images/pd/pn/ico_sale.png) left top no-repeat;background-size:41px 52px;text-indent:-999em}
.txt_sale p{color:#000}
.chk_txt{margin:0;padding:23px 0 0}
.chk_txt p{margin:0 0 10px;line-height:19px}
.chk_txt .l_area{display:table-cell;width:100%;text-align:left}
.account_same,.chk_txt .r_area,.part_list .list_type07 li ul li{text-align:right}
.chk_txt .r_area{display:table-cell;min-width:200px}
.confirm_end .chk_txt label em,.confirm_end p{font-size:15px;font-weight:700}
.confirm_end{margin:30px 0 0;padding:16px 0 0;border-top:2px solid #000}
.confirm_end p{color:#000}
.confirm_end p span{margin-right:4px}
.confirm_end .chk_txt{padding:14px 0 0}

.confirm_end .p_txt p + p { margin-top:5px; }
.confirm_end .p_txt .fc_red { color:#e21b22; }
.confirm_end .p_txt .fc_blue { color:#005baf; }
.confirm_end .p_txt .black { color:#000; }
.confirm_end .p_txt .line { text-decoration:underline; }
.confirm_end .round_box { margin-top:20px; padding:18px; background:#e4e4e4; border-radius:8px; }
.confirm_end .round_box p + .group { margin-top:10px; }
.confirm_end .round_box .fc_red { color:#e21b22; }
.confirm_end .round_box .fc_blue { color:#005baf; }
.confirm_end .round_box .black { color:#000; }
.confirm_end .round_box .line { text-decoration:underline; }
.confirm_end .round_box 

.confirm_agree .chk_txt label em,.job_info .txt,.tit_assent dd.txt{font-size:14px}
.bx_valid.error .confirm_end{border-bottom:0}
.confirm_agree,.part_list{border-bottom:1px solid #ddd}
.confirm_agree.bdb_none{border-bottom:0; padding-bottom:0;}
.confirm_agree{margin:18px 0 0;padding:0 0 7px}
.confirm_agree p{color:#333;font-size:14px}
.confirm_agree .chk_txt{padding:10px 0 0}
.bx_valid .confirm_agree+.txt_error{margin-top:-1px}
.tit_assent{margin:25px 0 0}
.tit_assent dt{margin:0 0 6px;color:#000;font-weight:700}
.account_same{margin:7px 0 16px}
.account_same label em{font-weight:700}
.job_info .tit_basic{margin:25px 0 9px}
.job_info .txt{margin:0 0 17px}
.job_info .tit_dot{margin:0 0 10px;font-size:15px}
.graph_zone{position:relative;margin:0 0 20px}
.graph_zone span{position:absolute;font-weight:700;font-size:12px;line-height:16px}
.graph_zone .refunds{top:15px;left:22px;color:#495d90}
.graph_zone .refunds strong:last-child{display:block}
.graph_zone .premium{right:20px;bottom:40px;color:#f14c52}
.part_list{margin:17px 0 26px;padding:0 0 5px}
.part_list .list_type07 li,.part_list dt{margin:0 0 2px}
.part_list dt{color:#00819a;font-size:13px}
.part_list .list_type07 li span{color:#000}
.part_list .list_type07 li ul{float:left;width:50%;font-size:14px;line-height:20px}
.part_list .list_type07 li ul li span{float:none}
.part_list .ob_lnd .btn_area .more{display:inline-block;height:20px;margin:3px 0 5px;padding:0 6px 0 8px;border:1px solid #ccc;font-size:11px;text-align:right;line-height:19px}

/* 2016-12-05 추가부속품 관련 추가 */
.black_type_etc .tit_label{margin-top:17px;color:#00819a;font-size:13px}
.black_type_etc .tit_label em{position:absolute;right:0;top:0px;}
.black_type_etc .ob_lnd .btn_area .modify{display: inline-block;height: 20px; margin: 10px 0 0px;padding: 0 6px 0 8px;border: 1px solid #ccc;font-size: 11px;text-align: right;line-height: 19px;}
.black_type_etc .ob_lnd .btn_area .modify:after{display:inline-block;width:5px;height:9px;margin:0 0 0 4px;background:url(/subscribe/images/common/ico_comm.png) -125px -65px no-repeat;background-size:250px 250px;vertical-align:-2px;content:""}

.app_download p,.driver_coverage_wrap .bx_coverage .thumb.all{text-align:center}
.part_list .ob_lnd .btn_area .more:after{display:inline-block;width:7px;height:10px;margin:0 0 0 4px;background:url(/subscribe/images/common/ico_comm.png) -133px -55px no-repeat;background-size:250px 250px;vertical-align:-4px;content:""}
.part_list .ob_lnd .btn_area.on .more:after{background-position:-143px -55px}
.bx_validx{position:relative;margin:0 0 15px}
.bx_validx .group input{border-bottom:1px solid #333}
.bx_validx input+.bar:before,.bx_validx input~.bar:before{width:0!important}
.bx_valid_model .txt_error{position:relative;margin:-1px 0 0}
.subcont .top_area.top_appdownload{height:auto;padding:25px 15px}
.app_download .btn_app{display:block;width:150px;height:150px;margin:15px auto 18px;background:url(/subscribe/images/common/btn_app_download.png) no-repeat;background-size:100%;text-indent:-999em}
.app_download p{color:#000;font-weight:700;font-size:15px}
.join_end_agree{padding:0 15px}
.bx_valid_model .btn_search{display:block;bottom:0;left:0;width:100%;height:31px;padding:0}
.car_model_wrap .bx_valid_model .model_disabled.bx_validx .btn_search,.driver_coverage_wrap .bx_coverage .coverage{display:none}
.car_model_wrap .tab_basic{margin-bottom:16px}
.car_model_wrap .bx_valid_model .group label{margin-left:6px}
.car_model_wrap .bx_valid_model .btn_search:before{right:5px}
.car_model_wrap .bx_valid_model .model_disabled .group label{color:#999}
.car_model_wrap .bx_valid_model .model_disabled.bx_validx .group .input_static,.car_model_wrap .bx_valid_model .model_disabled.bx_validx .group input{border-bottom:1px solid #ccc}
.car_model_wrap .tot_price{overflow:hidden;margin:27px 0 0;padding:0 0 10px;border-bottom:2px solid #000;color:#000}
.car_model_wrap .tot_price strong{float:left}
.car_model_wrap .tot_price strong:last-child{float:right}
.car_model_wrap .inp_search.type02{display:none;margin-bottom:35px}
.car_model_wrap .inp_search.type02 .input_txt input{padding-left:6px}
.car_model_wrap .btn_search:before{right:5px}
.tot_car_wrap{margin:0 0 20px}
.tot_car_wrap dl{margin:0}
.tot_car_wrap dt{margin:0 0 11px;padding:0 0 0 7px;background:url(/subscribe/images/common/bu_dt_black.gif) left 7px no-repeat;background-size:3px 3px;color:#000;font-size:15px}
.tot_car_wrap dd{padding-left:10px}
.tot_car_wrap dd .list_type07{margin:10px 0 0}
.tot_car_wrap dd .list_type07 li span:first-child{color:#666}
.tot_car_wrap .tot_price{overflow:hidden;margin:27px 0 0;padding:0 0 10px;border-bottom:2px solid #000;color:#000}
.tot_car_wrap .tot_price strong{float:left}
.tot_car_wrap .tot_price strong:last-child{float:right}
.driver_select{margin:18px 0 0}
.driver_select li{float:left;width:57%;margin:7px 0}
.driver_select li:nth-child(2n){width:43%}
.driver_select li label em{font-weight:700}
.driver_select li label em span{font-size:13px!important}
.driver_select li.add{width:100%;margin:18px 0 0}
.driver_coverage_wrap{margin:24px 0 0}
.driver_coverage_wrap .tit{margin:0 0 12px;color:#666;font-size:14px}
.driver_coverage_wrap .bx_coverage .coverage.on,.driver_coverage_wrap .bx_coverage .thumb .me em{display:block}
.driver_coverage_wrap .bx_coverage .coverage.first .me{color:#475069}
.driver_coverage_wrap .bx_coverage .thumb{position:relative;height:155px;max-width:320px;margin:0 auto}
.driver_coverage_wrap .bx_coverage .thumb .me{position:absolute;top:0;left:82px;width:73px;height:31px;padding:42px 0 0;color:#005baf;font-weight:700;font-size:9px;text-align:center;line-height:12px}
.driver_coverage_wrap .bx_coverage .thumb.all img{width:155px}
.driver_coverage_wrap .bx_coverage .desc{margin:20px 0 0;text-align:left}
.driver_coverage_wrap .bx_coverage .desc .txt{margin:23px 0 0;padding:0 0 5px;border-bottom:2px solid #333;color:#000;font-weight:700}
.driver_coverage_wrap .bx_coverage .desc .txt_tip{padding:7px 0 0}
.driver_coverage_wrap .bx_coverage .tit_dot{margin-bottom:11px}
.radio_list{margin-top:20px}
.radio_list li{margin-top:15px}
.radio_list li:first-child{margin-top:0}
.radio_list li em{color:#000;font-weight:700!important}
.radio_list li .bx_form{display:none;margin:5px 0}
.radio_list li.lease.on .bx_form{display:block}
.radio_list li label{display:inline-block}
.radio_list li input[type=checkbox]+label em,.radio_list li input[type=radio]+label em{top:-4px}
.bx_radio_list{margin-top:30px}
.bx_radio_list .acount{display:block;margin:0 0 20px;color:#000;font-weight:700;font-size:15px}
.bx_radio_list .acount em{font-weight:700}
.bx_radio_list .radio_list_ul01{margin-top:20px}
.bx_radio_list .radio_list_ul01 li{margin-top:16px}
.bx_radio_list .radio_list_ul01 li:first-child{margin-top:0}
.bx_radio_list .radio_list_ul01 li .input_radio label em{color:#000;font-weight:700;font-size:16px}
.bx_radio_list .radio_list_ul01 li .read{margin-left:30px;color:#666;font-size:17px}
.bx_radio_list .radio_list_ul01 li .read .mn{display:block}
.bx_max_saving{padding:10px 5px 10px 88px;border:1px solid #eee;background:url(/subscribe/images/pd/pn/ico_max_saving.gif) 16px 23px no-repeat;background-size:57px 39px}
.bx_max_saving .tit{margin-bottom:4px;font-weight:700;font-size:18px}
.bx_max_saving .tit strong{color:#00819a}
.bx_max_saving p{font-size:13px;line-height:18px}
.bx_max_saving p span{color:#666;font-size:11px}
.detail_enter{margin-top:10px}
.detail_enter .bx_form{padding-top:15px}
.detail_enter .readme{margin-bottom:22px}
.detail_enter .readme .txt{color:#333;font-size:15px}
.bx_choice_tab{display:table;width:100%}
.bx_choice_tab .tab{display:table-cell;width:50%}
.bx_choice_tab .tab.left{border-right:1px solid #ddd}
.bx_choice_tab .tab h3{margin:0!important;padding:11px 15px;border-top:2px solid #000;border-bottom:1px solid #ddd;color:#000;font-size:15px}
.bx_choice_tab .tab ul li a{display:block;padding:11px 15px;color:#000;font-size:15px}
.bx_choice_tab .tab ul li a.on{background-color:#f4f4f4;font-weight:700}
.navi_s01 li{float:left;margin-right:5px;color:#666;font-size:14px}
.navi_s01 li span{background:#fff}
.navi_s01 li span.r_arrow:after{display:inline-block;width:5px;height:9px;margin:0 0 0 5px;background:url(/subscribe/images/common/ico_comm.png) -125px -65px no-repeat;background-size:250px 250px;content:""}
.navi_s01 li.on span{color:#005baf;font-weight:700;font-size:15px}
.part_select{margin:13px 0 0}
.part_select .input_checkbox{display:inline-block;width:49%;margin-bottom:15px}
.part_select .input_checkbox label em{font-weight:700}
.part_select .input_checkbox label em span{font-size:14px}
.part_select.distance .input_checkbox{width:58%}
.part_select.distance .input_checkbox:nth-child(2n){width:40%}
.car_photo_regi{display:block;position:relative;width:305px;margin:10px auto 0}
.car_photo_regi .img_area{float:left;text-align:center}
.car_photo_regi .img_area .upload_img{width:114px;height:77px;margin:0}
.car_photo_regi .img_area span{display:block;margin-top:13px;font-size:13px}
.car_photo_regi .btn_c_area{float:right;position:relative;margin-top:18px}
.car_photo_regi .btn_c_area input[type=file]{position:absolute;top:0;left:0;width:162px;height:37px;border-radius:0;opacity:0;-webkit-appearance:button}
.car_photo_regi .btn_c_area .img_name{padding-top:13px;text-align:center}
.car_photo_regi .btn_c_area .img_name span{color:#333;font-size:15px}
.car_photo_regi .btn_c_area .img_name .btn_img_del{display:inline-block;width:19px;height:19px;margin-top:-2px;background:url(/subscribe/images/common/ico_comm.png) -92px -24px no-repeat;background-size:250px 250px;vertical-align:middle}
.car_list_table tr td .price,.ovset_cp_list .cp_list_wrap .cp_list td span{display:block}
.one_snow_dot.line,.snow_dot.line{padding-top:18px;border-top:1px solid #ddd}
.one_snow_dot,.snow_dot{margin-top:18px}
.one_snow_dot,.snow_dot li{padding-left:7px;background:url(/subscribe/images/common/bu_star.gif) left 6px no-repeat;background-size:5px 5px;color:#666;font-size:13px;text-align:left!important;line-height:18px}
#pop_wrap #pop_content .part_detail h3{margin:0 0 6px!important;color:#005baf!important;font-size:15px!important}
.part_detail .tit_dot{margin:26px 0 18px}
.part_detail .bx_valid:last-child{margin:0 0 10px}
.car_di_area{margin:26px 0 0;padding:0 15px}
.car_di_area .tit_dot{background-position:left 6px}
.cp_hidden.car_list_table{width:121px}
.car_list_table_wrap{margin-left:120px}
.compare_list_area .car_list_table th,.compare_list_area .car_list_table tr td{height:42px;padding:10px;text-align:right}
.compare_list_area .car_list_table thead tr th,.compare_list_area .car_list_table tr:first-child th{height:27px}
.compare_list_area .car_list_table .tfoot_a td,.compare_list_area .car_list_table .tfoot_a th{height:27px;text-align:right}
.car_list_table .tfoot_a td,.car_list_table .tfoot_a th{color:#e11b22;text-align:right}
.car_list_table .tfoot_a th{text-align:left}
.ovset_cp_list .detail th{padding:9px 0;line-height:22px}
.ovset_cp_list .detail td{padding:18px 5px 0 0;line-height:23px}
.ovset_cp_list .detail td.td_ovset{padding:61px 0 0 0}/*제도개정 2017-04-26*/
.ovset_cp_list .detail td.td_family{padding:65px 5px 0 0}/*제도개정 2017-04-26*/
.ovset_cp_list .month th{padding:11px 0;line-height:22px}
.ovset_cp_list .month td{padding:11px 5px 11px 0;line-height:21px}
.ovset_cp_list .month td strong{display:block;font-weight:400;font-size:16px}
.ovset_cp_list .month td.on strong{font-weight:700}
.ovset_cp_list .cp_hidden{width:116px}
.ovset_cp_list .cp_list_wrap{margin-left:115px}
.ovset_cp_list .cp_list_wrap .cp_list td label span{display:inline-block}
.ovset_cp_list .cp_list_wrap .cp_list td br{display:none}
.alert_input_area .alert{color:#000;font-weight:700;font-size:16px}
.alert_input_area .chk_wrap{margin-top:10px}
.car_sub_tit{margin-bottom:6px;color:#000;font-weight:700;font-size:16px}
.car_graph_wrap{margin:0 0 43px;padding:0 10px}
.car_graph_wrap .car_graph_area{margin-top:8px}
.car_graph_wrap .car_graph_area:first-child{margin-top:0}
.car_graph_wrap.use_input{position:relative;padding:0 10px 0 35px}
.car_graph_wrap.use_input .chk_wrap{position:absolute;top:24px;left:0}
.car_graph_area dl{width:100%}
.car_graph_area dl dd .number,.car_graph_area dl dt{width:100%;margin:0 0 4px;font-weight:700;font-size:14px}
.car_graph_area dl dd .number:before,.car_graph_area dl dt:before{display:inline-block;width:30px;height:21px;margin-right:5px;vertical-align:-4px;content:""}
.car_graph_area dl dd{display:inline-block}
.car_graph_area dl dd .graph{line-height:0}
.car_graph_area dl dd .graph span{display:inline-block;width:100%;height:15px}
.car_graph_area dl dd .day{display:block;min-width:173px;font-weight:700;font-size:14px}
.car_graph_area.this dl dt{color:#adadad}
.car_graph_area.this dl dt:before{background:url(/subscribe/images/common/ico_comm.png) -144px -4px no-repeat;background-size:250px 250px}
.car_graph_area.this dl dd .graph span{background:#adadad}
.car_graph_area.this dl dd .day{color:#adadad;text-align:right}
.car_graph_area.new dl{text-align:right}
.car_graph_area.new dl dt:before{display:none}
.car_graph_area.new dl dd .number{float:right;color:#4a5d91;text-align:left}
.car_graph_area.new dl dd .number:before{background:url(/subscribe/images/common/ico_comm.png) -175px -4px no-repeat;background-size:250px 250px}
.car_graph_area.new dl dd .graph{text-align:right}
.car_graph_area.new dl dd .graph span{background:#4a5d91}
.car_graph_area.new dl dd .day{float:right;color:#4a5d91}
.car_graph_area.new dl dd.min_area .number{min-width:173px;text-align:right}
.car_graph_area.middle{margin:0 0 0 55px}

.join_end_wrap .join_end { margin:0;padding:0 15px 17px;background:url(/subscribe/images/common/img_meritzman03.gif) 96% 100% no-repeat; background-size:21%; }
/* .join_end_wrap .join_end { margin:0; padding:0 15px 17px; text-align:center; } */
.join_end_wrap .join_end p .txt{color:#000;font-size:17px}
.join_end_wrap .join_end p strong{display:block;margin:7px 0 8px;color:#000;font-size:19px}
.join_end_wrap .join_end p .tip{ display:block; margin-right:80px; color:#666; font-size:12px; word-break:keep-all; }
.join_end_wrap a.r_arrow:after{display:inline-block;width:5px;height:9px;margin:0 0 0 5px;background:url(/subscribe/images/common/ico_comm.png) -125px -65px no-repeat;background-size:250px 250px;content:""}
.join_end_wrap .fin{margin-top:45px;padding:0 15px 12px}
.join_end_wrap .fin .btns{display:block;margin:0 auto;padding:10px 0;border:1px solid #ccc}
.join_end_wrap .fin .btns span{color:#666;font-weight:700;font-size:16px}
.join_end_wrap .tit_dot{font-weight:700}
.join_end_wrap .btn_box { padding:5px; background:#e0e0e0; }
.join_end_wrap .btn_box button { display:block; width:100%; padding:10px 0; color:#fff; text-align:center; background:#de4738; }
/* 가입완료 DLPO */
.join_end_wrap .dlpo_box { position:relative; display:block; margin:10px -15px 0; overflow:hidden; }

.box_all_gray{padding:27px 15px 13px;background-color:#f4f4f4}
.box_all_gray .tit{display:block;margin:0 0 11px}
.box_all_gray .tit em{display:block;margin:1px 0 0;color:#666;font-size:13px}
.box_all_gray .tbl_view01 tbody tr td,.box_all_gray .tbl_view01 tbody tr th{padding:8px 15px;background:#fff;font-size:14px}
.box_all_gray .tbl_view01 tbody tr th{padding-right:5px}
.box_all_gray .ob_lnd .btn_area{margin:15px 0 27px}
.box_all_gray .ob_lnd .btn_area.type1 .btn_white04{padding:0 9px}

.join_end_wrap
.box_all_gray
.tot_payment { margin:0; padding:0 0 5px; border:0; }

.insurance_end_list{display:box;display:-webkit-box;display:-moz-box;margin:0 0 17px}
.insurance_end_list a{display:block;margin:0 0 0 6px;padding:10px 0 10px 10px;border:1px solid #ccc;background-color:#fff;-flex:1;-moz-box-flex:1;-webkit-box-flex:1}
.insurance_end_list a span{display:block}
.insurance_end_list a:first-child{margin-left:0}
.insurance_end_list a .tit{margin:0 0 3px;color:#000;font-weight:700;font-size:13px;line-height:15px}
.insurance_end_list a .txt{width:92px;margin:0 0 5px;color:#666;font-size:11px;line-height:15px}
.insurance_end_list a .btn{margin-right:10px;padding-right:8px;background:url(/subscribe/images/common/ico_arrow_blue.gif) right 4px no-repeat;background-size:4px;color:#00819a;font-weight:700;font-size:11px;text-align:right}
.select_car_btn_area{margin:15px 15px 0 0!important}
.select_car_btn_area.ob_lnd .btn_area.law a {font-size: 13px;}
.etc_btn_area{margin:30px 0 32px;border-top:1px solid #ddd}
.etc_btn_area li{padding:12px 11px;border-top:1px solid #ddd;background:#e7e7e7}
.etc_btn_area li dl dt{display:inline-block;float:left;color:#000;font-size:14px}
.etc_btn_area li dl dd{display:inline-block;float:right;color:#666;font-size:14px}
.etc_btn_area li dl dd a{font-size:14px}
.etc_bx_area{margin:25px 0 25px} /* 190722 수정: 기존margin:0 0 35px */
.etc_bx{padding:15px;background:#e7e7e7;color:#000;font-weight:700;font-size:14px}
.etc_bx p{margin:0 0 10px}
.etc_bx p span{color:#e11b22}
.event_memo_area{margin:40px 0 0}
.event_memo_area .tit_dot{font-weight:normal;font-size: 14px;color: #333;}
.event_memo_area .readme{padding:5px 100px 11px 0;border-bottom:1px solid #ccc;background:url(/subscribe/images/common/salute_mondi.gif) right bottom no-repeat;background-size:56px 60px}
.event_memo_area .readme span{display:block;color:#000;font-size:15px}
.event_memo_area .readme strong{color:#000;font-size:17px}
.event_memo_area .textarea textarea{height:56px;font-size:13px;letter-spacing:-1px}
.event_memo_area .ob_lnd .btn_area{margin-top:10px;text-align:right}
.event_memo_area .ob_lnd .btn_area a span{font-weight:400;font-size:14px}
.event_memo_area .btn_white span{font-weight:400;font-size:14px}
.event_memo_area .txt_error{margin:0;border:0}
/*03-14*/
.event_memo_area .clfix:after{content:""; display:block; clear:both;}
.event_memo_area .clfix li{float: left;width: 50%;margin:0 0 9px 0;}
.event_memo_area .clfix li:nth-child(7){width: 100%;}
.event_memo_area .clfix li:nth-child(7) .input_checkbox label{display: inline-block;}
.event_memo_area .clfix li:last-child{width: 100%;}
.event_memo_area .clfix li:last-child a{float: right;}
.event_memo_area .clfix li:last-child input{width:50%;height:17px;border:none;border-bottom:1px solid #333;margin:0 0 0 5px;padding:0 0 4px;background-color:transparent;font-size:13px;color:#000}
.event_memo_area .clfix li .input_checkbox em{font-size: 13px;}
/*//03-14*/
.event_memo_reply{width:100%;margin-top:15px;border-top:1px solid #ddd}
.event_memo_reply .reply_area{padding:0 0 13px}
.event_memo_reply .reply_area li{position:relative;padding:13px 0 0}
.event_memo_reply .reply_area li .reply{display:block;overflow:hidden;width:100%;margin:0 0 3px;padding-right:55px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box}
.event_memo_reply .reply_area li .reply a{color:#000}
.event_memo_reply .reply_area li .user em{float:left;color:#999;font-size:13px}
.event_memo_reply .reply_area li a.more{position:absolute;top:14px;right:0;font-size:13px}
/*.sale_area{margin-top:30px;padding:0 15px}
.sale_area .banner{border:1px solid #32b3d8;background-color:#2b69a4;background-image:url(/subscribe/images/pd/pn/ico_direct_blue.png);background-position:25px center;background-size:51px 53px;background-repeat:no-repeat;color:#fff}
.sale_area .banner.ico_car_blue{background-image:url(/subscribe/images/pd/pn/ico_car_blue.png);background-size:57px 46px}
.sale_area .banner.ico_driver_blue{background-image:url(/subscribe/images/pd/pn/ico_driver_blue.png);background-size:54px 55px}
.sale_area .banner.ico_savings_blue{background-image:url(/subscribe/images/pd/pn/ico_savings_blue.png);background-size:50px 53px}
.sale_area .banner.ico_wound_blue{background-image:url(/subscribe/images/pd/pn/ico_wound_blue.png);background-size:56px 47px}
.sale_area .banner a{display:block;padding:12px 10px 12px 99px;color:#fff;line-height:18px}
.sale_area .banner strong{display:block;margin-bottom:6px;font-size:16px}
.sale_area .banner span{font-size:14px}*/
.customer_center p,.sale_area .guide li{color:#666;font-size:13px}
.sale_area .guide{margin:30px 0 20px;padding:0 0 30px;border-bottom:1px solid #eee}
.sale_area .guide li{float:left;position:relative;width:48%;-webkit-box-sizing:border-box;box-sizing:border-box}
.sale_area .guide li:nth-child(2n){margin-left:4%}
.sale_area .guide li:before{display:inline-block;position:absolute;top:0;left:0}
.sale_area .guide .download{float:none;width:100%}
.sale_area .guide .download a{display:inline-block;position:relative;padding-left:0}
.sale_area .guide .download:before{position:relative;width:32px;height:32px;margin-right:10px;background:url(/subscribe/images/common/ico_comm.png) -152px -135px no-repeat;background-size:250px 250px;vertical-align:middle;content:""}
.sale_area .guide .research a{display:inline-block;position:relative;padding-left:41px}
.sale_area .guide .research:before{position:absolute;top:1px;width:33px;height:33px;margin-right:10px;background:url(/subscribe/images/common/ico_comm.png) -189px -135px no-repeat;background-size:250px 250px;content:""}
.sale_area.open12{margin:15px 0 0}
.sale_area.open12 p{display:inline-block}
.sale_area.open12 p:last-child{margin-left:20px}
.sale_area.open12 .banner{display:block;margin:0 0 10px}
.sale_area.open12 .banner a{padding:17px 10px 17px 90px}
.sale_area.open12 .banner strong{margin-bottom:4px}
.sale_area.open12 .banner span{line-height:20px}
.sale_area.open12 .banner.ico_pension{background:url(/subscribe/images/pd/pn/ico_pension_blue.png) 22px 23px no-repeat #34bae1;background-size:46px 48px}
.sale_area.open12 .banner.ico_travel{background:url(/subscribe/images/pd/pn/ico_travel_blue.png) 17px 25px no-repeat #34bae1;background-size:57px 45px}
.customer_center{display:inline-block}
.customer_center p strong,.mileage{font-size:14px}
.mileage{margin:20px 0 0}
.mileage .input_checkbox input[type=checkbox]+label em{top:0}
.sns_area{float:right;margin-top:4px}
.sns_area li{float:left;margin-left:17px}
.sns_area li:first-child{margin-left:0}
.sns_area li a{display:block;width:22px;height:22px;background:url(/subscribe/images/pd/pn/ico_sns02.png) no-repeat;background-size:50px 22px;text-indent:-9999px}
.sns_area li a.facebook{background-position:left top}
.sns_area li a.twitter{background-position:-40px top}
.sns_area li a.naver{background-position:-80px top}
.sns_area li a.youtube{background-position:-120px top}
.sns_area li a.insta{background-position:-28px top}
.s_toggle>a{display:block;position:relative;padding:0 20px 0 0;color:#000!important}
.s_toggle>a:after{display:block;position:absolute;top:50%;right:0;width:16px;height:10px;margin-top:-5px;background:url(/subscribe/images/common/ico_comm.png) -135px -76px no-repeat;background-size:250px 250px;content:""}
.s_toggle .cont{margin:4px 0 0}
.s_toggle>a.on:after{background-position:-135px -65px}
.premium_total{position:absolute;right:0;left:0;z-index:96;padding:15px;background-color:#333;color:#fff}
.premium_total.fixed{position:fixed;top:0;right:0;left:0;z-index:97}
.premium_total.fixed .sub_tit:before{display:none}
.premium_total .sub_tit{margin-bottom:6px;color:#fff}
.premium_total .total_price,.premium_total .total_price02{color:#ff141d;text-align:right}
.premium_total .sub_tit span{margin-right:4px}
.premium_total .total_price{display:none}
.premium_total .total_price strong{font-size:35px;line-height:1}
.premium_total .total_price .won{margin-left:-2px;font-weight:700;font-size:21px;vertical-align:3px}
.premium_total .total_price02 strong{font-size:35px;line-height:1}
.premium_total .total_price02 .won{margin-left:-2px;font-weight:700;font-size:21px;vertical-align:3px}
.product_dt em{float:right;margin-right:21px;color:#e11b22;font-weight:700}
.status_wrap{margin:23px 0 0}
.status_wrap .status{margin:23px 0 0;padding:0 0 20px}
.status_wrap .status:first-child{margin:0}
.status_wrap .joining{margin:0 0 3px;font-weight:700;font-size:15px}
.status_wrap .amount{color:#666;font-size:14px}
.status_wrap .bar_graph{margin:16px 0 0;font-weight:700;font-size:15px}
.status_wrap .bar_graph .tot_amount{height:23px;background:url(/subscribe/images/pd/pn/bg_graph_line.gif) left top no-repeat;background-size:100% 23px;color:#999;text-align:center}
.status_wrap .bar_graph .bar_wrap{position:relative;height:15px;background-color:#ddd}
.status_wrap .bar_graph .bar_wrap .bar{position:absolute;top:0;right:0;height:15px;background-color:#f14c52;text-align:right}
.status_wrap .bar_graph .bar_wrap .bar em{position:absolute;right:0;bottom:-23px;min-width:200px;color:#f14c52;font-weight:700}
.history_wrap{position:absolute;top:50%;left:0;z-index:200;width:100%;margin:-235px 0 0;padding:0}
#layerAreaWrap.history_show{background:url(/subscribe/images/common/bg_historywrap.gif) left top repeat-x #00a3cc!important;background-size:1px 536px!important}
.history_wrap h1{margin:0 0 20px;color:#fff;font-weight:700;font-size:26px;text-align:center}
.history_wrap .swiper_wrap{overflow:initial;width:240px;height:360px;margin:0 auto}
.history_wrap .swiper_bx{display:box;display:-webkit-box;display:-moz-box;overflow-y:hidden;width:290px}
.history_wrap .btn_back{display:block;position:absolute;top:0;right:25px;width:40px;height:40px;background:url(/subscribe/images/pd/pn/btn_history_back.png) left top no-repeat;background-size:40px 40px;color:#fff;text-indent:-999em}
.history_wrap .swiper_wrap .history{width:240px;height:340px;margin-right:30px;padding:20px 0 0;background-color:#fff}
.history_wrap .swiper_wrap .history.bg_gray{background-color:#333}
.history_wrap .swiper_wrap .history.bg_gray dt{color:#fff}
.history_wrap .swiper_wrap .history .ob_lnd .btn_area .btns{width:80px;padding:0}
.history_wrap .swiper_wrap .history .ob_lnd .btn_area .w124{width:124px}
.history_wrap .swiper_wrap .history dl{display:block;width:100%;height:280px;color:#000}
.history_wrap .swiper_wrap .history dt{margin:0;font-weight:700;font-size:21px;text-align:center}
.history_wrap .swiper_wrap .history dd{margin:30px 0 0;padding:0 15px;font-weight:700;text-align:center}
.history_wrap .swiper_wrap .history dd span{display:block}
.history_wrap .swiper_wrap .history dd strong{display:block;font-weight:700;line-height:33px}
.history_wrap .swiper_wrap .history dd.gender{margin:25px 0 0;padding:126px 0 0;background:url(/subscribe/images/pd/pn/ico_man.png) center top no-repeat;background-size:115px 115px}
.history_wrap .swiper_wrap .history dd.gender.girl{background-image:url(/subscribe/images/pd/pn/ico_girl.png)}
.history_wrap .swiper_wrap .history dd.gender .tit{margin:0;font-size:31px}
.history_wrap .swiper_wrap .history dd.gender .num{font-size:20px}
.history_wrap .swiper_wrap .history dd.plate .car_num{width:190px;height:100px;margin:0 auto 23px;background:url(/subscribe/images/pd/pn/bg_history_plate.gif) left top no-repeat;background-size:190px 100px;font-size:37px;line-height:1}
.history_wrap .swiper_wrap .history dd.plate .car_num strong{line-height:1}
.history_wrap .swiper_wrap .history dd.plate .car_num strong em{display:block;margin:0 0 6px;font-weight:700;font-size:21px;line-height:1}
.history_wrap .swiper_wrap .history dd.plate .car_num.car_long_num strong{font-size:17px}
.history_wrap .swiper_wrap .history dd.plate .txt span{margin:0 0 2px;font-size:21px}
.history_wrap .swiper_wrap .history dd.plate .txt span:first-child{font-size:19px}
.history_wrap .swiper_wrap .history dd.model{height:147px;margin:25px 0 0}
.history_wrap .swiper_wrap .history dd.model .car{margin:0 0 5px;font-size:25px;line-height:30px}
.history_wrap .swiper_wrap .history dd.model .date{margin:0 0 5px;font-size:21px}
.history_wrap .swiper_wrap .history dd.tot_money{margin:0 20px;padding:14px 0 0;border-top:1px solid #000;font-size:19px}
.history_wrap .swiper_wrap .history dd.tot_money em{font-weight:700}
.history_wrap .swiper_wrap .history dd.h_coverage{margin:32px 0 0}
.history_wrap .swiper_wrap .history dd.h_coverage strong{margin:0 0 23px;font-size:23px;line-height:32px}
.history_wrap .swiper_wrap .history dd.h_coverage strong span{color:#000;font-size:19px}
.history_wrap .swiper_wrap .history dd.h_coverage .thumb{width:199px;margin:0 auto}
.history_wrap .swiper_wrap .history dd.autometer{margin:22px 0 0;padding:117px 0 0;background:url(/subscribe/images/pd/pn/ico_history_autometer.png) center top no-repeat;background-size:127px 97px}
.history_wrap .swiper_wrap .history dd.autometer .tit{margin:0 0 14px;padding:0 10px;font-size:26px;line-height:30px}
.history_wrap .swiper_wrap .history dd.warrant{margin:20px 0 0;padding:137px 0 0;background:url(/subscribe/images/pd/pn/history_visual_warrant.jpg) center top no-repeat;background-size:104px 128px}
.history_wrap .swiper_wrap .history dd.warrant p{color:#fff}
.history_wrap .swiper_wrap .history dd.warrant .result_money{color:#ff141d;font-size:40px;text-align:center;line-height:49px;letter-spacing:-1px}
.history_wrap .swiper_wrap .history dd.warrant .result_money em{margin-left:-10px;font-weight:700;font-size:31px;vertical-align:2px}
.history_wrap .swiper_wrap .history dd.person{margin:38px 0 0}
.history_wrap .swiper_wrap .history dd.person ul{display:-webkit-flex;display:flex}
.history_wrap .swiper_wrap .history dd.person li{padding:107px 0 0;-webkit-flex:1;-ms-flex:1;flex:1}
.history_wrap .swiper_wrap .history dd.person li.man{background:url(/subscribe/images/pd/pn/ico_s_man.png) center top no-repeat;background-size:90px 90px}
.history_wrap .swiper_wrap .history dd.person li.girl{background:url(/subscribe/images/pd/pn/ico_s_girl.png) center top no-repeat;background-size:90px 90px}
.history_wrap .swiper_wrap .history dd.person li .name{font-size:26px;line-height:32px}
.history_wrap .swiper_wrap .history dd.payment{margin:45px 0 0;padding:120px 0 0;background:url(/subscribe/images/pd/pn/ico_history_payment.png) center top no-repeat;background-size:109px 93px}
.history_wrap .swiper_wrap .history dd.payment span{font-size:26px}
.history_wrap .swiper_wrap .history dd.career{margin:28px 0 0;padding:130px 0 0;background:url(/subscribe/images/pd/pn/ico_career.png) center top no-repeat;background-size:90px 110px;text-align:center}
.history_wrap .swiper_wrap .history dd.career .tit{padding:0 10px;font-size:25px}
.history_wrap .swiper_wrap .history dd.career.girl{background:url(/subscribe/images/pd/pn/ico_career_girl.png) center top no-repeat;background-size:90px 110px}
.history_wrap .swiper_wrap .history dd.term{margin:26px 0 0;padding:91px 0 0;background:url(/subscribe/images/pd/pn/ico_term.png) 58% top no-repeat;background-size:100px 80px;text-align:center}
.history_wrap .swiper_wrap .history dd.term .txt{font-size:26px}
.history_wrap .swiper_wrap .history dd.term .txt em{font-weight:700}
.history_wrap .swiper_wrap .history dd.term .date{margin:10px 0 0;font-size:19px}
.history_wrap .swiper_wrap .history dd.result{margin:14px 0 0;padding:114px 0 0;background:url(/subscribe/images/pd/pn/ico_result.png) 56% top no-repeat;background-size:93px 96px;text-align:center}
.history_wrap .swiper_wrap .history dd.result .date{font-size:22px}
.history_wrap .swiper_wrap .history dd.result div{margin:9px 0 0}
.history_wrap .swiper_wrap .history dd.result div .txt{display:block;margin-bottom:2px;font-weight:700;font-size:31px;line-height:1}
.history_wrap .swiper_wrap .history dd.result div .ac{margin:10px 0 0;font-weight:700;font-size:30px;line-height:1}
.history_wrap .swiper_wrap .history dd.result div .ac .won{margin-left:-8px;font-weight:700;font-size:24px;vertical-align:2px}
.history_wrap .swiper_wrap .history dd.alert{margin:24px 0 0;padding:100px 0 0;background:url(/subscribe/images/pd/pn/ico_alert.png) center top no-repeat;background-size:102px 80px;text-align:center}
.history_wrap .swiper_wrap .history dd.alert .guide{font-size:21px;line-height:25px}
.history_wrap .swiper_wrap .history dd.alert .guide em{font-weight:700;font-size:41px;line-height:58px}
.history_wrap .swiper_wrap .history dd.contact{margin:24px 0 0;padding:100px 0 0;background:url(/subscribe/images/pd/pn/ico_contact.png) 58% top no-repeat;background-size:82px 92px;text-align:center}
.history_wrap .swiper_wrap .history dd.contact .phone{font-size:30px}
.history_wrap .swiper_wrap .history dd.contact .mail{font-weight:700;font-size:18px}
.history_wrap .swiper_wrap .history dd.contact .address{margin:12px 0 0;font-size:19px;line-height:1}
.history_wrap .swiper_wrap .history dd.plan{margin:18px 0 0;padding:0;text-align:center}
.history_wrap .swiper_wrap .history dd.plan .txt{font-size:26px;line-height:34px}
.history_wrap .swiper_wrap .history dd.plan .txt em{font-weight:700}
.history_wrap .swiper_wrap .history dd.plan .date{margin-top:11px}
.history_wrap .swiper_wrap .history dd.plan div{margin:12px 0 0}
.history_wrap .swiper_wrap .history dd.plan div .type{display:block;font-weight:700;font-size:32px;line-height:36px}
.history_wrap .swiper_wrap .history dd.plan div .ac{font-weight:700;font-size:45px;line-height:41px}
.history_wrap .swiper_wrap .history dd.plan div .ac .won{font-weight:700;font-size:32px}
.history_wrap .swiper_wrap .history dd.subscription{margin-top:22px;padding-top:106px;background:url(/subscribe/images/pd/pn/ico_subscrip.png) 58% top no-repeat;background-size:82px 85px;text-align:center}
.history_wrap .swiper_wrap .history dd.subscription .date{font-size:19px;line-height:22px}
.history_wrap .swiper_wrap .history dd.subscription div{margin:8px 0 0}
.history_wrap .swiper_wrap .history dd.subscription .txt{display:block;margin-bottom:2px;font-weight:700;font-size:31px;line-height:1}
.history_wrap .swiper_wrap .history dd.subscription .ac{margin:10px 0 0;font-weight:700;font-size:30px;line-height:1}
.history_wrap .swiper_wrap .history dd.subscription .ac .won{margin-left:-8px;font-weight:700;font-size:24px;vertical-align:2px}
.history_wrap .swiper_wrap .history dd.subscription .ac02 .txt{margin-bottom:0;font-size:31px}
.history_wrap .swiper_wrap .history dd.subscription .ac02 .txt_red{margin:10px 0 0;font-weight:700;font-size:28px}
.history_wrap .swiper_wrap .history dd.subscription .ac02 .txt_red .won{margin-left:-8px;font-weight:700;font-size:24px;vertical-align:2px}
.history_wrap .swiper_wrap .history dd.subscription.car{padding-top:100px}
.history_wrap .swiper_wrap .history dd.subscription.car .car_num{color:#005baf;font-size:29px}
.history_wrap .swiper_wrap .history dd.subscription.car .ac{font-size:39px;line-height:1}
.history_wrap .swiper_wrap .history dd.subscription.car div{margin:4px 0 0}
.history_wrap .swiper_wrap .history dd.payment_end{margin:38px 0 0;padding-top:126px;background:url(/subscribe/images/pd/pn/ico_payment_end.png) 58% top no-repeat;background-size:93px 109px;text-align:center}
.history_wrap .swiper_wrap .history dd.payment_end .ac{font-size:40px}
.history_wrap .swiper_wrap .history dd.payment_end .ac .won{margin-left:-10px;font-weight:700;font-size:31px;vertical-align:3px}
.history_wrap .swiper_wrap .history dd.kid_plan01{margin:29px 0 0;padding-top:119px;background:url(/subscribe/images/pd/pn/ico_kid_plan01.png) center top no-repeat;background-size:135px 107px}
.history_wrap .swiper_wrap .history dd.kid_plan02{margin:33px 0 0;padding-top:115px;background:url(/subscribe/images/pd/pn/ico_kid_plan02.png) center top no-repeat;background-size:115px 102px}
.history_wrap .swiper_wrap .history dd.kid_plan01 p,.history_wrap .swiper_wrap .history dd.kid_plan02 p{color:#005baf;font-size:31px;line-height:39px}
.history_wrap .swiper_wrap .history dd.gender.kid{margin:22px 0 0;padding:0;background:0 0}
.history_wrap .swiper_wrap .history dd.gender.kid .minor{margin:15px 0 0}
.history_wrap .swiper_wrap .history dd.gender.kid .minor strong{height:55px;font-size:24px;line-height:24px}
.history_wrap .swiper_wrap .history dd.gender.kid .minor span{font-size:19px}
.history_wrap .swiper_wrap .history dd.expected{margin:39px 0 0;padding-top:96px;background:url(/subscribe/images/pd/pn/ico_term02.png) center top no-repeat;background-size:97px 78px}
.history_wrap .swiper_wrap .history dd.expected .txt{font-size:25px}
.history_wrap .swiper_wrap .history dd.expected .num{font-size:32px;line-height:1.2}
.history_wrap .swiper_wrap .history dd.expected .num .won{margin-left:-8px;font-weight:700;font-size:32px;vertical-align:1px}
.history_wrap .swiper_wrap .history dd.pension{margin:30px 0 0;padding-top:98px;background:url(/subscribe/images/pd/pn/ico_history_pension.png) center top no-repeat;background-size:97px 78px}
.history_wrap .swiper_wrap .history .annuity_info dd span{font-size:21px;line-height:1.4}
.history_wrap .swiper_wrap .history .annuity_info dd .bot{margin-top:4px}
.history_wrap .swiper_wrap .history .annuity_info dd.annuity{margin-top:27px;padding-top:90px;background:url(/subscribe/images/pd/pn/ico_payment.png) center top no-repeat;background-size:68px 74px}
.history_wrap .swiper_wrap .history .annuity_info dd.annuity.annuity02 span{font-size:26px}
.history_wrap .swiper_wrap .history .annuity_result dd.first{margin-top:33px}
.history_wrap .swiper_wrap .history .annuity_result dd .txt{font-size:25px}
.history_wrap .swiper_wrap .history .annuity_result dd.first .txt_blue{font-size:27px}
.history_wrap .swiper_wrap .history .annuity_result dd .txt_blue{font-size:21px}
.history_wrap .swiper_wrap .history .annuity_result dd .txt_red{margin:3px 0 5px;font-size:32px;line-height:1}
.history_wrap .swiper_wrap .history .annuity_result dd .txt_red em{margin-left:-8px;font-weight:700;font-size:32px;vertical-align:1px}
.history_wrap .swiper_wrap .history .annuity_result dd .txt_red em:first-child{margin-left:0}
.history_wrap .swiper_wrap .history .travel dd{margin:22px 0 0}
.history_wrap .swiper_wrap .history .travel dd .txt{margin:0 0 4px;font-size:21px}
.history_wrap .swiper_wrap .history .travel dd .txt_blue{font-size:27px}
.history_wrap .swiper_wrap .history .travel dd.first{margin:35px 0 0}
.history_wrap .swiper_wrap .history .travel dd.first .txt_blue{font-size:21px}
.history_wrap .swiper_num{margin-top:32px;text-align:center}
.history_wrap .swiper_num a{display:inline-block;width:8px;height:8px;margin-right:4px;background:url(/subscribe/images/pd/pn/btn_swiper.png) 0 -8px no-repeat;background-size:8px 16px;line-height:1}
.history_wrap .swiper_num a:last-child{margin-right:0}
.history_wrap .swiper_num a.on{background-position:0 0}
.history_wrap.test{position:static;height:auto;margin:0}
.history_wrap.test .swiper_wrap{width:100%;height:auto}
.history_wrap.test .swiper_wrap .swiper_bx{display:block}
.history_wrap.test .swiper_wrap .swiper_bx .history{float:left;margin-bottom:10px}
.history_wrap.test .swiper_bx{width:100%}

/* 200319 : BHY : 팝업관련 스타일 수정 */
#layerAreaWrap { display:none; position:fixed; left:0; right:0; top:0; bottom:0; min-height:100%; z-index:105; scroll-behavior:auto; overflow:hidden;}
#layerAreaWrap > .ui_anim_pop { position:relative; display:flex; justify-content:center; align-items:center; width:100vw; height:100%; }
#layerAreaWrap #pop_wrap.new_agr_confirm { position:static; transform:none; }
#layerAreaWrap #pop_wrap.new_agr_confirm._wylie_elad_pop { position:fixed; left: 0; top: auto; bottom: 0px !important; width: 100%; /* height: 600px; */ border-radius: 20px 20px 0 0; overflow: hidden; transform:translateY(0%); transition:all 0.5s; }
#layerAreaWrap #pop_wrap.new_agr_confirm._wylie_elad_pop._off { transform:translateY(100%); transition:all 0.5s; }
#layerAreaWrap #pop_wrap.new_agr_confirm._wylie_elad_pop._banner_off { /* height:530px; */ }

/* #layerAreaWrap #pop_wrap.new_agr_confirm._wylie_elad_pop._hidden { transform:translateY(100%);  transition:all 0.5s;  } */
#layerAreaWrap #pop_wrap ._wyli_layout { padding :0 20px 0 20px !important; }
#layerAreaWrap #pop_wrap ._wyle_ls_txt { padding-top:0px; }
#layerAreaWrap #pop_wrap ._wyle_ls_banner { margin-top:12px;  }
#layerAreaWrap #pop_wrap ._wyle_ls_btn { position:relative; margin-top:15px !important; background:transparent; }
#layerAreaWrap #pop_wrap ._wyle_ls_btn:before  { content:""; position:absolute; left:0; top:0; z-index:-1; background:#DE4738; width:0px; height:100%; transition: width .6s; }
#layerAreaWrap #pop_wrap ._wyle_ls_btn.on { position:relative; }
#layerAreaWrap #pop_wrap ._wyle_ls_btn.on:before { content:""; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background: #DE4738; transition: width .6s; } 
#layerAreaWrap #pop_wrap .gurt21_renew ._wyle_ls_btn.on .txt { color:#fff;  }
#layerAreaWrap #pop_wrap .gurt21_renew ._wyle_ls_btn ._wyle_check_icon { width:24px; height:24px; background:url("/subscribe/images/renew/e_landing_check_no.png") no-repeat !important; background-size:cover !important; background-position:0px !important;  }
#layerAreaWrap #pop_wrap .gurt21_renew ._wyle_ls_btn.on ._wyle_check_icon { width:24px; height:24px; background:url("/subscribe/images/renew/e_landing_check.png") no-repeat !important; background-size:cover !important; background-position:0px !important;  }
#layerAreaWrap #pop_wrap ._wyle_tab { font-family: 'Pretendard',sans-serif !important; color:#aaa; }
#layerAreaWrap #pop_wrap ._wyle_tab.on { color:#111; }
#layerAreaWrap #pop_wrap ._wyle_agree_txt { color:#656565 }


.bx_plan{margin:0 -15px 18px!important;padding:15px;background:#f4f4f4}
.bx_plan_wh{margin:0 0 15px;padding:20px 20px 18px;background:#fff}
.bx_plan_wh .input_radio input[type=radio]+label{display:block;padding:0}
.bx_plan_wh .input_radio input[type=radio]+label:before{top:0}
.bx_plan_wh label>strong{display:block;padding-left:30px;font-size:16px}
.bx_plan_wh label>span{display:block;margin:11px 0 0;font-size:14px}
.bx_plan_wh label>span .month{color:#00819a;top:0 !important;}
.bx_plan_wh label>span span{color:#666;font-size:14px}
.bx_plan_wh label>em{display:block;margin:8px 0 0}
.bx_plan.error .bx_plan_wh:nth-child(2){margin-bottom:0}
.bx_plan.error .txt_error{margin-top:0}
.txt_tip_red{padding:0 0 0 7px;color:#e11b22;font-size:14px;line-height:1.2}
.txt_tip_red span:before{position:absolute;top:5px;left:0;width:5px;height:5px;background:url(/subscribe/images/common/bu_star_red.png) left top no-repeat;background-size:5px 5px;content:""}
.tit_b15{margin:20px 0 15px;color:#000;font-weight:700;font-size:15px}
.tit_cap{margin:18px 0 0;padding:0 0 0 5px;background:url(/subscribe/images/common/bu_dash_gray.gif) left 9px no-repeat;background-size:3px 1px;color:#666;font-size:14px}
.pop_content_inner .top_area.blackbox{height:113px;padding:25px 15px 0;background:url(/subscribe/images/common/bg_dt_top.png) left top repeat-x #2a2a2a;background-size:5px 5px;color:#fff}
.pop_content_inner .blackbox.foreign .fnt_small{font-weight:400;font-size:12px;line-height:19px;color:#fff}
.top_area.blackbox.top_appdownload{height:133px}
.top_area.blackbox{height:113px;padding:25px 15px 0;background:url(/subscribe/images/common/bg_dt_top.png) left top repeat-x #2a2a2a;background-size:5px 5px;color:#fff}
.top_area.blackbox p{color:#fff;font-weight:700;text-align:center;line-height:27px}
.top_area.blackbox p>strong{display:block;margin:0 0 13px;color:#fff;font-size:21px}
.top_area.blackbox p>strong span{color:#ff141d;font-size:21px}
.top_area.blackbox p>span{display:block;font-size:15px}
.car_photo_wrap{display:block;position:relative;max-width:330px;margin:10px 0 0}
.car_photo_wrap .img_photo{float:left;text-align:center}
.car_photo_wrap .img_photo span{display:block;width:178px;height:118px;border:1px solid #000}
.car_photo_wrap .btn_photo{float:right;position:relative;margin-top:40px}
.car_photo_wrap .btn_photo>span{display:block;width:128px;height:38px;border:1px solid #000;text-align:center;line-height:38px}
.car_photo_wrap .btn_photo input[type=file]{position:absolute;top:0;left:0;width:128px;height:38px;border-radius:0;opacity:0;-webkit-appearance:button}
.car_photo_wrap .btn_photo em{color:#000;font-weight:700;font-size:15px}
.car_photo_wrap .btn_photo .ico_camera{vertical-align:-3px}
.car_photo_find{display:table;position:relative;width:100%;margin:10px 0 0}
.car_photo_find .img_photo{display:table-cell;position:relative;width:160px;text-align:left}
.car_photo_find .img_photo span{display:block;width:160px;height:118px;border:1px solid #000}
.car_photo_find .img_photo em{position:absolute;top:95px;width:100%;height:25px;background:#000;color:#fff;font-size:13px;text-align:center;line-height:24px;opacity:.7}

.car_photo_find .img_photo02{display:table-cell;width:auto;}
.car_photo_find .ldws_tip{margin-top:16px;}
.car_photo_find .space_wrap{width:10px;}

.car_photo_find .btn_photo{display:table-cell;position:relative;padding-top:40px;padding-left:20px;vertical-align:top}
.car_photo_find .btn_photo>span{display:inline-block;width:100%;height:38px;border:1px solid #000;text-align:center;line-height:38px}
.car_photo_find .btn_photo input[type=file]{position:absolute;top:0;left:0;height:38px;border-radius:0;opacity:0;-webkit-appearance:button}
.car_photo_find .btn_photo em{color:#000;font-weight:700;font-size:15px}
.car_photo_find .btn_photo .ico_camera{vertical-align:-3px}
.car_photo_find .btn_photo .img_name{padding-top:13px}
.car_photo_find .btn_photo .img_name span{color:#333;font-size:15px}
.car_photo_find .btn_photo .img_name .btn_img_del{display:inline-block;width:19px;height:19px;margin-top:-2px;background:url(/subscribe/images/common/ico_comm.png) -92px -24px no-repeat;background-size:250px 250px;vertical-align:middle}
.car_receive_discount .tbl_list01 thead th{font-size:15px;letter-spacing:-1px}
.kidins_compare_list .cp_hidden{width:158px}
.kidins_compare_list .cp_hidden th{padding-left:7px}
.kidins_compare_list .cp_hidden th[colspan],.kidins_compare_list .cp_hidden th[scope=rowgroup]{padding-left:0}
.kidins_compare_list .cp_list_wrap{margin-left:158px}
.kidins_compare_list .cp_list td:nth-child(2),.kidins_compare_list .cp_list th:nth-child(2){border-left:0}
.kidins_compare_list .cp_list td:nth-child(2).on,.kidins_compare_list .cp_list th:nth-child(2).on{border-left:1px solid red}
.kidins_compare_list .col td,.kidins_compare_list .col th{color:#005baf}
.txt_tip .post_chk a{text-decoration:none!important}
.txt_tip .post_chk a:after{display:inline-block;width:9px;height:5px;margin:0 0 0 5px;background:url(/subscribe/images/common/ico_comm.png) -117px -55px no-repeat;background-size:250px 250px;vertical-align:2px;content:""}
.txt_tip .post_chk a.on:after{background-position:-107px -55px}
.txt_tip .post_chk span{padding:0;background:0 0}
.txt_tip .post_chk span:before{display:none;background:0 0}
.txt_tip .post_chk>span{display:none;margin:5px 0 8px;padding:10px;background:#f4f4f4}
.txt_tip .post_chk .input_checkbox input[type=checkbox]+label{color:#666}
.txt_tip .post_chk .input_checkbox input[type=checkbox]+label em{top:0}
.txt_tip .r_arrow a{text-decoration:underline}
.calc_check{position:relative;margin:25px 0 0;padding:0 0 7px;border-bottom:1px solid #ddd}
.calc_check p{margin:0 0 18px;color:#000}
.calc_check p em{display:block;color:#666;font-size:13px}
.calc_check .input_radio{display:inline-block;margin-right:17px;padding-bottom:1px}
.calc_check .input_radio input[type=radio]+label span{position:relative;top:-2px;color:#666}
.calc_check .send_zone{position:absolute;top:30px;right:0}
.calc_check .btn_white02{padding:0 15px;border:1px solid #ccc}
.calc_check .btn_white02 span{color:#666;font-size:14px}
.ex_animate_wrap{display:none;position:absolute;top:50px;left:50%;z-index:5;width:163px;height:124px;margin:0 0 0 -82px}
.ex_animate_wrap span{display:block;position:absolute;top:0;left:0}
.ex_animate_wrap .ex01{width:163px;height:35px;background:url(/subscribe/images/pd/pn/ex_animate01.png) left 10px no-repeat;background-size:163px 24px}
.ex_animate_wrap .ex02{width:60px;height:45px;background:url(/subscribe/images/pd/pn/ex_animate02.png) 15px top no-repeat;background-size:45px 45px}
.ex_animate_wrap .ex03{width:107px;height:124px;background:url(/subscribe/images/pd/pn/ex_animate03.png) 31px 17px no-repeat;background-size:76px 107px}
.adInit .intro_con{display:none}
@-webkit-keyframes rippleDrop{100%{width:100%;border-radius:0;background:#e11b22;opacity:1}
}
@keyframes rippleDrop{100%{width:100%;border-radius:0;background:#0096af;opacity:1}
}
@-webkit-keyframes rippleDrop2{100%{width:100%;border-radius:0;background:#e11b22;opacity:1}
}
@keyframes rippleDrop2{100%{width:100%;border-radius:0;background:#e11b22;opacity:1}
}

.btn_step .next.passing span i{position:absolute;top:0;left:0;width:0;height:60px;opacity:1;content:"";-webkit-animation:rippleDrop .4s cubic-bezier(1,.03,.46,.98);animation:rippleDrop .4s cubic-bezier(1,.03,.46,.98);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.btn_step .next.simple.passing span i{position:absolute;top:0;left:0;width:0;height:60px;opacity:1;content:"";-webkit-animation:rippleDrop2 .4s cubic-bezier(1,.03,.46,.98);animation:rippleDrop2 .4s cubic-bezier(1,.03,.46,.98);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}

.animationAct{display:block}
.animationAct .ex02,.animationAct .ex03{-webkit-animation-name:hand_ani_active;animation-name:hand_ani_active;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-direction:normal;animation-direction:normal;aanimation-timing-function:linear}
@keyframes hand_ani_active{0%,100%{left:14px}
50%{left:100px}
}
@-webkit-keyframes hand_ani_active{0%,100%{left:14px}
50%{left:100px}
}
.step_tip{position:relative;height:413px;padding:32px 0 0}
.step_tip .tip_tit{margin-bottom:1px;color:#fff;font-weight:700;font-size:19px;text-align:center;line-height:1}
.step_tip .tip_tit img{width:49px}
.step_tip .tip_motion{overflow:hidden;width:175px;height:175px;margin:0 auto;padding:25px}
.step_tip .tip_motion .p_relative{position:relative;width:175px;height:175px;background:url(/subscribe/images/product/bg_round_box.png) no-repeat;background-size:175px 175px}
.step_tip .tip_motion .p_relative .round_box{display:inline-block;overflow:hidden;position:absolute;top:0;left:-25px;z-index:20;width:225px;height:300px}
.step_tip .tip_motion .p_relative .round_box img{width:225px}
.step_tip .tip_motion .p_relative .tip_img{position:absolute}
.step_tip .tip_motion .p_relative .num01{display:block;top:0;left:0;width:175px;height:175px;background:url(/subscribe/images/product/tip_motion01.png) -232px -31px no-repeat;background-size:230%;-webkit-animation-name:motion1;animation-name:motion1;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-delay:0s;animation-delay:0s}
.step_tip .tip_motion .p_relative .num04,.step_tip .tip_motion .p_relative .num07{-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:0s;display:none}
@keyframes motion1{from{background-position-x:left;background-position-y:top;background-size:100%}
to{background-position-x:-232px;background-position-y:-31px;background-size:230%}
}
@-webkit-keyframes motion1{from{background-position-x:left;background-position-y:top;background-size:100%}
to{background-position-x:-232px;background-position-y:-31px;background-size:230%}
}
.step_tip .tip_motion .p_relative .num02{display:none;top:0;left:0}
.step_tip .tip_motion .p_relative .num03{display:none;top:0;left:0;width:175px;height:175px;background:url(/subscribe/images/product/tip_motion03.png) left top no-repeat;background-size:100%}
.step_tip .tip_motion .p_relative .num04{bottom:-50px;left:80px;z-index:15;width:100px;height:142px;background:url(/subscribe/images/product/tip_motion04.png) left top no-repeat;background-size:100%;-webkit-animation-name:myAnimation1;animation-name:myAnimation1;-webkit-animation-duration:.5s;animation-duration:.5s;animation-timing-function:ease-in-out;animation-delay:0s}
@keyframes myAnimation1{from{bottom:-120px}
to{bottom:-50px}
}
@-webkit-keyframes myAnimation1{from{bottom:-120px}
to{bottom:-50px}
}
.step_tip .tip_motion .p_relative .num05{display:none;top:65px;left:65px;z-index:10;width:45px;height:45px;background:url(/subscribe/images/product/tip_motion05.png) left top no-repeat;background-size:100%}
.step_tip .tip_motion .p_relative .num06{display:none;top:0;left:0;width:378px;height:175px;background:url(/subscribe/images/product/tip_motion06.png) -247px top no-repeat;background-size:100%}
.step_tip .tip_motion .p_relative .num06_animate{display:none;top:0;left:0;width:378px;height:175px;background:url(/subscribe/images/product/tip_motion06.png) -247px top no-repeat;background-size:100%;-webkit-animation-name:motion2;animation-name:motion2;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1}
@keyframes motion2{50%{background-position-x:-20px}
}
@-webkit-keyframes motion2{50%{background-position-x:-20px}
}
.step_tip .tip_motion .p_relative .num07{bottom:-50px;left:80px;z-index:15;width:100px;height:142px;background:url(/subscribe/images/product/tip_motion04.png) left top no-repeat;background-size:100%;-webkit-animation-name:myAnimation2;animation-name:myAnimation2;-webkit-animation-duration:2.5s;animation-duration:2.5s;animation-timing-function:ease-in-out;animation-delay:0s}
@keyframes myAnimation2{from{bottom:-120px}
15%{bottom:-50px}
65%{bottom:-50px;left:45px}
to{bottom:-50px;left:80px}
}
@-webkit-keyframes myAnimation2{from{bottom:-120px}
15%{bottom:-50px}
65%{bottom:-50px;left:45px}
to{bottom:-50px;left:80px}
}
.step_tip .tip_motion .p_relative .num08{display:none;top:75px;left:26px;z-index:5;width:123px;height:24px;background:url(/subscribe/images/product/tip_motion07.png) left top no-repeat;background-size:100%}
.step_tip .tip_motion .p_relative .num09{display:none;top:65px;left:65px;z-index:5;width:45px;height:45px;background:url(/subscribe/images/product/tip_motion08.png) left top no-repeat;background-size:100%;-webkit-animation-name:myAnimation3;animation-name:myAnimation3;-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;animation-delay:0s}
@keyframes myAnimation3{from{top:65px}
30%{top:65px;animation-timing-function:ease}
65%{left:30px}
to{left:65px}
}
@-webkit-keyframes myAnimation3{from{top:65px}
30%{top:65px;animation-timing-function:ease}
65%{left:30px}
to{left:65px}
}
.step_tip .tip_motion .p_relative .num10,.step_tip .tip_motion .p_relative .num12,.step_tip .tip_motion .p_relative .num13{top:0;left:0;display:none}
.step_tip .tip_motion .p_relative .num11{display:none;width:175px;height:175px;background:url(/subscribe/images/product/tip_motion11.png) center top no-repeat;background-size:100%}
.step_tip .tip_motion .p_relative .num11_animate{display:none;top:0;left:0;width:175px;height:175px;background:url(/subscribe/images/product/tip_motion11.png) center -62px no-repeat;background-size:100%;-webkit-animation-name:motion3;animation-name:motion3;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:0;animation-delay:0}
@keyframes motion3{from{background-position-y:11px}
to{background-position-y:-62px}
}
@-webkit-keyframes motion3{from{background-position-y:11px}
to{background-position-y:-62px}
}
.step_tip .tip_motion .p_relative .num14{display:none;bottom:-50px;left:80px;z-index:15;width:100px;height:142px;background:url(/subscribe/images/product/tip_motion04.png) left top no-repeat;background-size:100%;-webkit-animation-name:myAnimation4;animation-name:myAnimation4;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;animation-delay:0s}
@keyframes myAnimation4{from{bottom:-120px}
to{bottom:-50px}
}
@-webkit-keyframes myAnimation4{from{bottom:-120px}
to{bottom:-50px}
}
.step_tip .tip_motion .p_relative .num15{display:none;top:65px;left:65px;width:45px;background:url(/subscribe/images/product/tip_motion04.png) left top no-repeat;background-size:100%}
.s_loader,.s_loader:after,.s_loader:before{width:.63em;height:3em;background:#999;-webkit-animation:load1 1s infinite ease-in-out;animation:load1 1s infinite ease-in-out}
.s_loader:after,.s_loader:before{position:absolute;top:0;content:""}
.s_loader:before{left:-1em;-webkit-animation-delay:-.32s;animation-delay:-.32s}
.s_loader{position:absolute;top:40%;left:50%;z-index:155;font-size:11px;text-indent:-9999em;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.14s;animation-delay:-.14s}
.s_loader:after{left:1em}
@-webkit-keyframes load1{0%,100%,80%{height:2em;box-shadow:0 0 #999}
40%{height:3em;box-shadow:0 -2em #999}
}
@keyframes load1{0%,100%,80%{height:2em;box-shadow:0 0 #999}
40%{height:3em;box-shadow:0 -2em #999}
}
.long_loading{overflow:hidden;position:absolute;top:50%;left:50%;z-index:110;width:150px;height:150px;margin:-75px 0 0 -75px;background:url(/subscribe/images/common/long_loading_bg.png) left top no-repeat;background-size:150px 150px}
.long_loading .bg_loading{width:143px;height:105px;margin:25px auto 0;padding:0;border-radius:45px;background:url(/subscribe/images/common/bg_soon.gif) left bottom repeat-x;background-size:1440px 118px;-webkit-animation-name:long_loading_ani;animation-name:long_loading_ani;-webkit-animation-duration:5.5s;animation-duration:5.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal}
.long_loading .bg_loading span,.soon_wrap .soon_visual{-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:normal}
.long_loading .bg_loading span{display:block;position:absolute;position:relative;top:40px;bottom:0;left:40px;width:70px;height:102px;background:url(/subscribe/images/common/ico_loading01.png) left top no-repeat;background-size:70px 102px;-webkit-transform:rotate(7deg);-ms-transform:rotate(7deg);transform:rotate(7deg);-webkit-animation-name:loading_ani_ico;animation-name:loading_ani_ico;-webkit-animation-duration:1.5s;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:normal}
@keyframes loading_ani_ico{0%,100%{top:5px}
50%{top:20px}
}
@-webkit-keyframes loading_ani_ico{0%,100%{top:5px}
50%{top:20px}
}
@keyframes long_loading{0%{background-position:0 0}
100%{background-position-x:-1440px}
}
@-webkit-keyframes long_loading_ani{0%{background-position:0 0}
100%{background-position-x:-1440px}
}

.fastclick{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.soon_wrap .soon_smart{width:100%;height:40px;background:#333;text-align:right;line-height:40px}
.soon_wrap .soon_smart span{margin:0 15px 0 0;color:#adadad;font-size:14px}
.soon_wrap .soon_logo{width:149px;height:43px;margin:50px auto 45px;background:url(/subscribe/images/common/soon_logo.png) left top no-repeat;background-size:149px 43px;text-indent:-999em}
.soon_wrap .soon_txt{color:#000;font-weight:700;font-size:17px;text-align:center}
.soon_wrap .soon_txt span{display:block;margin:7px 0 0;text-align:center}
.soon_wrap .soon_visual{width:100%;height:118px;margin:65px 0 0;padding:0;background:url(/subscribe/images/common/bg_soon.gif) left bottom repeat-x;background-size:1440px 118px;-webkit-animation-name:soon_ani;animation-name:soon_ani;-webkit-animation-duration:5.5s;animation-duration:5.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:normal}
.soon_wrap .soon_visual span{display:block;position:relative;bottom:0;width:58px;height:97px;margin:0 0 0 240px;background:url(/subscribe/images/common/ico_soon01.png) left top no-repeat;background-size:58px 97px;-webkit-transform:rotate(7deg);-ms-transform:rotate(7deg);transform:rotate(7deg);-webkit-animation-name:soon_ani_ico;animation-name:soon_ani_ico;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;animation-direction:normal}
#wrap_mobile_pn.soon #header{display:none}
#wrap_mobile_pn.soon #container{position:static}
@keyframes soon_ani_ico{0%,100%{top:5px}
50%{top:20px}
}
@-webkit-keyframes soon_ani_ico{0%,100%{top:5px}
50%{top:20px}
}
@keyframes soon_ani{0%{background-position:0 0}
100%{background-position-x:-1440px}
}
@-webkit-keyframes soon_ani{0%{background-position:0 0}
100%{background-position-x:-1440px}
}

.bottm_brdr_bld th, .bottm_brdr_bld td{border-bottom: 2px solid #333 !important;}


/* 이목구비 TM 랜딩 */
.main_cont02{}
.main_cont02_content{padding:30px 14px;}
.main_cont02_content.inp_search{margin-top: 0;}

.intro_con02 .tab_basic{display:box;display:-webkit-box;display:-moz-box;width:100%;}
.intro_con02 .tab_basic li{float: inherit;width:25%;height: 60px;text-align:center;box-flex:1;-moz-box-flex:1;-webkit-box-flex:1}
.intro_con02 .tab_basic li.on a{background-color: #0096af;border-top:0;border-right:1px solid #0096af !important;border-bottom:1px solid #0096af;border-left:0;color:#fff;}
.intro_con02 .tab_basic li.on:first-child a{border-left:1px solid #0096af;}
.intro_con02 .tab_basic li a{display:table;width: 100%;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;font-size: 15px;color: #999;line-height: inherit;}
.intro_con02 .tab_basic li a span{display:table-cell;vertical-align:middle;text-align:center;width: 100%;height: 50px;}

.tit{margin: 0 0 10px 0;font-weight:700;font-size:18px;}
.tit02{margin: 0 0 10px 0;font-weight:700;font-size:18px;}
.tit span{color: #0096af;}
.producct_why{position:relative;min-height:98px;margin:0 0 28px 0;}
.producct_why ul{padding:0 0 0 115px;}
.producct_why ul li{margin:7px 0;padding-left:9px;background:url(/subscribe/images/common/bu_dt_black.gif) left 8px no-repeat;background-size:3px 3px;font-size:15px}
.producct_why ul li .bu_star{margin:3px 0 0 -9px;padding-left:9px;color: #666;font-size: 14px;background:url(/subscribe/images/common/bu_star.gif) left 6px no-repeat;background-size:5px 5px;}
.producct_why strong{display:block;position:absolute;top:0;left:0;width:95px;height:95px;background-size:95px 95px}
.producct_why .ico_imok01{background:url(/subscribe/images/product/ico_imok01.png) 0 top no-repeat;background-size:95px 95px;}
.producct_why .ico_imok02{background:url(/subscribe/images/product/ico_imok02.png) 0 top no-repeat;background-size:95px 95px;}
.producct_why .ico_imok03{background:url(/subscribe/images/product/ico_imok03.png) 0 top no-repeat;background-size:95px 95px;}
.txt_prov{margin:27px 0 0;color:#666;font-size:12px;text-align:right}

.producct_qna ul li{margin:0 0 25px 0;}
.pro_im_h2{color:#000;font-weight:700;font-size:17px}
.pro_im_h3{color:#000;font-weight:700;font-size:15px}

/* 몬디카 TM 랜딩 */
.intro_con02 .tab_basic.mondicar_intro{}
.intro_con02 .tab_basic.mondicar_intro li{width: 33.3%;}
.intro_con02 .tab_basic.mondicar_intro li:nth-child(2){width: 34.8%;}
.mondicar_introduce{}
.mondicar_introduce li{}
.mondicar_introduce li p{padding:0 0 15px 14px;text-indent:-14px;font-size:17px;}
.mondicar_introduce li p span{font-weight:700;}
.mondicar_introduce li  img{display:block;margin:0 auto 50px auto;width: 220px;}
.mondicar_introduce li:nth-child(1) img{width: 220px;height: 178px;}
.mondicar_introduce li:nth-child(2) img{width: 231px;height:171px;}
.mondicar_introduce li:nth-child(3) img{width: 235px;height: 183px;margin-bottom:25px;}

.mondicar_benefit{}
.mondicar_benefit li {min-height:125px;padding:0 0 15px 14px;text-indent:-14px;font-size:17px;}
.mondicar_benefit li:nth-child(1){background:url(/subscribe/images/pd/pn/bg_benefit01.png) right top no-repeat;background-size:93px 81px;}
.mondicar_benefit li:nth-child(2){background:url(/subscribe/images/pd/pn/bg_benefit02.png) right top no-repeat;background-size:93px 64px;}
.mondicar_benefit li:nth-child(3){background:url(/subscribe/images/pd/pn/bg_benefit03.png) right top no-repeat;background-size:93px 106px;}
.mondicar_benefit li span{font-weight:700;}
.mondicar_benefit li strong{font-weight:700;color: #0096af;}

.mondicar_application li{margin:7px 0;padding-left:9px;background:url(/subscribe/images/common/bu_dt_black.gif) left 8px no-repeat;background-size:3px 3px;font-size:15px}
.mondicar_application li span{color: #0096af;font-weight:700;}
.mondicar_bn{margin:25px 0 20px 0;}

.fz_b_blue {color:#00819a;}

/* 20160211 */
.fl {float:left;}
.fr {float:right;}

/* 20160215 */
.txt_tip.red span:before {display:inline-block;content: "";position:absolute;top:8px;left:0;width:5px;height:5px;background:url(/subscribe/images/pd/pn/bu_star04_02.png) 0 0 no-repeat;background-size: 5px 5px;}

/* 20160217 */
#pop_wrap.slide_car_expiry #pop_header {height:75px;padding:20px 15px 0 0;background:#333333;}
#pop_wrap.slide_car_expiry #pop_header h1 {margin:0 0 8px 0;padding-left:15px;color:#00b4cb;font-weight:700;font-size:19px;text-align:left;}
#pop_wrap.slide_car_expiry #pop_header p {padding-left:15px;color:#fff;font-size:15px;text-align:left;letter-spacing:-1.2px;}
#pop_wrap.slide_car_expiry #pop_content {margin:95px 0 0;}
.tit_b16 {font-size:16px;color:#000;font-weight:700}
.tit_16 {font-size:16px;color:#000;}
.tit_redline {margin:0 0 13px 0;padding:8px 0 0;color:#000;font-size:17px;font-weight:700;background:url(/subscribe/images/common/bg_tit_redline.gif) no-repeat 0 0;background-size:14px 3px;}
.btn.justify .l_area {float:left;text-align:left;padding:5px 0 0 0}
.btn.justify .r_area {float:right;position:relative;text-align:right;min-width:120px}
.slide_car_expiry .btn.justify .l_area label em {color:#000;font-size:14px;letter-spacing:-1px;}
.slide_car_expiry .btn.justify .l_area .input_checkbox input[type=checkbox]+label {padding-left:26px;}
.slide_car_expiry .btn.justify .l_area .input_checkbox input[type=checkbox]+label:before {top:-2px;}
.slide_car_expiry .no_advice {margin:25px 0 0 0;}

/* s: 페이스북스탑워치 */
/* 20160205 add font-face */
@font-face {font-family:"DS-Digital";
    src: url("../font/DS-Digital.eot"); /* IE9*/
    src: url("../font/DS-Digital.eot?#iefix") format("embedded-opentype"),
    url("../font/DS-Digital.woff") format("woff"),
    url("../font/DS-Digital.ttf") format("truetype"),
    url("../font/DS-Digital.svg#DS-Digital") format("svg"); /* iOS 4.1- */
}
.font_ds {font-family: 'DS-Digital' !important;}

.bdt0 {border-top:0 !important;}
.time_watch {display:none;position:absolute;top:-3px;right:0;width:79px;height:28px;padding-right:9px;text-align:right;background:#ffde00 url(/subscribe/images/pd/pn/ico_watch.png) no-repeat 7px 3px; background-size:20px 21px;font-family: 'DS-Digital' !important;}
.time_watch em, .time_watch span {display:inline-block;font-size:23px;color:#000;line-height:29px;text-align:right;font-family: 'DS-Digital' !important;}
.time_watch span {display:inline-block;margin:0 3px;}
#pop_wrap #pop_header .time_watch {top:8px;right:10px;}

/* 페이스북 : 계산하기 화면 팝업 */
.layer_facebook_wrap02 .con_top{position:relative;width:100%;box-sizing:border-box;padding:20px 20px 15px;text-align:center;background-color:#fff}
.layer_facebook_wrap02 .con_top p{margin:0 0 10px 0;color:#000;font-size: 18px;font-weight:700;}
.layer_facebook_wrap02 .con_top .stopwatch_area{}
.layer_facebook_wrap02 .con_top .stopwatch_area span{display:block;margin:0 0 -7px 0;font-family: "DS-Digital";font-size:60px;line-height:59px;color: #e11b22;}
@media screen and (max-width:342px){
    .layer_facebook_wrap02 .con_top .stopwatch_area span {font-size:54px;}
}
.layer_facebook_wrap02 .con_top .ico_alert.stopwatch{display:block;width:43px;height:49px;margin:0 auto 12px;background:url(/subscribe/images/pd/pn/ico_stopwatch.png) 0 0 no-repeat;background-size:43px 49px}
.layer_facebook_wrap02 .con_bottom{padding:0 20px 32px;background:#fff;}
.layer_facebook_wrap02 .con_bottom p {color:#666666;font-size:13px;text-align:center;}
.layer_facebook_wrap02 .con_bottom p.txt1 {margin:0 0 10px 0;color:#000;font-size:14px;line-height:1.5;}
.layer_facebook_wrap02 .con_bottom p.txt1 strong {color:#000000;font-size:19px;}
.layer_facebook_wrap02 .con_bottom p.txt1 strong span {color:#008099;}
.layer_facebook_wrap02 a.pop_close span.btn_bl{display:block;width:13px;height:13px;background:url(/subscribe/images/common/ico_comm.png) -27px -48px no-repeat;background-size:250px 250px;text-indent:-999em}
.i_modify{display:inline-block;width:18px;height:17px;margin:12px 7px 0 0;vertical-align:middle;background:url(/subscribe/images/common/ico_comm.png) -231px -163px no-repeat;background-size:250px 250px;}

/*btn*/
.btn_big_blue02{position:relative;padding:0 28px;height:40px;text-align:center;display:inline-block;background-color: #0096af;}
.btn_big_blue02 span{display:inline-block;color: #fff;line-height:40px;}
.btn_big_blue02 span:after {display:inline-block;width:10px;height:16px;margin:-2px 0 0 7px;background:url(/subscribe/images/common/ico_comm.png) -130px -110px no-repeat;background-size:250px 250px;content:"";vertical-align:middle;}

.layer_facebook_wrap02 .layer_content_facebook {padding:0 20px !important;}

/* 페이스북 : 이벤트 팝업 */
.ly_event_facebook {color:#fff;text-align:center;line-height:1.3}
/*.ly_event_facebook .tit_mondicup {display:inline-block;width:146px;height:29px;margin:0 0 14px 0;background:url(/subscribe/images/pd/pn/facebook_tit_mondicup.png) no-repeat 0 0;background-size:146px; 29px;}
.ly_event_facebook .ttxt {margin:0 0 17px 0;color:#00ffff;font-size:33px;line-height:1;}
.ly_event_facebook .mtxt {color:#fff;font-size:17px;}
.ly_event_facebook .stxt {color:#fff;font-size:14px;}
.ly_event_facebook .line_txt {color:#f14c52;font-size:17px;}
*/
.ly_event_facebook .btn_sky {position:relative;display:block;height:60px;background:#0096af;line-height:59px;text-align:right;}
.ly_event_facebook .btn_sky span {padding-right:40px;font-weight:700;color:#fff;}
.ly_event_facebook .btn_sky:after {position:absolute;top:21px;right:20px;z-index:10;width:10px;height:16px;background:url(/subscribe/images/common/ico_comm.png) left -65px no-repeat;background-size:250px 250px;content:""}
/*
.ly_event_facebook .btn_blue {display:inline-block;height:28px;background:#005baf;line-height:28px;}
.ly_event_facebook .btn_blue span {padding:0 18px;color:#fff;}
.ly_event_facebook .btn_area02.right {margin-top:12px;text-align:right;}
.ly_event_facebook .no_phone {margin:20px 0 13px 0;}
.ly_event_facebook .no_phone span {position:relative;display:inline-block;padding:0 0 0 32px;line-height:1.3;}

.ly_event_facebook .top_txt {margin:0 0 30px 0;font-size:23px;}
.ly_event_facebook .top_txt strong{display:block;margin:0 0 10px 0;color:#f14c52;font-size:36px;line-height:1;}
.ly_event_facebook .top_txt em {display:block;padding-top:5px;color:#00b4cd;font-size:16px;line-height:20px;}
.ly_event_facebook .bx_img {margin:0 0 10px 0;text-align:center;}
.ly_event_facebook .bx_img img {max-width:320px;}
*/

/*.ly_event_facebook .cont_wrap {padding:0 20px;}*/
.ly_event_facebook .img {max-width:320px;margin:0 auto;}
.ly_event_facebook .img img {vertical-align:top;}

.facebook_slide_wrap {height:447px;}
/*.ly_event_facebook .facebook_slide {min-height:407px;}*/
.ly_event_facebook .facebook_slide .start .txt_touch {margin: 20px 0 0 0;color:#fff;font-size:16px;background:url(/subscribe/images/pd/pn/facebook_bg_touch02.png) no-repeat 50% 0;background-size:299px;}
.ly_event_facebook .facebook_slide .start .txt_touch span {padding-top:167px;}
.ly_event_facebook .facebook_slide .start .txt_touch span span {padding:0;font-size:20px;color:#00b4cd;}
.ly_event_facebook .facebook_slide .start .line_txt {font-size:20px;}

.ly_event_facebook .swiper-pagination {position:relative;}
.ly_event_facebook .swiper-pagination-bullet {}
.ly_event_facebook .controll .swiper-pagination-bullet {display:inline-block;width:11px;height:11px;margin:0 4px;background:url(/subscribe/images/pd/pn/facebook_btn_swiper.png) no-repeat 0 0;background-size:22px 11px;}
.ly_event_facebook .controll .swiper-pagination-bullet-active {background-position:-11px 0;}
.ly_event_facebook .swiper-container-horizontal>.swiper-pagination {bottom:35px;}
.ly_event_facebook .swiper-slide .btn {margin-top:31px;}
.ly_event_facebook .swiper-slide .img img {max-width:320px;}
.ly_event_facebook .swiper-slide .view_mv {height:65px;line-height:65px;}
.ly_event_facebook .swiper-slide .view_mv img {width:210px;}

.layer_wrap.layer_facebook_wrap {left:30px;right:30px;width:auto;padding-bottom:20px;background:#2a2a2a;}
.layer_facebook_wrap .ob_lnd .btn_area.bottom {margin:0; /*-30px*/}
/*.layer_wrap.layer_facebook_wrap .layer_content {padding:0 20px}*/
.layer_wrap.layer_facebook_wrap .layer_content {padding:0}
.layer_wrap.layer_facebook_wrap a.pop_close {top:0px;right:0;/*padding-top:0;*/}

// .ly_event_facebook .scene1 .cont_wrap {height:446px;}
.ly_event_facebook .scene2 {display:none;position:relative;}
.ly_event_facebook .scene2 .btn_wrap {position:absolute;bottom:0;left:0;right:0;margin:0 -20px;}
.ly_event_facebook .scene2 .btn_wrap .btn {display:none;}
.ly_event_facebook .scene2 .btn_wrap .btn.on {display:block;}
.ly_event_facebook .txt_touch {margin:38px 0 0 0;min-height:146px;color:#00ffff;font-size:15px;background:url(/subscribe/images/pd/pn/facebook_bg_touch.png) no-repeat 50% 0;background-size:299px;}
.ly_event_facebook .txt_touch span {display:inline-block;padding-top:119px;}
.fb_event_close {position:absolute;top:0;}
.btn_event_view span {display:inline-block;position:relative;padding-right:18px;color:#cccccc;font-size:14px;}
.btn_event_view span:after {display:inline-block;content:'';width:13px;height:13px;position:absolute;right:0;top:50%;margin-top:-6px;background:url(/subscribe/images/pd/pn/ico_detail_gray.png) no-repeat 0 0;background-size:13px;}

.list_type_ag {margin:12px 0;}
.list_type_ag li {margin:0 0 9px;padding-left:7px;background:url(/subscribe/images/common/bu_dt_black.gif) left 7px no-repeat;background-size:3px 3px;color:#666;font-size:14px}
.list_type_ag li span {color:#333;}

.pop_facebook_wrap .btn_big_blue span:after {display:inline-block;width:10px;height:16px;margin:-2px 0 0 7px;background:url(/subscribe/images/common/ico_comm.png) -130px -110px no-repeat;background-size:250px 250px;content:"";vertical-align:middle;}

.bx_complete .ico_fb_ev {display:block;position:absolute;top:33px;left:50%;width:66px;height:70px;margin:0 0 0 -33px;background:url(/subscribe/images/common/ico_fb_ev.png) no-repeat 0 0;background-size:66px;}

.btn_event_fb {margin:13px 0 0 0}
.btn_event_fb a span {color:#333;font-weight:700;}
.btn_event_fb a span:after {display:inline-block;content:'';width:13px;height:13px;margin:0 0 0 6px;background:url(/subscribe/images/common/ico_comm.png) -159px -91px no-repeat;background-size:250px 250px;vertical-align:middle;}

.btn_try_again span:after {display:inline-block;content:'';width:17px;height:14px;margin:0 0 0 7px;background:url(/subscribe/images/common/ico_tryagain.png) 0 0 no-repeat;background-size:100%;vertical-align:middle;}

@media screen and (max-width:340px){

    .layer_wrap.layer_facebook_wrap {left:10px;right:10px;}

    // .ly_event_facebook .scene1 .cont_wrap {height:390px;}

    .facebook_slide_wrap {height:386px;}
    .ly_event_facebook .swiper-container-horizontal>.swiper-pagination {bottom: 33px;}

    /*.ly_event_facebook .tit_mondicup {margin:0 0 10px 0;}*/

    .ly_event_facebook .scene1 .ob_lnd .btn_area {margin-top:0 !important;}
    .ly_event_facebook .scene2 .btn_wrap {bottom:10px;}

/*
    .ly_event_facebook .ttxt {font-size:26px;margin:0 0 10px 0;}
    .ly_event_facebook .mtxt {font-size:13px;}
    .ly_event_facebook .stxt {font-size:13px;}
    .ly_event_facebook .line_txt {font-size:13px;}
    .ly_event_facebook .bx_img img {max-width:100%;}
    .ly_event_facebook .no_advice {margin-top:15px;font-size:12px;line-height: 1.3;;font-weight:400;}*/

    .ly_event_facebook .txt_touch {margin-top:20px;}
    .ly_event_facebook .txt_touch span {font-size:13px;}

    .ly_event_facebook .swiper-slide .img img {max-width:280px;}
    .ly_event_facebook .swiper-slide .view_mv {height:57px;line-height:2.2;}
    .ly_event_facebook .swiper-slide .btn {margin-top:15px;}

}


/* e: 페이스북스탑워치 */

/* s:몬디이벤트 */
.mondi_event_wrap {padding:0 15px;}

.mondi_event_top {margin:0 -15px;padding:0 15px 15px;text-align:center;color:#fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2175df+0,2686ff+4,2686ff+36,379dfe+60,379dfe+60,64ddfc+100 */
background: #2175df; /* Old browsers */
background: -moz-linear-gradient(top,  #2175df 0%, #2686ff 4%, #2686ff 36%, #379dfe 60%, #379dfe 60%, #64ddfc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2175df 0%,#2686ff 4%,#2686ff 36%,#379dfe 60%,#379dfe 60%,#64ddfc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2175df 0%,#2686ff 4%,#2686ff 36%,#379dfe 60%,#379dfe 60%,#64ddfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2175df', endColorstr='#64ddfc',GradientType=0 ); /* IE6-9 */


}
.mondi_event_top .no_advice{display:inline-block;margin:20px auto 0;color:#fff;line-height:17px;}
.mondi_event_top .no_advice.txt_ty1{color:#222}

.mondi_event_wrap .btn_red {display:inline-block;width:270px;line-height:50px;color:#fff;font-weight:700;background:#e21b22;font-size:16px;}
.mondi_event_wrap .btn_red span {font-size:16px;}

.mondi_event_wrap .btn_blue {display:inline-block;width:270px;line-height:50px;color:#fff;font-weight:700;background:#1818f2;font-size:16px;}
.mondi_event_wrap .btn_blue span {font-size:16px;}

.mondi_event_wrap h4 {margin:40px 0 20px -15px;}
.mondi_event_wrap h4 span {position:relative;display:inline-block;height:40px;padding:0 0 0 15px;line-height:40px;color:#fff;background:#3a4869;}
.mondi_event_wrap h4 span:after {display:inline-block;content:'';position:absolute;right:-43px;top:0;width:43px;height:40px;background:url(/subscribe/images/event/event_racing/bg_tit.png) no-repeat right top;background-size:auto 40px;}

.mondi_event .tb_ranking .date {margin:0 0 10px 0;text-align:center;font-weight:700;color:#333;}
.mondi_event .tb_ranking .date span {color:#333;}
.mondi_event .tb_ranking .date a {display:inline-block;width:13px;height:13px;padding:5px 12px;vertical-align:middle;}
.mondi_event .tb_ranking .date a:before {display:inline-block;width:13px;height:13px;content:'';vertical-align:top;}
.mondi_event .tb_ranking .date a.prev:before {background:url(/subscribe/images/event/event_racing/bul_prev.gif) no-repeat 0 0;background-size:26px;}
.mondi_event .tb_ranking .date a.next:before {background:url(/subscribe/images/event/event_racing/bul_next.gif) no-repeat 0 0;background-size:26px;}
.mondi_event .tb_ranking .date a.on:before {background-position:-13px 0;}

.mondi_event .tab_ranking li {float:left;width:33.3%;}
.mondi_event .tab_ranking li a {display:block;height:33px;line-height:33px;color:#999;font-size:16px;font-weight:700;border-top:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:2px solid #333;text-align:center;}
.mondi_event .tab_ranking li:first-child a {border-left:1px solid #cccccc;}
.mondi_event .tab_ranking li.on a {color:#333;border-color:#000000;border-bottom:2px solid #fff;}

.mondi_event .tb_ranking .tbl_data01 {border-top:0;}
.mondi_event .tb_ranking .tbl_data01 tbody .last td {border-bottom:2px solid #333;}
.mondi_event .tb_ranking .tbl_data01 thead th,
.mondi_event .tb_ranking .tbl_data01 tbody td {position:relative;padding:5px 0;text-align:center;font-size:14px;}
.mondi_event .tb_ranking .tbl_data01 thead th {padding:9px 0;}
.mondi_event .tb_ranking .tbl_data01 thead th:first-child {text-align:left;text-indent:21px;}
.mondi_event .tb_ranking .tbl_data01 tbody td:first-child {text-align:left;text-indent:25px;}
.mondi_event .tb_ranking .crown {display:block;position:absolute;left:4px;top:50%;width:19px;height:13px;margin-top:-8px;background:url(/subscribe/images/event/event_racing/ico_crown.png) no-repeat 0 0;background-size:19px 14px}

.mondi_event_wrap .notice {margin:40px -15px 0;padding:16px 15px 20px;background:#ebebeb;}
.mondi_event_wrap .notice dt {margin:0 0 11px 0;color:#000;font-size:15px;font-weight:700;}
.mondi_event_wrap .notice dd {position:relative;color:#666;font-size:13px;padding:0 0 0 7px}
.mondi_event_wrap .notice dd:before{display:block;position:absolute;top:5px;left:0;width:5px;height:5px;background:url(/subscribe/images/common/bu_star.gif) left top no-repeat;background-size:5px 5px;content:""}
@media screen and (min-width:360px){
.mondi_event_wrap .bx_txt {text-align:center}
.mondi_event_wrap .bx_txt img {width:330px;}
}
/* e:몬디이벤트 */

/*자동차 보험 가입 버튼 추가*/

.add_join{margin:-10px 0 20px 0;padding:18px 15px;background-color: #fff;}
.add_join p{margin:0 0 10px 0;font-weight: 700;}
.add_join p span{color: #e11b22;}

/* 20160229 */
.pay_tip {padding-bottom:20px;background:#eeeeee;}
.pay_tip .ob_lnd .btn_area{padding:0 20px}

/* 20170110 */
.pay_tip.text_ver{padding:21px 20px}
.pay_tip.text_ver .sub_tit{font-size:15px;margin-bottom:13px}
.pay_tip.text_ver .ob_lnd .btn_area{padding:0}
.pay_tip.text_ver .tip_list{border-top:1px solid #ccc}
.pay_tip.text_ver .tip_list div{border-top:1px dashed #ccc;padding:18px 0}
.pay_tip.text_ver .tip_list .pd_none { padding:0; border:0; }
.pay_tip.text_ver .tip_list div:first-child{border-top:none}
.pay_tip.text_ver .tip_list div:first-child img{width:45px;height:14px;vertical-align:middle}
.pay_tip.text_ver .tip_list div h4{font-weight:700;color:#333;margin-bottom:9px;font-size:15px;letter-spacing:-2px}
.pay_tip.text_ver .tip_list div h4 img{height:1.7em;vertical-align: bottom;margin-right:10px}
.pay_tip.text_ver .tip_list div:nth-child(2) h4 img{height:1.3em}
.pay_tip.text_ver .tip_list div:nth-child(2).pd_none h4 img { width:45px; height:14px; vertical-align:middle; }
.pay_tip.text_ver .tip_list div h4 img.ico_payco{height:0.8em;vertical-align:-1px;}
.pay_tip.text_ver .tip_list div h4 img.card_pay{height:1.6em;}
.pay_tip.text_ver .tip_list div p { margin-top:5px; padding-left:0 !important; font-size:13px; color:#666; letter-spacing:-0.08em; }
.pay_tip.text_ver .tip_list div p + p { margin-top:0; }
.pay_tip.text_ver .tip_list div ol li{font-size:14px;line-height:30px;color:#333;margin-top:5px}
.pay_tip.text_ver .tip_list div ol li:first-child{margin-top:0}
.pay_tip.text_ver .tip_list div ul li{font-size:13px;line-height:21px;color:#666;padding-left:12px;background:url(/subscribe/images/pd/pn/tip/middleline.jpg) no-repeat left 10px;background-size:5px 2px;}
.pay_tip.text_ver .tip_list div ul li span{color:#000}
.pay_tip.text_ver .tip_list div .add_txt {font-size:13px; line-height:21px; color:#666; padding-left:12px;}

/* 20160314 */
.cp_hidden.kidIns {width:140px;}

/* LMS 연동 2016-04-06 */
#wrap_mobile_pn #header.lms_bk .header_wrap,#wrap_mobile_pn #header.bl_ct .header_wrap{background-color:#333}
#wrap_mobile_pn #header.lms_bk .header_wrap h2{color:#fff}
#wrap_mobile_pn #header.lms_bk .header_wrap .logo_pn a{background-image:url(/subscribe/images/common/logo_direct_166x48.png)}
#wrap_mobile_pn #header.lms_bk .header_wrap .btnr{display:none}
.lms .premium_total{position:static;background:#2a2a2a}
.lms .premium_total .sub_tit{margin-bottom:30px}
.lms .premium_total .ttl_txt{padding-right:10px;font-size:15px;vertical-align:middle;color:#fff;}
.lms .dirc_list_total{margin:0;padding:20px;border-top:none;background:#333333}
.lms .dirc_list_total dl{border-bottom:1px solid #414141}
.lms .dirc_list_total dt{color:#fff}
.lms .dirc_list_total .fst_dl dt,
.lms .dirc_list_total .fst_dl dd{font-size:15px;color:#fff}
.lms .dirc_list_total p{padding-top:10px;font-size:12px;color:#fff}
.lms .dirc_list_total p.p_txt_white{padding-top:0;color:#fff}
.lms .dirc_list_total p .txt_green{color:#08c0bb}
.lms .btn_red_re a{display:block;margin-top:5px;margin-bottom:30px;padding:17px 0;font-weight:700;font-size:15px;color:#fff;text-align:center;background:#e11b22}
.lms .btn_red_re a span{display:inline-block;margin-right:6px;width:14px;height:15px;vertical-align:middle;background:url(/subscribe/images/common/ico_red_note.gif) no-repeat 0 0;background-size:14px 15px}
.lms .center_tel{padding-top:25px}
.lms .center_tel span{margin-right:9px;font-size:14px;color:#666666}
.lms .center_tel span strong{color:#333333}
.lms .center_tel a img{width:75px}
.lms .down_app_area{padding:15px 15px;background:#444444}
.lms .down_app_area .txt{float:left;font-size:12px}
.lms .down_app_area .txt span{color:#ffffff}
.lms .down_app_area .txt span:first-child{color:#aaaaaa}
.lms .down_app_area .txt em{color:#e21b22}
.lms .down_app_area .btn_dwn_app{float:right;}
.lms .down_app_area .btn_dwn_app a{display:block;padding:17px 0 0 75px;font-size:13px;color:#ffffff;background:url(/subscribe/images/common/bg_dwn_app.gif) no-repeat 0 0;background-size:66px 32px}

/*mgm 이벤트 알럿*/
.layer_wrap .alert .alert_mgm{padding:0 20px;text-align: center;}
.layer_wrap .alert .alert_mgm .txt01{font-size: 15px;color: #fff;}
.layer_wrap .alert .alert_mgm .txt01 span{display:inline-block;font-size: 15px;color: #fc7e82;}
.layer_wrap .alert .alert_mgm .txt01 em{font-size: 14px;}
.layer_wrap .alert .alert_mgm .txt02{font-size: 14px;color: #c9cbd1;}
.layer_wrap .alert .alert_mgm .txt02 span{display:inline-block;color: #7ccfeb;}
.layer_wrap .alert .alert_mgm .cp_num{width: 85%;margin:0 auto;padding:10px;line-height:46px;color: #fff;background: #353c4f;}
.layer_wrap .alert .alert_mgm .cp_num span{display:block;font-size: 14px;color: #fff;}
.layer_wrap .alert .alert_mgm .cp_num em{font-size: 22px;vertical-align: bottom;}

@media screen and (max-width:320px){
    .layer_wrap .alert .alert_mgm .cp_num em{font-size: 20px}
}


/* LMS 연동 2016-04-06 */
#wrap_mobile_pn #header.lms_bk .header_wrap,#wrap_mobile_pn #header.bl_ct .header_wrap{background-color:#333}
#wrap_mobile_pn #header.lms_bk .header_wrap h2{color:#fff}
#wrap_mobile_pn #header.lms_bk .header_wrap .logo_pn a{background-image:url(/subscribe/images/common/logo_direct_166x48.png)}
#wrap_mobile_pn #header.lms_bk .header_wrap .btnr{display:none}
.lms .premium_total{position:static;background:#2a2a2a}
.lms .premium_total .sub_tit{margin-bottom:30px}
.lms .premium_total .sub_tit .p_scopy{font-size:12px;line-height:20px;color:#ababab}
.lms .premium_total .sub_tit .p_scopy span{color:#fff}
.lms .premium_total .ttl_txt{padding-right:10px;font-size:15px;vertical-align:middle;color:#fff;}
.lms .dirc_list_total{margin:0;padding:20px;border-top:none;background:#333333}
.lms .dirc_list_total dl{border-bottom:1px solid #414141}
.lms .dirc_list_total dt{color:#fff}
.lms .dirc_list_total .fst_dl dt,
.lms .dirc_list_total .fst_dl dd{font-size:15px;color:#fff}
.lms .dirc_list_total p{padding-top:10px;font-size:12px;color:#ababab}
.lms .btn_red_re a{display:block;margin-top:5px;margin-bottom:30px;padding:17px 0;font-weight:700;font-size:15px;color:#fff;text-align:center;background:#e11b22}
.lms .btn_red_re a span{display:inline-block;margin-right:6px;width:14px;height:15px;vertical-align:middle;background:url(/subscribe/images/common/ico_red_note.gif) no-repeat 0 0;background-size:14px 15px}
.lms .center_tel{padding-top:25px}
.lms .center_tel span{margin-right:9px;font-size:14px;color:#666666}
.lms .center_tel span strong{color:#333333}
.lms .center_tel a img{width:75px}
.lms .down_app_area{padding:15px 15px;background:#444444}
.lms .down_app_area .txt{float:left;font-size:12px}
.lms .down_app_area .txt span{color:#ffffff}
.lms .down_app_area .txt span:first-child{color:#aaaaaa}
.lms .down_app_area .txt em{color:#e21b22}
.lms .down_app_area .btn_dwn_app{float:right;}
.lms .down_app_area .btn_dwn_app a{display:block;padding:17px 0 0 75px;font-size:13px;color:#ffffff;background:url(/subscribe/images/common/bg_dwn_app.gif) no-repeat 0 0;background-size:66px 32px}
.lms.has_bt_appBanner {padding-bottom:71px;}
.pos_rel{position:relative}
.flt_bot_lnk{position:fixed;left:0;bottom:0;width:100%}
.flt_bot_lnk a{display:block;padding:24px 0;width:50%;font-weight:700;font-size:18px;line-height:23px;text-align:center}
.flt_bot_lnk a strong{font-size:16px;line-height:19px;color:#fff}
.flt_bot_lnk a strong i{display:inline-block;margin-left:10px;width:10px;height:16px;vertical-align:middle;background:url(/subscribe/images/common/ico_comm.png) left -65px no-repeat;background-size:250px 250px}
.flt_bot_lnk a.flt_link01{float:left;background:#666666}
.flt_bot_lnk a.flt_link01 .c_red{color:#e21b22}
.flt_bot_lnk a.flt_link01 .c_blue{color:#0096af}
.flt_bot_lnk a.flt_link01 em{color:#c7c7c7}
.flt_bot_lnk a.flt_link02{float:right;background:#0096af}

/*2016-04-18 자동차보험-친절한 동영상 문구 추가*/
.subcont.pos_rel{position: relative;}
.intro_wrap .intro_con.intro_type .desc{padding:0;}
.intro_wrap .intro_con.intro_driver{padding:15px 20px 25px 20px}
.intro_wrap .intro_con.intro_type{padding:30px 10px 25px 10px}
.intro_wrap .intro_con.intro_driver .desc p{margin:0 0 15px 0}
.prom_event{width: 100%;position:absolute;bottom:60px;background: #f4f4f4;}
.prom_event .prom_link_btn{width: 100%;display: block;box-sizing:border-box;padding:10px 0 12px 30px;font-size: 14px;font-weight: 700;color: #000;background: #f4f4f4;}
.prom_event .i_play{position:relative;display:inline-block;margin:0 0 0 6px;padding:0 0 0 20px;}
.prom_event .i_play:before{display:block;position:absolute;top:0;left:0;width:18px;height:18px;background:url(/subscribe/images/common/ico_comm.png) -233px -187px no-repeat;background-size:250px 250px;content:""}

/*2016-04-19 폰트 사이즈 */
.mglb5{margin-left:-5px}

/* 아파트아이 2016-05-12 */
.apt_i{}
.apt_i .apt_input label{position:absolute;left:0;top:5px;color:#00819a}
.apt_i .apt_input input{padding-left:30%}
.apt_i .brd{padding:5px 0 15px;border-bottom:1px solid #d6d6d5}
.apt_i .ui_view_txt{position:absolute;right:0;bottom:15px}
.apt_i .ui_view_txt em{display:inline-block;margin-left:5px;width:12px;height:12px;background:url(/subscribe/images/common/bg_apti_dn.gif) no-repeat 0 0;background-size:12px 12px}
.apt_i .ui_view_txt.open em{background:url(/subscribe/images/common/bg_apti_up.gif) no-repeat 0 0;background-size:12px 12px}
.apt_i .ui_show_txt{display:none;font-size:13px;line-height:19px;color:#666666}
.apt_i .ui_show_txt ul li{position:relative;padding-left:7px}
.apt_i .ui_show_txt ul li:before{position:absolute;top:6px;left:0;width:5px;height:5px;background:url(/subscribe/images/common/bu_star.gif) left top no-repeat;background-size:5px 5px;content:""}
.apt_i .ui_show_txt ul li strong{display:block;color:#000000;}
.apt_i .ui_show_txt ul li dt{font-weight:400;color:#00819a}
.apt_i .ui_show_txt ul li dd{position:relative;padding-left:8px}
.apt_i .ui_show_txt ul li dd:before{position:absolute;top:0;left:0;width:5px;height:5px;content:"-"}
.apt_i .ui_show_txt ul li .dd_none:before{position:absolute;top:0;left:0;width:5px;height:5px;content:" "}

/*자동차 보험 만기알림*/
.layer_wrap .alert .alert_dirccar{position:relative;padding:0 20px;min-height:85px}
.layer_wrap .alert .alert_dirccar .txt01{font-size:16px;color:#fff;}
.layer_wrap .alert .alert_dirccar .txt02{margin:0 0 0 0;font-size:14px;color:#b8c8e1;}
.layer_wrap .alert .alert_dirccar .txt02 span{display:inline-block;color:#ffe566;}
.layer_wrap .alert .alert_dirccar .txt_excl{margin:0 0 20px 0;padding:0 0 15px 0;text-align:center;font-size:15px;color:#fff;border-bottom:1px solid #7f8596;}
.layer_wrap .alert .alert_dirccar .txt_excl span{display:inline-block;padding:6px 0 0 0;font-size:14px;color:#c9cbd1;font-weight:700;}
.layer_wrap .alert .alert_dirccar .txt_excl_info{padding:0 0 5px 0;font-size:13px;color:#c9cbd1;}
.layer_wrap .alert .alert_dirccar .txt_excl_info span{display:block;margin:0 0 10px 0;color:#ffe566;font-size:15px;}
.layer_wrap .alert .alert_dirccar .txt_excl_info em{color:#fff;font-weight:700;}
.layer_wrap .alert .alert_dirccar .btn_go{position: absolute;right:14px;bottom:0;width: 84px;height: 62px;}
.layer_wrap .alert .alert_dirccar .btn_go_g{position: absolute;right:16px;bottom:4px;width: 84px;height: 62px;}

/*자동차 계산하기 이벤트 배너 추가*/
.diccar_banner_area{margin:20px 0 0 0;text-align: center;}

/* 주행거리 이벤트 */
#wrap_mobile_product #footer.mb0{margin-bottom:0 !important}
.mileage_dc{}
.mileage_dc .top_txt{padding:22px 0}
.mileage_dc .top_txt h1{text-align:center}
.mileage_dc .top_txt h1 span{display:block;font-weight:700}
.mileage_dc .top_txt h1 span.clr_blue{padding-bottom:10px;font-size:15px;line-height:1;color:#00819a}
.mileage_dc .top_txt h1 span.clr_black{font-size:19px;line-height:25px;color:#000000}

.mileage_dc .black_bd{border:3px solid #000000}
.mileage_dc .mileage_step01{margin:0 10px}
.mileage_dc .mileage_step01 .info_txt01{position:relative;padding:15px;background:#e7e7e7}
.mileage_dc .mileage_step01 .info_txt01 i{display:block;position:absolute;right:20px;top:20px;width:47px;height:52px;background:url(/subscribe/images/event/mileage_dc/bg_info_txt01.gif) no-repeat 0 0;background-size:47px 52px}
.mileage_dc .mileage_step01 .info_txt01 span{display:block;width:80%;font-weight:700}
.mileage_dc .mileage_step01 .info_txt01 span:nth-child(1){padding-bottom:5px;font-size:15px;line-height:17px;color:#000000}
.mileage_dc .mileage_step01 .info_txt01 span:nth-child(2){font-size:12px;line-height:16px;color:#e11b22}
.mileage_dc .mileage_step01 .info_txt01 span:nth-child(3){font-size:12px;line-height:16px;color:#666666}
.mileage_dc .mileage_step01 .info_input01{padding:25px 15px 30px 15px;border-top:3px solid #000000}
.mileage_dc .mileage_step01 .info_input01 ul{}
.mileage_dc .mileage_step01 .info_input01 ul li:first-child{margin-bottom:30px}
.mileage_dc .mileage_step01 .info_input01 ul li dt{margin-bottom:15px;padding-left:21px;font-weight:700;font-size:15px;line-height:17px;color:#000000;background:url(/subscribe/images/event/mileage_dc/bu_arrow_red.png) no-repeat 0 center;background-size:15px 15px}
.mileage_dc .mileage_step01 .info_input01 ul li.drv_pay dd{position:relative;}
.mileage_dc .mileage_step01 .info_input01 ul li.drv_pay dd input{padding-right:13%;text-align:right}
.mileage_dc .mileage_step01 .info_input01 ul li.drv_pay dd .span_price{position:absolute;right:0;top:1px;font-weight:700;font-size:18px;color:#000000}
.mileage_dc .mileage_step01 .info_input01 ul li dd .inp_search .input_txt{width:100%}
.mileage_dc .mileage_step01 .info_input01 .bx_auto_search ul li{margin-bottom:0}
.mileage_dc .mileage_step01 .guide_txt{font-size:12px;line-height:1.2;color:#666666;word-spacing:-1px}

.mileage_dc .mileage_step02{margin:0 10px 30px;}
.mileage_dc .mileage_step02 .info_txt02{position:relative;padding:14px 15px 0 15px;background:#2a2a2a}
.mileage_dc .mileage_step02 .info_txt02 i{display:inline-block;position:absolute;left:15px;top:14px;width:62px;height:62px;background:url(/subscribe/images/event/mileage_dc/bg_info_txt02_i.png) no-repeat 0 0;background-size:62px 62px}
.mileage_dc .mileage_step02 .info_txt02 span{display:block;font-weight:700;text-align:right}
.mileage_dc .mileage_step02 .info_txt02 span:nth-child(1){padding-bottom:16px;font-size:14px;line-height:17px;color:#fff}
.mileage_dc .mileage_step02 .info_txt02 span:nth-child(2) em{font-size:25px;line-height:25px;color:#ff141d;vertical-align:bottom}
.mileage_dc .mileage_step02 .info_txt02 span:nth-child(2) em:first-child{line-height:34px;vertical-align:bottom}
.mileage_dc .mileage_step02 .info_txt02 span:nth-child(2) em.em_num{font-size:40px;line-height:1;vertical-align:bottom}
.mileage_dc .mileage_step02 .info_txt02 .p_txt01{margin-top:13px;padding:12px 0;font-size:12px;line-height:17px;color:#ffffff;border-top:1px solid #333333;word-spacing:-1px;text-align:right}
.mileage_dc .mileage_step02 .info_txt02 .p_txt02{padding:0 0 12px 0;font-size:10px;line-height:17px;color:#888888;text-align:right}
.mileage_dc .mileage_step02 .info_view{border-top:1px solid #000}
.mileage_dc .mileage_step02 .info_view ul{}
.mileage_dc .mileage_step02 .info_view ul li{float:left;width:40%;background:#e7e7e7}
.mileage_dc .mileage_step02 .info_view ul li:last-child{width:20%;border:none}
.mileage_dc .mileage_step02 .info_view ul li dl{padding:12px 0 12px 15px;height:34px;border-right:1px solid #000}
.mileage_dc .mileage_step02 .info_view ul li dt{font-size:12px;line-height:17px;color:#666666}
.mileage_dc .mileage_step02 .info_view ul li:nth-child(2) dd{display: block;width: 90%;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-wrap: normal !important;}
.mileage_dc .mileage_step02 .info_view ul li dd{font-weight:700;font-size:15px;line-height:17px}
.mileage_dc .mileage_step02 .info_view ul li dd span{font-weight:700}
.mileage_dc .mileage_step02 .info_view ul li a{display:block;padding:22px 0 2px;height:34px;font-weight:700;font-size:14px;line-height:17px;color:#005baf;text-align:center}
.mileage_dc .mileage_step02 .info_sorry{padding:17px 0 17px 55px;border-top:2px solid #000;background:url(/subscribe/images/event/mileage_dc/ico_warn.png) no-repeat 15px 20px;background-size:26px 26px}
.mileage_dc .mileage_step02 .info_sorry p{font-weight:700;font-size:15px;line-height:21px}
.mileage_dc .mileage_step02 .info_sorry p:first-child{color:#000000}
.mileage_dc .mileage_step02 .info_sorry p:first-child span{color:#005baf}
.mileage_dc .mileage_step02 .info_sorry p:last-child{color:#666666}
.mileage_dc .mileage_step02 .info_sorry p span{color:#005baf}
.mileage_dc .mileage_step02 .info_pay{padding:20px 15px 30px 15px;border-top:1px solid #000}
.mileage_dc .mileage_step02 .info_pay h2{position:relative;margin-bottom:13px;padding-top:8px;font-weight:700;font-size:16px;line-height:20px;color:#000000}
.mileage_dc .mileage_step02 .info_pay h2 i{display:block;position:absolute;left:0;top:0;width:13px;height:3px;background:#e11b22}
.mileage_dc .mileage_step02 .info_pay h2 span{color:#e11b22}
.mileage_dc .mileage_step02 .pay_box{margin-bottom:25px}
.mileage_dc .mileage_step02 .pay_box .gray_box{padding:15px 10px;background:#eeeeee}
.mileage_dc .mileage_step02 .pay_box .gray_box .info_top_txt{position:relative;padding:0 5px 10px 5px;font-weight:700;font-size:15px;line-height:21px;color:#000000;text-align:right;border-bottom:1px solid #000000}
.mileage_dc .mileage_step02 .pay_box .gray_box .info_top_txt i{display:inline-block;position:absolute;left:0;bottom:12px;width:12px;height:12px;background:url(/subscribe/images/event/mileage_dc/ico_x.png) no-repeat 0 0;background-size:12px 12px}
.mileage_dc .mileage_step02 .pay_box .gray_box .div_won{padding:15px 5px;font-weight:700;font-size:20px;line-height:20px;color:#000;text-align:right}
.mileage_dc .mileage_step02 .pay_box .gray_box .div_won em{display:inline-block;margin:0 1px;width:30px;height:40px;font-size:30px;line-height:40px;color:#fff;background:#000;text-align:center;}
@media screen and (max-width: 320px){
    .mileage_dc .mileage_step02 .pay_box .gray_box .div_won{font-size:17px}
    .mileage_dc .mileage_step02 .pay_box .gray_box .div_won em{width:25px;font-size:20px}
}
.mileage_dc .mileage_step02 .pay_box .gray_box .other_wrk{padding:30px 0;background:url(/subscribe/images/event/mileage_dc/bg_other_wrk_box.png) no-repeat 0 0;background-size:100% 100%}
.mileage_dc .mileage_step02 .pay_box .gray_box .other_wrk p{padding-bottom:17px;font-weight:700;font-size:13px;line-height:19px;color:#333333;text-align:center}
.mileage_dc .mileage_step02 .pay_box .gray_box .other_wrk p i{display:inline-block;margin-right:4px;width:13px;height:13px;vertical-align:middle;background:url(/subscribe/images/event/mileage_dc/bg_other_wrk.gif) no-repeat 0 center;background-size:13px 11px}
.mileage_dc .mileage_step02 .pay_box .gray_box .other_wrk .img_wrk{text-align:center}
.mileage_dc .mileage_step02 .pay_box .gray_box .other_wrk .img_wrk span{display:inline-block;padding-top:38px;font-weight:700;font-size:11px;line-heght:12px;color:#666666;letter-spacing:-1px;text-align:center}
.mileage_dc .mileage_step02 .pay_box .gray_box .other_wrk .img_wrk span em{color:#005baf}
.mileage_dc .mileage_step02 .pay_box .gray_box .other_wrk .img_wrk span:nth-child(1){background:url(/subscribe/images/event/mileage_dc/bg_other_wrk01.jpg) no-repeat center 2px;background-size:29px 25px}
.mileage_dc .mileage_step02 .pay_box .gray_box .other_wrk .img_wrk span:nth-child(2){width:34%;background:url(/subscribe/images/event/mileage_dc/bg_other_wrk02.jpg) no-repeat center 0;background-size:31px 31px}
.mileage_dc .mileage_step02 .pay_box .gray_box .other_wrk .img_wrk span:nth-child(3){background:url(/subscribe/images/event/mileage_dc/bg_other_wrk03.jpg) no-repeat center 1px;background-size:35px 28px}
.mileage_dc .mileage_step02 .info_pay .txt_tbl_info{}
.mileage_dc .mileage_step02 .info_pay .txt_tbl_info .txt01{padding-bottom:15px;font-size:13px;line-height:17px;color:#666666}
.mileage_dc .mileage_step02 .info_pay .txt_tbl_info .txt02{padding-bottom:8px;font-weight:700;font-size:13px;line-height:17px;color:#005baf}
.mileage_dc .mileage_step02 .info_pay .txt_tbl_info .align_r{padding-right:10px;text-align:right}
.mileage_dc .mileage_step02 .guide_txt{padding-top:15px;font-size:12px;line-height:1.2;color:#666666;word-spacing:-1px}
.mileage_dc .mileage_step02 .bot_banner{margin-top:30px}
.mileage_dc .mileage_step02 .bot_banner ul{margin-bottom:20px}
.mileage_dc .mileage_step02 .bot_banner li:first-child{margin-bottom:30px}
.mileage_dc .mileage_step02 .bot_banner li a{display:block}
.mileage_dc .mileage_step02 .imp_txt{margin:20px 0 40px;font-weight:700;font-size:12px;line-height:16px;color:#000000;text-align:center}
.mileage_dc .mileage_step02 .imp_txt i{display:inline-block;margin-right:10px;width:26px;height:26px;background:url(/subscribe/images/event/mileage_dc/bg_bot_txt.gif) no-repeat 0 0;background-size:26px 26px;vertical-align:middle}

.mileage_dc .mileage_step02 .clr_blue{color:#005baf}
.mileage_dc .mileage_step02 .clr_red{color:#e11b22}
.mileage_dc .btn_box{border-left:3px solid #000000;border-right:3px solid #000000;border-bottom:3px solid #000000}
.mileage_dc .btn_box a{display:block;padding:19px 15px 19px 0;font-size:16px;line-height:18px;text-align:right}
.mileage_dc .btn_box a i{display:inline-block;margin-top:-2px;padding-left:4px;width:7px;height:12px;vertical-align:middle;background:url(/subscribe/images/event/mileage_dc/btn_i_arrow_white.png) no-repeat right 0;background-size:7px 12px}
.mileage_dc .btn_box.btn_c_blue a{font-size:18px;color:#ffffff;background:#ccc url(/subscribe/images/event/mileage_dc/bg_btn_gun.png) no-repeat 0 center;background-size:60px 41px}
.mileage_dc .btn_box.btn_c_blue span{display:block;}
.mileage_dc .btn_box.btn_c_black a{padding-left:15px;color:#ffffff;background:#0096af;text-align:right}
.mileage_dc .btn_box.btn_c_black a i{margin-top:2px;vertical-align:top}

.mileage_dc .btn_box2{border-left:3px solid #000000;border-right:3px solid #000000;border-bottom:3px solid #000000}
.mileage_dc .btn_box2 a{display:block;position:relative}
.mileage_dc .btn_box2 span{display:block;padding:19px 15px 19px 15px;font-weight:700;font-size:16px;line-height:18px;color:#ffffff;background:#0096af;text-align:right}
.mileage_dc .btn_box2 span i{display:inline-block;margin-top:-2px;padding-left:4px;width:7px;height:12px;vertical-align:middle;background:url(/subscribe/images/event/mileage_dc/btn_i_arrow_white.png) no-repeat right 0;background-size:7px 12px;margin-top:2px;vertical-align:top}
.mileage_dc .btn_box2 .em_mnth{position:absolute;left:73px;top:30px;font-weight:700;font-size:19px;line-height:24px;color:#003049;letter-spacing:-1px}

@media screen and (max-width: 320px){
    .mileage_dc .btn_box2 .em_mnth{top:7px}
}

.mileage_dc .btn_box.btn_c_blue .passing{position:relative}
.mileage_dc .btn_box.btn_c_blue .passing a{display:block}
.mileage_dc .btn_box.btn_c_blue .passing a:before{content:"";position:absolute;left:0;top:8px;width:60px;height:41px;z-index:5;background:url(/subscribe/images/event/mileage_dc/bg_btn_gun.png) no-repeat 0 center;background-size:60px 41px}
.mileage_dc .btn_box.btn_c_blue .passing a strong{display:block;position:relative}
.mileage_dc .btn_box.btn_c_blue .passing em{position:absolute;top:0;left:0;width:0;height:56px;opacity:1;content:"";-webkit-animation:rippleDrop .4s cubic-bezier(1,.03,.46,.98);animation:rippleDrop .4s cubic-bezier(1,.03,.46,.98);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}

/* 해외여행 인트로 */
.intro_wrap .intro_con .desc .txt_inf{padding-top:20px;padding-left:10px;margin-bottom:0;font-size:14px;background:url(/subscribe/images/common/bu_star.gif) no-repeat left 25px;background-size:5px 5px}

.div_callfree{margin-top:0;margin-bottom:24px;padding:12px 0 12px 60px;min-height:24px;line-height:24px;font-size:12px;background:url(/subscribe/images/pd/pn/bg_callfree.gif) no-repeat 0 0;background-size:100% 100%}
.div_callfree:before{left:28px}

/* 보험다모아 */
.intro_damoa{}
.intro_damoa .desc p{text-align:center;letter-spacing:-1px}
.intro_damoa .desc p:nth-child(1){margin-bottom:10px !important;font-size:14px;line-height:19px;color:#000000;}
.intro_damoa .desc p:nth-child(2){margin-bottom:25px !important;font-size:15px;line-height:20px;color:#333333}
.intro_damoa .desc p:nth-child(2) span{color:#00819a}
.intro_damoa .brief_list{}
.intro_damoa .brief_list li{}
.intro_damoa .brief_list li .ico_intro_etc01{background:url(/subscribe/images/common/ico_damoa_intro01.gif) no-repeat;width:64px !important;height:57px !important;background-size:100%}
.intro_damoa .brief_list li .ico_intro_etc02{background:url(/subscribe/images/common/ico_damoa_intro02.gif) no-repeat;width:75px !important;height:57px !important;background-size:100%}
.intro_damoa .brief_list li .ico_intro_etc03{background:url(/subscribe/images/common/ico_damoa_intro03.gif) no-repeat;width:62px !important;height:57px !important;background-size:100%}
.intro_damoa .brief_list li span{}
.intro_damoa .brief_list li em{display:inline-block;font-size:12px;color:#e21b22}
.sub_tit .damoa_sub_copy{display:block;font-size:14px;letter-spacing:-1px}
.txt_redbox{display:inline-block;padding:3px 5px;font-size:12px;line-height:1;height:12px;color:#e11b22;border:1px solid #e11b22}
.span_link{margin-top:25px}
.txt_tip.last span.span_link:before{background-position:left 10px}
.txt_tip.last span.span_link a{display:inline-block;padding:12px 20px 8px 0;font-size:13px;line-height:18px;color:#000000;background:url(/subscribe/images/common/ico_span_lnk.gif) no-repeat right center;background-size:14px 16px}

.layer_wrap03 .alert .ico_alert.ico_car.ico_damoa{width:98px;height:12px;background:url(/subscribe/images/common/ico_damoa.gif) no-repeat;background-position:0 0;background-size:98px 12px}
.alert .car_info_end .car_search.bg_black{background:#666666}
.layer_wrap03.layer_damoa .layer_content{padding:0 22px}
.layer_wrap03.layer_damoa .layer_content .alert{padding:15px 0 20px;text-align:center;border:3px solid #ffcc00}
.pop_damoa_cont{padding:0 15px;}
.pop_damoa_cont .p_txt_won{padding-top:15px;font-size:12px;color:#666666;text-align:right}
.pop_damoa_cont .linetype{}
.pop_damoa_cont .linetype th{padding:10px 4px 10px 10px;font-weight:700;font-size:14px;line-height:20px;color:#000000;border-right:1px solid #dddddd;border-bottom:1px solid #8d8d8d}
.pop_damoa_cont .linetype td{padding:10px 4px 10px 10px;font-weight:700;font-size:14px;line-height:20px;color:#000000;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd}
.pop_damoa_cont .linetype tbody th{border-bottom:1px solid #dddddd}
.pop_damoa_cont .linetype thead th:last-child,
.pop_damoa_cont .linetype tbody td:last-child{border-right:none}
.pop_damoa_cont .linetype th.th_gray{background:#f5f5f5}
.pop_damoa_cont .linetype td.clr_b{color:#00819a}
.pop_damoa_cont .linetype td.clr_r{color:#e21b22}
.pop_damoa_cont .tipbox{position:relative;margin-bottom:30px;padding:20px 25px;border:1px solid #dddddd}
.pop_damoa_cont .tipbox p:nth-child(1){padding-bottom:10px;font-size:14px;line-height:20px;color:#000000}
.pop_damoa_cont .tipbox p:nth-child(2){font-weight:700;font-size:15px;line-height:21px;color:#00819a}
.pop_damoa_cont .tipbox i{display:inline-block;position:absolute;left:8px;top:-12px;width:32px;height:35px;background:url(/subscribe/images/common/ico_tip.png) no-repeat 0 0;background-size:32px 35px}
.pop_damoa_cont .txt_btn{}
.pop_damoa_cont .txt_btn p{float:left}
.pop_damoa_cont .txt_btn p:nth-child(1){position:relative;padding-left:6px;width:65%;font-size:14px;line-height:20px;color:#333333}
.pop_damoa_cont .txt_btn p:nth-child(1):before{position:absolute;top:5px;left:0;width:5px;height:5px;background:url(/subscribe/images/common/bu_star.gif) left top no-repeat;background-size:5px 5px;content:""}
.pop_damoa_cont .txt_btn p:nth-child(2){float:right}
.pop_damoa_cont .txt_btn p:nth-child(2) .btn_l_gray{padding:0 15px;background:#666666}
.pop_damoa_cont .txt_btn p:nth-child(2) .btn_l_gray span{color:#fff}

/* */
.confirm_end .txt_tip.no_line{}
.confirm_end .txt_tip.no_line span{font-size:13px;color:#666}
/*2016-06-22 가입완료 착한보험 배너 */
.sale_area{margin-top:30px;padding:0 15px}
.sale_area .banner{}

/* 동의 */
.pstn_stc{position:static !important}
.pstn_rel{position:relative !important}
.overf_a{overflow:auto !important}
.overf_inh{overflow:inherit !important}
.height_auto{height:auto !important}
.subcont #pop_wrap #pop_content .pop_content_inner{padding-bottom:50px}

/*2016-06-30 주행거리 이벤트*/
.mileage_dc .mileage_step02 .txt_tbl_info .other_wrk{margin:10px 0 0 0;padding:35px 0 25px 0;background:url(/subscribe/images/event/mileage_dc/bg_text_balloon.png) no-repeat 0 0;background-size:100% 100%}
.mileage_dc .mileage_step02 .txt_tbl_info .other_wrk .tit{padding:0 0 0 26px;font-weight:700;font-size:16px;line-height:19px;}
.mileage_dc .mileage_step02 .txt_tbl_info .other_wrk .tit span{color:#005baf;font-size:14px;}
.mileage_dc .mileage_step02 .txt_tbl_info .other_wrk .txt{padding:0 0 10px 26px;font-size:13px;line-height:19px;}
.mileage_dc .mileage_step02 .txt_tbl_info .other_wrk .txt span{font-weight:700;color:#e11b22;}
.mileage_dc .mileage_step02 .txt_tbl_info .other_wrk .txt em{font-size:11px;}
.mileage_dc .mileage_step02 .txt_tbl_info .other_wrk .ob_lnd .btn_area{margin:0 0 15px 0;padding:0 0 0 26px;text-align:left;}
.mileage_dc .mileage_step02 .txt_tbl_info .other_wrk .ob_lnd .btn_area a{display:inline-block;width:130px;height:31px;}
.mileage_dc .mileage_step02 .txt_tbl_info .other_wrk .ob_lnd .btn_area a:last-child{margin-left:7px;}
.mileage_dc .mileage_step02 .txt_tbl_info .other_wrk .txt_bt{padding:0 0 0 30px;font-size:11px;color:#666;background:url("/subscribe/images/common/bu_star.gif") no-repeat 22px 5px;background-size:6px 5px}

/* 자동차 보험료 banner */
.link_type{position:relative}
.link_type dt{font-weight:700;font-size:15px}
.link_type dt span{font-weight:700;font-size:12px}
.link_type dd a{display:inline-block}
.link_type dd a strong{margin-right:2px;padding-right:29px;font-size:16px;line-height:1.2;background:url(/subscribe/images/common/bg_link_type_arrow.gif) no-repeat right 0;background-size:19px 19px}
.link_type dd.pos_abs{position:absolute;bottom:-90px;right:10px;width:217px;height:85px}

.banner_abs{position:absolute;bottom:5px;right:15px}

/* 공인인증서 */
.min_hgt300{min-height:300px}

.layer_wrap.layer_facebook_wrap.wrap_modicup {padding-bottom:0 !important;
background: #2175df; /* Old browsers */
background: -moz-linear-gradient(top,  #2175df 0%, #2686ff 4%, #2686ff 36%, #379dfe 60%, #379dfe 60%, #64ddfc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2175df 0%,#2686ff 4%,#2686ff 36%,#379dfe 60%,#379dfe 60%,#64ddfc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2175df 0%,#2686ff 4%,#2686ff 36%,#379dfe 60%,#379dfe 60%,#64ddfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2175df', endColorstr='#64ddfc',GradientType=0 ); /* IE6-9 */
}

/* 해외여행 첫화면 */
.step_wrap.pb0{padding-bottom:0 !important}
.overseas_rad .txt_tit{margin-bottom:3px;font-weight:700;font-size:15px;line-height:21px;color:#000000}
.overseas_rad .txt_copy{margin-bottom:12px;font-size:14px;line-height:20px;color:#333333}
.overseas_rad .txt_copy span{color:#00819a;}
.overseas_rad .txt_tip span{font-size:12px;line-height:18px}


/*2회 몬디컵 이벤트 참여하기 버튼 */
.layer_wrap.layer_facebook_wrap.wrap_modicup.top25{top:48px !important}
.layer_facebook_wrap .ob_lnd .btn_area.btn_modicup {padding:5px 0 25px 0;max-width:320px;margin:0 auto;}
.ob_lnd .btn_area.btn_modicup .btn{position:relative;padding:0 8px;height:40px;text-align:center;display:inline-block;background-color:#294960;}
.ob_lnd .btn_area.btn_modicup .btn.btn_ty1{background:#1c23f3;}
.ob_lnd .btn_area.btn_modicup .btn span{display:inline-block;color:#fff;line-height:40px;font-size:13px;}
.ob_lnd .btn_area.btn_modicup .btn span:after {display:inline-block;width:5px;height:9px;margin:-2px 0 0 7px;background:url(/subscribe/images/common/bl_arr_r02.png) 0 0px no-repeat;background-size:5px 9px;content:"";vertical-align:middle;}
.ly_event_facebook .scene2 {background:#191919;}
.ly_event_facebook .swiper-slide .view_mv{display:none;}
.facebook_slide_wrap {height:400px;}
.ly_event_facebook .swiper-slide .img img {width:100%;}

/* 해외여행 히스토리 추가 */
.history_wrap .swiper_wrap .history dd.foreign01{background:url(/subscribe/images/pd/pn/ico_foreign04.png) center top no-repeat;background-size:115px 115px}
.history_wrap .swiper_wrap .history dd.foreign02{background:url(/subscribe/images/pd/pn/ico_foreign05.png) center top no-repeat;background-size:143px 115px}
.history_wrap .swiper_wrap .history dd.foreign03{background:url(/subscribe/images/pd/pn/ico_foreign04.png) center top no-repeat;background-size:135px 115px}
.history_wrap .swiper_wrap .history dd.foreign04{background:url(/subscribe/images/pd/pn/ico_foreign01.png) center top no-repeat;background-size:135px 115px}
.history_wrap .swiper_wrap .history dd.foreign05{background:url(/subscribe/images/pd/pn/ico_foreign02.png) center top no-repeat;background-size:140px 108px}
.history_wrap .swiper_wrap .history dd.foreign06{background:url(/subscribe/images/pd/pn/ico_foreign03.png) center top no-repeat;background-size:124px 104px}

/*시스템 중단안내(본인인증 페이지 안내사항 첨부)*/
.bx_complete .txt_exp {border-top:2px solid #000;border-bottom:1px solid #ddd;padding:7px 0;margin-top:30px;text-align:left;}
.bx_complete .txt_exp ul li{text-indent:-62px;padding-left:62px;}
.bx_complete .bul_star{position:relative;padding-left:7px;font-size:13px;color:#666}
.bx_complete .bul_star:before{content:'';display:block;color:#666;position:absolute;top:6px;left:0;background:url(/subscribe/images/common/spt_type01.png) no-repeat -10px -30px;background-size:170px 160px;width:5px;height:5px}

/*삼성카드 캠페인 팝업 */
.tit_samsung_card{text-align:center;font-size:16px;color:#000;}
.tit_samsung_card em{display:inline-block;margin:0 0 10px 0;font-weight:700;font-size:14px;color:#666;}
.tit_samsung_card span{display:inline-block;margin:0 0 15px 0;font-weight:700;color:#e11b22;}
.tit_samsung_card .card{display:inline-block;width:165px;height:80px;margin:0 0 0 31px;background: url(/subscribe/images/pd/pn/img_samsungcard.png) no-repeat center 0;background-size:165px 80px;}
/*.layer_wtop20{top:20px !important;}*/
.btn_smc{display:block;text-align:center;}
.btn_smc img{width:97px;}
.dimm100{height:100% !important;}
.layer_content.ty01 .layer_info.pos_rel{position:relative}
.btn_close_sm{display:block;position:absolute;right:12px;top:10px;width:11px;height:11px;line-height:1}
.layer_content.ty01 .reword_card{padding:0 15px 20px;margin:0 -15px -20px;background:#eeeff2;}

/*자동차보험 자녀특약 할인*/
.desc .tot_car_wrap dl dt .btn_ly_info{vertical-align: middle;margin-left: 3px}
.desc .tot_car_wrap{margin:0 0 20px}
.desc .tot_car_wrap dl{margin:0}
.desc .tot_car_wrap dt{margin:0 0 11px;padding:0 0 0 7px;background:url(/subscribe/images/common/bu_dt_black.gif) left 7px no-repeat;background-size:3px 3px;color:#000;font-size:15px}
.desc .tot_car_wrap dd{padding-left:10px}
.btn_red_s{display:inline-block;margin:0 0 3px 0;padding:1px 3px;border:1px solid #e11b22;font-size:13px !important;color:#e11b22 !important;font-size:12px;background-color:#fff}
.bx_plan_type01{margin:0 0 15px;padding:20px 20px 18px;background:#fff}
.bx_plan_type01 .txt_tit{display:inline-block;margin:0 0 8px 0;font-size:15px}
.bx_plan_type01 .txt_tit a{vertical-align:middle}
.bx_plan_type01 .txt_add{margin:0 0 10px 0;padding:0 0 0 7px;font-size:14px;color:#666;background:url(/subscribe/images/common/bu_star.gif) left 7px no-repeat;background-size:5px 5px}
.bx_plan_type01 .txt_add span{font-weight:700}

.bx_plan_type01.child_wrap{background:#f4f4f4}
.child_wrap .txt_tit{display:block;padding-left:60px;}
.child_wrap .txt_tit.girl_type{padding:5px 0 5px 60px;background:url(/subscribe/images/pd/pn/ico_girl02.png) 4px 50% no-repeat;background-size: 39px;}
.child_wrap .txt_tit.blackbox_type{background:url(/subscribe/images/pd/pn/ico_blackbox.png) 0 50% no-repeat;background-size: 46px;}
.child_wrap .txt_tit.ldws_type{background:url(/subscribe/images/pd/pn/ico_ldws.png) 0 50% no-repeat;background-size: 46px;}
.child_wrap .txt_tit.accessible_type{padding:5px 0 5px 60px;background:url(/subscribe/images/pd/pn/ico_accessible.png) 11px 50% no-repeat;background-size: 33px 38px;}
.child_wrap .txt_tit.sentible_type{background:url(/subscribe/images/pd/pn/ico_sentible.png) 0 50% no-repeat;background-size: 54px 36px;}
.child_wrap .txt_tit.mileage_type{background:url(/subscribe/images/pd/pn/ico_mileage.png) 0 50% no-repeat; background-size:14%; }

.btn_ly_info.ldws_info02{display:inline-block;width:auto;height:auto;margin-left:4px;font-size:14px;text-indent: 0;background:none;color:#666;text-decoration:underline;}


/* LMS 랜딩 수정 */
.lms .premium_total .sub_tit .p_scopy.lms_type{font-size:13px;margin-top:15px;}
.lms .premium_total .total_direct_copy{font-size:13px;text-align:right;color:#ababab;}
.lms .premium_total .total_direct_copy span{font-size:14px;color:#fff;}

/* 신규 이벤트 팝업*/
.layer_info.pos_rel.event_seal{background:#eade72}

/*아이페이 본인인증 팝업*/
.layer_content.lms .btn.justify .r_area{min-width:inherit;}
.layer_content.lms .confirm_end .txt_tip{display:none;margin:20px 0 0 0;}
.layer_content.lms .confirm_end .txt_tip span{font-weight:normal;}
.layer_content.lms .confirm_end .chk_txt label em{font-weight:normal;font-size:14px}
.layer_content.lms .bx_valid.phone{position:relative;}
.layer_content.lms .bx_valid.phone .btn_basic{display:none;position:absolute;right:0;top:0;}
.layer_content.lms .bx_valid.phone .btn_basic.btn_again{border:1px solid #1a709e;color:#1a709e}
.layer_content.lms .certify .bx_valid.phone .btn_basic{display:block}
.layer_content.lms .bx_valid.certify_num{display:none}
.layer_content.lms .certify .bx_valid.certify_num{display:block}
.layer_content.lms .confirm_end{margin-top:0;border-top:0;}
.layer_content.lms .confirm_end.show .txt_tip{display:block}

/* 검색 포커스 라인 추가 */
.inp_search .group .bar,.inp_search.group .bar{top:2px;}
.inp_search .group input{display: inline-block;height: 36px;padding: 0;background-color: #fff;font-weight: 700;}
.inp_search  .group input:focus+.bar:after,.inp_search  .group input:focus+.bar:before,.inp_search  .group input:focus~.bar:after,.inp_search  .group input:focus~.bar:before{width:108.8%;}
.inp_search.group input:focus+.bar:after,.inp_search.group input:focus+.bar:before,.inp_search.group input:focus~.bar:after,.inp_search.group input:focus~.bar:before{width:108.8%;}

.group .address_s  .bar,.group .address_s .bar{top:2px;}
.group .address_s input:focus+.bar:after,.group .address_s input:focus+.bar:before,.group .address_s input:focus~.bar:after,.group .address_s input:focus~.bar:before{width:108.8%;}

/*오케이캐쉬백DLPO 분기*/
.subcont .intro_wrap .intro_sk_planet{display:none}
.subcont.sk_planet .intro_wrap .intro_top{display:none}
.subcont.sk_planet .intro_wrap .intro_con{display:none}
.subcont.sk_planet .intro_wrap .intro_sk_planet{display:block}
.subcont.sk_planet .intro_wrap .intro_sk_planet p{text-align:center}
.subcont.sk_planet .btn_step .btn_calc strong:after{display:none}

/* 20170110 LMS 수정 */
.lms_type_wrap{}
.lms_copy_top{padding:25px 15px 20px;background: #e7e7e7 url(/default/images/email/active_mail/img_dman.gif) 94% bottom no-repeat;background-size: 70px;}
.lms_copy_top > strong{font-size:15px;line-height:20px;color:#000000;}
.lms_copy_top .lms_copy_txt {display:block;padding-right:90px;margin-top:15px;font-size:14px;line-height:19px; color:#444444;}

.total_info_wrap{background:#333333;padding:20px 15px;}

.total_info_car{padding-bottom:20px;border-bottom:1px solid #1a1a1a;}
.total_info_car .car_p_number{font-size:19px;color:#fff;padding-bottom:10px;}
.total_info_car .car_p_txt > span{font-size:15px;display:block;color:#b2b2b2;}

.re_type.total_info_car .car_p_number{float:left;width:110px;padding-bottom:0px}
.re_type.total_info_car .car_p_txt > span{padding-left:110px;}

ul.car_p_money{padding:20px 0;}
ul.car_p_money li{display:table;width:100%;}
ul.car_p_money li >span{font-size:15px;display:table-cell;color:#b2b2b2;}
ul.car_p_money li >span.right{text-align:right;}
ul.car_p_money li >span.c_blue{font-size:14px;color:#00b4cd !important;}

ul.car_p_money li >strong{font-size:18px;display:table-cell;color:#fff;vertical-align: top;width:140px;}
ul.car_p_money li >strong.right{text-align:right;font-size:32px;line-height: 36px;width:auto;padding-bottom:5px; }
ul.car_p_money li >strong >span{font-size:16px;}

.car_p_footer{text-align:center;}
.car_p_footer >a >img{width:290px;}
.car_p_footer p{margin-top:10px;font-size: 13px;color:#666;l}
.car_p_footer p em{vertical-align: -3px;}

.makting_area01{margin-top:40px;padding:30px 0 20px;border-top:1px solid #ddd;}

.bu_plus_list{margin:15px 0 30px;}
.bu_plus_list li{margin:0 0 20px 0;padding-left:15px;background:url(/default/images/email/active_mail/bu_plus.gif) left 6px no-repeat;background-size: 10px;}
.bu_plus_list li:last-child{margin-bottom:0;}
.bu_plus_list li strong{display:block;font-size:15px;margin-bottom:2px;color:#333333;;}
.bu_plus_list li strong > span{color:#e21b22;}
.bu_plus_list li a > span{display:block;font-size:13px;color:#666;}

.btn_p_box{text-align:center;}
.btn_p_box a img{width:290px;}

.reply_p_list li{margin:0 0 20px 0;}
.reply_p_list li:last-child{margin-bottom:0;}
.reply_p_list li strong{display:block;margin:0 0 5px 0;font-size:15px;color:#333;}
.reply_p_list li span{font-size:15px;color:#333;}

.sns_p_list{display:table;width:100%;}
.sns_p_list li{display:table-cell;padding:0 4px;text-align: center;}
.sns_p_list li img{max-width:50px;}

/* 20170103 자동차 계산 완료 페이지 수정  */
.dirc_list_total.modify_plus .dirc_tit_dd dt{font-size:14px}
.dirc_list_total.modify_plus .dirc_tit_dd dd{font-size:15px}
.dirc_list_total.modify_plus  .sale_banner{margin-top:20px;}


/* 20170202 */
.div_call_true{padding:14px 0;margin-bottom:35px;font-size:13px;text-align:center;border:1px dashed #d1d1d1;}
.div_call_true > *{vertical-align: middle;}
.div_call_true .ico {display:inline-block;width:20px;height:27px;margin-right:10px;background:url(/subscribe/images/pd/pn/ico_call_img.png) no-repeat;background-size: 20px; }


/* BC카드 이벤트 페이지 170203*/
.bc_event_wrap h1{height:53px;background:#d6f181 url(/subscribe/images/event/event_bc/logo_bc_event.png) no-repeat 50% 18px;text-indent:-999em;background-size:auto 17px;}
.bc_event_wrap .event_cont div{background:#d6f181;position:relative}
.bc_event_wrap .event_cont div+div a{position:absolute;width: 37.5%;height: 20%; top: 24%;right: 8.5%;text-indent:-999em}
.bc_event_wrap .event_cont div+div+div a{top:29%;height:23%}

/* 170410 cta 간소화 */
.bx_valid.error .bar:after,.bx_valid.error .bar:before{background:#e11b22}
.bx_valid .grouping.phone_selector .group.error_check{width:100%;margin-top:0}
.bx_valid .grouping.phone_selector .group.phone_sel{width:25%;margin-right:5%;text-align:left}
.bx_valid .grouping.phone_selector .group.phone_sel .selectbx .select_list{right:auto;left:0}
.bx_valid .grouping.phone_selector .group.phone_sel + .group{width:70%}

/* 170629 자동차 주행거리 선택 */
.dir_link{margin-top:10px}
.dir_link a{text-decoration:underline !important}


/* 신타리워드 텍스트 버전 */
.sinta_reword{padding:0 10px;}
.sinta_reword .tit{text-align: center;margin-bottom:18px;}
.sinta_reword .tit strong{display: inline-block;border-bottom:1px solid #7a7a7a;}
.sinta_reword .sin_copy{font-size:18px;font-weight: 700;color:#000;}
.sinta_reword .sin_gift{padding:0 24% 0 26%/*padding:0 16% 0 10%*/}
.sinta_reword .txt_tip{padding-top:15px;font-size:11px;}
.sinta_reword .txt_tip strong{color:#000;}
.sinta_reword .sin_date{font-size:12px;color:#666;margin-bottom:15px;}
.car_sim_number{display:block;font-size:11px;color:#888;text-align: right;}
.type_one{margin-top:16px;padding-top:12px;border-top:1px dashed #d6d6d5;}
.type_one .tit_card{font-size:15px;color:#000;}
.type_one .tit_card .txt_blue2{color:#00819a;}
.type_one .sin_date{font-size:12px;color:#666;margin-bottom:8px;}
.type_one .txt_tip{padding-top:0;margin-bottom:5px;font-size:11px;}

.type_two{background:#eeeff2;margin:16px -25px -20px;padding:12px 25px 20px;}
.type_two .tit_card{display:block;font-size:12px;margin-bottom:5px;}
.card_zone{padding:0 7px;background:#fff;}
.card_zone li{padding:8px 0 8px 10px;font-size:12px;font-weight: 700;background:url(/subscribe/images/pd/pn/bu_evtdot.gif)  3px 14px no-repeat;background-size: 3px;}
.card_zone li:first-child{border-bottom:1px dashed #e0e0e0;}
.card_zone .txt_blue2{color:#00819a;}
.card_zone li em{font-weight: 400;color:#666;}
.type_two .txt_tip{padding-top:7px;}

.sinta_reword.sinta_st01{padding:0}
.sinta_reword.sinta_st01 .tit, .sinta_reword.sinta_st02 .tit{margin-bottom:15px;font-size:15px;border-bottom:1px solid #7a7a7a}
.sinta_reword.sinta_st01 .tit strong, .sinta_reword.sinta_st02 .tit strong{padding-top:5px;border-bottom:0}
.sinta_reword .btn_event{width:47%;margin:0 auto 20px}
.sinta_reword .btn_event button{background: #0096af; font-size: 9px; color: #fff; text-align: center; width: 100%; height: 25px; border: none; font-weight: bold;}
.sinta_reword.sinta_st01 .N_tit_txt{padding-top:15px;font-size:13px}
.sinta_reword.sinta_st01 .txt_tip, .sinta_reword.sinta_st02 .txt_tip{padding: 0 15px 10px;border-top:0;}
.sinta_reword.sinta_st02 .cardarea{overflow:hidden;padding:14px 15px}
.sinta_reword.sinta_st02 .cardarea .sin_copy{float:left;font-size:15px;line-height: 20px;letter-spacing:-1px}
.sinta_reword.sinta_st02 .cardarea .sin_img{float:right;width:78px;height:53px}
.sinta_reword.bdt_dash{border-top:1px dashed #d6d6d5}

/* 소유자피보험자 불일치건 제어 슬라이드팝업  */
.bx_complete .ico_carout{top:23px;width:65px;height:70px;margin-left:-32px;background:url(/subscribe/images/pd/pn/ico_carout.gif) left top no-repeat;background-size:100%}
.bx_complete.carout_type{position:relative;padding:13px 0 0;text-align:left;font-weight:700;}
.carout_select .two_line{display:block;padding-left:30px;font-style:normal;}
.carout_select li{margin-top:16px;}
.carout_select li em{font-weight: 700;}
.txt_tip.mint span{color:#00819a;}
.txt_tip.mint span:before{position:absolute;top:5px;left:0;width:5px;height:5px;background:url(/subscribe/images/pd/pn/bu_star_mint.gif) left top no-repeat;background-size:5px 5px;content:""}
.txt_tip.mint span em{font-weight: 700;color:#666;}

.diccar_banner_carcare{margin:0px 0 -30px 0;text-align: right }
.diccar_banner_carcare img{height:58px;}

/* 자동차 전기차  추가 */
.electric_car{margin-top:20px;padding:18px 5px 16px 56px; font-size:14px;background:#f4f4f4 url(/subscribe/images/pd/pn/ico_elec_car.png)  20px 20px no-repeat;background-size:24px 31px;}
.electric_car a.btn_ly_info{vertical-align: -2px;margin-left:0;}

.electric_car.ico_ldws{margin-top:20px;padding:18px 5px 16px 68px; font-size:14px;background:#f4f4f4 url(/subscribe/images/pd/pn/ico_ldws_car.png)  16px 50% no-repeat;background-size:45px 27px;}

.dirc_list dl>dt.elec_car_dt a span{padding-right: 80px;}
.elec_car_dd .box_radio .input_radio input[type=radio]+label em{position: static;float: left;width: 45%;}

.electric_car.ico_sent { margin-top:20px;padding:18px 5px 16px 68px; font-size:14px;background:#f4f4f4 url(/subscribe/images/pd/pn/ico_sent_car.png)  21px 50% no-repeat;background-size:32px 25px;}


/* 자동차 인트로 첫화면 조정 */
@media screen and (max-width:320px){
.intro_wrap .intro_top{padding:17px 0 20px;background:#2a2a2a;text-align:center}
.intro_wrap .intro_top .tit{margin:0 0 8px;color:#fff;font-size:16px;opacity:.4}
.intro_wrap .intro_top h2{margin:0 0 15px;color:#fff;font-weight:700;font-size:19px;line-height:22px}
.intro_wrap .intro_top h2 span{font-size:21px}
.intro_wrap .intro_top .txt{color:#f4f4f4;font-size:13px}
.intro_wrap .intro_top .txt span{display:block;margin:2px 0 0;color:#999}
.intro_wrap .intro_con .desc p strong{color:#000;font-weight:700;font-size:15px}
.intro_wrap .intro_con.intro_driver .desc p{0 0 10px 0}
.brief_list li>span{display:block;width:70px;height:70px;margin:0 auto 5px}
/* 신타리워드 텍스트 버전 */
.sinta_reword{padding:0;}
.sinta_reword .tit{margin-bottom:10px;}
.sinta_reword .sin_copy	{font-size:14px;}
.sinta_reword .sin_gift{padding:0 26% 0 20%;/*padding:0 26% 0 20%;*/}
.sinta_reword .txt_tip{padding-top:10px;}
.sinta_reword .sin_date{margin-bottom:5px;}
.type_two{margin:16px -15px -20px;padding:12px 15px 20px}
.card_zone{padding:0 3px;}
.card_zone li{padding:4px 0 4px 10px;}
}
/*2017-09-13 두툼포인트*/
.dotm{}
.dotm .tit_dotm{margin:0 0 8px 0;font-size:17px;font-weight:700}
.dotm .tit_dotm img{width:37px;display:inline-block;margin:-3px 8px 0 0}
.dotm .txt_dotm{font-size:15px;color:#666}
.dotm .txt_dotm strong{color:#e11b22}
.dotm_save h4{font-size:14px !important}
.dotm_save h4 em{color:#e11b22;font-weight:700}
.dotm_save h4 img{height:inherit !important;width:28px}
.dotm_save p{font-size:13px;color:#888}
.dotm_payment{margin:27px 0 0 0}
.dotm_payment .tbl_view01{margin:27px 0 0 0}
.dotm_payment .tbl_view01 tbody td{font-weight:700;}
.dotm_payment .tbl_view01 tbody td span{vertical-align:middle}
.dotm_payment .tbl_view01 tbody th.last, .dotm_payment .tbl_view01 tbody td.last{border-bottom:1px solid #000}
.dotm_payment .tbl_view01 tfoot th, .dotm_payment .tbl_view01 tfoot td{padding:18px 0;border-top:1px solid #000;border-bottom:1px solid #ddd;color:#000;font-weight:700;}
.dotm_payment .tbl_view01 tfoot td{font-size:20px;color:#e11b22}
.dotm_payment .tbl_view01 tfoot td span{vertical-align:middle}
/*시스템 점검 관련 자동차 8단계 공지노출2017-10-18*/
.step_wrap.syt_notice{padding:25px 0 30px}/* 180427 padding-bottom 추가 */
.step_wrap.syt_notice .sub_tit{padding:0 15px}
.step_wrap.syt_notice .bx_plan_wh{margin-bottom:0;padding:25px 15px 40px;/*background-color:#f4f4f4*/}
.step_wrap.syt_notice .bn_system h4{margin:0 0 12px 0;padding-top:25px;font-size:17px;font-weight:700;}
.step_wrap.syt_notice .bn_system h5{margin:0 0 10px 0;font-size:15px;font-weight:700;}
.step_wrap.syt_notice .bn_system h6{margin:0 0 8px 0;font-size:15px;font-weight:700;}
.step_wrap.syt_notice .bn_system p{font-size:14px;line-height:22px;color:#666}
.step_wrap.syt_notice .bn_system p>span{color:#00819a;font-weight:700}
.step_wrap.syt_notice .bn_system .list_type02{margin:0 0 20px 0;padding:0 0 25px 0;border-bottom:1px solid #ddd}
.step_wrap.syt_notice .bn_system .list_type02 li{margin:0 0 5px 0;color:#00819a;font-size:14px}
.step_wrap.syt_notice .bn_system .list_type02 li a{float:right;margin-right:25px;color:#666;text-decoration:underline;font-size:14px}
.step_wrap.syt_notice .bn_system .txt_doc{color:#000;font-weight:700}
.step_wrap.syt_notice .bn_system .txt_doc:after{display:inline-block;content:"*";color:#e11b22;margin-left:2px}
/*2017-12-19 타이어공기압 측정시스템*/
/*.bx_plan.bx_plan_wh{margin:0 0 15px;padding:20px 20px 18px;background:#fff}*/
.electric_tire{margin:20px 0 20px 0;padding:18px 5px 16px 56px; font-size:14px;background:#f4f4f4 url(/subscribe/images/pd/pn/ico_i02.png) 20px 24px no-repeat;background-size:27px 25px}
.electric_tire a.btn_ly_info{vertical-align: -2px;margin-left:0;}
.child_wrap .txt_tit.tire_type{padding:5px 0 5px 60px;background:url(/subscribe/images/pd/pn/ico_i.png) 4px 50% no-repeat;background-size:38px 35px}

.dir_step1 .two_error_m .grouping .blank{float:left;width:10%;height:1px}
.dir_step1 .two_error_m .grouping .group{float:left;width:45%;margin:0 !important;}
.dir_step1 .two_error_m .group input{-webkit-appearance:none}

.diccar_banner_area.banner_abs {width:235px;height:36px;top:-35px;z-index:9}

/* 신타 자동차계산기 팝업 관련 */
.Npd_no{padding: 0;}
.N_m_center{text-align: center;}
.N_type_two_area{width:100%; display:table ;text-align: center; border-top: 1px dashed #d6d6d5;}
.N_tit_txt_wrap{line-height: 15px;}
.N_tit_txt_wrap1{display: table-cell; width: 50%; text-align: center;}
.N_tit_txt_wrap1:first-child{padding-right: 10px;}
.N_tit_txt_wrap1:last-child{border-left: 1px dashed #d6d6d5; padding-left: 15px;}
.N_tit_txt_wrap2{text-align: center;}
.N_tit_txt{font-size: 14px;  color: #000;}
.N_br_txt1{font-size: 14px;  color: #000; letter-spacing: -0.15em;}
.N_date{font-size: 12px;  color: #666666;}
.txt_blue2{color: #00819a}
.N_img, .N_img1{margin:2px 13px 8px 0;  line-height: 57px; vertical-align: top; }
.N_img1{margin:2px 0 6px 0; line-height: 72px; vertical-align: top; padding-top: 6px; }
.N_img1 img:first-child{ margin-right: 13px;}
.N_tit_txt_wrap1 button{background: #0096af; font-size: 9px; color: #fff; text-align: center; width: 100%; height: 25px; border: none; font-weight: bold;}
.ob_lnd .btn_area .btn_big_blue1{display: inline-block; width: 132px; height: 24px; background-color: #0096af; text-align: center; line-height: 24px; font-size: 9px; border: none; }
.ob_lnd .btn_area .btn_big_blue1 span{color: #fff}
.N_type_one_area{width:100%;text-align: left; border-top: 1px dashed #d6d6d5;}
.N_type_one_area:first-child{margin-top: 20px;}
.N_type_one_area:last-child{margin-bottom: 14px;}
.no_t_line{border-top: none}
.no_t_pd{padding-top: 0; margin-top: 18px;}
/* 신타 자동차계산기 팝업 관련(국민카드 없을시) */
.sinta_reword.no_kbCard .N_tit_txt{margin:15px 0 0 0}

/*신타 자동차계산기 alert_48~50.tpl -180611 추가*/
.type_one .ft_12{font-size: 12px !important; color: #666666 !important; letter-spacing: 0;}
.btn_smc.wd img{width: 100px;}

/* 자동차CM 보험료계산  본인인증단계*/
.mt70 {margin-top:70px !important;}

/* 자동차CM 보험료계산 step2*/
.N_row{display: block !important; margin-bottom: 5px !important;}

/* 모바일 상품안내장 A타입(올바른실손건강) */
#wrap_mobile_pn .tm_pdAano_materia{position: absolute; top: -45px}
.tm_pdAano_materia .header{position: relative; z-index: 90; height: 45px; min-height: 45px; width: 100%; box-shadow: 0px 5px 10px -2px rgba(0,0,0,.15)}
.tm_pdAano_materia .header > h1{height: 45px; padding: 3px 0 0 15px; font-size: 14px; text-align: left; box-sizing: border-box;}
.tm_pdAano_materia .header > h1 img{width: 100px}
.tm_pdAano_materia.intro .header > h1{text-align: center}
.tm_pdAano_materia .header > h2{position: absolute; top: 14px; right: 15px; color: #333; font-size: 14px; font-weight: 700}
.tm_pdAano_materia .banner img, .tm_pdAano_materia .cont img{width: 100%;}
.tm_pdAano_materia .cont{background: #fff; padding:0 15px 30px}
.tm_pdAano_materia.intro .cont{position: relative; padding: 0; background: #ffe6ee;}
.tm_pdAano_materia .cont .main_tit{padding-top: 25px; color: #0096af; font-size: 17px; font-weight: 700}
.tm_pdAano_materia .cont .cont_inner{padding-top: 25px}
.tm_pdAano_materia .cont .main_tit + .cont_inner{padding-top: 15px}
.tm_pdAano_materia .cont .cont_inner .tit{padding: 0 0 14px; margin: 0; color: #000; font-size: 16px; font-weight: 700}
.tm_pdAano_materia .cont .cont_inner .tit:before {display: block; width: 14px; height: 3px; margin-bottom: 9px; background-color: #e11b22; content: "";}
.tm_pdAano_materia .cont .cont_inner .tit + .tit_dot{margin: 0 0 15px 7px; font-weight: 700; font-size: 14px}
.tm_pdAano_materia .cont .cont_inner .tit_dot span{display: block; text-indent: 32px;}
.tm_pdAano_materia .cont .cont_inner table{font-size: 15px; margin: 0}
.tm_pdAano_materia .cont .cont_inner table .cols2{padding-right: 7%}
.tm_pdAano_materia .cont .cont_inner .tbl_list01.gray thead > tr > th{background: #f4f4f4}
.tm_pdAano_materia .cont .cont_inner .tbl_list01.gray thead th, .tm_pdAano_materia .tbl_list01.gray tbody th, .tm_pdAano_materia .tbl_list01.gray tbody td,
.tm_pdAano_materia .cont .cont_inner .tbl_list01.gray tbody td:first-child, .tm_pdAano_materia .tbl_list01.gray tbody th:first-child, .tm_pdAano_materia .tbl_list01.gray thead th:first-child{padding: 12px 27px}
.tm_pdAano_materia .cont .cont_inner .tbl_list01.gray thead th, .tm_pdAano_materia .tbl_list01.gray tbody th, .tm_pdAano_materia .tbl_list01.gray tbody td,
.tm_pdAano_materia .cont .cont_inner .tbl_list01 thead th, .tm_pdAano_materia .tbl_list01 tbody th, .tm_pdAano_materia .tbl_list01 tbody td{font-weight: 700}
.tm_pdAano_materia .cont .cont_inner .tbl_txt{padding-top: 10px; color: #333}
.tm_pdAano_materia .cont .cont_inner .tbl_txt + .txt_tip.no_line{padding: 15px 0 0 0}
.btn_step .next.notice:before{position:absolute;top: 25px;right:15px;z-index:10;width: 17px;height: 10px;background:url(/subscribe/images/common/ico_arrow_top.png) 0 0 no-repeat;background-size: 17px 10px;content:"";}
.btn_step .next.notice span{padding-right: 40px}
.btn_step .prev+.next.notice.passing span:before {background-color: #0096af}
.tm_pdAano_materia .cont .cont_inner .notice{margin-top: 20px}
.tm_pdAano_materia .cont .cont_inner .notice > a{display: inline-block; width: 100%; background: #eee; padding: 10px 0; text-align: center; color:  #000; font-size:  14px;}
.tm_pdAano_materia .cont .cont_inner .notice > a:before{content: '';display: inline-block; width: 21px;height: 21px;margin-right: 10px; background: url(/subscribe/images/common/ico_notice01.png) 0 center no-repeat; background-size:21px 21px; vertical-align: middle;}
.tm_pdAano_materia .cont .cont_inner .notice > a:after{content: ''; display: inline-block; width: 7px;height: 11px;margin-left: 10px; background: url(/subscribe/images/common/ico_arrow_black3.png) 0 0 no-repeat; background-size: 7px 11px; vertical-align:  middle;}

/* 모바일 상품안내장 B타입(스크롤형, 실속건강) */
.tm_pdAano_goodHealth .header{position: absolute; top: -57px; width:100%; z-index: 90; height: 67px; min-height: 57px; background-color: #fff; box-shadow: 0px 5px 10px -2px rgba(0,0,0,.15);}
.tm_pdAano_goodHealth .header > h1{height: 67px; padding-top: 20px; font-size: 14px; text-align: center; box-sizing: border-box;}
.tm_pdAano_goodHealth .header > h1 img{width: 120px;}
.tm_pdAano_goodHealth .header > h2{position: absolute; top: 14px; right: 15px; color: #333; font-size: 14px; font-weight: 700}
.tm_pdAano_goodHealth .banner img, .tm_pdAano_goodHealth .cont img{width: 100%;}
.tm_pdAano_goodHealth .cont.intro_area{position: relative; width: 100%; text-align: center;  padding: 0; background: #fff7f4;  padding: 0 0 66px 0;}
.tm_pdAano_goodHealth .cont.intro_area .arrow{display: inline-block; width:17px;height: 11px; background: url(/subscribe/images/tm/app/img_goodHealthTyB_arrow.gif) 0 0 no-repeat; background-size:17px 11px;text-indent: -9999em; color: transparent; /*margin: 33px 0 20px 0;*/
position:absolute; bottom:22px; left:50%; transform:translateX(-50%); animation:arrow 4s ease-in-out 1s infinite; -webkit-animation:arrow 4s ease-in-out 1s infinite; -ms-animation:arrow 4s ease-in-out 1s infinite;}
@keyframes arrow{
0%, 20%, 50%, 70%{bottom:22px;}
10%, 60%{bottom:30px;}
}
@-webkit-keyframes arrow{
0%, 20%, 50%, 70%{bottom:22px;}
10%, 60%{bottom:30px;}
}
.tm_pdAano_goodHealth .cont{background: #fff; padding:0 15px 0}
.tm_pdAano_goodHealth .cont .cont_inner{padding: 0 0 50px;}
.tm_pdAano_goodHealth .cont .cont_inner:first-child{padding: 35px 0 50px;}
.tm_pdAano_goodHealth .cont .cont_inner:last-child{padding: 0 0 55px 0;}
.tm_pdAano_goodHealth .cont .cont_inner .tit{padding: 0 0 14px; margin: 0; color: #000; font-size: 18px; font-weight: 700}
.tm_pdAano_goodHealth .cont .cont_inner .tit + .tit_dot{margin: 0 0 15px 7px; font-weight: 700; font-size: 14px; color: #333;}
.tm_pdAano_goodHealth .cont .cont_inner .tit_dot span{display: block; text-indent: 32px;}
.tm_pdAano_goodHealth .cont .cont_inner table{font-size: 13px; margin: 0; border-top: 2px solid #333;}
.tm_pdAano_goodHealth .cont .cont_inner table .cols2{padding-right: 7%}
.tm_pdAano_goodHealth .cont .cont_inner .tbl_list01 thead > tr > th{background: #f4f4f4; font-size: 13px;}
.tm_pdAano_goodHealth .cont .cont_inner .tbl_list01.gray01 thead > tr > th,
.tm_pdAano_goodHealth .cont .cont_inner .tbl_list01.gray03 thead > tr > th{font-weight: 700;}
.tm_pdAano_goodHealth .cont .cont_inner .tbl_list01.gray01 tbody td{font-size: 15px; padding: 10px 10px 10px 0;}
.tm_pdAano_goodHealth .cont .cont_inner .tbl_list01.gray01 tbody td > span{font-weight: 700;}
.tm_pdAano_goodHealth .cont .cont_inner .tbl_list01.gray01 tbody th{font-weight: 700}
.tm_pdAano_goodHealth .cont .cont_inner .tbl_list01.gray01 thead th {padding: 9px 10px 9px 0; border-bottom: 1px solid #ddd; color: #000;}
.tm_pdAano_goodHealth .cont .cont_inner .tbl_list01.gray01 thead th:first-child{padding-left: 16%; font-size: 13px;}
.tm_pdAano_goodHealth .cont .cont_inner .tbl_list01.gray02 thead > tr > th{font-weight: 700;}
.tm_pdAano_goodHealth .cont .cont_inner .tbl_list01.gray02 tbody td{font-size: 15px; padding: 10px 40px 10px 0; font-weight: 700;}
.tm_pdAano_goodHealth .cont .cont_inner .tbl_list01.gray02 tbody td > span{font-weight: 700;}
.tm_pdAano_goodHealth .cont .cont_inner .tbl_list01.gray02 tbody th{font-weight: 400; padding-left: 9%;}
.tm_pdAano_goodHealth .cont .cont_inner .tbl_list01.gray02 thead th {padding: 9px 40px 9px 0; border-bottom: 1px solid #ddd; color: #000;}
.tm_pdAano_goodHealth .cont .cont_inner .tbl_list01.gray02 thead th:first-child{padding-left: 9%; font-size: 13px;}
.tm_pdAano_goodHealth .cont .cont_inner .tbl_list01.gray03 tbody td{font-size: 15px; padding: 10px 10px 10px 0;}
.tm_pdAano_goodHealth .cont .cont_inner .tbl_list01.gray03 tbody td > span{font-weight: 700;}
.tm_pdAano_goodHealth .cont .cont_inner .tbl_list01.gray03 tbody th{font-weight: 700; padding-right: 10px;}
.tm_pdAano_goodHealth .cont .cont_inner .tbl_list01.gray03 thead th {padding: 9px 10px 9px 0; border-bottom: 1px solid #ddd; color: #000;}
.tm_pdAano_goodHealth .cont .cont_inner .tbl_list01.gray03 thead th:first-child{padding-left: 21%; font-size: 13px;}
.tm_pdAano_goodHealth .cont .cont_inner .tbl_txt{padding-top: 10px; color: #333;}
.tm_pdAano_goodHealth .cont .cont_inner .tbl_txt + .txt_tip.no_line{padding: 15px 0 0 0}
.tm_pdAano_goodHealth .cont .cont_inner .notice{margin-top: 20px}
.tm_pdAano_goodHealth .cont .cont_inner .notice > a{display: inline-block; width: 100%; background: #eee; padding: 10px 0; text-align: center; color:  #000; font-size:  14px;}
.tm_pdAano_goodHealth .cont .cont_inner .notice > a:before{content: '';display: inline-block; width: 21px;height: 21px;margin-right: 10px; background: url(/subscribe/images/common/ico_notice01.png) 0 center no-repeat; background-size:21px 21px; vertical-align: middle;}
.tm_pdAano_goodHealth .cont .cont_inner .notice > a:after{content: ''; display: inline-block; width: 7px;height: 11px;margin-left: 10px; background: url(/subscribe/images/common/ico_arrow_black3.png) 0 0 no-repeat; background-size: 7px 11px; vertical-align:  middle;}
.tm_pdAano_goodHealth .cont .cont_inner .txt_tip{padding: 20px 0 0; margin: 0; border-top: 0;}
.tm_pdAano_goodHealth .cont .cont_inner .txt_tip + .txt_tip{padding: 10px 0 0 0}

/* 휴대폰본인인증 약관 최신화 작업 - 알뜰폰 추가작업 20220708 */
.my_certification_wrap.addTy{height: 135px;}
.my_certification_wrap.addTy .my_certification.ico_none{display: flex;flex-flow: row wrap;margin: 12px 0 28px;}
.my_certification_wrap.addTy .my_certification.ico_none a{width: 30%;height: 55px;display: flex; flex: auto;justify-content: center; align-items: center;padding: 0; color: #333; font-size: 15px;}
.my_certification_wrap.addTy .my_certification a{margin: 0 0 0 5px;}
.my_certification_wrap.addTy .my_certification a:nth-child(1),.my_certification_wrap.addTy .my_certification a:nth-child(2),.my_certification_wrap.addTy .my_certification a:nth-child(3){margin-bottom: 5px;}
.my_certification_wrap.addTy .my_certification a:nth-child(1),.my_certification_wrap.addTy .my_certification a:nth-child(4){margin-left: 0;}
.list_assent02 .list_type05 > li{margin: 0; padding: 0 0 0 7px}


/* 모바일 상품안내장 B타입(스크롤형, 올바른 암보험) */
.tm_pdAano_cancerCare .header{position: absolute; top: -57px; width:100%; z-index: 90; height: 67px;box-shadow: 0px 5px 10px -2px rgba(0,0,0,.15);background-color: #fff}
.tm_pdAano_cancerCare .header > h1{height: 67px; padding-top: 20px; font-size: 14px; text-align: center; box-sizing: border-box;}
.tm_pdAano_cancerCare .header > h1 img{width: 120px}
.tm_pdAano_cancerCare .header > h2{position: absolute; top: 14px; right: 15px; color: #333; font-size: 14px; font-weight: 700}
.tm_pdAano_cancerCare .banner img, .tm_pdAano_cancerCare .cont img{width: 100%;}
.tm_pdAano_cancerCare .cont.intro_area{position: relative; width: 100%; padding: 0 0 33px 0; margin-bottom: 0; text-align: center; background: #e5f6ff;}
.tm_pdAano_cancerCare .cont.intro_area .arrow{display: inline-block;width:17px;height: 11px;background: url(/subscribe/images/tm/app/img_goodHealthTyB_arrow.gif) 0 0 no-repeat;background-size:17px 11px;text-indent: -9999em;color: transparent; position:absolute;bottom: 8px;left:50%;transform:translateX(-50%);
animation:arrow 4s ease-in-out 1s infinite;-webkit-animation:arrow 4s ease-in-out 1s infinite;-ms-animation:arrow 4s ease-in-out 1s infinite;}
@keyframes arrow{
0%, 20%, 50%, 70%{bottom:8px;}
10%, 60%{bottom:13px;}
}
@-webkit-keyframes arrow{
0%, 20%, 50%, 70%{bottom:8px;}
10%, 60%{bottom:13px;}
}
.tm_pdAano_cancerCare .cont{background: #fff;}
.tm_pdAano_cancerCare .cont .cont_inner{padding: 50px 15px 0 15px;margin-bottom: 50px;padding: 50px 0 0 0;}
.tm_pdAano_cancerCare .cont .cont_inner.last{margin-bottom: 75px; padding: 50px 15px 0;}
.tm_pdAano_cancerCare .cont .cont_inner .tit{margin: 0; color: #000;font-size: 18px;font-weight: 700;letter-spacing: -.05em;padding: 0 15px;}
.tm_pdAano_cancerCare .cont .cont_inner.last .tit{padding:0;}
.tm_pdAano_cancerCare .cont .cont_inner .tit > span{color: #000; font-size: 16px; font-weight: 400;}
.tm_pdAano_cancerCare .cont .cont_inner .img{padding: 25px 0 0 15px;box-sizing: border-box;}
.tm_pdAano_cancerCare .cont .cont_inner .notice + .img,
.tm_pdAano_cancerCare .cont .cont_inner .img1{padding: 0 0 0 15px}
.tm_pdAano_cancerCare .cont .cont_inner .notice{margin: 40px 15px;}
.tm_pdAano_cancerCare .cont .cont_inner.last .notice{margin: 40px 0;}
.tm_pdAano_cancerCare .cont .cont_inner .notice dl > dt{font-size: 15px; color: #333; font-weight: 700; padding:47px 0 13px 0; background: url(/subscribe/images/tm/app/img_cancerCareB_notice.png) center 0 no-repeat; background-size:35px 35px;}
.tm_pdAano_cancerCare .cont .cont_inner .notice dl > dt > em{color: #ec454b; font-weight: 700;}
.tm_pdAano_cancerCare .cont .cont_inner .notice dl > dd{font-size: 13px; color: #666; font-weight: 400}
.tm_pdAano_cancerCare .cont .cont_inner .notice dl > dd.exhibit{color: #3a8dba;border-top:1px solid #c8cfd3;padding: 12px 0 0 0;margin: 18px 15px 0 15px;}
.tm_pdAano_cancerCare .cont .cont_inner .notice dl > dd.exhibit > em{font-weight: 700;}
.tm_pdAano_cancerCare .cont .cont_inner .notice dl > dd.emp{padding-top: 14px; font-size: 13px; color: #3a8dba; font-weight: 700;}
.tm_pdAano_cancerCare .cont .cont_inner .notice dl > dd .space{letter-spacing: -1.7px;}
.tm_pdAano_cancerCare .cont .cont_inner .tit_dot{margin: 25px 0 15px 7px; padding-left: 7px; font-weight: 700; font-size: 14px; color: #333;}
.tm_pdAano_cancerCare .cont .cont_inner table{margin: 0; font-size: 13px; border-top: 2px solid #333;}
.tm_pdAano_cancerCare .cont .cont_inner .tbl_list01 thead > tr > th{padding: 9px 0; font-size: 13px; font-weight: 700; background: #f4f4f4; border-bottom: 1px solid #ddd; color: #000;}
.tm_pdAano_cancerCare .cont .cont_inner .tbl_list01 tbody th{padding: 7px 0; font-weight: 400;}
.tm_pdAano_cancerCare .cont .cont_inner .tbl_list01 tbody th > span{font-size: 12px}
.tm_pdAano_cancerCare .cont .cont_inner .tbl_list01 tbody td{padding: 7px 0 19px 0; font-size: 14px;}
.tm_pdAano_cancerCare .cont .cont_inner .tbl_list01 tbody td > span{padding: 7px 0 19px 0; font-size: 14px; font-weight: 700}
.tm_pdAano_cancerCare .cont .cont_inner .tbl_txt{padding-top: 8px; font-size: 12px; color: #333; text-align: right;}
.tm_pdAano_cancerCare .cont .cont_inner .tbl_txt + .txt_tip.no_line{padding: 15px 0 0 0}
@media screen and (max-width:320px){
.tm_pdAano_cancerCare .cont .cont_inner .tbl_list01 tbody th{font-size: 11px;}
.tm_pdAano_cancerCare .cont .cont_inner .tbl_list01 tbody th > span{font-size: 11px}
.tm_pdAano_cancerCare .cont .cont_inner .tbl_list01 tbody td{font-size: 12px;}
}
.tm_pdAano_cancerCare .cont .cont_inner .btn_notice{margin-top: 20px}
.tm_pdAano_cancerCare .cont .cont_inner .btn_notice > a{display: inline-block; width: 100%; background: #eee; padding: 10px 0; text-align: center; color:  #000; font-size:  14px;}
.tm_pdAano_cancerCare .cont .cont_inner .btn_notice > a:before{content: '';display: inline-block; width: 21px;height: 21px;margin-right: 10px; background: url(/subscribe/images/common/ico_notice01.png) 0 center no-repeat; background-size:21px 21px; vertical-align: middle;}
.tm_pdAano_cancerCare .cont .cont_inner .btn_notice > a:after{content: ''; display: inline-block; width: 7px;height: 11px;margin-left: 10px; background: url(/subscribe/images/common/ico_arrow_black3.png) 0 0 no-repeat; background-size: 7px 11px; vertical-align:  middle;}
.tm_pdAano_cancerCare .cont .cont_inner .txt_tip{padding: 25px 0 0; margin: 0; border-top: 0;}

/* WYJ : 상품안내장 - 20191010 */
.tm_pdAano_cancerCare .cont .cont_inner.btn{margin:0;padding:0 15px;}
.tm_pdAano_cancerCare .cont .cont_inner .btn_plan{margin-top: 20px}
.tm_pdAano_cancerCare .cont .cont_inner .btn_plan > a{display: inline-block; width: 100%; background: #0096af; padding: 10px 0; text-align: center; color:  #fff; font-size:  14px;}
.tm_pdAano_cancerCare .cont .cont_inner .btn_plan > a:before{content: '';display: inline-block; width: 21px;height: 21px;margin-right: 10px; background: url(/subscribe/images/common/ico_month_plan.png) 0 center no-repeat; background-size:21px 21px; vertical-align: middle;}
.tm_pdAano_cancerCare .cont .cont_inner .btn_plan > a:after{content: ''; display: inline-block; width: 7px;height: 11px;margin-left: 10px; background: url(/subscribe/images/common/ico_arrow_white.png) 0 0 no-repeat; background-size: 7px 11px; vertical-align:  middle;}

/* 200115 : BHY : 모바일 상품안내장 (웹툰형, 2040올바른 정기보험) */
.tm_pdAano_webtoon .header{position: absolute; top: -57px; width:100%; z-index: 90; height: 67px;box-shadow: 0px 5px 10px -2px rgba(0,0,0,.15);background-color: #fff}
.tm_pdAano_webtoon .header > h1{height: 67px; padding-top: 20px; font-size: 14px; text-align: center; box-sizing: border-box;}
.tm_pdAano_webtoon .header > h1 img{width: 120px}
.tm_pdAano_webtoon .container {padding:5px 15px;}
.tm_pdAano_webtoon .container img {padding: 25px 0}
.tm_pdAano_webtoon .container img:last-child {padding-top: 0;}

/* 200211 : WYJ : 착한보험 연구소 flag 추가  */
.good_guide .banner_list li:first-child {position:relative;}
.good_guide .banner_list li:first-child .best {position:absolute;left:20px;top:-11.7px;width:71px;height:27px;background:url("/subscribe/images/dlb/good/img_library_bestMo.png") no-repeat 0 0;background-size:100%;z-index:10;}

/* 200303 : KJW : overflow수정 */
.gurt20_hidden {position: absolute; top: 57px; width: 100%; height:100%; background: #fff; }
.gurt20_wraphidden {overflow-x:unset !important;overflow:unset !important;min-height:unset !important; height:unset !important;}

/* 200309 : KJW : CM자동차 블랙박스, 차선이탈방지 팝업 */
.alert_info67 .layer_wrap .layer_head,
.alert_info66 .layer_wrap .layer_head {font-size:15px; font-weight:700; letter-spacing:-0.08em;}
.alert_info67 .layer_wrap .layer_info>dl>dt,
.alert_info66 .layer_wrap .layer_info>dl>dt {font-size:15px; font-weight:700; letter-spacing:-0.05em; margin-bottom:0;}
.alert_info67 .layer_wrap .layer_info>dl>dd p,
.alert_info66 .layer_wrap .layer_info>dl>dd p {font-size:15px; font-weight:400; letter-spacing:-0.05em; margin:0 0 30px;}
.alert_info67 .layer_wrap .layer_info>dl>dd .term_guid,
.alert_info66 .layer_wrap .layer_info>dl>dd .term_guid {display:flex; align-content:space-between; flex-direction:row;}
.alert_info67 .layer_wrap .layer_info>dl>dd .term_guid .imgwrap_pop,
.alert_info66 .layer_wrap .layer_info>dl>dd .term_guid .imgwrap_pop {display:block; padding-left:4px; width:50%; box-sizing:border-box;}
.alert_info67 .layer_wrap .layer_info>dl>dd .term_guid .imgwrap_pop:first-child,
.alert_info66 .layer_wrap .layer_info>dl>dd .term_guid .imgwrap_pop:first-child {padding-left:0; padding-right:4px;}

/* 블랙박스 필수 등록정보 팝업 */
#pop_wrap.registBlbxBtfPop #pop_header h1 {font-size:16px; text-align:center; padding:0 15px;}
.registBlbxBtfPop .register_tab01 {margin-top:45px;}
.registBlbxBtfPop .car_photo_find {display:flex; align-content:space-between; margin:0;}
.registBlbxBtfPop .car_photo_find #regForm1, .registBlbxBtfPop .car_photo_find #regForm2 {display:flex; width:50%; margin-left:5px;}
.registBlbxBtfPop .car_photo_find #regForm1 .bx_valid, .registBlbxBtfPop .car_photo_find #regForm2 .bx_valid {width:100%;}
.registBlbxBtfPop .car_photo_find #regForm1 {margin-left:0; margin-right:5px;}
.registBlbxBtfPop .car_photo_find .img_photo {display:block; width:100%;}
.registBlbxBtfPop .car_photo_find .img_photo span {width:160px; height:120px; border:none; overflow:hidden; text-align:center; margin:0 auto;}
.registBlbxBtfPop .car_photo_find .img_photo span > img {width:160px; height:120px;}
.registBlbxBtfPop .car_photo_find .btn_photo {display:block; width:100%; padding:20px 5px 0; box-sizing: border-box}
.registBlbxBtfPop .car_photo_find .btn_photo>span {display:block; width:100%; box-sizing:border-box;}
.registBlbxBtfPop .car_photo_find .btn_photo>span.disabled { opacity:0.3; }
.registBlbxBtfPop .car_photo_find .btn_photo .img_name {padding-top:15px; text-align:center;}
.registBlbxBtfPop .car_photo_find .btn_photo .img_name span {font-size:14px; word-break:break-all;}
.registBlbxBtfPop .car_photo_find .img_photo em {top:unset; bottom:0;}
.registBlbxBtfPop .register_tab01 .txt_tip {margin:30px 0 0;}
/* 차선이탈 필수 등록정보 팝업 */
#pop_wrap.registLdwsPop #pop_header h1 {font-size:16px; text-align:center; padding:0 15px;}
.registLdwsPop .register_tab01 {margin-top:45px;}
.registLdwsPop .car_photo_find {display:flex; align-content:space-between; margin:0;}
.registLdwsPop .car_photo_find #regForm1, .registLdwsPop .car_photo_find #regForm2 {display:flex; width:50%; margin-left:5px;}
.registLdwsPop .car_photo_find #regForm1 .bx_valid, .registLdwsPop .car_photo_find #regForm2 .bx_valid {width:100%;}
.registLdwsPop .car_photo_find #regForm1 {margin-left:0; margin-right:5px;}
.registLdwsPop .car_photo_find .img_photo {display:block; width:100%;}
.registLdwsPop .car_photo_find .img_photo span {width:160px; height:120px; border:none; overflow:hidden; text-align:center; margin:0 auto;}
.registLdwsPop .car_photo_find .img_photo span > img {width:160px; height:120px;}
.registLdwsPop .car_photo_find .btn_photo {display:block; width:100%; padding:20px 5px 0; box-sizing: border-box}
.registLdwsPop .car_photo_find .btn_photo>span {display:block; width:100%; box-sizing:border-box;}
.registLdwsPop .car_photo_find .btn_photo .img_name {padding-top:15px; text-align:center;}
.registLdwsPop .car_photo_find .btn_photo .img_name span {font-size:14px; word-break:break-all;}
.registLdwsPop .car_photo_find .img_photo em {top:unset; bottom:0;}
.registLdwsPop .register_tab01 .txt_tip {margin:30px 0 0;}

/* 자녀할인 특약 팝업 수정 */
#pop_wrap.chdnDcSicPop .car_photo_find {width:100%;}
#pop_wrap.chdnDcSicPop .car_photo_find .img_photo {width:50%;}
#pop_wrap.chdnDcSicPop .car_photo_find .img_photo span {width:100%; height:auto;}

/* 20200609 : KJW : 가입예시 테이블 위 쪽 제목 공통 소스화 */
.lyjoin_tbl_title {position:relative; margin:25px 0 10px;}
.lyjoin_tbl_title:first-of-type {margin:0 0 10px;}
.lyjoin_tbl_title > strong {display:block; margin:0 0 7px;}
.lyjoin_tbl_title > p {color: #777; font-size:13px; text-align:right;}
.mutualaid_terms > p {color:#666; font-size:13px; margin-bottom:7px;}

/* 200810 : BHY : 마케팅 수신거부 수정  20220217 DJM 수정*/
.drop_wrap {padding:0 5% 6%;background-color:#f5f5f5;}
.drop_wrap.mkt_cancel {background-color:#ffffff00;}
.drop_wrap .cont_box {padding-top:5%;font-weight: bold;text-align:center;}
.drop_wrap .cont_txt p.ask {margin-bottom:8px;font-weight: bold;text-align: center;}
.drop_wrap .cont_box strong {color: #999;font-weight: normal;font-size: 14px;}
.drop_wrap .cont_txt.ty02 {width:1%;display:table-cell;vertical-align:middle;}
.drop_wrap .cont_txt p {color:#333;font-size:16px;line-height:1.4;}
.drop_wrap .cont_txt.ty02 p {text-align:center;}
.drop_wrap .cont_txt .txt_red {font-weight:bold;}
.drop_wrap .ob_lnd .btn_area {margin:27px 0 5px;}
.drop_wrap .ob_lnd .btn_area .btns.btn_l_gray.deap {background-color:#666 !important;}
.drop_wrap .ob_lnd .btn_area .btns.btn_l_gray.passing {padding: 0 15%;}
.drop_wrap .ob_lnd .btn_area .btns.btn_n_gray.light {background-color:#999 !important;}
.drop_wrap .ob_lnd .btn_area .btns.btn_n_gray:hover {color: #ffffff;}
.drop_wrap .cont_txt ul li {position:relative;padding-left:8px;color:#666;font-size:16px;line-height:1.6;}
.drop_wrap .cont_txt ul li:before {position:absolute;content:'';left:0;top:10px;width:3px;height:3px;background:#666;border-radius:50%;}

.drop_kindlab {padding:5%;}
.drop_kindlab dl {border-bottom: 2px solid #000;background:url("/subscribe/images/common/img_drop_01.png") no-repeat 96% bottom;background-size:contain;padding-bottom: 2.5%;}
.drop_kindlab dl dt {font-size: 15px;font-weight: bold;color: #000;padding-bottom: 2%;}
.drop_kindlab dl dd {font-size: 13px;color: #666;}
.drop_kindlab ul {padding:5% 0 0 0;}
.drop_kindlab ul li {border:1px solid #e9e9e9;}
.drop_kindlab ul li:nth-child(1) {margin-bottom: 3%;}
.drop_kindlab ul li a {display: block;color: #333;font-size: 14px;}
.drop_kindlab ul li:nth-child(1) a {background:url("/subscribe/images/common/img_drop_02.png") no-repeat 5% center;background-size:contain;}
.drop_kindlab ul li:nth-child(2) a {background:url("/subscribe/images/common/img_drop_03.png") no-repeat 5% center;background-size:contain;}
.drop_kindlab ul li a span {display: block;padding:2% 0 2% 80px;margin:3%}
.drop_kindlab ul li a span strong {display: block;padding-bottom: 1%;}
.drop_kindlab ul li a span em {display: inline-block;background:url("/subscribe/images/common/ico_arrow_drop.png") no-repeat right center;background-size:auto 50%;padding-right: 5%;}

/* 20220218 마케팅동의 철회 신청 */
.drop_wrap .cont_box .fs20{font-size: 20px;}
.drop_wrap.mkt_cancel .cont_box {padding-top: 23px;    font-weight: normal;}
.drop_wrap.mkt_cancel .cont_box .cont_txt{font-family: "RixSGo B";line-height: 1.3;}
.drop_wrap.mkt_cancel .cont_box .cont_txt p{font-size: 15px;     font-weight: normal;}
.drop_wrap.mkt_cancel .cont_box .cont_txt p .txt_black{     font-weight: bold;}
.drop_wrap.mkt_cancel .cont_box .ob_lnd .btn_area .btns.btn_n_gray span{font-family: "RixSGo B"; font-weight: normal;    position: relative;    top: 1px;}
.drop_wrap.mkt_cancel .ob_lnd .btn_area {margin:27px 0 27px;}
/* 200915 : KSH : 자동차 가입설계 소유불일치 팝업 관련*/
.car_sub_txt_gray{font-size: 13px;color: #666;display: block;margin-top: 10px;}
#pop_wrap.pop_request .con_area .ob_lnd .btn_area.carout_tpye_btn{margin: 35px 0;}
.carout_tpye_btn a{padding: 9px 10px;border: 1px solid #000;color: #000 !important;font-size: 13px !important;}

#pop_vehcRegOwnrCnss #pop_wrap #pop_content{overflow: auto;}
#pop_vehcRegOwnrCnss2nd{height: 100%;background-color: rgba(0, 0, 0, 0.8);}
.req_own_res_pop{position: absolute;width: 100%;top: 20%;}
.req_own_res_pop .req_own_res_pop_content{background: #fff;width: 85%;margin: 0 auto;}
.req_own_res_pop .req_own_res_pop_content h2{font-size: 15px;color: #000;text-align: center;font-weight: 700;}
.req_own_res_pop .req_own_res_pop_content h2 .reg_own_con span{color: #005baf;}
.req_own_res_pop .req_own_res_pop_content h2 .reg_own_incon span{color: #e11b22;}
.req_own_res_pop .req_own_res_pop_content .pop_content_inner{padding: 90px 15px 30px;background: url(/subscribe/images/common/vehcRegOwnr_ico.png) center 30px no-repeat;background-size: 47px;}
.req_own_res_pop .req_own_res_pop_content .pop_content_inner tr th,
.req_own_res_pop .req_own_res_pop_content .pop_content_inner tr td{font-size: 13px;padding: 6px 0;}
.req_own_res_pop .req_own_res_pop_content .pop_content_inner tr th{padding-left: 15px;}
.req_own_res_pop .req_own_res_pop_content .pop_content_inner .ob_lnd .btn_area a{border: 1px solid #000;color: #000;padding: 8px 30px;font-size: 13px;font-weight: 700;}

/* 210415 : WYJ : 동의 팝업 수정 */
#pop_wrap.new_agr {position:fixed;top:10%;left:3.5%;right:3.5%;width:94%;z-index:105;overflow:hidden;border-radius:10px;overflow-y:auto;min-height:auto;}
/* #pop_wrap.new_agr.ty02 {height:490px !important} */
/* #pop_wrap.new_agr.ty02 #pop_content {height:400px !important;} */
#pop_wrap.new_agr #pop_agree {position:absolute;top:0;left:0;width:100%;color:#000;font-size:15px;font-weight:bold;background:#ececec;line-height:1.2;z-index:95;}
#pop_wrap.new_agr #pop_agree h1 {font-size:15px;font-weight:bold;padding:14px 0 14px 15px;}
#pop_wrap.new_agr #pop_agree a {position:absolute;top:4px;right:0;padding:13px;z-index:100;}
#pop_agree a.close span {display:block;width:13px;height:13px;text-indent:-999px;background:url("/default/images/common/img_agree_sprite.png") no-repeat 0 0;background-position:0 0;background-size:62px 44px;}
#pop_wrap.new_agr .pop_content_inner {padding:0 !important;}
#pop_wrap.new_agr .new_cont {margin-top:46px;padding:15px 15px 0;background:#fff;}
#pop_wrap.new_agr .new_cont .new_info p {float:left;font-size:12px;}
#pop_wrap.new_agr .new_cont .new_info:after {content:"";display:table;clear:both;}


#pop_wrap.new_agr .new_cont .chk_agree {position:relative;float:right;margin-top:13px;}
#pop_wrap.new_agr .new_cont .chk_agree button{background:#0096af;border-radius:5px;color: #fff;border: none;padding: 7px 10px;font-weight: 700;font-size: 13px}
#pop_wrap.new_agr .new_cont .bx_valid {position:relative;width:100%;margin-bottom:5px;}
#pop_wrap.new_agr .new_cont .bx_valid .txt_error {clear:both;width:auto !important;margin:0 10px 0 0;border:none;text-align:right;padding:0;font-weight:bold;}
#pop_wrap.new_agr .new_cont .txt_error.on {display:block;}
#pop_wrap.new_agr .new_cont .txt_error {display:none;padding-right:10px;}

#pop_wrap.new_agr .agree_chk {margin:15px 6px 6px 0;}
#pop_wrap.new_agr #pop_content .agree_chk h2 {float:left;font-size:13px;}
#pop_wrap.new_agr .agree_chk .ch_box {position:absolute;right:22px;}
#pop_wrap.new_agr .agree_chk .ch_box label {position: relative;text-indent:-999px;font-size:0;}
#pop_wrap.new_agr .new_cont .ch_box input[type=checkbox]+label:before {position:absolute;left:0;display:block;content:"";margin:-24px 0px 0 0;width:20px;height:24px;background: url("/default/images/common/img_agree_sprite.png") left top no-repeat;background-position:-22px -20px;background-size:62px 44px;}
#pop_wrap.new_agr .agree_chk .ch_box input[type=checkbox]:checked+label:before   {background-position:0px -20px;}
#pop_wrap.new_agr .agree_chk .ch_box input[type=checkbox] {width:20px;height:20px;opacity: 0;}
#pop_wrap.new_agr .agree_chk::after {display:table;content:"";clear:both;}
#pop_wrap.new_agr .agree_chk {position: relative;width:98%;}
#pop_wrap.new_agr .agree_chk .ipt_tooltip {display:none;position:absolute;width:143px;top:-56px;right:-6px;padding:6px 7px;background:#ecf8fa;border:1px solid #80cfdc;border-radius:5px;box-shadow:0px 5px 5px rgba(0,0,0,.2);color:#333333;font-size:12px;line-height:1.4;z-index:5;box-sizing:border-box;text-align:justify;}
#pop_wrap.new_agr .agree_chk .ipt_tooltip.on {display:block;}
#pop_wrap.new_agr .agree_chk .ipt_tooltip {animation:agrChk .7s infinite;}
#pop_wrap.new_agr .agree_chk .ipt_tooltip::before {
  position:absolute;bottom:-6px;right:12px;
  content:"";display:inline-block;
  width:12px;height:12px;background:#ecf8fa;
  transform:rotate(135deg);
  z-index:5;
}
#pop_wrap.new_agr .agree_chk .ipt_tooltip::after {
	position:absolute;bottom:-7px;right:12px;
	content:"";display:inline-block;
	width:12px;height:12px;background:#80cfdc;
	transform:rotate(135deg);
	z-index:1;
  }
#pop_wrap.new_agr .agree_chk .ipt_tooltip span {color:#0096af;font-weight:bold;}

 @keyframes agrChk {
    0% {right:-6px}
    50% {right:-1px}
    100% {right:-6px}
}

/* 210927: WSN : K랜딩 툴팁 추가 */
#pop_wrap.new_agr .agree_chk .ipt_tooltip.k {display:none;position:absolute;width:170px;top:-15px;right:40px !important;padding:6px 7px;background:#ecf8fa;border:1px solid #80cfdc;border-radius:5px;box-shadow:0px 5px 5px rgba(0,0,0,.2);color:#333333;font-size:12px;line-height:1.4;z-index:5;box-sizing:border-box;text-align:justify;}
#pop_wrap.new_agr .agree_chk .ipt_tooltip.k.on {display:block;}
#pop_wrap.new_agr .agree_chk .ipt_tooltip.k {animation:toolbum2 .7s infinite;}
#pop_wrap.new_agr .agree_chk .ipt_tooltip.k::before {
  position:absolute;top:40%;right:-6px;
  content:"";display:inline-block;
  width:12px;height:12px;background:#ecf8fa;
  transform:rotate(45deg);
  z-index:5;
}
#pop_wrap.new_agr .agree_chk .ipt_tooltip.k::after {
	position:absolute;top:40%;right:-7px;
	content:"";display:inline-block;
	width:12px;height:12px;background:#80cfdc;
	transform:rotate(45deg);
	z-index:1;
  }
#pop_wrap.new_agr .agree_chk .ipt_tooltip.k span {color:#0096af;font-weight:bold;}

@keyframes toolbum2 {
  0% {right:40px}
  50% {right:45px}
  100% {right:40px}
}


#pop_wrap.new_agr .box_gray15.agree_cont {height:60px;font-size:12px;overflow-y:auto;}
#pop_wrap.new_agr .box_gray15.agree_cont.ty02 {height:20px;font-size:12px;overflow-y:auto;}
#pop_wrap.new_agr .box_gray15.agree_cont.ty02 .chk_wrap {display: flex;margin: 10px 0;}

#pop_wrap.new_agr .list_type02 li {font-size:12px;}
#pop_wrap.new_agr .ob_lnd .btn_area {margin:18px 0 20px;}
#pop_wrap.new_agr .ob_lnd .btn_area a {height:42px;line-height:42px;border-radius:5px;}

.bul_imp {position:relative;padding-left:13px;font-size:14px;color:#000}
.bul_imp:before{content:'※';display:block;color:#666;position:absolute;top:1px;left:0; width:10px;height:10px}

/* 210520 : BHY : 이탈 팝업 수정 */
#pop_header.escape  {background:#f0f1ff;border-radius:10px 10px 0 0;}
#pop_header.escape h1 img {width:248px;padding:22px 0 22px 22px;}

.escape_wrap {position:fixed;left:50%;top:50%;z-index:108;width:90%;min-width:320px;transform:translate(-50%, -50%);border-radius:10px;}
.escape_wrap .tit_01 {padding:22px 0 22px 20px;line-height: 1.5;}
.escape_wrap .tit_01 span {display: inline-block;font-size: 18px;color: #4d58d8;letter-spacing: -1.5px;}
.escape_wrap .tit_01 span:after {display: block;content: '';position: absolute;left:170px;top: 4.5%;z-index: 1;width: 30px;height: 20px;background:url("/default/images/common/ico_clock_01.png") no-repeat 0 center;background-size: contain;}
.escape_wrap .tit_01 strong {letter-spacing: -1.5px;}

.escape_wrap .pop_close {position:absolute;z-index:109;top:9px;right:9px;padding:15px;}
.escape_wrap .pop_close span {display:block;width:13px;height:13px;background:url("/default/images/common/escape/btn_close.png") no-repeat 0 0;background-size:100%;text-indent:-999px;}
.escape_wrap .escape_conts {padding:20px 20px 10px;background:#fff;border-radius:0 0 10px 10px}
.escape_wrap .escape_conts li {position:relative;overflow:hidden;margin-bottom:12px;border:1px solid #ebebeb;border-radius:5px;}
.escape_wrap .escape_conts li dl {padding:12px 22px 14px;}
.escape_wrap .escape_conts li dt {width:70%;color:#777;font-size:16px;}
.escape_wrap .escape_conts li dt .time {color:#999;font-size:12px;}
.escape_wrap .escape_conts li dd {position:relative;margin-top:8px;color:#494949;font-size:16px;font-weight:bold;}
.escape_wrap .escape_conts li dd.num {color:#000;font-size:18px;font-weight:bold;letter-spacing:0;}
.escape_wrap .escape_conts li dd.num .red {color:#ff5133 !important;}
.escape_wrap .escape_conts li dd.num .blue {color:#1aacd1 !important;}
.escape_wrap .escape_conts li dd .more {display:inline-block;content:"";width:7px;height:12px;font-size:0;line-height:0;vertical-align:middle;margin:-3px 0 0 5px;background:url("/default/images/common/escape/ico_arrow.png") no-repeat 0 0;background-size:100%;}
.escape_wrap .escape_conts li dd.num .more {margin-top:-3px;}
.escape_wrap .escape_conts li:after {position:absolute;display:block;content:"";right:26px;top:17px;width:72px;height:64px;background:url("/default/images/common/escape/img_escape_01.png") no-repeat 0 0;background-size:72px 64px;}
.escape_wrap .escape_conts li:nth-child(2):after {background:url("/default/images/common/escape/img_escape_04.png") no-repeat 0 0;background-size:72px 64px;}
.escape_wrap .escape_conts li:nth-child(3):after {background:url("/default/images/common/escape/img_escape_03.png") no-repeat 0 0;background-size:72px 64px;}
.escape_wrap .escape_conts p {float:left;}

.escape_wrap .chk_today {text-align: center;padding-top: 3%;}
.escape_wrap .chk_today input[type=checkbox] + label {font-size: 14px;color: #fff;margin:0 10px 0 0;padding: 0 30px 0 0;}
.escape_wrap .chk_today input[type=checkbox] + label:before {display: block;right: 0;left: auto;top:0;width: 19px;height: 19px;background:url("/subscribe/images/common/induce/ico_check.png") no-repeat left top;background-size: cover;}
.escape_wrap .chk_today input[type=checkbox]:checked+label:before {background-position: 0 -21px;}

/* 220701 : 동의 팝업 이탈시 팝업 추가*/
.escape_agree_ver01{position: fixed;top: 130px;left: 8%;width: 87%;max-width: 650px; z-index: 106;overflow: hidden;overflow-y: auto;min-height: auto;}
.escape_agree_ver01 img{width: 100%;}
.escape_agree_ver01 .agree_bounce_chat{position:absolute;z-index:107;top:75%;left:5%;width: 87%;height: 17%;}
.escape_agree_ver01 .agree_bounce_chat span {display:block;text-indent:-999px;}
.escape_agree_ver01 .pop_close {position:absolute;z-index:109;top:5%;right:4%;padding:13px;}
.escape_agree_ver01 .pop_close span {display:block;width:19px;height:19px;background:url("/default/images/common/escape/btn_close02.png") no-repeat 0 0;background-size:100%;text-indent:-999px;}

/* 220701 : 선택항목 미동의 후 결과 팝업 닫기 추가*/
.induce_consultant_ver01{position: fixed;top: 100px;left: 8.5%;width: 83%;max-width: 650px;z-index: 106;overflow: hidden;overflow-y: auto;min-height: auto;}
.induce_consultant_ver01 img{width: 100%;}
.induce_consultant_ver01 .cnc_suggest_chat{position:absolute;z-index:107;top:54%;left:5%;width: 90%;height: 12%;}
.induce_consultant_ver01 .cnc_suggest_chat span {display:block;text-indent:-999px;}
.induce_consultant_ver01 .cnc_suggest_insolution{position:absolute;z-index:107;top:84%;left:5%;width: 90%;height: 11%;}
.induce_consultant_ver01 .cnc_suggest_insolution span {display:block;text-indent:-999px;}
.induce_consultant_ver01 .pop_close {position:absolute;z-index:109;top:3%;right:0.5%;padding:13px;}
.induce_consultant_ver01 .pop_close span {display:block;width:19px;height:19px;background:url("/default/images/common/escape/btn_close02.png") no-repeat 0 0;background-size:100%;text-indent:-999px;}


/* 210423 : WYJ : 토스 펫보험 */
#toss_pet {position:relative;}
#toss_pet .header {overflow:hidden; padding:0 5%;margin-top:40px;line-height:1.4;}
#toss_pet .header .title {color:#333;font-size:26px;font-weight:bold;}
#toss_pet .header .stitle {margin-top:15px;color:#666;font-size:19px;line-height: 28px;}
#toss_pet .header .main_img {float:right;margin-top:40px;}

#toss_pet .conts {padding:0 5%;margin:28px 0;}
#toss_pet .conts .info li {position:relative;padding:0 0 0 66px;font-size:16px;line-height:1.4;margin: 5px 0;min-height: 55px;display: flex;justify-content: center;flex-direction: column;}
#toss_pet .conts .info li:first-child {margin-top:0;}
#toss_pet .conts .info li:after {position:absolute;left:0;top:0;display:inline-block;width:54px;height:55px;content:"";background:url("/petpermint/images/content/petcal/toss/bg_sign.png") no-repeat 0 0;background-size:cover;}
#toss_pet .conts .info li:nth-child(1):after {background-position:0 0;}
#toss_pet .conts .info li:nth-child(2):after {background-position:0 -64px;background-size:cover;}
#toss_pet .conts .info li:nth-child(3):after {background-position:0 -126px;background-size:cover;}
#toss_pet .conts .info li .small {color:#666;font-size:13px;}
#toss_pet .point_txt {color:#ff0101;font-weight:bold;}
#toss_pet .notice {position:relative;margin-top:22px;padding-left:8px;color:#666;font-size:13px;}
#toss_pet .notice:after {position:absolute;left:0;top:3px;content:"*";display:inline-block;}
#toss_pet .notice.type02 {padding:0;}
#toss_pet .notice.type02:after {display:none;}

#toss_pet .conts02 {position:relative; padding:15px 5% 28px;background:#fff;}
#toss_pet .conts02.type02 {padding-bottom:0;}
#toss_pet .conts02:before {position:absolute;left:-5%;top:0;width:105%;height:15px;content:"";display:block;background:#f2f2f5}
#toss_pet .conts02 .point {margin-top:25px;color:#333;font-size:22px;font-weight:bold;line-height:1.4;}

#toss_pet .conts02 .point_list {margin-left:5%;}
#toss_pet .conts02 .point_list li {list-style-type:decimal;margin-top:15px;color:#333;font-size:16px;}
#toss_pet .conts02 .point_slist {margin-left:-3%;}
#toss_pet .conts02 .point_slist li {position:relative;margin-top:15px !important;padding-left:10px;list-style-type:none !important;color:#333;font-size:13px !important;}
#toss_pet .conts02 .point_slist li:after {position:absolute;display:inline-block;content:"";width:2px;height:2px;left:0;top:10px;background:#666;}

#toss_pet .conts02 .pop_menu li a {position:relative;display:block;width:100%;height:50px;line-height:50px;font-size:16px;}
#toss_pet .conts02 .pop_menu li a:after {position:absolute;display:block;right:0;top:19px;width:7px;height:14px;content:"";background:url("/petpermint/images/content/petcal/toss/ico_arrow.png") no-repeat 0 0;background-size:cover;}

#toss_pet .btm {position:relative; padding:3px 5% 110px;background:#f2f2f5;}
#toss_pet .btm .note_info li {position:relative;margin-top:15px;padding-left:10px;color:#666;font-size:13px;}
#toss_pet .btm .note_info li:after {position:absolute;display:inline-block;content:"";width:2px;height:2px;left:0;top:8px;background:#666;}

#toss_pet .pay_btn {position:fixed;width:90%;left:50%;bottom:15px;transform:translateX(-50%);z-index:10;}
#toss_pet .pay_btn a {display:block;height:54px;line-height:54px;color:#fff;font-size:17px;text-align:center;background:#3182f6;border-radius:5px;}

#pop_wrap.toss_pop {background:#fff;z-index:50}
#pop_wrap.toss_pop #pop_header {position:fixed;width:100%;padding:0;height:51px;line-height:50px;border-bottom:1px solid #f0f0f0;background:#fff;z-index:100; display:flex; justify-content:center;}
#pop_wrap.toss_pop #pop_header h1 {text-align:center;font-size:18px;color:#161616;}
#pop_wrap.toss_pop a.close {position:absolute;top:5px;right:5px;z-index:105;padding:15px;}
#pop_wrap.toss_pop a.close span {display:block;width:14px;height:14px;background:url("/petpermint/images/content/petcal/toss/btn_close.png") no-repeat 0 0;background-size:cover;text-indent:-999em;}

#pop_wrap.toss_pop .conts {margin-top:64px;padding:0 5% 30px;}
#pop_wrap.toss_pop .cautions li {position:relative;margin-top:7px;padding-left:10px;color:#333;font-size:13px;}
#pop_wrap.toss_pop .cautions li:first-child {margin-top:10px;}
#pop_wrap.toss_pop .cautions li:after {position:absolute;display:inline-block;content:"";width:2px;height:2px;left:0;top:8px;background:#666;}
#pop_wrap.toss_pop .cautions .point {color:#ff5946 !important;font-weight:bold;}

#pop_wrap.toss_pop .notice {margin-top:40px;color:#333;font-size:13px;}
#pop_wrap.toss_pop.toss_pop_notice #pop_content {height:100vh !important;}
#pop_wrap.toss_pop #pop_content.pop_content {position:relative;margin:55px 0 0 !important; height:100vh;min-height:400px;z-index:100;background:#fff;}
#pop_wrap.toss_pop #pop_content.pop_content .toss_conts {padding:10px 0 50px;}
#pop_wrap.toss_pop #pop_content .pop_content_inner {padding:0;}

#pop_wrap.toss_pop .toss_tab {position: relative;}
#pop_wrap.toss_pop .toss_tab .tabs {position:absolute;width:90%;display:flex;left:50%;top:-11px;transform:translateX(-50%);text-align:center;z-index:50;}
#pop_wrap.toss_pop .toss_tab:after {position:absolute;left:0;top:45px;width:100%;height:1px;content:"";background:#e9e9e9;}
#pop_wrap.toss_pop .toss_tab .tabs li {flex:1;box-flex:1;-webkit-box-flex:1;white-space: nowrap;}
#pop_wrap.toss_pop .toss_tab .tabs li a {position:relative;display:block;top:0;text-align:center;padding:0 7px;height:56px;line-height:56px;color:#999;font-size:15px;}
#pop_wrap.toss_pop .toss_tab .tabs li.on a{color:#2a7df5;font-weight: 600;}
#pop_wrap.toss_pop .toss_tab .tabs li.on a:after {position:absolute;left:0;bottom:0;width:100%;height:3px;content:"";background:#2a7df5;}
#pop_wrap.toss_pop .toss_tab .tabs li.on:after {display:block;content:"";}

#pop_wrap.toss_pop .tabs02 {position:absolute;width:100%;left:50%;transform: translateX(-50%)}
#pop_wrap.toss_pop .tabs02 li {}
#pop_wrap.toss_pop .tabs li .tabs02 li a {position:absolute;box-sizing:border-box;display:inline-block;width:50%;height:39px;padding:0;line-height:35px;color:#666 !important;font-size:15px;border:1px solid #d9d9e0;font-weight: 500 !important;}
#pop_wrap.toss_pop .tabs li .tabs02 li a:after {position:relative;background:none !important;}
#pop_wrap.toss_pop .tabs li .tabs02 li:nth-child(1) a {left:0;border-right:none;border-radius:5px 0 0 5px}
#pop_wrap.toss_pop .tabs li .tabs02 li:nth-child(2) a {right:0;border-left:none;border-radius:0 5px 5px 0 }
#pop_wrap.toss_pop .tabs li .tabs02 li.on a {color:#2a7df5 !important;border:1px solid #2a7df5;}

#pop_wrap.toss_pop .first_content {display:none;margin-top:26px;}
#pop_wrap.toss_pop .tabs li.on .first_content {display:block;}
#pop_wrap.toss_pop .tabs li.on .first_content .tab_tit {margin-bottom:12px;color:#333;font-size:16px;}
#pop_wrap.toss_pop .tabs li.on .first_content .tab_txt {margin-bottom:6px;padding-right:2px;color:#666;font-size:13px;text-align:right;line-height: 20px;}

.pdt20 {padding-top:20px}

#pop_wrap.toss_pop .tabs li.on .tabs02 li .tab_cont {display:none;}
#pop_wrap.toss_pop .tabs li.on .tabs02 li.on .tab_cont {display:block;margin-top:60px;text-align:left;overflow-y:inherit;white-space:initial;}

#pop_wrap.toss_pop .toss_table {width:100%;border-top:1px solid #eaeaea;}
#pop_wrap.toss_pop .toss_table th,
#pop_wrap.toss_pop .toss_table td {padding:10px 10px 8px 12px;color:#333;font-size:13px;text-align:left;border-bottom:1px solid #eaeaea;letter-spacing:-0.5px;}
#pop_wrap.toss_pop .toss_table th {background:#f6f6f6;}
#pop_wrap.toss_pop .toss_table td.txt_r {text-align:right;}
#pop_wrap.toss_pop .toss_table td small{font-size: 13px;color: #666;}
#pop_wrap.toss_pop .toss_table.type02 th,
#pop_wrap.toss_pop .toss_table.type02 td {padding:10px 3px 8px 0;border-left:1px solid #eaeaea;text-align:center;}
#pop_wrap.toss_pop .toss_table.type02 tr th:nth-child(1),
#pop_wrap.toss_pop .toss_table.type02 tr td:nth-child(1) {border-left:none;}

#pop_wrap.toss_pop .tab_cont .cautions {padding:0 7px;}
#pop_wrap.toss_pop .tab_cont .cautions li {white-space:initial}

/*20220719 펫보험 토스 리뉴얼*/
#pop_wrap.toss_pop .tabs .new_table .toss_table.bb_line{position: relative;}
#pop_wrap.toss_pop .tabs .new_table .toss_table.bb_line::after{position: absolute;content: "";width: 100%;height: 1px;border-radius: 2px;background: #eaeaea;margin-top: 5px;}
#pop_wrap.toss_pop .tabs .new_table .toss_table.bb_line tr:last-child{margin-bottom: 10px;}
#pop_wrap.toss_pop .tabs .new_table .tab_tit{font-size: 16px !important ;color: #2a7df5 !important;font-weight: 600;margin-bottom: 5px !important;margin-top: 5px;}
#pop_wrap.toss_pop .tabs .new_table table,#pop_wrap.toss_pop .tabs .new_table .toss_table tr,
#pop_wrap.toss_pop .tabs .new_table .toss_table th,#pop_wrap.toss_pop .tabs .new_table .toss_table td{background: none;border:none;}
#pop_wrap.toss_pop .tabs .new_table .toss_table tr{display: grid;margin-bottom: 3px;}
#pop_wrap.toss_pop .tabs .new_table .toss_table th{font-weight: 600;padding: 10px 10px 5px 12px;position: relative;}
#pop_wrap.toss_pop .tabs .new_table .toss_table th::after{position: absolute;content: "";width: 2px;height: 2px;border-radius: 2px;background: #333;left: 4px;margin-top: 7px;}
#pop_wrap.toss_pop .tabs .new_table .toss_table td{padding: 0 10px 0 12px;line-height: 20px;}
#pop_wrap.toss_pop .tabs .new_table .toss_table tr .inner_table{border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;width: 100%;margin-top: 2px;}
#pop_wrap.toss_pop .tabs .new_table .toss_table tr .inner_table tr{display: table-row;}
#pop_wrap.toss_pop .tabs .new_table .toss_table tr .inner_table tr th{background:#f6f6f6;text-align: center;line-height: 13px;padding: 13px 5px;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
#pop_wrap.toss_pop .tabs .new_table .toss_table tr .inner_table tr th:last-child{border-right: 0px;}
#pop_wrap.toss_pop .tabs .new_table .toss_table tr .inner_table tr th::after{display: none;}
#pop_wrap.toss_pop .tabs .new_table .toss_table tr .inner_table tr small{font-size: 11px;color:#666666;font-weight: 300;}
#pop_wrap.toss_pop .tabs .new_table .toss_table tr .inner_table tr td{text-align: center;border-right:1px solid #eaeaea;padding: 10px 0 8px 0;}
#pop_wrap.toss_pop .tabs .new_table .toss_table tr .inner_table tr td:last-child{border-right:0px;}
#pop_wrap.toss_pop .tabs .cautions.new_ct{position: relative;padding-top: 13px;margin-top: 20px;}
#pop_wrap.toss_pop .tabs .cautions.new_ct::after{position: absolute;transform: translateX(-5%);background: #f2f2f5;width: 100%;height:100%;padding: 13px 40px 30px 35px;left: 0;top: 0;content: "";z-index: -1;}
#pop_wrap.toss_pop .tabs .cautions.new_ct li::after{top: 6px;}
#pop_wrap.toss_pop .tabs .cautions.new_ct.po_ab{position: absolute;bottom: 0;}

/* 210506 : WYJ : 멜다방 로그인변경 */
.mem_step {display:flex;padding-top:10px;}
.mem_step li {flex:1;width:50%;}
.mem_step li + li {margin-left:10px;}
.mem_step li a {position:relative;width:100%;padding-top:60px;height:105px;display:block;box-sizing:border-box;text-align:center;color:#333;font-size:17px;font-weight:bold;border:1px solid #d5d5d5;border-radius:8px;}
.mem_step li a::after {position:absolute;content:"";top:25px;left:50%;width:23px;height:29px;transform:translateX(-50%);background:url("/subscribe/images/dlb/mem/icon_kakao_mel.png") no-repeat 0 0;background-size:cover;}
.mem_step li:nth-child(2) a::after {width:31px;background-position:-25px 0;}

.new_mem.mem_cont .mem_agree.type02 {position:relative;min-height:250px}
/* #pop_wrap.mel_popup {position:absolute;top:50%;transform:translateY(-50%);}  */
#pop_wrap.mel_popup #pop_content {margin-top:30% !important;height:auto !important;}
#pop_wrap.mel_popup #pop_content .pop_content_inner {padding-bottom:0;}
#pop_wrap.mel_popup .btn_nudge_confirm {margin:15px auto 30px;}
#pop_wrap.mel_popup .evt_quide_main {margin-bottom:0;padding-bottom:0;border:none;}
#pop_wrap.mel_popup .evt_quide_main p {color:#333;}
p span.blue_txt{color:#0099b2}

.bx_valid.type02 .btn_gray,
.bx_valid.type02 .btn_l_gray {display:inline-block;padding:0;width:47%;height:30px;line-height:30px;}
.bx_valid.type02 .btn_gray {background-color:#eeeeee !important;}
.bx_valid.type02 .btn_gray span {color:#000;}
.bx_valid.type02 .bx_seperate .bx_valid.gender .tit_label {margin-bottom:3px !important}
.bx_valid.type02 .select_car_btn_area {margin:0 !important}

.mem_agree.type03 {position:relative;}
.mem_agree.type03 .btn_mem {position:absolute;top:64px;right:0;display:block;padding:0 15px;background:#0099b2}
.mem_agree.type03 .btn_mem span {height:33px;line-height:33px;color:#fff;font-size:13px;font-weight:bold;}

.mem_cont.new_mem .type03 .sec {padding:0;border:none;position:relative}
.new_mem.mem_cont .type03 .bx_agree .sec .sec_title {width:87%;}
.mem_agree.type03 .sec .input_checkbox {position:absolute;top:-13px;right:35px;}
.mem_agree.type03 .input_checkbox label {font-size:0;text-indent:-999px;}

.mem_agree.type03 .bx_agree .sec .box_gray15 {height:50px !important;display:none;}
.mem_agree.type03 .bx_agree .sec_title .check_txt {position: relative;display:block;cursor: pointer;}
.mem_agree.type03 .bx_agree .check_txt::after {position:absolute;display:inline-block;content:"";width:12px;height:7px;top:4px;margin-left:5px;background:url("/subscribe/images/dlb/mem/icon_arrow_mel.png") no-repeat 0 0;background-size:cover;}
.mem_agree.type03 .bx_agree .sec_title.on .check_txt::after {background-position:-13px 0}

.new_mem.mem_cont .mem_agree.type04 {padding:0;border:none;}

.select_tel {width:101%;margin:6px 0 0 0}
.select_tel li {display:inline-block;width:32%;margin:0 0.5% 1% 0;}
.select_tel li a {width:100%;display:block;height:35px;line-height:35px;box-sizing:border-box;color:#999;font-size:13px;font-weight:bold;text-align:center;border:1px solid #ccc;}
.select_tel li.on a {color:#0096af;border:2px solid #0096af;}

.mem_agree .agree_btn {width:100%;margin:30px 0 28px}
.mem_agree .agree_btn a {display:block;box-sizing:border-box;height:50px;line-height:50px;color:#000;font-size:15px;font-weight:bold;text-align:center;border:1px solid #475069;}

.certinum .btn_cert_ok {position:absolute;top:18px;right:0;}
.btn_cert_ok a {display:block;width:90px;height:35px;line-height:35px;text-align:center;background:#475069;}
.btn_cert_ok a span {color:#fff;font-weight:bold;}

.member_ind {overflow:hidden;margin:15px 0;padding:15px 15px 12px;background:#f4f4f4;border-radius:5px;}
.member_ind ul {float:left;width:50%;}
.member_ind li {position:relative;margin-bottom:3px;padding-left:6px;color:#333;font-size:12px;}
.member_ind li::after {position:absolute;left:0;top:7px;content:"";display:inline-block;width:2px;height:2px;background:#333;line-height:1.4;}

.member_ind div {position:relative;float:right;width:50%;}
.member_ind div::after {position:absolute;display:block;content:"";top:7px;right:10px;width:45px;height:42px;background:url("/subscribe/images/dlb/mem/icon_stamp.png") no-repeat 0 0;background-size:contain;}
.member_ind div dl {padding:15px 15px 5px;background:#fff;border-radius:7px;}
.member_ind dt, .member_ind dd {padding-bottom:4px;color:#333;font-size:12px;line-height:1.4;}
.member_ind dd em {color:#ff6665;font-weight:bold;}

.certinum .group.type_100 {width:100%;display:block;}

/* 210520 : BHY  : 상령일 공지 */
.notice_date {padding-bottom: 15px;}
.notice_date p {background-color: #fff5ef;border:1px solid #f9e7dc;height: 45px;display: flex;align-items: center;padding-left: 12px;}
.notice_date p span {display: inline-block;font-size: 12px;padding-left: 40px;background:url("/default/images/common/ico_clock.png") no-repeat 0 center;background-size: 31px 23px}
.notice_date p strong {color: #ff7b1a;}
.notice_date p strong.b_text {color: #333;}

.notice_date_01 {padding-bottom: 15px;}
.notice_date_01 p {background-color: #fff5ef;height: 60px;display: flex;align-items: center;padding-left: 24px;}
.notice_date_01 p span {display: inline-block;font-size: 13px;padding-left: 44px;background:url("/default/images/common/ico_clock.png") no-repeat 0 center;background-size: 31px 23px}
.notice_date_01 p strong.b_text {color: #333;}

/* 210518 : WYJ : 자동차 설계 수정 */
.box_radio.type02.on .box_radio_ty02 {display:block;}
.box_radio.type02 .box_radio_ty02 {display:none;}

.box_radio_ty02 .input_radio {display:block;}
.box_radio_ty02 {margin-top:10px;}
.box_radio_ty02 label em {color:#000;}
.box_radio .box_radio_ty02 .input_radio input[type=radio]+label {border:2px solid #ddd;background:none;}
.box_radio .box_radio_ty02 .input_radio input[type=radio]:checked+label {padding:22px 15px;border:2px solid #e11b22;background-color:#fff;}
.box_radio .box_radio_ty02 .input_radio input:checked+label em {color:#000;}
.box_radio .box_radio_ty02 .input_radio input:checked+label strong {position:absolute;top:12px;right:15px;color:#000;font-weight:700;font-size:15px;line-height:1.2;}

.layer_wrap a.pop_close02 {position:absolute;top:0;right:30px;z-index:100;padding:15px;}
.layer_wrap a.pop_close02 span {display:block;width:13px;height:13px;background: url("/subscribe/images/pd/pn/e_pop/close_chuseok.png") no-repeat 0 0;background-size:cover;text-indent: -999em;}
.select_car_btn_area.law {margin:20px 0 0 !important;}
.btn_gray.law, .btn_l_gray.law {width:28%}

.layer_law_head {position:relative;width:100%;padding-bottom:65px;color:#000;font-size:15px;font-weight:bold;}
.layer_law_head:after {position:absolute;content:"";display:block;right:0;bottom:0;width:117px;height:66px;background:url("/subscribe/images/pd/pn/sp_img_law.png") no-repeat;background-size: cover;}

.layer_law_body {margin-top:18px;width:100%;}
.layer_law_body dt, .layer_law_body dd {padding:10px 15px 8px;font-size:13px;font-weight:bold;}
.layer_law_body dt {margin:2px 0 0 0 !important;background:#e2f3f6;}
.layer_law_body dt span {color:#666;font-size:12px;}
.layer_law_body dd {background:#ecf9fb;}

.law_cause {position:relative;margin-top:10px;padding-left:7px;color:#e11b22;font-size:12px;}
.law_cause:after {position:absolute;content:"*";left:0;top:4px;}

.group .font_count {color:#000;font-size:13px;}

.dirc_list_total.modify_plus .dirc_tit_law dt{font-size:16px}
.dirc_list_total.modify_plus .dirc_tit_law dd{top:0px;font-size:25px;font-weight:normal !important;}

.dirc_list_total.modify_plus .dirc_tit_law02 dt{font-size:15px}
.dirc_list_total.modify_plus .dirc_tit_law02 dd{font-size:18px;font-weight:normal !important;}

.dirc_list_total .dirc_tit_etc {padding:5px 0;border-bottom:1px solid #ddd;}
.dirc_list_total .dirc_tit_etc li {display:flex;padding:2px 0;line-height:1.4;}
.dirc_list_total .dirc_tit_etc li span {color:#666;font-size:13px;font-weight:bold;}
.dirc_list_total .dirc_tit_etc .sale {width:60%;}
.dirc_list_total .dirc_tit_etc .money {position:relative;width:40%;text-align:right;color:#666;font-size:13px}

.layer_law_detail {position:relative;width:100%;padding-top:60px;text-align:center;font-size:15px;font-weight:bold;line-height:1.8;}
.layer_law_detail:after {position:absolute;content:"";display:inline-block;width:47px;height:47px;top:0;left:50%;background:url("/subscribe/images/pd/pn/sp_img_law.png") no-repeat 0 0;background-size:166px 66px;background-position:-119px 0;transform:translateX(-50%)}
.layer_info .blue {color:#00819a;}
.layer_info .blue02 {color:#005baf;}
.layer_info .red{color:#e11b22;}

.layer_law_conts p {margin-top:10px;color:#333;font-size:12px;line-height:1.4;}

.law_car_info {margin-top:10px;padding:12px 15px;background:#fff7d5;}
.law_car_info li {display:flex;}
.law_car_info .txt,
.law_car_info .detail {font-size:13px !important;line-height:1.6;}
.law_car_info .txt {clear:both;flex:1;}
.law_car_info .detail {flex:3}

.layer_law_conts .attach {position:relative;padding-left:7px;color:#666;}
.layer_law_conts .attach:after {position:absolute;display:block;top:4px;left:0;content:"*";}

.ob_lnd .btn_area.law02 {width:100%;}
.ob_lnd .btn_area.law02 a:nth-child(2n) {margin:5px 0 0 0}
.btn_gray.law02, .btn_l_gray.law02 {display:block;}

/*  210526 : WSN : 보장분석 인증단계 축소 */
.total_agree {font-size:12px !important;}
.total_agree .total_agree_header {margin-top:10px; padding:15px 0 10px; box-sizing: border-box;}
.total_agree .total_agree_header p {position:relative; font-size:12px; color:#666; padding-left:15px;}
.total_agree .total_agree_header p:before {content:'※'; position:absolute; left:0; top:0; }
.total_agree .total_agree_header .btn_total_agree a {display:block; padding:10px 15px; box-sizing: border-box; background:#475069; color:#fff; font-size:13px; font-weight: 700; border-radius: 5px;}

.total_agree .my_certification_wrap.agree_total {clear:both; margin:20px 0 10px;}
.total_agree .my_certification_wrap.agree_total .my_certification a {font-size:13px; margin:0;border:1px solid #ddd; border-right:0;}
.total_agree .my_certification_wrap.agree_total .my_certification a:last-child {border-right:1px solid #ddd;}
.total_agree .my_certification_wrap.agree_total .my_certification a.on {background:#f4f4f4;}

.total_agree .terms_cont_wrp.agree_total_cont .total_agree_sub_title{font-size:12px; font-weight:400; color:#000;margin-bottom: 10px;}
.total_agree .terms_cont_wrp.agree_total_cont .total_agree_sub_title_underline {font-size:12px; font-weight:700; color:#000; padding-bottom:10px;margin-bottom: 10px;border-bottom:1px solid #ddd;}
.total_agree .terms_cont_wrp.agree_total_cont .total_agree_tit {position:relative; font-size:13px; font-weight:400; padding-left:10px; color:#000; margin:10px 0;}
.total_agree .terms_cont_wrp.agree_total_cont .total_agree_tit:before {content:'■'; position:absolute; left:0; top:0; }

.confirm_agree.total_agree {margin:0; padding:0; border-bottom:0; clear:both;}
.confirm_agree.total_agree .chk_wrap {display: flex;}
.bx_valid.total_agree {margin:0 0 10px;}
.gurtAnly .txtarea.total_agree01 {height:100%;}

.agree_total_cont .total_agree_plus{padding:10px 5px; line-height:1.6;}
.agree_total_cont .total_agree_plus .total_agree_txt1 dt,.agree_total_cont .total_agree_plus .total_agree_txt1{font-family:"RixSGo L"!important;}

.agree_total_cont .total_agree_txt1 {position:relative; font-size:12px; font-weight:400; color:#333; padding-left:12px;}
.agree_total_cont strong {text-decoration: underline;font-size: 13px;font-weight: normal;}
.agree_total_cont strong.bold { font-weight:700; text-decoration:none; }
.agree_total_cont .total_agree_txt1:before {content:''; position:absolute; left:5px; top:8px; width:3px; height:3px; background:#000;}
.agree_total_cont .total_agree_txt1 dl dt {color: #777;margin: 0;font-weight: normal;font-size: 12px;}
.agree_total_cont .total_agree_txt1 dl dd ul li {position:relative; font-size:13px; font-weight:400; color:#333; padding-left:8px;}
.total_agree_txt1 dl dd ul li strong::before {content:'-'; position:absolute; left:0; top:0;background: none;}

.agree_total_cont .total_agree_txt2 {font-size:12px; font-weight:400; color:#333; padding-left:10px;}
.agree_total_cont .total_agree_txt3 {font-size:12px; font-weight:400; color:#777; padding-left:10px;}
.agree_total_cont .total_agree_txt4 {position:relative; font-size:12px; color:#777; padding-left:15px;}
.agree_total_cont .total_agree_txt4 strong {color: #333;text-decoration: underline;font-size: 13px;font-weight: normal;}
.agree_total_cont .total_agree_txt4:before {content:'*'; position:absolute; left:5px; top:2px; }
.agree_total_cont .total_agree_grade_title {font-size: 13px;color:#000; padding:5px 0;}

.agree_total_cont .gurt_agree_box .total_agree_txt1,
.agree_total_cont .gurt_agree_box .total_agree_txt2{font-weight: 700;}

.chk_new_space.total_agree {display:block;margin:5px 0 10px 2px;}

@media screen and (max-width:375px) {
	.chk_new_space.total_agree {display:block;margin:5px 0 10px 15px;}
	.chk_new_space.total_agree .input_radio:first-child {margin-left:0;}
}

.total_agree_grade_box {font-size:13px; color:#000;}
.total_agree_grade {position:relative;display: inline-block;}
.total_agree_grade .total_agree_grade_txt {display: inline-block;font-size:12px !important; color:#000;background-color: #57e94d;padding: 3px 8px;border-radius:20px;margin:3px 0 0 5px;}
.melcafe_tit .total_agree_grade .total_agree_grade_txt.btn_blue{background-color: #28c4f9;}
.melcafe_tit .total_agree_grade .total_agree_grade_txt.btn_blue+.total_agree_grade_tooltip02{left: -160px;}
.melcafe_tit .total_agree_grade .total_agree_grade_txt.btn_blue+.total_agree_grade_tooltip02:before,
.melcafe_tit .total_agree_grade .total_agree_grade_txt.btn_blue+.total_agree_grade_tooltip02:after{left: 170px;}

.melcafe_tit.mel_agrchk p.txt{display: inline-block;}
.total_agree_grade .total_agree_grade_tooltip {display: none;border:1px solid #e5e5e5; border-radius: 10px; padding:5px;transition: all 0.5s;}
.total_agree_grade .total_agree_grade_tooltip.active  {display: block;}

.total_agree_grade .total_agree_grade_tooltip {position: absolute;top:36px; right:-10px; width:270px; border:1px solid #56bfd0; background:#e6f6f8; z-index: 20; padding:12px; box-sizing: border-box; font-size:12px !important; z-index: 30;}
.total_agree_grade .total_agree_grade_tooltip:before {content:''; position: absolute; top:-10px; right:25px;border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #e6f6f8; z-index: 29;}
.total_agree_grade .total_agree_grade_tooltip:after {content:''; position: absolute; top:-12px; right:25px;border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #56bfd0; z-index: -1;}
.total_agree_grade .total_agree_grade_tooltip .tooltip_list {border:1px solid #fff; border-radius:10px; display: flex;}
.total_agree_grade .total_agree_grade_tooltip .tooltip_list li{ display: flex; justify-content: center; align-content: center; flex-basis: 20%; font-weight: 700; color:#000; border-right:1px solid #fff; font-size:12px; padding-left:0;}
.total_agree_grade .total_agree_grade_tooltip .tooltip_list li:nth-child(1) {background:#28c4f9; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.total_agree_grade .total_agree_grade_tooltip .tooltip_list li:nth-child(2) {background:#57e94d;}
.total_agree_grade .total_agree_grade_tooltip .tooltip_list li:nth-child(3) {background:#ffe030;}
.total_agree_grade .total_agree_grade_tooltip .tooltip_list li:nth-child(4) {background:#ff9d47;}
.total_agree_grade .total_agree_grade_tooltip .tooltip_list li:nth-child(5) {background:#ff6248; border-right:0; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}



.total_agree_grade .total_agree_grade_tooltip p {clear:both; margin-top:5px; font-size:12px !important;}

.total_agree_grade.ver2 {position:relative; display:block;}
.total_agree_grade.ver2 .total_agree_grade_txt {font-size:12px !important;color:#fff; padding: 3px 8px;border-radius:20px; background:#4fb348;margin: 0;}
.total_agree_grade.ver2 .total_agree_grade_tooltip {position: absolute;top:36px; left:-8px; width:270px; border:1px solid #56bfd0; background:#e6f6f8; z-index: 20; padding:12px; box-sizing: border-box; font-size:12px !important; z-index: 30;}
.total_agree_grade.ver2 .total_agree_grade_tooltip.active {display: block;}
.total_agree_grade.ver2 .total_agree_grade_tooltip:before {content:''; position: absolute; top:-11px; right:220px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #e6f6f8; z-index: 29;}
.total_agree_grade.ver2 .total_agree_grade_tooltip:after {content:''; position: absolute; top:-12px; right:220px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #56bfd0; z-index: -1;}
.total_agree_grade.ver2 .total_agree_grade_tooltip .tooltip_list {border:1px solid #fff; border-radius:10px; display: flex;}
.total_agree_grade.ver2 .total_agree_grade_tooltip .tooltip_list li{ display: flex; justify-content: center; align-content: center; flex-basis: 20%; font-weight: 700; color:#fff; border-right:1px solid #fff; font-size:12px; margin:0 !important; padding:0 !important;}

/* 220203 : WSN : 챗봇동의팝업 */
.agree_type .total_agree_grade .total_agree_grade_tooltip {right: -40px;}
.agree_type .total_agree_grade .total_agree_grade_tooltip:before,
.agree_type .total_agree_grade .total_agree_grade_tooltip:after {right: 55px;}
.agree_type .total_agree_grade .total_agree_grade_tooltip .tooltip_list{height:25px; line-height:25px;}
.agree_type .total_agree_grade .total_agree_grade_tooltip .tooltip_list li{font-weight:normal;font-family:"RixSGo EB";padding-left:0;}


/* 휴대폰인증영역 */
.total_telecom_list {position:relative; width:100%; height:180px;}
.total_telecom_list .total_telecom_nav {position:absolute; width:99%; left:0; right:0; margin:20px auto; display: flex; justify-content: flex-start;  }
.total_telecom_list .total_telecom_nav a {display: flex; justify-content: center; align-items: center; font-size:12px; padding:5px 10px; text-decoration: none; color:#000; white-space:nowrap; }
.total_telecom_list .total_telecom_nav.six_child_el a{padding:5px 8px;}
.total_telecom_list .total_telecom_nav a.on {border:1px solid #000; border-radius: 20px;}
.total_telecom_list .total_telecom_nav.nav01 { justify-content:space-between; }
.total_telecom_list .total_telecom_nav.nav01 a { padding:5px 5px; }
.total_telecom_list .area {display:block; position:absolute; left:0; top:60px; width:100%; height:100%;}
.total_telecom_list .area .list_area li {position:absolute; left:0; top:0; width:100%; height:100px; background:#f8f8f8; overflow-x: hidden; overflow-y:scroll;border-radius: 5px;}
.total_telecom_list .area .list_area li .list_area_inner { padding:15px;line-height: 20px;}

.total.scroll_area {width:100%; height:100%;}
.total.scroll_area .area.ver2 {padding:10px; height:200px; background:#f8f8f8; overflow-x: hidden; overflow-y:scroll;}
.input_radio.total_agree_input input[type=radio]+label em {font-size:12px;}
.chk_wrap.total_agree_wrap >span:first-child {margin-right:5px;}

.total_agree .btn_agree_set {width: 100%;height: 60px;position: fixed;bottom: 0;z-index: 100;}
.total_agree .btn_agree_set a {position: relative;display: flex;background:#aaa; width:100%;height: 60px; justify-content: center; align-items: center; color:#fff; font-weight: 700;font-size: 16px;}
.total_agree .btn_agree_set a.passing{animation:rippleDrop .4s cubic-bezier(1,.03,.46,.98);animation-fill-mode:forwards}
.total_agree .btn_agree_set a.passing:after{position:absolute;top:0;left:0;z-index: -1;width:0;height:100%;opacity:1;content:"";-webkit-animation:rippleDrop .4s cubic-bezier(1,.03,.46,.98);animation:rippleDrop .4s cubic-bezier(1,.03,.46,.98);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
/* 20210923 : LSW : 보장분석 UI/UX개선 수정 */

.gurt21_renew .total_agree .btn_agree_set a {position: relative;display: flex;background:#aaa; width:100%;height: 60px; justify-content: center; align-items: center; color:#fff; font-weight: 700;font-size: 16px; transition:background-color .4s cubic-bezier(1,.03,.46,.98);}
.gurt21_renew .total_agree .btn_agree_set a .txt{position:relative; z-index: 2; font-family: "RixsGo B"; font-weight:normal;}
.gurt21_renew .total_agree .btn_agree_set a::after {position:absolute;top:0;left:0; background:#0096af; z-index:1; width:0;height:100%;opacity:0;content:""; transition:width .4s cubic-bezier(1,.03,.46,.98),opacity .4s cubic-bezier(1,.03,.46,.98);;}
.gurt21_renew .total_agree .btn_agree_set a.passing{background:#0096af; animation: none; }
.gurt21_renew .total_agree .btn_agree_set a.passing::after{width:100%; opacity:1;  animation: none; }

/*  210602 : BHY : 보장분석 End-popup */
.agree_pop_end {font-size:13px;}
.agree_pop_end .total_agree_header {padding-top:30px;}
.agree_pop_end .total_agree_header p {position:relative; font-size:12px; color:#666; padding-left:15px; padding-top:10px;}
.agree_pop_end .total_agree_header p:before {content:'※'; position:absolute; left:0; top:0; }
.agree_pop_end .total_agree_header .btn_total_agree a {display:block; padding:10px 15px; box-sizing: border-box; background:#475069; color:#fff; font-size:13px; font-weight: 700; border-radius: 5px;}

.agree_pop_end .my_certification_wrap.agree_total {clear:both; margin:20px 0 20px;}
.agree_pop_end .my_certification_wrap.agree_total .my_certification a {font-size:13px; margin:0; border:1px solid #ddd;border-right:0;width: 25%;flex:none;}
.agree_pop_end .my_certification_wrap.agree_total .my_certification a:last-child {border-right:1px solid #ddd;}
.agree_pop_end .my_certification_wrap.agree_total .my_certification a.on {background:#f4f4f4; }

.agree_pop_end .terms_cont_wrp.agree_total_cont .total_agree_sub_title{font-size:12px; font-weight:400; color:#000;}
.agree_pop_end .terms_cont_wrp.agree_total_cont .total_agree_sub_title_underline {font-size:12px; font-weight:700; color:#000; padding-bottom:20px; border-bottom:1px solid #ddd;}
.agree_pop_end .terms_cont_wrp.agree_total_cont .total_agree_tit {position:relative; font-size:13px; font-weight:400; padding-left:10px; color:#000; margin:10px 0;}
.agree_pop_end .terms_cont_wrp.agree_total_cont .total_agree_tit:before {content:'■'; position:absolute; left:0; top:0; }

.agree_pop_end .btn_agree_set {width: 100%;height: 60px;position: fixed;bottom: 0;z-index: 100;}
.agree_pop_end .btn_agree_set a {display: flex;background:#aaa;  width:100%;height: 60px; justify-content: center; align-items: center; color:#fff; font-weight: 700;font-size: 16px;}
.agree_pop_end .btn_agree_set a.passing{animation:rippleDrop .4s cubic-bezier(1,.03,.46,.98);animation-fill-mode:forwards}
.agree_pop_end .btn_agree_set a.passing:after{position:absolute;top:0;left:0;z-index: -1;width:0;height:100%;opacity:1;content:"";-webkit-animation:rippleDrop .4s cubic-bezier(1,.03,.46,.98);animation:rippleDrop .4s cubic-bezier(1,.03,.46,.98);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}

.agree_pop_end .input_radio input[type=radio]+label,
.agree_pop_end .input_radio input[type=radio]+label em {font-size: 12px; }

#pop_wrap.gurtAnly #pop_content.agree_pop_end .pop_content_inner {padding-bottom: 100px !important;}
/* #pop_wrap.gurtAnly #pop_content.agree_pop_end .pop_content_inner .inner_padd {padding: 20px 15px 0 15px;} */

/* 보장분석 상품신청 (상품정보미동의) : 상품/서비스 소개, 개인정보처리 팝업 : ios오류 */
.gurt20_iosTouchScroll #pop_wrap #pop_content.pop_ph_height {padding-top:68px;}
@media only screen and (max-device-width:768px) and (-webkit-min-device-pixel-ration:2) and (orientation:portrait){
    #pop_wrap.gurtAnly #pop_content.pop_ph_height .pop_content_inner {padding-bottom: 20px !important;}
}

.total_agree_header>div.fl{width: 70%;}
p.total_agree_sub_info{color: #666; padding-top:10px;}
p.total_agree_sub_info2{color: #666;}

span.notice{font-size: 14px;text-decoration: underline;text-underline-position: under;}

.total_agree .chk_new_space.inner_agree_box{display: inline-block;}
.inner_agree_box .input_radio input[type=radio]+label:before{top: 0;}
.inner_block_agree_box .input_radio input[type=radio]+label:before{top: 0;}
.title_side_agree_box{margin-top: -4px;}
.title_side_agree_box .input_radio input[type=radio]+label:before{top: 0;margin-top: -2px;}

.agree_total_cont .total_agree_grade_title.mobile_common_agree{position: relative;}
.agree_total_cont .total_agree_grade_title.mobile_common_agree>p{color: #000;font-size: 13px;}
.agree_total_cont .total_agree_grade_title.mobile_common_agree .bx_valid.total_agree{float: right;margin-top: -8px;}
.agree_total_cont .total_agree_grade_title.mobile_common_agree .bx_valid.total_agree .input_radio input[type=radio]+label em{font-size: 12px;}
.agree_total_cont .total_agree_grade_title.mobile_common_agree .bx_valid.total_agree .input_radio input[type=radio]+label:before{top: -2px;}

.terms_cont .mobile_common_txtarea dl{margin-top: 0;}
.terms_cont .mobile_common_txtarea dt{font-size: 12px;margin: 10px 0 0;color: #666;}
.terms_cont .mobile_common_txtarea dd{margin-top: 0;}
.terms_cont .mobile_common_txtarea h5{font-weight: 700;color: #000;}
.total_telecom_list .area .list_area .listAreaLi{font-size: 12px;}
.total_telecom_list .area .list_area .listAreaLi p{font-size: 12px;color: #333;}
.total_telecom_list .area .list_area .listAreaLi dl{margin-top: 5px;}
.total_telecom_list .area .list_area .listAreaLi dl dt{font-size: 12px;margin: 5px 0 2px;color: #333;}
.total_telecom_list .area .list_area .listAreaLi dl dd{font-size: 12px;color: #333;}
.total_telecom_list .area .list_area .listAreaLi dl dd ul li{height: auto;padding-left: 14px;text-indent: -14px;font-size: 12px;}
.total_telecom_list .area .list_area .listAreaLi dl dd ul li.none_indent{padding-left: 0;text-indent: 0;}
.total_telecom_list .area .list_area .listAreaLi dl dd table{border-top: 2px solid #000;}
.total_telecom_list .area .list_area .listAreaLi dl dd table tr th{font-size: 12px;border-bottom: 1px solid #ddd;padding: 8px 0;font-weight: 700;}
.total_telecom_list .area .list_area .listAreaLi dl dd table tr td{font-size: 12px;border-bottom: 1px solid #ddd;padding: 5px 0;}
.total_telecom_list .area .list_area .listAreaLi,
.total_telecom_list .area .list_area .listAreaLi li{position: relative;font-size: 12px;}
.total_telecom_list .area .list_area .listAreaLi h4,
.total_telecom_list .area .list_area .listAreaLi h5{font-weight: 700;font-size: 12px;color: #333;}

.agree_pop_end .chk_new_space.ty02 .input_radio input[type=radio]+label,
.agree_pop_end .confirm_agree.total_agree .input_radio input[type=radio]+label em{font-size: 14px;}
.agree_pop_end .chk_new_space .input_radio input[type=radio]+label:before{top: 0;}

.standard_agree_apply .input_radio input[type=radio]+label em{font-size: 12px;font-weight: 700;}
.standard_agree_apply .chk_new_space.ty02 .input_radio label {font-size: 12px;padding-top: 3px;}
.standard_agree_apply .underline_span{text-decoration: underline;text-underline-position: under;}
.standard_agree_apply .pop_content_inner>h5{margin-top: 30px;font-size: 16px;font-weight: 700;}
.bold_txt{font-weight: 700 !important;}
.normal_txt{font-weight: 400 !important;}
.standard_agree_apply .total_telecom_list .area .list_area.area03 h4,
.standard_agree_apply .total_telecom_list .area .list_area.area03 h5{font-size: 12px;}
.standard_agree_apply .total_telecom_list .area .list_area.area03 dl dt{font-size: 12px;color: #666;margin-top: 10px;}
.standard_agree_apply .total_telecom_list .area .list_area.area03 dl dd{font-size: 12px;color: #666;}
.agree_total_cont .total_agree_plus .total_agree_txt1:before{top: 6px;}

.terms_cont .mobile_common_agree+.mobile_common_txtarea dd{font-size: 12px;}
.terms_cont .mobile_common_txtarea .gurt_agree_box ul li{font-size: 12px;text-indent: -10px;padding-left: 10px;}

/* 2106214 : WSN : 네이버 페이 이벤트 */
.step_wrap.naver_pay .evt_naver_btn {display:block; width:100%; height:40px; line-height: 40px; text-align:center; background:#fff; border:none; border-bottom:1px solid #ddd;}
.step_wrap.naver_pay .evt_naver_btn span {display:inline-block; position:relative; color:#333; font-size:13px; padding-right:10px; font-weight: bold;}
.step_wrap.naver_pay .evt_naver_btn span:after {
    display: block;
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
    width: 6px;
    height: 10px;
    background: url(/subscribe/images/common/ico_naver_arrow.png) no-repeat;
    background-size: 6px 10px;
    transform: translateY(-50%);
}

/* 2106214 : WSN : 네이버 페이 이벤트 팝업 */
.evt_naver_pop #pop_wrap {position: relative; width: 83%; min-width: 320px; margin: 0 auto;}
.evt_naver_pop #pop_wrap #pop_content_naver {position:absolute; margin-top:35%; z-index: 106;background-color: #fff; border-radius: 7px; overflow: scroll;}
.evt_naver_pop #pop_wrap #pop_content_naver .pop_content_inner{padding:30px 20px 35px; box-sizing: border-box;}
.evt_naver_pop #pop_wrap #pop_content_naver a.pop_close span{position: absolute;text-indent: -999em;background: url(/subscribe/images/dlb/baro_meter/baro_indv_close.png) no-repeat;background-size: 12px;width: 12px;top: 10px;right: 10px;}

.evt_naver_pop #pop_wrap #pop_content_naver .evt_naver_main .evt_naver_title h2 {font-size:20px; text-align: center; margin-bottom:25px; font-weight: bold;}
.evt_naver_pop #pop_wrap #pop_content_naver .evt_naver_main .evt_naver_txt {z-index: 100; height:300px; overflow-y: scroll; overflow-x: hidden; padding:0 22px 0 0; box-sizing: border-box;}
.evt_naver_pop #pop_wrap #pop_content_naver .evt_naver_main .evt_naver_txt dl dt {font-size:14px; color:#000; font-weight:700;}
.evt_naver_pop #pop_wrap #pop_content_naver .evt_naver_main .evt_naver_txt dl dt {margin:15px 0;}
.evt_naver_pop #pop_wrap #pop_content_naver .evt_naver_main .evt_naver_txt dl dt:first-child {margin-top:0;}
.evt_naver_pop #pop_wrap #pop_content_naver .evt_naver_main .evt_naver_txt dl dd {display:inline-block; position:relative; font-size:14px; color:#555; padding-left:10px; margin-bottom:5px; line-height: 1.5;}
.evt_naver_pop #pop_wrap #pop_content_naver .evt_naver_main .evt_naver_txt .txt_star {font-size:14px; color:#555; margin-top:15px;}

/* 210615 : WSN : 실손형 담보 중복가입 안내 */
.info_dash {padding-left: 15px;position: relative;}
.info_dash::before {display:block;content: '-'; position: absolute;left: 0;top:0;z-index: 1;}
.info_point {padding-left: 15px;padding-bottom: 5px;position: relative;}
.info_point::before {display:block;content: '※'; position: absolute;left: 0;top:0;z-index: 1;}
.info_square {padding-left: 10px;padding-bottom: 5px;position: relative; color:#333;}
.info_square::before {display:block;content: ''; position: absolute;left: 0;top:8px; width:3px; height:3px; background:#666766; z-index: 1;}
.info_star {font-size:12px; padding-left: 10px;padding-bottom: 5px;position: relative; color:#333;}
.info_star::before {display:block;content: '*'; position: absolute;left: 0;top:3px; z-index: 1;}
.info_star_ver2 {font-size:12px; padding-left: 10px;padding-bottom: 5px;position: relative; color:#444;}
.info_star_ver2::before {display:block;content: '*'; position: absolute;left: 0;top:3px; z-index: 1;}

.repetiton_info_box {font-size:13px; line-height: 1.5;}
.repetiton_info_box .repetiton_info_title p {font-size:13px; color:#000;}
.repetiton_info_box .repetiton_info_title span {display:block; font-size:13px; color:#0096af; margin:10px 0;}
.repetiton_info_box .repetiton_info_title .info_point.repetiton {font-size:12px; color:#444; margin-top:10px;}

.repetiton_info_box .s_title {font-size:13px; line-height:20px; color:#000; font-weight: 700; margin:10px 0 5px;}

.tbl_view01 .thead_type03 th{padding:10px 0; font-weight: 700; text-align:left;font-size:14px;line-height:20px;border-bottom:1px solid #8d8d8d;color:#000;}
.tbl_view01 .tbody_type03 td {padding:11px 0 10px 0;border-bottom:1px solid #e7e7e7;color:#444; font-size:14px; vertical-align: middle;}
.tbl_view02 {width:48%; border-top: 2px solid #000; margin:10px 0 20px;}
.tbl_view02 .tbody_type02 th{padding:10px 0; font-weight: 700; text-align:left;font-size:14px;line-height:20px;border-bottom:1px solid #e7e7e7; color:#000;}
.tbl_view02 .tbody_type02 td {padding:11px 0 10px 0;border-bottom:1px solid #e7e7e7;color:#444; font-size:14px; vertical-align: middle; text-align: right;}

.repetiton_info_box .repetiton_list {font-size:13px}
.repetiton_info_box .repetiton_list dt {color:#e11b22;}
.repetiton_info_box .repetiton_list dd {position: relative;; color:#444;padding-left:10px;}
.repetiton_info_box .repetiton_list dd:before {content:''; position: absolute; left:0; top:8px; width:5px; height:1px; background:#666; }

.repetiton_info_box .repetiton_select {position:relative; margin:20px 0 0 0; border-top:1px solid #ddd; padding-top:20px; padding-left:10px; box-sizing:border-box; font-weight: 700; color:#000;}
.repetiton_info_box .repetiton_select:before { display:block;content: ''; position: absolute;left: 0;top:28px; width:3px; height:3px; background:#666766; z-index: 1;}


/* 210621 : TM 상품페이지 이벤트 안내 */
.escape_wrap .insur_land {border-radius:10px 10px 0 0;}
.escape_wrap .insur_land .insur_card {position:relative;height:117px;}
.escape_wrap .insur_land .insur_card img {position:absolute;left:50%;width:192px;height:100%;transform: translateX(-50%);}
.escape_wrap .insur_land p img {border-radius:10px 10px 0 0;}

.escape_wrap .insur_land .insur_info01 {color:#fff;font-size:12px;text-align:center;}
.escape_wrap .insur_info02 {padding:20px;background:#fff;border-radius:0 0 10px 10px;font-size:12px;}
.escape_wrap .insur_info02 li {position:relative;padding-left:8px;color:#555;font-size:12px;line-height:1.6;}
.escape_wrap .insur_info02 li:after {position:absolute;display:inline-block;top:3px;left:0;content:"*"}

.escape_wrap .close {position:absolute;z-index:109;top:10px;right:10px;padding:0;}
.escape_wrap .close span {display:block;width:12px;height:12px;background:url("/subscribe/images/product/banner/btn_close_event.png") no-repeat 0 0;background-size:contain;text-indent:-999px;}

/* 210706 : WYJ : 금소법고지 의무사항 */
.consumer_wrap {}
.consumer_wrap .logo {padding: 23px 0;text-align: center;box-shadow: 0 0 15px rgba(0,0,0,0.3)}
.consumer_wrap .logo img {width: 120px;}
.consumer_wrap .info {position: relative;margin: 20px 15px 50px 18px;padding-left:14px;font-size: 14px;font-weight: bold;line-height: 1.4}
.consumer_wrap .info:after {position: absolute;left: 0;top: 0;content: "※"}

.consumer_conts {margin:0 15px;}
.consumer_conts .consumer_head {margin-top: 15px;padding: 10px 0;text-align: center;border-top: 1px solid #c12127;border-bottom: 1px solid #c12127;color: #000;font-size: 17px;font-weight: bold;background: #fffae1;line-height: 1.2}
.consumer_conts .conbox {margin-top: 30px;}
.consumer_conts .conbox .tit {color: #e11b22;font-size: 16px;font-weight: bold}
.consumer_conts .conbox .law {width: 100%;margin-top: 15px;border-top: 2px solid #000;border-bottom: 1px solid #ddd;}
.consumer_conts .conbox .law th {padding: 10px 0;text-align: center;font-size: 15px;font-weight: bold;background: #f5f5f5;border-bottom: 1px solid #ddd;line-height: 1.2}
.consumer_conts .conbox .law th.bdl {border-left: 1px solid #ddd;}
.consumer_conts .conbox .law td {padding: 10px 8px;text-align: left;font-size: 14px;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;line-height: 1.4}
.consumer_conts .conbox .law.type02 td:first-child {padding-left: 0;text-align: center;border-left: none;vertical-align: middle;font-weight: bold;}
.consumer_conts .conbox .law ul {margin-top: 10px;}
.consumer_conts .conbox .law li {font-size: 13px;line-height: 1.4}
.consumer_conts .conbox .law p {margin-top: 10px;font-size: 13px;line-height: 1.4}




/* 210727 : BHY : 보험점수 챌린지 - 공통 */
.bnr_family_intro {padding-bottom: 5%;}
.bnr_family_intro img {display: block;width: 90%;margin: 0 auto;box-shadow: 5px 5px 8px 1px #bfbcbe;border-radius: 7px;}

.event_bnr_box .msg_invite {background-color: #ffe5fc;text-align: center;padding: 2% 0;}
.event_bnr_box .msg_invite p {font-size: 13px;color: #151739;}

.bnr_family_main {width: 116px;height: 116px;position: fixed;bottom: 10%;right: 5%;z-index: 10;overflow: hidden;}
.bnr_family_main button {width: 100%;height: 100%;background: url("/subscribe/images/event/family/img_bnr_main.png") no-repeat;background-size: contain;text-indent: -999em;border: none;}

/* 210727 : BHY : 보험점수 챌린지 - 메인 */
.pop_event_family {width: 100%;height: 85vh;position:absolute;left: 0;top: 15vh; z-index: 106;background-color: #fff;}
.pop_event_family .pop_content_inner {height: 100vh;overflow-x: hidden;overflow-y: scroll;}
.pop_event_family .pop_close span{position: absolute;text-indent: -999em;background: url(/subscribe/images/dlb/baro_meter/baro_indv_close.png) no-repeat;background-size: 12px;width: 12px;top: 15px;right: 10px;}
.pop_event_family .pop_family_info .info_notice {padding-bottom: 15vh;}

.pop_event_family .pop_family_info .info_keep .rank_box {position: relative;}
.pop_event_family .pop_family_info .info_keep .rank_box .team {width: 11.6%;text-align: center;position: absolute;top:31%;left: 22.6%;z-index: 1;color:#fff;font-size: 20px;font-weight: bold;}
.pop_event_family .pop_family_info .info_keep .rank_box .score {width: 11.6%;text-align: center;position: absolute;top: 40%;right: 19.6%;z-index: 1;color:#fff;font-size: 20px;font-weight: bold;}
.pop_event_family .pop_family_info .info_keep .rank_box .date {position: absolute;top: 57%;right: 12%;z-index: 1;color:#ead3ff;font-size: 14px;letter-spacing: normal;}

.pop_event_family .pop_family_info .info_keep .rank_box ul {width: 76%;height: 26.5%;margin:0 12%;position: absolute;top: 62.8%;left: 0;z-index: 1;}
.pop_event_family .pop_family_info .info_keep .rank_box ul li {display: flex;align-items:center;height:35%;}
.pop_event_family .pop_family_info .info_keep .rank_box ul li span {color:#fff;font-size: 20px;font-weight: bold;}
.pop_event_family .pop_family_info .info_keep .rank_box ul li span:nth-child(1) {margin-left: 45%;}
.pop_event_family .pop_family_info .info_keep .rank_box ul li span:nth-child(2) {margin-left: 22%;}

.pop_event_family .pop_family_info .info_keep .coment {font-size: 14px;color: #5d5e7d;background-color: #050626;text-align: center;padding: 5% 0;line-height: 1.5;font-family: "RixGo M";}

.pop_event_family .pop_family_info .info_share .inner {position: relative;}
.pop_event_family .pop_family_info .info_share .inner a {display: block;position: absolute;z-index: 1;overflow: hidden;text-indent: -9999em;}
.pop_event_family .pop_family_info .info_share .inner a.btn_add {width: 9%;height: 14%;right: 9%;bottom: 10.6%;}
.pop_event_family .pop_family_info .info_share .inner a.btn_kakao {width: 81.8%;height: 25.4%;left: 9.2%;bottom: 30.8%;}

/* 210727 : BHY : 보험점수 챌린지 - 메인비쥬얼 */
.share_list {position: relative;background: url("/subscribe/images/event/family/bg_line.png") repeat-y;background-size: contain}
.share_list ul {width: 82%;margin: 0 auto}
.share_list ul li {padding-bottom: 20px;}
.share_list ul li:last-child {padding-bottom: 0;}

.share_list ul li dl {height: 40px;display: flex;align-items: center;}
.share_list ul li dl dt {position: relative;width: 35%;height: 100%;margin-right: 5%;}
.share_list ul li dl dt:after {
    display: block;content: '';
    position: absolute;right: 0;top: 15px;z-index: 1;
    width: 0;height: 0;
    border-top: 6px solid #000;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}
.share_list ul li dl dd {position: relative;width: 60%;height: 100%;}

.share_list ul li dl select,
.share_list ul li dl button {border: 0;background-color: transparent;}
.share_list ul li dl dt select::-ms-expand {display: none;}
.share_list ul li dl dt select {position: relative;width: 100%;height: 100%;font-size: 16px;font-weight: bold;border-bottom: 1px solid #333;color: #000;}

.share_list ul li dl button.btn_share {width: 80%;height: 100%;font-size: 15px;font-weight: bold;background-color: #fae100;border-radius:8px;color: #000;letter-spacing: -0.5px;}
.share_list ul li dl button.btn_share:disabled {background-color: #ccc;color: #fff;}
.share_list ul li dl button.btn_minus {position: absolute;right:0;top:50%;width: 30px;height: 30px;background-color: #d5d5d5;border-radius:50%;text-indent: -9999em;transform: translate(0, -50%);}
.share_list ul li dl button.btn_minus:after {display: block;content: '';width: 60%;height: 2px;background-color: #fff;border-radius: 2px;position: absolute;left:50%;top:50%;z-index: 1;transform: translate(-50%, -50%)}

@media screen and (max-width:720px){
    .pop_event_family .pop_family_info .info_keep .rank_box .team {font-size: 22px;}
    .pop_event_family .pop_family_info .info_keep .rank_box .score {font-size: 22px;}
    .pop_event_family .pop_family_info .info_keep .rank_box ul li span {font-size: 22px;}
}
@media screen and (max-width:480px){
    .pop_event_family .pop_family_info .info_keep .rank_box .team {top: 30.6%;font-size: 18px;}
    .pop_event_family .pop_family_info .info_keep .rank_box .score {top: 39.4%;font-size: 18px;}
    .pop_event_family .pop_family_info .info_keep .rank_box ul li span {font-size: 18px;}
}
@media screen and (max-width:360px){
    .pop_event_family .pop_family_info .info_keep .rank_box .team {font-size: 16px;}
    .pop_event_family .pop_family_info .info_keep .rank_box .score {font-size: 16px;}
    .pop_event_family .pop_family_info .info_keep .rank_box ul li span {font-size: 16px;}
}

.pop_event_family .pop_family_info .info_visual {position: relative;}
.pop_event_family .pop_family_info .info_visual .circle {position: absolute;left: 0;top: 7%;z-index: 1;width: 100%;height: 100%;}
.pop_event_family .pop_family_info .info_visual .txt {position: absolute;left: 0;top: 0;z-index: 2;}
.pop_event_family .pop_family_info .info_visual .trophy {width: 12%;position: absolute;left: 50%;top:22%;z-index: 3;transform: translateX(-62%)}

.pop_event_family .pop_family_info .info_visual .circle {background: url("/subscribe/images/event/family/img_circle.svg") no-repeat left top; background-size: contain;}
.pop_event_family .pop_family_info .info_visual .ico_circle_01 {position: absolute;left: 85.8%;top: 74.4%;z-index: 10;}
.pop_event_family .pop_family_info .info_visual .tit {animation: flicker 1.5s infinite alternate;font-family: "RixGoEB EB";font-size: 24px;color: #a6f1ff;position: absolute;left: 33%;top: 68%;z-index: 10;transform: rotate(-6deg);font-style: italic;text-shadow:4px 4px 5px #0d043a;}

@keyframes flicker {
    0%,19%,21%,23%,25%,54%,56%,100% {
        text-shadow: 0 0 20px #32e0ff;
    }
    20%,24%,55% {
		text-shadow: none;
    }
}

.circle_ani {
    stroke-dasharray: 50;
    stroke-dashoffset: 0;
    transform-origin: 50% 50%;
    animation: dotAni 3s linear infinite;
}

@keyframes dotAni {
    0% {transform: scale(0.2);}
    50% {transform: scale(1);}
    100% {transform: scale(0.2);}
}

.line_plus {filter: url("#goo");position: absolute;top: 17%;left: 14.2%;z-index: 10;transform-origin: 1.5px 1.5px;}
.line_plus a {display: block;background-color: #fdcbff;border:1px solid #c657d1;border-radius: 1px;text-align: center;text-indent: -9999px;overflow: hidden;position: absolute;z-index: 10;}

.line_plus li:nth-child(1) a {width: 1px;height: 8px;transform-origin: 50% top;transform: scale(1) translate(0, -10px);}
.line_plus li:nth-child(2) a {width: 8px;height: 1px;transform-origin: left 50%;transform: scale(1) translate(3px, 0);}
.line_plus li:nth-child(3) a {width: 1px;height: 8px;transform-origin: 50% top;transform: scale(1) translate(0, 3px);}
.line_plus li:nth-child(4) a {width: 8px;height: 1px;transform-origin: left 50%;transform: scale(1) translate(-10px, 0);}

.line_plus.active {animation: rotatePlus 0.5s ease-in-out 3s ;}
.line_plus.active a {animation: moveToTop 1s linear forwards alternate;animation-iteration-count: 3;}
.line_plus.active li:nth-child(1) a {animation-name: moveToTop;transform: scale(1) translate(0, -10px);}
.line_plus.active li:nth-child(2) a {animation-name: moveToRight;transform: scale(1) translate(3px, 0);}
.line_plus.active li:nth-child(3) a {animation-name: moveToBottom;transform: scale(1) translate(0, 3px);}
.line_plus.active li:nth-child(4) a {animation-name: moveToLeft;transform: scale(1) translate(-10px, 0);}

@keyframes moveToTop {
	0% {transform: scale(0) translate(0, 0);}
	100% {transform: scale(1) translate(0, -10px);}
}
@keyframes moveToBottom {
	0% {transform: scale(0) translate(0, 0);}
	100% {transform: scale(1) translate(0, 3px);}
}
@keyframes moveToRight {
	0% {transform: scale(0) translate(0, 0);}
	100% {transform: scale(1) translate(3px, 0);}
}
@keyframes moveToLeft {
	0% {transform: scale(0) translate(0, 0);}
	100% {transform: scale(1) translate(-10px, 0);}
}
@keyframes rotatePlus {
	0% {transform: rotate(0deg);}
	50% {transform: rotate(240deg);}
	100% {transform: rotate(0deg);}
}

.line_plus_01 {filter: url("#goo");position: absolute;top: 84%;left: 82%;z-index: 10;transform-origin: 1.5px 1.5px;}
.line_plus_01 a {display: block;background-color: #fdcbff;border:1px solid #c657d1;border-radius: 1px;text-align: center;text-indent: -9999px;overflow: hidden;position: absolute;z-index: 10;}

.line_plus_01 li:nth-child(1) a {width: 1px;height: 10px;transform-origin: 50% top;transform: scale(1) translate(0, -12px);}
.line_plus_01 li:nth-child(2) a {width: 10px;height: 1px;transform-origin: left 50%;transform: scale(1) translate(3px, 0);}
.line_plus_01 li:nth-child(3) a {width: 1px;height: 10px;transform-origin: 50% top;transform: scale(1) translate(0, 3px);}
.line_plus_01 li:nth-child(4) a {width: 10px;height: 1px;transform-origin: left 50%;transform: scale(1) translate(-12px, 0);}

.line_plus_01.active {animation: rotatePlus 2s ease-in;}


/* 210804 : BHY : 보험점수 결과페이지 - 랭킹 */
.event_family_result {background-color: #fff;}
.event_family_result .info_keep .rank_box {position: relative;}
.event_family_result .info_keep .rank_box .team {width: 11.6%;text-align: center;position: absolute;top:10%;left:22.6%;z-index: 1;color:#fff;font-size: 20px;font-weight: bold;}
.event_family_result .info_keep .rank_box .score {width: 11.6%;text-align: center;position: absolute;top:20%;right: 19.6%;z-index: 1;color:#fff;font-size: 20px;font-weight: bold;}
.event_family_result .info_keep .rank_box .date {position: absolute;top: 45%;right: 12%;z-index: 1;color:#ead3ff;font-size: 14px;letter-spacing: normal;}

.event_family_result .info_keep .rank_box ul {width: 76%;height: 26.5%;margin:0 12%;position: absolute;top: 52.4%;left: 0;z-index: 1;}
.event_family_result .info_keep .rank_box ul li {display: flex;align-items:center;height:45%;}
.event_family_result .info_keep .rank_box ul li span {color:#fff;font-size: 20px;font-weight: bold;}
.event_family_result .info_keep .rank_box ul li span:nth-child(1) {margin-left: 45%;}
.event_family_result .info_keep .rank_box ul li span:nth-child(2) {margin-left: 22%;}

@media screen and (max-width:720px){
    .event_family_result .info_keep .rank_box .team {font-size: 22px;}
    .event_family_result .info_keep .rank_box .score {font-size: 22px;}
    .event_family_result .info_keep .rank_box ul li span {font-size: 22px;}
}
@media screen and (max-width:480px){
    .event_family_result .info_keep .rank_box .team {font-size: 18px;}
    .event_family_result .info_keep .rank_box .score {font-size: 18px;}
    .event_family_result .info_keep .rank_box ul li span {font-size: 18px;}
}
@media screen and (max-width:360px){
    .event_family_result .info_keep .rank_box .team {font-size: 16px;}
    .event_family_result .info_keep .rank_box .score {font-size: 16px;}
    .event_family_result .info_keep .rank_box ul li span {font-size: 16px;}
}

.event_family_result .info_keep .coment {font-size: 14px;color: #727288;text-align: center;padding: 4% 0 8% 0;line-height: 1.5;font-family: "RixGo M";}


/* 210804 : BHY : 보험점수 결과페이지 - 참여리스트 */
.event_family_result .event_family_list {position: relative;}
.event_family_result .event_family_list .score_top {position: relative;}
.event_family_result .event_family_list .score_top .score_tit strong {position: absolute;top:0;left: 50%;z-index: 1;width:100%;text-align:center;transform: translateX(-50%);display: block;font-size: 22px;font-weight: bold;color:#251a50;letter-spacing: -2px;}
.event_family_result .event_family_list .score_top .score_tit span {position: absolute;top:24%;left: 0%;z-index: 1;width:76%;display: block;font-size: 12px;color: #a9a7b5;letter-spacing: normal;text-align: right;margin:0 12%;}

.event_family_result .event_family_list .score_top .score_avg {position: absolute;top:48%;z-index: 1;width: 100%;height: 35%;display: flex;align-items: center;justify-content: center;}
.event_family_result .event_family_list .score_top .score_avg strong {display: inline-block;color:#ff00e4;font-size: 50px;font-weight: bold;margin-left: 9%;line-height: 1;}

.event_family_result .event_family_list .score_wrap {position: relative;background: url("/subscribe/images/event/family/bg_line.png") repeat-y;background-size: contain}
.event_family_result .event_family_list .score_wrap .score_stamp,
.event_family_result .event_family_list .score_wrap .score_list {width: 82%;margin: 0 auto}

.event_family_result .event_family_list .score_wrap .nop {font-size: 16px;color: #251a50;text-align: center;padding: 5% 0;font-weight: bold;}
.event_family_result .event_family_list .score_wrap .nop strong {color: #ff00e4;}

.event_family_result .event_family_list .score_wrap .score_stamp {position: relative;}
.event_family_result .event_family_list .score_wrap .score_stamp span {
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom:45%;
    text-indent: -9999em;
    background: url("/subscribe/images/event/family/result/bg_merry.png") no-repeat;
    background-size:100% auto;
}
.event_family_result .event_family_list .score_wrap .score_stamp.pos_01 span {background-position:0 0;}
.event_family_result .event_family_list .score_wrap .score_stamp.pos_02 span {background-position:0 11.2%;}
.event_family_result .event_family_list .score_wrap .score_stamp.pos_03 span {background-position:0 22.4%;}
.event_family_result .event_family_list .score_wrap .score_stamp.pos_04 span {background-position:0 33.6%;}
.event_family_result .event_family_list .score_wrap .score_stamp.pos_05 span {background-position:0 44.8%;}
.event_family_result .event_family_list .score_wrap .score_stamp.pos_06 span {background-position:0 55.6%;}
.event_family_result .event_family_list .score_wrap .score_stamp.pos_07 span {background-position:0 66.8%;}
.event_family_result .event_family_list .score_wrap .score_stamp.pos_08 span {background-position:0 78%;}
.event_family_result .event_family_list .score_wrap .score_stamp.pos_09 span {background-position:0 89%;}
.event_family_result .event_family_list .score_wrap .score_stamp.pos_10 span {background-position:0 100.2%;}

.event_family_result .event_family_list .score_wrap .score_list {padding-bottom: 7%;}
.event_family_result .event_family_list .score_wrap .score_list ul {border-top: 1px dotted #aba7bb;border-bottom: 1px dotted #aba7bb;}
.event_family_result .event_family_list .score_wrap .score_list ul li {padding: 2% 0;border-bottom: 1px solid #e6e6e6;}
.event_family_result .event_family_list .score_wrap .score_list ul li:last-child {border-bottom: none;}

.event_family_result .event_family_list .score_wrap .score_list dl {display: flex;justify-content: space-around;align-items: center;}
.event_family_result .event_family_list .score_wrap .score_list dl dt,
.event_family_result .event_family_list .score_wrap .score_list dl dt + dd + dd {color: #251a50;font-weight: bold;}


.event_family_result .event_family_list .score_wrap .score_list dl dt {width: 15%;}
.event_family_result .event_family_list .score_wrap .score_list dl dd .ico_confirmed {width: 38px;height: 38px;background: url("/subscribe/images/event/family/result/bg_sprite.png") no-repeat;background-size:200px 200px;background-position:0 -75px;text-indent: -9999em;overflow: hidden;}
.event_family_result .event_family_list .score_wrap .score_list dl dd .ico_confirmed.on {background-position:-40px -75px;}

.event_family_result .event_family_list .score_wrap .score_list dl dd button.btn_modify {width: 30px;overflow: hidden;text-indent:-9999em;background: url("/subscribe/images/event/family/result/bg_sprite.png") no-repeat;background-size:200px 200px;background-position:-30px -122px;}
.event_family_result .event_family_list .score_wrap .score_list ul li:first-child dl dd button.btn_modify {background-position:0 -122px;}

.event_family_result .info_share .inner {position: relative;}
.event_family_result .info_share .inner a {display: block;position: absolute;z-index: 1;overflow: hidden;text-indent: -9999em;}
.event_family_result .info_share .inner a.btn_add {width: 9%;height: 35%;right: 10.4%;bottom: 29%;}
.event_family_result .info_share .share_list {padding-bottom: 5%;}





/* 210804 : BHY : 보험점수 결과페이지 - 참여완료 팝업 */
#layerAreaWrap #pop_wrap .pos_fixed {position:absolute;top:50%;z-index: 106;transform: translateY(-50%);border-radius: 10px;width: 90%;margin: 0 5%;overflow: hidden;}

.pop_family_result .head {background-color: #15193b;padding: 5% 0;text-align: center;}
.pop_family_result .head dl dt {padding-bottom: 2%;}
.pop_family_result .head dl dt img {width: 50%;}
.pop_family_result .head dl dd {color: #fff;}

.pop_family_result .notice_info {padding: 7%;background-color: #fff;}
.pop_family_result .notice_info dl dt {color: #15193b;text-align: center;font-weight: bold;}
.pop_family_result .notice_info dl dd ul {margin: 4% 0;}
.pop_family_result .notice_info dl dd ul li {padding: 1% 0;color: #777;font-size: 13px;text-indent: -12px;margin-left: 12px;text-align: justify;}
.pop_family_result .notice_info dl dd ul li:nth-child(1),
.pop_family_result .notice_info dl dd ul li:nth-child(4) {color: #15193b;font-weight: bold;}

.pop_family_result .notice_info a {display: block;width: 94%;margin: 0 auto;padding: 4% 0;text-align: center;background-color: #15193b;border-radius: 10px;}
.pop_family_result .notice_info a.btn_find {color: #fff;font-weight: bold;font-size: 14px;}


/* 210804 : BHY : 보험점수 결과페이지 - 가족대표 체크 팝업 */
.pop_family_check {background-color: #fff;}
.pop_family_check .check_info {padding: 7%;}
.pop_family_check .check_info dl {padding-bottom: 2%;}
.pop_family_check .check_info dl dt {color: #000;text-align: center;font-weight: bold;padding: 5% 0 7%;}
.pop_family_check .check_info dl dd input {width: 100%;}
.pop_family_check .check_info a {display: block;width: 100%;padding: 4% 0;text-align: center;background-color: #15193b;border-radius: 10px;}
.pop_family_check .check_info a.btn_find {color: #fff;font-weight: bold;font-size: 14px;}

#pop_wrap .pop_family_check .head a.pop_close span,
#pop_wrap .pop_family_score .head a.pop_close span{background-position: -27px -48px;}

/* 210804 : BHY : 보험점수 결과페이지 - 이벤트 결과안내 팝업 */
.pop_family_winning {height: 100vh;overflow-x: hidden;overflow-y: scroll;}
.pop_family_winning .head {background-color: #15193b;padding: 5% 0;text-align: center;color: #fff;}

.pop_family_winning .winning_info {padding: 10% 0;background-color: #fff;}
.pop_family_winning .winning_info .win_list_01 {position: relative;margin-bottom: 10%;}
.pop_family_winning .winning_info .win_list_01 ul {width: 65%;height: 67%;position:absolute;left:30%;top:27%;z-index: 1;}
.pop_family_winning .winning_info .win_list_01 ul li {font-size: 14px;height: 10%;}

.pop_family_winning .winning_info .win_list_02 {position: relative;margin-bottom: 10%;}
.pop_family_winning .winning_info .win_list_02 ul {width: 80%;height: 51%;position: absolute;left: 10%;top: 39%;z-index: 1;display: flex;flex-direction: column;flex-wrap: wrap;}
.pop_family_winning .winning_info .win_list_02 ul li {display: flex;align-items: center;font-size: 14px;height: 20%;padding-left: 17%;}

.pop_family_winning .winning_info .win_list_03 {position: relative;}
.pop_family_winning .winning_info .win_list_03 ul {width: 80%;height: 38%;position: absolute;left: 10%;top: 15%;z-index: 1;}
.pop_family_winning .winning_info .win_list_03 ul li {display: flex;align-items: center;font-size: 14px;height: 50%;padding-left: 25%;}

.pop_family_winning .winning_info .win_list_04 .tit {padding:10% 0 2% 0;}
.pop_family_winning .winning_info .win_list_04 .inner {position: relative;}
.pop_family_winning .winning_info .win_list_04 .inner  ul {width: 80%;height: 100%;position: absolute;left: 10%;top: 0%;z-index: 1;display: flex;flex-direction: column;flex-wrap: wrap;}
.pop_family_winning .winning_info .win_list_04 .inner  ul li {display: flex;align-items: center;font-size: 14px;height: 6.66%;padding-left: 17%;}

/* 210804 : BHY : 보험점수 결과페이지 - 참여완료 팝업 */
.pop_family_score .inner {background-color: #fff;}
.pop_family_score .inner a {position: relative;display: block;color: #000;font-size: 18px;font-weight: bold;text-align: center;padding: 5% 7%;}
.pop_family_score .inner a span::after {display: block;content: '';width: 36px;height: 36px;position: absolute;left:7%;top: 50%;z-index: 1;transform: translateY(-50%);background: url("/subscribe/images/event/family/result/bg_sprite.png") no-repeat;background-size:200px 200px;}
.pop_family_score .inner .head a span::after {display: none;}

.pop_family_score .inner a.btn_refresh span::after {background-position:-164px -75px;}
.pop_family_score .inner a.btn_except span::after {background-position:-125px -75px;}

.pop_family_score .inner .except_confirm p.ask {position: relative;padding: 7% 0 0 22%;font-size: 18px;color: #000;font-weight: bold;}
.pop_family_score .inner .except_confirm p.ask:after {display: block;content: '';width: 42px;height: 42px;position: absolute;left: 7%;top: 50%;z-index: 2;transform: translateY(-20%);background: url("/subscribe/images/event/family/result/bg_sprite.png") no-repeat;background-size:200px 200px;background-position:-80px -75px;}

.pop_family_score .inner .except_confirm .msg {position: relative;padding: 8% 8% 0 8%;font-size: 18px;color: #000;font-weight: bold;text-align: center;}
.pop_family_score .inner .except_confirm .msg span {font-size: 16px;}
.pop_family_score .inner .except_confirm .msg .phone_nember {font-size: 20px;display: flex;justify-content: center;align-items: center;background-color: #eee;padding: 2% 0;margin:5% auto 0 auto;width: 80%;}

.pop_family_score .inner .except_confirm .btn_set {display: flex;align-items: center;padding: 8%;}
.pop_family_score .inner .except_confirm .btn_set button {width: 100%;color:#fff;font-weight: bold;padding: 4% 0;font-size: 14px;background-color: #15193b;border-radius: 10px}


/* 마일리지 정보안내 팝업창 추가 */
.layer_popup_mileage .mg_notice {background: #fafafa;border: 1px solid #e7e7e7;padding:15px;margin-top: 20px;font-size: 14px;line-height: 1.5;}
.layer_popup_mileage .agree_area {margin-top: 20px;}
.layer_popup_mileage .agree_area .tit_dot {font-size: 14px;margin: 20px 0 0 0;}
.layer_popup_mileage .agree_area .agree_chk_box {font-size: 14px;padding: 10px 0;border-bottom: 1px solid #e7e7e7;}
.layer_popup_mileage .agree_area .agree_chk_box p {margin-bottom: 15px;line-height: 1.5;font-weight: bold;}
.layer_popup_mileage .agree_area .agree_chk_box label em {font-weight: bold;}

.layer_popup_mileage button.btn_confirm {position: fixed;bottom: 0;text-align: center;width: 100%;overflow: visible;box-shadow: none;width: 100%;color: #fff;background-color: #475069;padding: 20px 0;font-size: 16px;font-weight: 700;letter-spacing: 2px;outline: none;border: none;}

/* 220506 : KMS : 동의 팝업 추가 */
.mt0 {margin-top:0px !important;}
/* #pop_wrap.new_agr_confirm {position:fixed;top:10%;left:3.5%;right:3.5%;width:94%;z-index:105;overflow:hidden;border-radius:10px;overflow-y:auto;min-height:auto;} */
#pop_wrap.new_agr_confirm {position:absolute;top:50%;left:3.5%;right:3.5%;width:94%;z-index:105;overflow:hidden;border-radius:10px;overflow-y:auto;min-height:auto;transform:translateY(-50%);}
#pop_wrap.new_agr_confirm #pop_agree  { position: relative; width:100%;color:#000;font-size:15px;font-weight:bold;background:#fff;line-height:1.2;z-index:95; }
#pop_wrap.new_agr_confirm #pop_agree h1 {font-size:18px;font-weight:bold; padding:28px 38px 8px 15px;line-height: 1.4;font-family:inherit;}
#pop_wrap.new_agr_confirm #pop_agree a {position:absolute;top:4px;right:0;padding:13px;z-index:100;}
#pop_wrap.new_agr_confirm #pop_agree a.close::before {content: ''; display:block;width:12px;height:11px;background:url("/default/images/common/escape/btn_close.png") no-repeat 0 0;background-position:0 0;background-size:100%;}
#pop_wrap.new_agr_confirm #pop_agree a.close span {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-indent: 0; width: 12px; height: 11px; clip: rect(1px, 1px, 1px, 1px); overflow: hidden;}
#pop_wrap.new_agr_confirm #pop_agree a.wyl250327 { position:absolute; top:20px; right:10px;padding:13px;z-index:100;}
#pop_wrap.new_agr_confirm #pop_agree._wylie_elad_head { padding:0 10px 0 10px; }
#pop_wrap.new_agr_confirm #pop_agree._wylie_elad_head h1 { font-size:20px; font-weight:700; padding:28px 38px 0px 15px; font-family: 'Pretendard',sans-serif; }
#pop_wrap.new_agr_confirm #pop_agree._wylie_elad_head .elanging_pop_clear2 { position:absolute; top:20px; right:10px; padding:13px; z-index:100;  }
#pop_wrap.new_agr_confirm #pop_agree._wylie_elad_head .elanging_pop_clear2:before { content: ''; display:block;width:12px;height:11px;background:url("/default/images/common/escape/btn_close.png") no-repeat 0 0;background-position:0 0;background-size:100%; }
#pop_wrap.new_agr_confirm #pop_agree._wylie_elad_head span { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-indent: 0; width: 12px; height: 11px; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; }

#pop_wrap.new_agr_confirm .pop_content_inner {padding:0 !important;}
#pop_wrap.new_agr_confirm .new_cont {margin:0 !important;padding:15px 15px 0;background:#fff;}
#pop_wrap.new_agr_confirm .new_cont .new_info p {float:left;font-size:12px;}
#pop_wrap.new_agr_confirm .new_cont .new_info:after {content:"";display:table;clear:both;}
#pop_wrap.new_agr_confirm .new_cont .chk_agree {position:relative;float:right;margin-top:13px;}
#pop_wrap.new_agr_confirm .new_cont .chk_agree button{background:#0096af;border-radius:5px;color: #fff;border: none;padding: 7px 10px;font-weight:bold;font-size: 13px}
#pop_wrap.new_agr_confirm .new_cont .bx_valid {position:relative;width:100%;margin-bottom:5px;}
#pop_wrap.new_agr_confirm .new_cont .bx_valid .txt_error {clear:both;width:auto !important;margin:0 10px 0 0;border:none;text-align:right;padding:0;font-weight:bold;}
#pop_wrap.new_agr_confirm .new_cont .txt_error.on {display:block;}
#pop_wrap.new_agr_confirm .new_cont .txt_error {display:none;padding-right:10px;}
#pop_wrap.new_agr_confirm .agree_chk {margin:15px 6px 6px 0;}
#pop_wrap.new_agr_confirm #pop_content .agree_chk h2 {float:left;font-size:13px;}
#pop_wrap.new_agr_confirm .agree_chk .ch_box {position:absolute;right:22px;}
#pop_wrap.new_agr_confirm .agree_chk .ch_box label {position: relative;text-indent:-999px;font-size:0;}
#pop_wrap.new_agr_confirm .new_cont .ch_box input[type=checkbox]+label:before {position:absolute;left:0;display:block;content:"";margin:-24px 0px 0 0;width:20px;height:24px;background: url("/default/images/common/img_agree_sprite.png") left top no-repeat;background-position:-22px -20px;background-size:62px 44px;}
#pop_wrap.new_agr_confirm .agree_chk .ch_box input[type=checkbox]:checked+label:before   {background-position:0px -20px;}
#pop_wrap.new_agr_confirm .agree_chk .ch_box input[type=checkbox] {width:20px;height:20px;opacity: 0;}
#pop_wrap.new_agr_confirm .agree_chk::after {display:table;content:"";clear:both;}
#pop_wrap.new_agr_confirm .agree_chk {position: relative;width:98%;}
#pop_wrap.new_agr_confirm .agree_chk .ipt_tooltip {display:none;position:absolute;width:143px;top:-56px;right:-6px;padding:6px 7px;background:#ecf8fa;border:1px solid #80cfdc;border-radius:5px;box-shadow:0px 5px 5px rgba(0,0,0,.2);color:#333333;font-size:12px;line-height:1.4;z-index:5;box-sizing:border-box;text-align:justify;}
#pop_wrap.new_agr_confirm .agree_chk .ipt_tooltip.on {display:block;}
#pop_wrap.new_agr_confirm .agree_chk .ipt_tooltip {animation:agrChk .7s infinite;}
#pop_wrap.new_agr_confirm .agree_chk .ipt_tooltip::before {position:absolute;bottom:-6px;right:12px;content:"";display:inline-block;width:12px;height:12px;background:#ecf8fa;transform:rotate(135deg);z-index:5;}
#pop_wrap.new_agr_confirm .agree_chk .ipt_tooltip::after {position:absolute;bottom:-7px;right:12px;content:"";display:inline-block;width:12px;height:12px;background:#80cfdc;transform:rotate(135deg);z-index:1;}
#pop_wrap.new_agr_confirm .agree_chk .ipt_tooltip span {color:#0096af;font-weight:bold;}
#pop_wrap.new_agr_confirm .agree_chk .ipt_tooltip.k {display:none;position:absolute;width:170px;top:-15px;right:40px !important;padding:6px 7px;background:#ecf8fa;border:1px solid #80cfdc;border-radius:5px;box-shadow:0px 5px 5px rgba(0,0,0,.2);color:#333333;font-size:12px;line-height:1.4;z-index:5;box-sizing:border-box;text-align:justify;}
#pop_wrap.new_agr_confirm .agree_chk .ipt_tooltip.k.on {display:block;}
#pop_wrap.new_agr_confirm .agree_chk .ipt_tooltip.k {animation:toolbum2 .7s infinite;}
#pop_wrap.new_agr_confirm .agree_chk .ipt_tooltip.k::before {position:absolute;top:40%;right:-6px;content:"";display:inline-block;width:12px;height:12px;background:#ecf8fa;transform:rotate(45deg);z-index:5;}
#pop_wrap.new_agr_confirm .agree_chk .ipt_tooltip.k::after {position:absolute;top:40%;right:-7px;content:"";display:inline-block;width:12px;height:12px;background:#80cfdc;transform:rotate(45deg);z-index:1;}
#pop_wrap.new_agr_confirm .agree_chk .ipt_tooltip.k span {color:#0096af;font-weight:bold;}
#pop_wrap.new_agr_confirm .box_gray15.agree_cont {height:60px;font-size:12px;overflow-y:auto;}
#pop_wrap.new_agr_confirm .box_gray15.agree_cont.ty02 {height:20px;font-size:12px;overflow-y:auto;}
#pop_wrap.new_agr_confirm .box_gray15.agree_cont.ty02 .chk_wrap {display: flex;margin: 10px 0;}
#pop_wrap.new_agr_confirm .list_type02 li {font-size:12px;}
#pop_wrap.new_agr_confirm .ob_lnd .btn_area {margin:18px 0px 20px;}
#pop_wrap.new_agr_confirm .ob_lnd .btn_area a {height:42px;line-height:42px;border-radius:5px;box-sizing:border-box;}
#pop_wrap.new_agr_confirm .notice_date {position:relative;padding-bottom:0px;margin-top:13px;}
#pop_wrap.new_agr_confirm .notice_date:after{content:'';position:absolute;top:-3px;right:-3px;width:47.5px;height:58px;background:url("/default/images/common/notice_date_gurt.png") no-repeat 0 center;background-size:100%;}
#pop_wrap.new_agr_confirm .notice_date p {background-color: #e8f7ff;border:1px solid #e8f7ff;border-radius:5px;height:55px;display: flex;align-items: center;padding-left: 12px;}
#pop_wrap.new_agr_confirm .notice_date p span {display: inline-block;font-size: 12px;padding-left:0px;background:none;}
#pop_wrap.new_agr_confirm .notice_date p strong {color: #0096af;}
#pop_wrap.new_agr_confirm .notice_date p strong.b_text {color: #333;}

#pop_wrap.new_agr_confirm .txtarea{margin:10px 0 0; background-color:#f8f8f8; height:76px; overflow-y:auto; font-size:15px;box-sizing:border-box;border-radius: 5px;}
#pop_wrap.new_agr_confirm .txtarea .view{height:100%;}
#pop_wrap.new_agr_confirm .gurt_agree_box{padding:15px; font-size:12px; line-height:20px;}
#pop_wrap.new_agr_confirm .gurt_agree_box ul li{position:relative;color: #333;font-size:12px; line-height:20px;padding:0 0 5px 12px;background:none;}
#pop_wrap.new_agr_confirm .gurt_agree_box ul li:before {content:''; position:absolute; left:5px; top:8px; width:3px; height:3px; background:#000;}
#pop_wrap.new_agr_confirm .gurt_agree_box ul li span.notice {color: #333;}
#pop_wrap.new_agr_confirm #pop_header h1{padding:0 15px; text-align:left;}
#pop_wrap.new_agr_confirm a.pop_close{top:10px;}
#pop_wrap.new_agr_confirm .btn_step{width:unset; height:unset; padding:30px 0; margin:0;}
#pop_wrap.new_agr_confirm .btn_step a{display:inline-block; height:35px;}
#pop_wrap.new_agr_confirm .my_certification_wrap {height:auto;}
#pop_wrap.new_agr_confirm .my_certification_wrap.agree_total {margin-bottom:18px;}

#pop_wrap.new_agr_confirm .gurt21_renew .btn_total_agree{height:50px; line-height:47px;}
#pop_wrap.new_agr_confirm .gurt21_renew .btn_total_agree .txt {font-family:inherit;font-weight:bold;}
#pop_wrap.new_agr_confirm .my_certification_wrap .my_certification {margin-bottom:8px;}
#pop_wrap.new_agr_confirm .my_certification_wrap.agree_total .my_certification a{height:47px;padding:13px 0 0;border:0;border-bottom:1px solid #dddddd;font-size:14px;color:#929292;margin:0;line-height:1.2;font-family:"RixsGo M";font-weight:normal;}
#pop_wrap.new_agr_confirm .my_certification_wrap.agree_total .my_certification a.on{color:#111; background-color:transparent;border-bottom:2px solid #0096af;font-weight:bold;}
#pop_wrap.new_agr_confirm .gurt_agree_box .top_notice {font-size:12px !important; line-height:1.4; color:#666; margin-bottom:10px;}
#pop_wrap.new_agr_confirm .terms_cont_wrp {max-height:150px; overflow-y:auto;}
#pop_wrap.new_agr_confirm .total_agree_grade .total_agree_grade_tooltip.right_tooltip {right:-40px;}
#pop_wrap.new_agr_confirm .total_agree_grade .total_agree_grade_tooltip.right_tooltip {right: -40px;}
#pop_wrap.new_agr_confirm .total_agree_grade .total_agree_grade_tooltip.right_tooltip:before,
#pop_wrap.new_agr_confirm .total_agree_grade .total_agree_grade_tooltip.right_tooltip:after {right: 55px;}






/* 220526 : BHY : 자동차 출고 당시 부속품  조회 결과 */

.layer_popup_parts .con_area .txt {color: #666;padding: 0 0 20px;font-size: 13px;line-height: 1.5;}
.layer_popup_parts .con_area .txt strong {color: #e11b22;}

.layer_popup_parts .con_area .tbl_normal {width: 100%;border-top: 2px solid #333; }
.layer_popup_parts .con_area .tbl_normal thead th {padding:10px 0;text-align:left;font-size:15px;line-height:20px;border-bottom:1px solid #8d8d8d;color:#000;font-weight: bold;}
.layer_popup_parts .con_area .tbl_normal tbody th,
.layer_popup_parts .con_area .tbl_normal tbody td {padding:11px 0 10px 0;border-bottom:1px solid #e7e7e7;color:#444; font-size:15px; vertical-align: middle;}

.layer_popup_parts .con_area .info_txt {color: #0096b1;padding: 20px 0 40px;font-weight: bold;}
.layer_popup_parts .con_area .ob_lnd .btn_area {text-align: center;}
.layer_popup_parts .con_area .ob_lnd .btn_area button span{font-size:15px;color:#fff;font-weight: bold;display: flex;justify-content: center;align-items: center;width: 100px;height: 40px;}
.layer_popup_parts .con_area .ob_lnd .btn_area .btn_cancel span{background:#666666;}
.layer_popup_parts .con_area .ob_lnd .btn_area .btn_result span{background:#0096af;}


/* 220809 : BHY : CM 자동차 보험 산출계 개선작업 */
.layer_pop_fast {padding:5%;background:#fff;overflow-y: auto;max-height: 80vh;}
.layer_pop_fast h1 {color: #000000;font-weight: bold;font-size: 17px;margin-bottom: 10px;}
.layer_pop_fast h2 {color: #000000;font-weight: bold;font-size: 11px;margin-bottom: 5px;}
.layer_pop_fast h2 strong {color: #e11b22;display: inline;margin-left: 5px;font-weight: normal;}
.layer_pop_fast .head {position: relative;padding:10px 0 10px ;font-size:13px;text-align: center;font-weight: bold;}
.layer_pop_fast .head .blue {display: inline-block;color:#0096af;line-height:1.4;}

.layer_pop_fast .contents .info ul {margin-bottom:10px;padding:15px;background:#fff7d5;}
.layer_pop_fast .contents .info ul li {font-size:12px;line-height:1;padding-top: 10px;}
.layer_pop_fast .contents .info ul li:first-child {padding-top: 0;}
.layer_pop_fast .contents strong.c_blue {color: #005baf;}
.layer_pop_fast .contents strong.c_red {color: #e11b22;}

.layer_pop_fast .contents .age {display: flex;margin-bottom: 15px;font-size: 13px;}
.layer_pop_fast .contents .age h2 {margin: 0;font-size: 12px;}

.layer_pop_fast .contents .info_area input::placeholder {font-size: 13px;}
.layer_pop_fast .contents .info_area .tip {font-size: 12px;color: #666;border-top: 1px solid #e7e7e7;padding-top: 15px;}

/* 220809 : BHY : CM 자동차> 보험료안내 > 할인특약 포커싱 및 알림 배너 발생 */
.add_focus_alert{position: absolute;top: -95px;left: 0;z-index: 10;width: 100%;min-height: 85px;background-color: rgba(255, 211, 92, 0.95);display: flex;align-items: center;border-radius: 10px;}
.add_focus_alert span {display: inline-block;padding: 0 0 0 90px;color: #222;font-size: 17px;line-height: 1.5;}
.add_focus_alert span::before {content: '';display: block;width: 60px;height: 65px;position: absolute;left: 20px;top: 10px;background: url("/subscribe/images/common/add_focus_mondi.png") no-repeat left top;background-size: contain;}
.add_focus_alert button.close {display: block;position: absolute;right: 10px;top: 10px;width: 14px;height: 14px;text-indent: -999em;background: url("/subscribe/images/common/ico_comm.png") no-repeat;background-size: 250px 250px; background-position:  -155px -50px;}
.add_focus_alert:after{
	content: '';
	position: absolute;left: 50%;bottom: -14px;
	transform: translateX(-50%);
	width: 0;height: 0;
	border-left: 7px solid transparent;
	border-top: 7px solid rgba(255, 211, 92, 0.95);
	border-right: 7px solid transparent;
	border-bottom: 7px solid transparent;
}

/*** radio : box ***/
.custom_radio input[type=radio] {display: none;}

.custom_radio ul {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap; border-top: 1px solid #ccc;border-right: 1px solid #ccc;box-sizing: border-box;}
.custom_radio ul li {position: relative;width: 25%;height: 40px;}
.custom_radio ul li:nth-child(5),
.custom_radio ul li:nth-child(6),
.custom_radio ul li:nth-child(7) {width: 33.3%;}
.custom_radio ul li.nodata {border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;box-sizing: border-box;}
.custom_radio ul li input[type=radio]+label{position:relative;width: 100%;height: 100%; color:#666;font-size: 13px;display: flex;align-items: center;justify-content: center;text-align: center;cursor: pointer;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;box-sizing: border-box;line-height: 1.2;}
.custom_radio ul li input[type=radio]:checked+label {color: #000;}
.custom_radio ul li input[type=radio]:checked+label:after {content: '';display: block;width: 100%;height: 100%;border: 1px solid #0096af;position: absolute;left: -1px;top: -1px;z-index: 1;}


/*============= 230109 : 직영O/B 자원확보를 위한 고연령 타겟 랜딩 ==============*/
@font-face {
    font-family:"RixSGo";
    font-style: normal;
    font-weight: 400;
    src: url("../font/rixsgo_M.eot");
    src: url("../font/rixsgo_M.eot?#iefix") format("embedded-opentype"),
    url("../font/rixsgo_M.woff") format("woff"),
    url("../font/rixsgo_M.ttf") format("truetype");
}

@font-face {
    font-family:"RixSGo";
    font-style: normal;
    font-weight: 700;
    src: url("../font/rixsgo_B.eot");
    src: url("../font/rixsgo_B.eot?#iefix") format("embedded-opentype"),
    url("../font/rixsgo_B.woff") format("woff"),
    url("../font/rixsgo_B.ttf") format("truetype");
}

@font-face {
    font-family:"RixSGo";
    font-style: normal;
    font-weight: 900;
    src: url("../font/rixsgo_EB.eot");
    src: url("../font/rixsgo_EB.eot?#iefix") format("embedded-opentype"),
    url("../font/rixsgo_EB.woff") format("woff"),
    url("../font/rixsgo_EB.ttf") format("truetype");
}


.ob_lnd * {font-family:"RixSGo", sans-serif; font-weight:400;}
.ob_lnd .hidden {position:absolute; left:0; top:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px);}
.ob_lnd {position:relative;}

/* 최상단 배너 */
.ob_wrap { }
.ob_wrap .top_bnr_area {position:relative; margin-bottom:40px;}
.ob_wrap .top_bnr_area img {width:100%; display:block;}
.ob_wrap .top_bnr_area .txt_review {position:absolute; right:20px; top:10px; margin:0; color:#555; font-size:10px;}

/* 타이틀 영역 */
.ob_wrap .tit_area {padding:0 20px; margin-bottom:40px;}
.ob_wrap .tit_area .ob_tit,
.ob_wrap .tit_area .ob_tit .name {font-size:24px; color:#111; font-weight:900;}

/* 정보 입력 영역 */
.ob_lnd .cont_area {padding:0 20px 32px; display:flex; flex-direction:column-reverse;}
.ob_lnd .cont_area .box {margin-top:24px;}
.ob_lnd .cont_area .box:last-child {margin-top:0;}
.ob_lnd .cont_area .box .tit {font-size:16px; color:#111; margin-bottom:8px; line-height:1.5;}
.ob_lnd .cont_area .inp_wrap {width:100%;}
.ob_lnd .cont_area input {width:100%; min-height:60px; padding:0 16px; box-sizing:border-box; border:2px solid #111; border-radius:8px; outline:none; caret-color:#ee3622; font-size:18px; font-weight:700; line-height:1.5;}
.ob_lnd .cont_area input::placeholder{color:#acb1b3; font-weight:700; line-height:1.5; overflow:visible;}
.ob_lnd .cont_area input:focus {border:2px solid #ee3622;}
.ob_lnd .cont_area input.focus_on { border-width:2px; border-color:#ee3622; }
.ob_lnd .cont_area .err_txt {font-size:12px; color:#ee3622; margin-top:8px; display:none;}
.ob_lnd .cont_area input.err {border:2px solid #ee3622; background:rgba(266, 0, 0, 0.08); font-size:18px;}
.ob_lnd .cont_area input.err:focus {outline:none;}

/* 성별 */
.ob_lnd .inp_gender .rdo {cursor:pointer; position:relative; vertical-align:middle; display:inline-block; width:calc(50% - 8px); height:60px;}
.ob_lnd .inp_gender .rdo ~ .rdo {margin-left:8px;}
.ob_lnd .inp_gender .rdo input {width:0; height:0;}
.ob_lnd .inp_gender .rdo input:checked ~ .ico {background-color:#ee3622; border-color:#ee3622}
.ob_lnd .inp_gender .rdo input[type="radio"] {position:absolute; top:3px; left:3px; z-index:-999; width:0; height:0; background-color:transparent; border:0; outline:none;}
.ob_lnd .inp_gender .rdo .rdo_box + .rdo_label {position:relative; display:flex; align-items:center; justify-content:center; height:inherit; padding: 0 23px; vertical-align:middle; border:1px solid #ddd; border-radius:8px; background-color:#fff; font-size:18px; box-sizing:border-box; cursor:pointer; z-index:1;}
.ob_lnd .inp_gender .rdo .rdo_box:checked + .rdo_label {color:#ee3622; border:2px solid #ee3622}
.ob_lnd .inp_gender .rdo .rdo_box:checked + .rdo_label::before {content:""; background-image:url("/subscribe/images/product/gate/ico_chk.png"); background-repeat:no-repeat; background-size:18px; width:18px; height:18px; position:absolute; left:50%; top:50%; margin:-10px 0 0 -30px;}
.ob_lnd .inp_gender .rdo .rdo_box:checked + .rdo_label > span {margin-left: 20px; font-weight:700;}

/* 버튼영역 */
.ob_lnd .bottom_btn_area {padding: 0 20px; margin-bottom:40px;}
.ob_lnd .bottom_btn_area::before {position:absolute; display:block; left:0; right:0; top:-40px; height:40px; background:linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%); content:"";}
.ob_lnd .bottom_btn_area .btn {width:100%; height:60px; padding:17px 16px 16px 16px; cursor:pointer; display:block; text-align:center; vertical-align:middle; background-color:#ee3622; border-radius:8px; transition:0.3s;}
.ob_lnd .bottom_btn_area .btn.app .txt {color:#fff; font-size:18px; font-weight:700;}
.ob_lnd .bottom_btn_area .btn.disabled {cursor:initial; background-color:#ffebe9; color:#ffb1a7;}
.ob_lnd .bottom_btn_area .btn.disabled:hover {background-color:none;}
.ob_lnd .bottom_btn_area .btn_kakao_wrap {position:relative;}
.ob_lnd .bottom_btn_area .btn.kakao {width:100%; height:60px; cursor:pointer; padding:16px; background-color:#fee500; border-radius:8px;}
.ob_lnd .bottom_btn_area .btn.kakao .txt {font-size:18px; font-weight:700; color:rgba(0,0,0,0.85);}
.ob_lnd .bottom_btn_area .btn.kakao::before {content:""; background-image:url("/subscribe/images/product/gate/ico_kakao.png"); background-repeat:no-repeat; background-size:24px; width:24px; height:24px; position:absolute; margin:-3px 0 0 -30px;}
.ob_lnd .bottom_btn_area .pop_balloon {font-size:12px; position:absolute; left:50%; top:-34px; padding:5px 12px; color:#fff; background-color:#66180e; border-radius:19px; transform:translateX(-50%); box-shadow:0 6px 5px rgb(0 0 0 / 20%);}
.ob_lnd .bottom_btn_area .pop_balloon::before {position:absolute; left:50%; bottom:-6px; border-top:6px solid #66180e; border-bottom:0 solid transparent; border-left:5px solid transparent; border-right:5px solid transparent; transform:translateX(-50%); content:"";}
.ob_lnd .bottom_btn_area .pop_balloon::after {position:absolute; left:50%; bottom:-11px; border-top:6px solid rgba(0,0,0,0.3); border-bottom:0 solid transparent; border-left:5px solid transparent; border-right:5px solid transparent; transform:translateX(-50%); opacity:0.3; content:"";}

.ob_lnd .bottom_btn_area .info_txt {position:relative; padding-left:20px; font-size:14px; color:#888; word-break:keep-all; }
.ob_lnd .bottom_btn_area .info_txt::before {content:""; background-image:url("/subscribe/images/product/gate/ico_info.png"); background-repeat:no-repeat; background-size:16px; width:16px; height:16px; position:absolute; left:0; top:0;}
.ob_lnd .bottom_btn_area .info_txt2 {position:relative;padding-left:17px;font-size:12px;color:#aaa; word-break:keep-all; }
.ob_lnd .bottom_btn_area .info_txt2:before{content:'※';display:block;color:inherit;position:absolute;top:0;left:0;}
.ob_lnd .bottom_btn_area .info_txt + .info_txt2 { margin-top:5px; }

.ob_lnd .bottom_btn_area .info_txt_group { position:relative; }
.ob_lnd .bottom_btn_area .info_txt_group > li { position:relative; padding-left:12px; font-size:14px; color:#111; word-break:keep-all; }
.ob_lnd .bottom_btn_area .info_txt_group > li:before { position:absolute; left:0; top:50%; width:4px; height:4px; line-height:1.5; background:#111; border-radius:50%; transform:translateY(-50%); content:""; }
.ob_lnd .bottom_btn_area .info_txt_group > li + li { margin-top:10px; }
.ob_lnd .bottom_btn_area .info_txt_group2 { position:relative; }
.ob_lnd .bottom_btn_area .info_txt_group2 > li { position:relative; padding-left:18px; font-size:13px; color:#888; word-break:keep-all; }
.ob_lnd .bottom_btn_area .info_txt_group2 > li:before { position:absolute; left:0; top:-2px; }
.ob_lnd .bottom_btn_area .info_txt_group2 > li:nth-of-type(1):before { content:"①"; }
.ob_lnd .bottom_btn_area .info_txt_group2 > li:nth-of-type(2):before { content:"②"; }
.ob_lnd .bottom_btn_area .info_txt_group3 { position:relative; }
.ob_lnd .bottom_btn_area .info_txt_group3 > dt { font-size:10px; color:#888; }
.ob_lnd .bottom_btn_area .info_txt_group3 > dd { font-size:10px; color:#888; }
.ob_lnd .bottom_btn_area .info_txt_group3 > dd li { padding-left:10px; text-indent:-11px; word-break:keep-all; }
.ob_lnd .bottom_btn_area .infoTxt { margin-top:16px; }
.ob_lnd .bottom_btn_area .info_txt_group + .info_txt_group2 { margin-top:10px; }
.ob_lnd .bottom_btn_area .info_txt_group2 + .info_txt_group3 { margin-top:10px; }

/* 하단 영역 */
.ob_lnd .bottom_area {padding-bottom:20px;}
.ob_lnd .bottom_area .top_bnr_area {margin:30px 0 0 0;}
.ob_lnd .bottom_area .dlpo_area {margin-top:30px;}
.ob_lnd .bottom_area .dlpo_area img {display:block; width:100%;}

/* 고연령 랜딩 페이지 오퍼 팝업 */
.oper_lnd_pop { position:fixed; bottom:0; left:0; right:0; z-index:99; }
.oper_lnd_pop .cont {position:absolute; bottom:0; left:0; right:0; width:100%; padding:60px 0 38px 0; box-sizing:border-box; background-color:#fff; border-radius:20px 20px 0 0; transition:transform 0.3s ease-out; transform:translateY(100%); z-index:2; }
.oper_lnd_pop.active .cont {transform:translateY(0);}
.oper_lnd_pop .dim { position:fixed; display:none; top:0; left:0; bottom:0; right:0; background-color:rgba(0,0,0,0.7); z-index:1; }
.oper_lnd_pop.active .dim { display:block; }
.oper_lnd_pop .close_btn {cursor:pointer; font-size:0; position:absolute; top:24px; right:24px; background-image:url("/subscribe/images/product/gate/ico_close.png"); background-repeat:no-repeat; background-size:32px; width:32px; height:32px;}

/* 약관동의 하단 팝업 */
.ob_lnd .lnd_agree_pop.show {display:block;}
.ob_lnd .lnd_agree_pop {display:none; position: fixed; width: 100%; height: 100%; top: 0; z-index: 1000; background-color:rgba(0,0,0,0.8); overflow: hidden; }
.ob_lnd .lnd_agree_pop .pop_main { display: block; position: relative; top: 0; width: 100%; height: 100%;}
.ob_lnd .lnd_agree_pop .pop_cont {position:fixed; bottom:0; width:100%; padding:40px 20px 0;  border-radius:20px 20px 0 0; background-color:#fff; box-sizing:border-box;}
.ob_lnd .lnd_agree_pop .txt_area {margin-bottom:24px;}
.ob_lnd .lnd_agree_pop .txt_area .tit {font-size:20px; color:#111; font-weight:900;}
.ob_lnd .lnd_agree_pop .txt_area .sub_txt {font-size:14px; color:#787d80; margin-top:8px;}
.ob_lnd .lnd_agree_pop .terms_wrap {height:232px; overflow:scroll;}
.ob_lnd .lnd_agree_pop .terms_wrap .box ~ .box {margin-top:40px;}
.ob_lnd .lnd_agree_pop .terms_wrap .box .tit {font-size:14px; margin-bottom:12px; font-weight:900; color:#111;}
.ob_lnd .lnd_agree_pop .terms_cont {padding:24px; background-color:#f5f7f7; border-radius:8px; font-size:13px;}
.ob_lnd .lnd_agree_pop .terms_cont .txt {font-size:13px; line-height:1.5; color:#111;}
.ob_lnd .lnd_agree_pop .terms_cont .list > li {position:relative; margin-top:16px; padding-left:8px; font-size:13px; line-height:1.5; color:#111;}
.ob_lnd .lnd_agree_pop .terms_cont .list > li::before {content:""; position:absolute; top:9px; left:0; width:2px; height:2px; background-color:#000;}
.ob_lnd .lnd_agree_pop .terms_cont .list > li > span {font-size:16px; text-decoration:underline; color:#111;}
.ob_lnd .lnd_agree_pop .terms_cont .inner_list > li {color:#111 !important; font-size:13px;}
.ob_lnd .lnd_agree_pop .terms_cont .rdo_area {height:22px; margin-top:8px;}
.ob_lnd .lnd_agree_pop .terms_cont .rdo_area .rdo {cursor:pointer; position:relative; vertical-align:middle;}
.ob_lnd .lnd_agree_pop .terms_cont .rdo_area .rdo ~ .rdo {margin-left:20px;}
.ob_lnd .lnd_agree_pop .terms_cont .rdo_area .rdo input {width:0; height:0;}
.ob_lnd .lnd_agree_pop .terms_cont .rdo_area .rdo input:checked ~ .ico {background-color:#ee3622; border-color:#ee3622;}
.ob_lnd .lnd_agree_pop .terms_cont .rdo_area .rdo input:checked ~ .ico::before {content:""; border:1px solid transparent;}
.ob_lnd .lnd_agree_pop .terms_cont .rdo_area .rdo input:checked ~ .ico::after {content:""; width:8px; height:8px;}
.ob_lnd .lnd_agree_pop .terms_cont .rdo_area .rdo .ico {background-color:#fff; border-radius:50%; position:absolute; left:0; top:-4px; width:20px; height:20px;}
.ob_lnd .lnd_agree_pop .terms_cont .rdo_area .rdo .ico::before {content:""; width:20px; height:20px; position:absolute; left:-1px; top:-1px; border:1px solid #e1e5e6; border-radius:50%;}
.ob_lnd .lnd_agree_pop .terms_cont .rdo_area .rdo .ico::after {content:""; background-color:#fff; border-radius:50%; position:absolute; left:50%; top:50%; margin:-4px 0 0 -4px;}
.ob_lnd .lnd_agree_pop .terms_cont .rdo_area .rdo .txt {display:inline-block; margin-left:25px; color:#111; font-size:14px;}
.ob_lnd .lnd_agree_pop .terms_cont .err_txt::before {content:""; background-image:url("/subscribe/images/product/gate/ico_err.png"); background-repeat:no-repeat; background-size:16px; width:16px; height:16px; position:absolute; margin:0 0 0 -20px;}
.ob_lnd .lnd_agree_pop .terms_cont .err_txt {display:none; position:relative; font-size:13px; color:#ee3622; margin:12px 0 0 23px;}
.ob_lnd .lnd_agree_pop .terms_cont .txt_bottom {margin-top:24px;}
.ob_lnd .lnd_agree_pop .terms_cont .txt_bottom .txt ~ .txt {margin-top:8px;}
.ob_lnd .lnd_agree_pop .btn_area { margin:0; padding:20px 0;}
.ob_lnd .lnd_agree_pop .btn_area {background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 17.35%, #ffffff 29.59%);}
.ob_lnd .lnd_agree_pop .btn_area .btn {width:100%; height:63px; padding:16px; border-radius:8px; background-color:#ee3622; font-size:20px; color:#fff;}
.ob_lnd .lnd_agree_pop .btn_area .btn .txt {font-weight:700;}
.ob_lnd .lnd_agree_pop .btn_area .btn img {width:22px; vertical-align:sub;}
.ob_lnd .lnd_agree_pop .btn_area .btn_close {background-image:url("/subscribe/images/product/gate/btn_close.png"); background-repeat:no-repeat; background-size:32px; width:32px; height:32px; position:absolute; top:24px; right:24px;}
.ob_lnd .lnd_agree_pop .btn_area .btn_close .txt {font-size:0; text-indent:-999px;}
.ob_lnd .lnd_agree_pop .btn_area .tooltip {position:absolute; display:block !important; bottom:92px; left:50%; padding:19px 18px; white-space:nowrap; border:1px solid #7822e4; border-radius:6px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); background-color:#fff; animation:up-down 0.7s infinite ease-in-out alternate; transform:translate(-50%, 0); }
@keyframes up-down {
    from { transform:translate(-50%, 0); }
    to { transform:translate(-50%, -5px); }
}
.ob_lnd .lnd_agree_pop .btn_area .tooltip::after {content:""; background-image:url("/subscribe/images/product/gate/tooltip.png"); background-repeat:no-repeat; background-size:16px; width:16px; height:16px; position:absolute; bottom:-16px; left:50%; margin-left:-10px;}
.ob_lnd .lnd_agree_pop .btn_area .tooltip p {font-size:16px; color:#777; font-weight:700;}
.ob_lnd .lnd_agree_pop .btn_area .tooltip span {color:#552bff; font-weight:900;}
.ob_lnd .lnd_agree_pop .btn_area .tooltip em {position:relative; font-weight:900;}
.ob_lnd .lnd_agree_pop .btn_area .tooltip em::after {content:""; position:absolute; bottom:-2px; left:0; width:100%; height:1px; background-color:#552bff;}

/***** 얼럿팝업 *****/
.ob_lnd .alert_pop {text-align: center; display:none;}
.ob_lnd .alert_pop {position: fixed; width: 100%; height: 100%; top: 0; z-index: 1000; background-color:rgba(0,0,0,0.9); overflow: hidden; }
.ob_lnd .alert_pop .popup {display:none; position: relative; top: 0; width: 100%; height: 100%;}
.ob_lnd .alert_pop .pop_cont {position: absolute; top:50%; width: 100%; margin-top:-169px; z-index: 1;}
.ob_lnd .alert_pop .pop_cont .cont_inner {margin:0 20px; padding:40px 20px 20px 20px; box-sizing:border-box;background-color:#fff; border-radius:20px;}
.ob_lnd .alert_pop .tit {font-size:20px; font-weight:900; color:#111; margin-bottom:20px;}
.ob_lnd .alert_pop .pop_cont .btn {display: block; width: 100%; height:56px; margin-top:32px; border-radius:8px; background-color:#ee3622; color:#fff; font-size:16px; font-weight:700;}


/* 동의했을 때 : 상담예약 완료 팝업*/
.ob_lnd .alert_pop .popup.complete .pop_cont {margin-top:-180px;}
.ob_lnd .alert_pop .popup.complete .pop_cont .cont_inner {padding:0;}
.ob_lnd .alert_pop .popup.complete .pop_cont .top_area {padding:32px 20px;}
.ob_lnd .alert_pop .popup.complete .pop_cont img {width:132px;}
.ob_lnd .alert_pop .popup.complete .pop_cont .tit {margin-bottom:24px;}
.ob_lnd .alert_pop .popup.complete .pop_cont .sub_txt {font-size:14px; color:#484b4d; margin-top:24px;}
.ob_lnd .alert_pop .popup.complete .pop_cont .btn {margin:0; border-radius:0 0 20px 20px;}

/* 동의 안 했을 때 : 이벤트 팝업*/
.ob_lnd .alert_pop .popup.event .pop_cont {margin-top:-150px;}
.ob_lnd .alert_pop .popup.event .pop_cont img {width:132px;}

/* 동의 안 했을 때 : 팝업*/
.ob_lnd .alert_pop .popup.disagree .pop_cont {margin-top:-159px;}
.ob_lnd .alert_pop .popup.disagree .pop_cont img {width:90px;}

/* OB랜딩 질병 추가 */
.user_step { margin-bottom: 16px; padding-left: 20px;}
.user_step span { display: flex; align-items: center; justify-content: center; width: 57px; padding: 7px 0 3px; font-size: 14px; font-weight: 900; color: #fff; letter-spacing: 0; line-height: 1; background-color: #ee3622; border-radius: 4px;}
.user_step.marginTop1 { margin-top: 32px;}
.user_step.marginTop2 { margin-top: 32px;}
.user_disease { position: relative;}
.user_disease .tit_area { margin-bottom: 0;}
.user_disease .inp_wrap { display: flex; justify-content: space-between; margin-top: 23px; padding: 0 20px;}
.user_disease .inp_wrap input { display: flex; justify-content: space-between; position: relative; width: 72px; height: 74px; appearance: none;}
.user_disease .inp_wrap input.disease01 { background:url("/subscribe/images/product/gate/ico_disease01.png") no-repeat; background-size: 72px;}
.user_disease .inp_wrap input.disease02 { background:url("/subscribe/images/product/gate/ico_disease02.png") no-repeat; background-size: 72px;}
.user_disease .inp_wrap input.disease03 { background:url("/subscribe/images/product/gate/ico_disease03.png") no-repeat; background-size: 72px;}
.user_disease .inp_wrap input.disease04 { background:url("/subscribe/images/product/gate/ico_disease04.png") no-repeat; background-size: 72px;}
.user_disease .inp_wrap label { display: block; margin-top: 6px; color: #111; text-align: center;}
.user_disease .inp_wrap input:checked { background-position-y: -81px;}
.user_disease .err_txt { display: flex; align-items: center; justify-content: center; position: absolute; left: 20px; right: 20px; bottom: -11px; z-index: -1; padding: 8px 0 5px; background-color: #888; border-radius: 4px; opacity: 0; transition: opacity .5s;}
.user_disease .err_txt i { display: block; width: 16px; height: 16px; margin-top: -4px; background:url("/subscribe/images/product/gate/ico_disease_check.png") no-repeat; background-size: 16px;}
.user_disease .err_txt span { display: block; margin-left: 6px; font-size: 14px; color: #fff;}
.user_disease .err_txt.on { z-index: 1; opacity: 1;}

/* 자동차 보험 화면별 일부 글자크기 수정 */
@media screen and (max-width:359px) {
    .box_radio.line_02 input[type=checkbox]+label:before {left:12px;}
    .box_radio.line_02 label strong {display:block; float:initial !important; text-align:left; padding:0; margin-left:36px;}
    .box_radio.line_02 label span {display:block; margin-left:36px;}

    .box_radio_ty02.line_02 .input_radio input[type=radio]:checked+label {padding:29px 15px 28px 15px;}
    .box_radio_ty02.line_02 .input_radio input[type=radio]+label:before {left:12px;}
    .box_radio_ty02.line_02 .input_radio input[type=radio]+label em,
    .box_radio_ty02.line_02 .input_radio input[type=radio]:checked+label em {left:44px; font-size:14px;}
    .box_radio_ty02.line_02 .input_radio input[type=radio]+label strong {margin:17px 0 0 31px;}
    .box_radio_ty02.line_02 .input_radio input[type=radio]:checked+label strong {left:12px; font-size:14px;}
}

@media screen and (min-width:360px) and (max-width:390px){
    .box_radio.line_02 span,
    .box_radio_ty02.line_02 .input_radio input:checked+label strong,
    .box_radio_ty02.line_02 .input_radio input+label em {font-size:14px;}
    .box_radio.line_02 .btn_ly_info {margin-left:0;}
}


/* 로딩 */
.block_load { position:fixed; display:none; left:0; right:0; top:0; bottom:0; z-index:160; }
.block_load.on { display:block; }
.block_load .block-ui-overlay2 { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); }
.block_load .block-ui-overlay2 + .etc_s_loader { position:absolute; left:0; right:0; top:0; bottom:0; z-index:10; }
.block_load .block-ui-overlay2 + .etc_s_loader:before { position:absolute; left:50%; top:50%; width:4.5rem; height:6.4rem; background:url("/subscribe/images/renew/MM.png") no-repeat center center; background-size:contain; transform:translate(-50%, -50%); z-index:12; content:""; }
.block_load .block-ui-overlay2 + .etc_s_loader:after  { position:absolute; left:50%; top:50%; width:8rem; height:8rem; background:#fff; border-radius:50%; box-shadow:0 0 1rem rgba(256,256,256,0.7); transform:translate(-50%, -50%); z-index:11; content:""; }

/* CM자동차 계약DB 연동 */
#pop_wrap.lypop_find_insur { position:fixed; left:0; right:0; top:0; bottom:0; background:transparent; }
#pop_wrap.lypop_find_insur:before { position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.5); content:""; }
#pop_wrap.lypop_find_insur #pop_header { display:none; }
#pop_wrap.lypop_find_insur #pop_content { display:none; }
#pop_wrap.lypop_find_insur .lypop_cont { position:absolute; left:10%; right:10%; top:50%; padding:40px 18px 24px; text-align:center; background:#fff; border-radius:8px; transform:translateY(-50%); }
#pop_wrap.lypop_find_insur .lypop_cont .txt_head { font-size:18px; color:#333; font-weight:700; line-height:1.44; }
#pop_wrap.lypop_find_insur .lypop_cont .txt_head .color_red { color:#de4738; }
#pop_wrap.lypop_find_insur .lypop_cont .img_lypop_character { margin-top:24px; }
#pop_wrap.lypop_find_insur .lypop_cont .img_lypop_character img { max-width:100%; }
#pop_wrap.lypop_find_insur .lypop_cont .txt_cont { margin-top:16px; font-size:14px; color:#767676; line-height:1.428; }
#pop_wrap.lypop_find_insur .lypop_cont .btn_box { display:flex; flex-flow:row nowrap; justify-content:space-between; gap:10px; margin-top:24px; }
#pop_wrap.lypop_find_insur .lypop_cont .btn_box button { flex:1; padding:15px; font-size:16px; color:#111; font-weight:700; border:1px solid #ccc; border-radius:6px; }
#pop_wrap.lypop_find_insur .lypop_cont .btn_box button.on { color:#fff; background:#de4738; border:0; }
#pop_wrap.lypop_find_insur .lypop_cont .txt_care { margin-top:24px; font-size:13px; color:#767676; font-weight:400; line-height:1.07; }
#pop_wrap.lypop_find_insur .lypop_cont .txt_num { margin-top:10px; font-size:8px; color:#999; }
#pop_wrap.lypop_find_insur .lypop_cont .pop_close { position:absolute; right:16px; top:16px; width:24px; height:24px; padding:0; background:url("/subscribe/images/renew/img_lypop_close.png") no-repeat center center; background-size:contain; }
#pop_wrap.lypop_find_insur .lypop_cont .pop_close span { position:absolute; left:0; top:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; }

/* 자동차보험 챗본 연동 */
.chatting_bot_mondi_help.direct_chat {position:fixed; display:inline-block; left:initial; right:20px; bottom:20px; width:auto !important; transform:initial; }
.chatting_bot_mondi_help.direct_chat.hide {display:none;}
.direct_chat .mondi_cht_bell { position:relative; display:block; }
.direct_chat .mondi_cht_bell .chat_count { position:absolute; right:0; top:0; display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; width:20px; height:20px; font-size:12px; color:#fff; font-weight:600; background:#de4738; border-radius:10px; z-index:2; }
.direct_chat .mondi_cht_bell .mondi_renew { position:relative; display:block; width:70px; height:70px; margin:0 0 0 auto; background:#f4cc3e url("/subscribe/images/renew/chat_icon_b.svg") no-repeat center center; background-size:contain; border-radius:50%; box-shadow:0 8px 16px rgba(0,0,0,0.45); overflow:hidden; }
.direct_chat .mondi_cht_bell .mondi_renew span {display:block; font-size:16px; color:#381f1f; font-weight:800; text-align:center; line-height:1.2; }
.direct_chat .mondi_cht_bell .mondi_renew .txt_copy_1 { position:absolute; left:50%; top:50%; opacity:0; animation:chat_bell 9s infinite both; }
.direct_chat .mondi_cht_bell .mondi_renew .txt_copy_1 img { max-width:none;}
.direct_chat .mondi_cht_bell .mondi_renew .txt_copy_2 { position:absolute; left:50%; top:0; opacity:0; transform:translateX(-50%); z-index:2; animation:chat_text_1 9s infinite both; }
.direct_chat .mondi_cht_bell .mondi_renew .txt_copy_3 { position:absolute; left:50%; top:0; opacity:0; transform:translateX(-50%); z-index:1; animation:chat_text_2 9s infinite both; }
@keyframes chat_bell {
	0%    { transform:translate(-50%, -50%) rotate(0); opacity:0;}
	3%    { transform:translate(-50%, -50%) rotate(-15deg); opacity:1;}
	6%    { transform:translate(-50%, -50%) rotate(15deg); opacity:1;}
	9%    { transform:translate(-50%, -50%) rotate(-11deg); opacity:1;}
	12%    { transform:translate(-50%, -50%) rotate(11deg); opacity:1;}
	15%    { transform:translate(-50%, -50%) rotate(-8deg); opacity:1;}
	18%    { transform:translate(-50%, -50%) rotate(8deg); opacity:1;}
	21%    { transform:translate(-50%, -50%) rotate(-4deg); opacity:1;} 
	24%    { transform:translate(-50%, -50%) rotate(4deg); opacity:1;} 
	27%    { transform:translate(-50%, -50%) rotate(-2deg); opacity:1;} 
	30%    { transform:translate(-50%, -50%) rotate(2deg); opacity:0;}
	100%    { transform:translate(-50%, -50%) rotate(0); opacity:0;}
}

@keyframes chat_text_1 {
	0% { top:-40px; opacity:0; }
	30% { top:-40px; opacity:0; }
	40% { top:17px; opacity:1; }
	50% { top:17px; opacity:1; }
	60% { top:-40px; opacity:0; }
	100% { top:-40px; opacity:0; }
}
@keyframes chat_text_2 {
	0% { top:-40px; opacity:0; }
	60% { top:-40px; opacity:0; }
	70% { top:17px; opacity:1; }
	90% { top:17px; opacity:1; }
	100% { top:-40px; opacity:0; }
}
.direct_chat .chat_desc {position:absolute; right:82px; top:50%; display:none; transform:translateY(-50%); font-size:14px; color:#111; font-weight:500; white-space:nowrap;  min-width:260px; height:42px; background:rgba(255,253,219,0.9); border-radius:21px; box-shadow:5px 5px 5px rgba(0,0,0,0.2); transition:all .3s }
.direct_chat .chat_desc .chat_desc_txt {position:absolute; top:0; left:0; right:0; bottom:0; display:block; text-align:center;}
.direct_chat .chat_desc .btn_close_ment { position:absolute; right:0; top:0; left:initial; bottom:0; width:42px; height:42px; background:url("/subscribe/images/renew/btn_x.svg") no-repeat center center; background-size:8px; cursor:pointer; content:""; }
.direct_chat .chat_desc .btn_close_ment .hide_txt {transform: translate(-50%, -50%); left: 50%; top: 50%;}
.direct_chat .chat_desc:after { position:absolute; right:-6px; top:50%; border:7px solid #fffddb; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:none; transform:translateY(-50%); border-radius:2px; content:""; }
.direct_chat .chat_desc.on { display:block }
.direct_chat .chat_desc .txt > em { font-weight:700; }
.direct_chat .chat_desc .txt {width:100%; text-align:center; position:absolute; left:0; top:50%; transform:translateY(-50%); opacity:0; }
.direct_chat .chat_desc .txt_bal_1 { animation:txt_bal_1 9s infinite both; }
.direct_chat .chat_desc .txt_bal_2 { animation:txt_bal_2 9s infinite both; }
.direct_chat .chat_desc .txt_bal_3 { animation:txt_bal_3 9s infinite both; }
@keyframes txt_bal_1 {
	0%    { opacity:0; }
	10%    { opacity:1; }
	20%    { opacity:1; } 
	30%    { opacity:0; }
	100%    { opacity:0; }
}
@keyframes txt_bal_2 {
	0%  { opacity:0; }
	30%  { opacity:0; }
	40%  { opacity:1; } 
	50%  { opacity:1; }
	60%  { opacity:0; }
	100%  { opacity:0; }
}
@keyframes txt_bal_3 {
	0%  { opacity:0; }
	60%  { opacity:0; }
	70%  { opacity:1; } 
	90%  { opacity:1; }
	100%  { opacity:0; }
}

.direct_service_bn {display:block; position:fixed; bottom:0; left:0; right:0; padding:28px 14px 14px; background:rgb(255, 255, 255, 0.85); }
.direct_service_bn.hide {display:none;}
.direct_service_bn .bul {width:200px; height:22px; padding:1px; position:absolute; top:8px; left:50%; text-align:center; line-height:22px; transform:translateX(-50%); display:inline-block; color:#111; font-size:14px; border-radius:15px; border:1.5px solid transparent; background-image:linear-gradient(#fff, #fff),linear-gradient(to right, #ff7f5f, #ee7893); background-origin: border-box; background-clip: content-box, border-box;}
.direct_service_bn .bul:after {content:''; position:absolute; bottom:-15px; left:50%; transform:translateX(-50%); border-bottom:8px solid transparent; border-left:8px solid transparent; border-top:8px solid #ff7f5f; border-right:8px solid transparent;}
.direct_service_bn .bul:before {content:''; position:absolute; bottom:-13px; left:50%; transform:translateX(-50%); border-bottom:8px solid transparent; border-left:8px solid transparent; border-top:8px solid #fff; border-right:8px solid transparent; z-index:2;}
.direct_service_bn button {display:block; width:100%; height:56px; border-radius:12px; background:linear-gradient(45deg, #ff7f5f, #ee7893)}
.direct_service_bn button .txt {position:relative; display:inline-block; font-size:18px; color:#fff; font-weight:700; padding:0 12px 0 26px;}
.direct_service_bn button .txt:before {content:''; position:absolute; top:0; left:0; width:18px; height:18px; background:url(/subscribe/images/renew/ico_search_white.svg) no-repeat 0;}
.direct_service_bn button .txt:after {content:''; position:absolute; top:0; right:0; width:6px; height:18px; background:url(/subscribe/images/renew/ico_arr_white.svg) no-repeat 0 center;}

.direct_service_bn .wyl_bul {width:200px; height:22px; padding:1px; opacity:0; position:absolute; top:8px; left:50%; text-align:center; line-height:22px; transform:translateX(-50%); display:inline-block; color:#111; font-size:14px; border-radius:15px; border:1.5px solid transparent; background-image:linear-gradient(#fff, #fff),linear-gradient(to right, #ff7f5f, #ee7893); background-origin: border-box; background-clip: content-box, border-box; animation: wyl_ani 2.5s 0.3s ease forwards; box-shadow: 0px 4px 4px 0px #00000026; }
.direct_service_bn .wyl_bul:after {content:''; position:absolute; bottom:-15px; left:50%; transform:translateX(-50%); border-bottom:8px solid transparent; border-left:8px solid transparent; border-top:8px solid #ff7f5f; border-right:8px solid transparent;}
.direct_service_bn .wyl_bul:before {content:''; position:absolute; bottom:-13px; left:50%; transform:translateX(-50%); border-bottom:8px solid transparent; border-left:8px solid transparent; border-top:8px solid #fff; border-right:8px solid transparent; z-index:2;}

@keyframes wyl_ani {
    0% { top:50px; opacity:0; }
    57% { top:8px; opacity:1 }
    60% { top:5px; opacity:1 } 
    67% { top:18px; opacity:1 }
    74% { top:8px; opacity:1 } 
    80% { top:18px; opacity:1 }
    100% { top:8px; opacity:1 }
} 
 