@charset "utf-8";

.logo_pn.bk a{position:absolute; left:auto !important; right:17px !important;}

#wrap_mobile_pn{position:relative; width:100%; background:#14dbaf repeat-x; background-size:100% 100%}
#wrap_mobile_pn.wrap_sys_parking{background:none}
#wrap_mobile_pn #header{position:relative; top:0; left:0; z-index:95; width:100%; height:50px; background:url(/subscribe/images/common/bg_dt_top.png) left bottom repeat-x; background-size:5px 5px}
#wrap_mobile_pn #header .header_wrap{height:45px; background:#fff;}/* 181126추가 */
#wrap_mobile_pn #header .header_wrap .logo_pn a{display:block; position:absolute; top:11px; left:15px; width:91px; height:22px; background:url(/petpermint/images/common/logo_ppermint.gif) left top no-repeat; background-size:91px 22px; text-indent:-999em;}
#wrap_mobile_pn #header .header_wrap .logo_pn a:focus { outline: 2px solid black; border-radius: 2px;}
#wrap_mobile_pn #header.bl_ct .header_wrap .btnr,#wrap_mobile_pn #header.bl_ct .header_wrap h2,#wrap_mobile_pn #header.hide_step .btnr,#wrap_mobile_pn #header.wh_ct .header_wrap .btnr,#wrap_mobile_pn #header.wh_ct .header_wrap h2{display:none}
#wrap_mobile_pn #header .header_wrap h2{padding:2px 0 0 0; line-height:46px; font-weight:700; color:#000; font-size:18px; text-align:center}
#wrap_mobile_pn #header .header_wrap .btnr{position:absolute; top:12px; right:15px}
#wrap_mobile_pn #header .header_wrap .sbc_btn { display: block; position: absolute; right: 55px;  top: 12px; width: 22px; height: 22px; background:url(/petpermint/images/common/ico_consult.png) no-repeat; background-size: 22px;}
#wrap_mobile_pn #header .header_wrap .sbc_btn:focus { outline: 2px solid black; border-radius: 2px;}

.t_step{overflow:hidden; width:30px; height:22px; background:#fff }
.t_step ul:after,.t_step ul:before{width:14px; height:22px; background:#ffcc33; 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:16px; height:22px; background:#ffcc33; color:#000; font-weight:700; text-align:center; text-indent:-999em; line-height:22px}
.t_step a.on{background-color:#7d6feb; color:#fff; text-indent:0}
.t_step .btnrole{display:block; width:16px; height:22px; background:#ffcc33; color:#000; font-weight:700; text-align:center; text-indent:-999em; line-height:22px}
.t_step .btnrole.on{background-color:#7d6feb; color:#fff; text-indent:0}
.t_step .btnrole:focus { outline: 2px solid black; border-radius: 2px;}

/* 공통 디스플레이 */
.flex {display: flex !important;}
/*** 공통 - 레이아웃 ***/
.sub_tit{margin:0 0 30px; font-size:17px !important; color:#000000; font-weight:700;}
.group label.active,.group.notnull label{color:#7d6feb!important}
.step_wrap {padding:25px 15px 30px;}/* //181029삭제 :width:100%; box-sizing:border-box; */
#pop_wrap .pop_content_inner{-webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0)}

/*** 공통 - 슬라이드 팝업 ***/
#pop_wrap{position:absolute; top:0; left:0; width:100%; min-height:100%; background-color:#fff}
/* #layerAreaWrap { display:none; position:absolute; top:0; left:0; z-index:105; width:100%; min-height:100%; background:#fff;} */
#layerAreaWrap { display:none; position:fixed; left:0; top:0; bottom:0; width:100%; background:#fff; z-index:105; }

/* 공통 - 슬라이드 팝업 >  헤더 */
#pop_wrap #pop_header {position:relative;width:100%; background-color:#486ec3; box-sizing:border-box;padding-bottom: 17px;}
#pop_wrap #pop_header h1 {padding:15px 40px 0 15px; color:#fff; font-size:18px; font-weight:normal;line-height: 1}

/* 20191105 : BHY : 팝업 타이틀 타입수정 */
#pop_wrap #pop_header.type01 h1 {padding-top:15px;line-height: 1}
#pop_wrap #pop_header.type01 .header_cont {font-size:13px; color:#fff; opacity:0.7;padding:2px 0 0 15px;}
#pop_wrap #pop_header.type03 h1,
#pop_wrap #pop_header.back_head h1 {padding:15px 0 0 32px;line-height: 1}
#pop_wrap #pop_header.type03 h1.type02 {line-height:1.2;}

#pop_wrap #pop_header .btn_back{position:absolute; top:19px; left:15px;z-index: 1;}
#pop_wrap #pop_header .btn_back span{display:block; width:10px; height:15px; background:url(/subscribe/images/common/ico_comm.png) -42px -65px no-repeat; background-size:250px 250px; text-indent:-999em}

/* 공통 - 슬라이드 팝업 >  x버튼 */
#pop_wrap .btn_close {position:absolute; top:0; right:0; padding:15px}
#pop_wrap .btn_close::before {content: ''; display:block; width:12px; height:12px; background:var(--bg-common) -10px -125px no-repeat; background-size:250px 250px;}
#pop_wrap .btn_close span {position: absolute; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; width: 12px; height: 12px; top: 50%; left: 50%; transform: translate(-50%, -50%);}


/* 공통 - 슬라이드 팝업 >  내용 */
#pop_wrap #pop_content{position:relative;  box-sizing:border-box}
#pop_wrap #pop_content .pop_content_inner{padding:17px 15px 25px}
#pop_wrap #pop_content .pop_content_inner dl {margin-bottom:3%;}
#pop_wrap #pop_content .pop_content_inner dl dt {padding-bottom:5px;}
#pop_wrap #pop_content .pop_content_inner dl dd ul {padding-top:5px;}

#pop_wrap #pop_content h2{margin:0 0 8px; color:#000; font-weight:700; font-size:15px}
#pop_wrap #pop_content h3{margin:25px 0 13px; color:#000; font-weight:700; font-size:15px}
#pop_wrap #pop_content .cont_basic p {font-size:14px}
.dir_agree .btn_check{padding-bottom:12px; border-bottom:1px solid #dddddd}

#pop_wrap.flex_pop { bottom:0; display:flex; flex-flow:column nowrap; }
#pop_wrap.flex_pop #pop_header { flex:0; }
#pop_wrap.flex_pop #pop_content { flex:1; overflow-y:auto; }

/* 공통 - 슬라이드 팝업 >  취소,확인,닫기 버튼 */
label em.check_plus{font-weight:700 !important;}
label em.check_plus .txt_purple{color:#7d6feb; font-weight:700;}
#pop_wrap .btn_area{margin:45px 0 35px}
#pop_wrap .btn_area_new { margin:20px 0; }
.btn_p_confirm {background-color:#7d6feb; color:#fff;}
.btn_gray,.btn_gray input{background-color:#666}
.btn_l_gray,.btn_l_gray input{background-color:#ccc}
.btn_area .btns.btn_l_gray.passing{background-color:#7d6feb}
.btn_area .btns.btn_l_gray.passing.new_add_btncolor2{background-color:#7d6feb}
.btn_big_blue input,.btn_big_blue span,.btn_gray input,.btn_gray span,.btn_l_gray input,.btn_l_gray span{color:#fff}
.btns span{vertical-align:top}
.btns input,.btns span{font-weight:700}
.btn_area{text-align:center}
.btn_area.right{text-align:right}
.btn_area a:nth-child(2n),.btn_area span.btns{margin-left:2px}
.btn_area.interval .btn_gray,.btn_area.interval .btn_l_gray{padding:0 10px}
.btn_area.justify{display:table; width:100%; margin:30px 0 0}
.btn_area.justify>span{display:table-row}
.btn_area.justify>span a{display:table-cell; width:50%; margin:0 0 0 5px; vertical-align:middle}
.btn_area.justify>span a span{margin:0 0 10px 5px}
.btn_area.justify>span a:first-child span{margin:0 5px 10px 0}
.btns{color:#fff; line-height:1}
.btns input,.btns span{font-weight:700}
.btn_basic13,.btn_basic13 input{display:inline-block; height:25px; color:#666; font-weight:400; vertical-align:top; line-height:25px}
.btns span{vertical-align:top}
.btns input{padding:0!important; border:0!important; vertical-align:top}
.btn_basic input{padding:0; border:0; background-color:transparent}
.btn_basic13,.btn_basic13 input{padding:0 8px; border:1px solid #ccc; font-size:14px}
.btn_big_blue input,.btn_big_blue span,.btn_gray input,.btn_gray span,.btn_l_gray input,.btn_l_gray span{color:#fff}
.btn_basic13 input{padding:0; border:0; background-color:transparent}
.txt_blue{color:#005baf!important;}
.txt_violet{color:#7d6feb !important;}
.result_sale .result_pay a{color:#333; font-size:12px;}
.btn_ly_info{width:17px; height:18px; margin-left:3px; background:url(/petpermint/images/common/ico_help.png) 0 0 no-repeat; background-size:15px; vertical-align:middle}
.btn_ly_info.on{background-position:-107px -109px}

/*** 툴팁(팝업) ***/
.btn_ly_info,.btn_ly_info02{text-indent:-999em; display:inline-block}
.layer_wrap .layer_head {display:none}
.layer_wrap .layer_info {border-radius:12px; border:1px solid #7d6feb}
.layer_wrap a.pop_close:before {content:''; display: block; width:13px; height:13px; background:url(/petpermint/images/content/petcal/btn_tip_close.png) no-repeat left top; background-size:12px;}
.layer_wrap a.pop_close span { position:absolute; display:block; left:50%; top:50%; transform: translate(-50%, -50%); width:13px; height:13px; clip:rect(1px, 1px, 1px, 1px); overflow: hidden;}
.layer_wrap .layer_info>dl>dt {padding-right:40px;}
.layer_wrap .layer_info dd {padding-top:7px;}
.layer_wrap .layer_info dd p {font-size:13px; color:#666; text-indent:-6px; padding-left:8px;}
.layer_wrap .layer_info .box_gray {background:#ebebeb; padding:10px;}

.layer_wrap .layer_info .dash_list li {position:relative; padding:2px 0 2px 10px; font-size:13px;}
.layer_wrap .layer_info .dash_list li:before {content:"-"; position:absolute; left:0; top:2px}
.tip_regist .ttl {margin-top:15px;}
.tip_regist .link_a {text-decoration:underline; color:#7d6feb; ; font-size:13px; margin-left:7px;}
.layer_wrap a.pop_close{position:absolute; top:0; right:30px; z-index:100; padding:13px 15px}
.layer_wrap .layer_info>dl>dt{margin-bottom:8px;}
.tip_regist .ttl {margin-top:15px;}
.layer_wrap .layer_info dt{color:#000; font-weight:700;}

/*** 공통상단배너 ***/
.step_wrap .top_banner{margin:-25px -15px 32px;}

/*** 공통 - 하단스텝(이전,다음) ***/
.btn_step{width:100%; height:60px; font-size:15px; position:absolute; z-index:10;}
.btn_step a{display:table; position:relative; height:60px; box-sizing: border-box;}
.btn_step a strong{position:relative; display:block; 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:#555; 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:#666;}
.btn_step .next:before{position:absolute; top:50%; right:15px; z-index:10; width:10px; height:16px; margin-top:-8px; 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 span strong em,.btn_step a strong,.no_advice,.payment_list li label em,.txt_sale p {font-weight:700}
.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 .prev+.next.passing span:before{background-color:#7d6feb}

@media screen and (width:375px){
	.btn_step .prev+.next,.btn_step .prev+.next.passing{width:262px!important}
	.btn_step .next{width:100%;}
}

/* 20190806 : KJW : 공유하기 추가 */
.petbtn_intro .next{width:71%; float:left; display:block;}
.petbtn_intro .next span{text-align:right; width:auto; display:block;}
.petbtn_intro a strong{line-height:60px;}
.petbtn_intro .share{float:left; display:block; width:29%; height:60px; padding:0; background-color:#888; text-align:left;}
.petbtn_intro .share span{display:block; text-align:center;}
.petbtn_intro .share strong .ico_share{content:''; display:inline-block; width:20px; height:14px; background:url(/petpermint/images/content/petcal/ico_pet_share.png) 0 0 no-repeat; background-size:14px 14px; transform:translateY(1px);}

.petbtn_01 .share{float:left; display:block; width:22%; height:60px; padding:0; background-color:#fff;border-top: 1px solid  var(--border-color);border-right: 1px solid  var(--border-color);box-sizing: border-box;}
.petbtn_01 .share span{display:block; text-align:center;}
.petbtn_01 .share strong {color: #555;font-size: 13px;padding-top: 35px;line-height: 1;}
.petbtn_01 .share strong .ico_share{display:inline-block;position: absolute;top: 10px;left: 50%;transform: translateX(-50%); width:15px; height:17px;background:url("/petpermint/images/common/common.png") no-repeat; background-size: 250px 250px;background-position:-70px -140px;}

.petbtn_01 .save{float:left; display:block; width:22%; height:60px; padding:0; background-color:#fff;border-top: 1px solid  var(--border-color);box-sizing: border-box;}
.petbtn_01 .save span{display:block; text-align:center;}
.petbtn_01 .save strong {color: #555;font-size: 13px;padding-top: 35px;line-height: 1;}
.petbtn_01 .save strong .ico_save{display:inline-block;position: absolute;top: 10px;left: 50%;transform: translateX(-50%); width:15px; height:17px;background:url("/petpermint/images/common/common.png") no-repeat; background-size: 250px 250px;background-position:-90px -140px;}

.petbtn_01 .next{width:56%; float:left; display:block; box-sizing: border-box;}
.petbtn_01 .next span{text-align:right; width:auto; display:block;}
.petbtn_01 a strong{line-height:60px;}

/* 20190812 : KJW : 공유하기 작은사이즈 폰트 줄이기 추가 */
@media screen and (max-width:341px){
	.petbtn_intro a strong{font-size:13px;}
}

/* 4step 사진 및 등록증 */
.btn_step.petbtn_04 .prev+.next{width:44.4%;}
.petbtn_04 .next span{text-align:right; width:auto; display:block;}
.petbtn_04 a strong{line-height:60px;}
.petbtn_04 .prev{float:left; display:block; width:27.8%; height:60px; padding:0; background-color:#666; text-align:left;}
.petbtn_04 .share span{display:block; text-align:center;}
.petbtn_04 .calc_save{float:left; display:block; width:27.8%; height:60px; padding:0; background-color:#444; text-align:left;}
.petbtn_04 .calc_save span{display:block; text-align:center;}
.petbtn_04 .calc_save strong .ico_calc_save{content:''; display:inline-block; width:20px; height:17px; background:url(/petpermint/images/content/petcal/ico_pet_calcsave.png) 0 0 no-repeat; background-size:14px 17px; transform:translateY(3px);}

/* 6step 가입확인 */
.btn_step.petbtn_06 .prev+.next{width:44.4%;}
.petbtn_06 .next span{text-align:right; width:auto; display:block;}
.petbtn_06 a strong{line-height:60px;}
.petbtn_06 a.next strong{line-height:inherit; padding-top:10px;}
.petbtn_06 .prev{float:left; display:block; width:27.8%; height:60px; padding:0; background-color:#666; text-align:left;}
.petbtn_06 .share span{display:block; text-align:center;}
.petbtn_06 .calc_save{float:left; display:block; width:27.8%; height:60px; padding:0; background-color:#444; text-align:left;}
.petbtn_06 .calc_save span{display:block; text-align:center;}
.petbtn_06 .calc_save strong .ico_calc_save{content:''; display:inline-block; width:20px; height:17px; background:url(/petpermint/images/content/petcal/ico_pet_calcsave.png) 0 0 no-repeat; background-size:14px 17px; transform:translateY(3px);}
@media screen and (width:375px){
	.btn_step.petbtn_04 .prev+.next,.btn_step.petbtn_06 .prev+.next{width:44.4%!important}
}

/*** 공통체크박스 ***/
.input_checkbox input[type=checkbox]+label{position:relative; display:inline-block; padding:0 0 0 30px; line-height:22px; color:#000}/* 1030 수정 */
.input_txt input{display:inline-block; width:100%; height:36px; padding:0; border:0; background-color:#fff; font-weight:700}
.input_checkbox{position:relative}
.input_checkbox input[type=checkbox]{position:absolute; top:0; left:0; opacity:0}
.input_checkbox input[type=checkbox]:checked+label:before{background-position:-22px top}
.input_checkbox input[type=checkbox]:disabled+label:before{background-position:0 0}
.input_checkbox input[type=checkbox]:disabled+label em{color:#999}
.input_checkbox input[type=checkbox]:disabled:checked+label:before{background-position:-66px -23px}
.input_checkbox input[type=checkbox]+label em{position:relative; /*top:1px !important; */ font-size:14px; font-weight:400;}/* 1030 수정 */
.input_checkbox input[type=checkbox]+label:before{display:block; position:absolute; /*top:-2px; */left:0; width:22px; height:22px; background:var(--bg-common) left top no-repeat; background-size:250px 250px; content:""}

/*** placeholder ***/
input::-webkit-input-placeholder{color:#999; font-weight:400; font-size:14px}
input:-moz-placeholder{color:#999; font-weight:400; font-size:14px; opacity:1}
input::-moz-placeholder{color:#999; font-weight:400; font-size:14px; opacity:1}
input:-ms-input-placeholder{color:#999; font-weight:400; font-size:14px}

/*** textarea ***/
textarea:-moz-placeholder,textarea:-ms-input-placeholder,textarea::-moz-placeholder,textarea::-webkit-input-placeholder{color:red; font-size:13px!important}

/*** 공통 input ***/
.group{position:relative}
.group input{width:300px; height:19px; border:none; border-bottom:1px solid #aaaaaa; font-family:"Helvetica,sans-serif"}
.group .input_static{width:100%; min-height:25px; border:none; border-bottom:1px solid #333; text-indent:6px}
.group input:focus{border-bottom:1px solid #fff; }
.group label{color:#000; display:block; ; font-size:13px; margin-bottom:8px; font-weight:700}
.group label .message{color:#999; font-size:13px}
.group .input_static, .group input{display:block; padding:0 0 5px; background-color:transparent; font-weight:700; font-size:14px; color:#000}
.group_new input { height:45px; padding-left:10px; border:1px solid #ddd; border-radius:5px; box-sizing:border-box; }
.group.readonly input{border-bottom:1px solid #fff}

/* 모바일수정 */
.group.readonly.disabled input{color:#999}
.group.readonly .bar{display:none}
.bx_valid .grouping .group:first-child {margin-top:0;}
.bx_valid .grouping .group {float:left; width:45%; margin-top:22px;}
.bx_valid .grouping .blank,.bx_valid .grouping .dash{display:table; float:left; width:10%;  text-align:center}
.bx_valid .grouping .blank span,.bx_valid .grouping .dash span{display:table-cell; vertical-align:bottom}
.bx_valid .grouping.btn_type .group{display:table-cell; float:none; width:100%; margin:0; text-align:left}

/* 공통 input > 휴대폰 입력 */
.bx_valid.phone_selecter{clear:both}
.bx_valid.phone_selecter > .tit_select{display:block; color:#000; font-size:13px; font-weight:700; margin-bottom:8px;}
.bx_valid.phone_selecter > .tit_select.active {color:#7d6feb!important}
.bx_valid.phone_selecter .grouping.btn_type .group{vertical-align:bottom}
.bx_valid.phone_selecter .grouping.btn_type .group.phone_sel{width:25%; padding-right:5%;}
.bx_valid.phone_selecter .grouping.btn_type .group.phone_sel+.group{width:70%}
.bx_valid.phone_selecter .grouping.btn_type .group input[disabled]{opacity:1; color:#999; -webkit-text-fill-color:#999;}
.bx_valid.phone_selecter .grouping.btn_type .group input:disabled{opacity:1; color:#999; -webkit-text-fill-color:#999;}
.bx_valid.phone_selecter .selectbx .select_list{right:auto; left:0}
.bx_valid.error.phone_selecter .bar:before {width:100%}

/*** 공통 - 라디오버튼(기본) ***/
.chk_wrap.basic .input_radio{position:relative; display:inline-block;}
.chk_wrap.basic .input_radio input[type=radio]{position:absolute; top:0; left:0; opacity:0}
.chk_wrap.basic .input_radio input[type=radio]+label{position:relative; display:inline-block; padding:0 0 0 30px; line-height:22px; color:#000}/* 1030 수정 */
.chk_wrap.basic .input_radio input[type=radio]+label:before{display:block; position:absolute; /*top:-4px; */left:0; width:22px; height:22px; background:var(--bg-common) -44px top no-repeat; background-size:250px 250px; content:""}
.chk_wrap.basic .input_radio input[type=radio]:checked+label:before{background-position:-66px top}
.chk_wrap.basic .input_radio input[type=radio]:disabled+label:before{background-position:-154px top}
.chk_wrap.basic .input_radio input[type=radio]:disabled+label em{top:1px; color:#999; font-size:16px}
.chk_wrap.basic .input_radio input[type=radio]:disabled:checked+label:before{background-position:-113px top}
.chk_wrap.basic .input_radio input[type=radio]+label em{position:relative; top:0px}
.chk_wrap.basic .input_radio input[type=radio]+label em span{font-size:13px}
.chk_wrap .input_radio input[type=radio]+label{padding:0 0 0 27px}
.group .chk_wrap .input_checkbox input[type=checkbox],.group .chk_wrap .input_radio input[type=radio]{width:auto; height:auto;border: 0;}
.group .input_radio input[type=radio]:focus~label,.group .input_radio input[type=radio]:valid~label,.group .input_radio input[type=checkbox]:focus~label,.group .input_radio input[type=checkbox]:valid~label{top:0; color:#000; font-size:16px}

/*** 공통 - 라디오버튼(박스타입) ***/
.chk_wrap.square{display:inline-block; border:1px solid #ccc; border-radius:3px}
.chk_wrap.square .input_radio{position:relative}
.chk_wrap.square .input_radio input[type=radio]{position:absolute; top:0; left:0; opacity:0}
.chk_wrap.square .input_radio input[type=radio]+label{position:relative; padding:10px 0; color:#666666; margin:0;}
.chk_wrap.square .input_radio{width:80px; margin-left:-4px; border-left:1px solid #ccc; text-align:center}
.chk_wrap.square .input_radio:first-child{margin-left:0; border:0}
.chk_wrap.square .input_radio label{display:inline-block; width:80px; margin-left:0;}
.chk_wrap.square .input_radio label em{font-size:13px;}
.chk_wrap.square .input_radio input[type=radio]:checked+label{background:#7d6feb; color:#fff}
.chk_wrap.square .input_radio input[type=radio]:focus~label,
.chk_wrap.square .input_radio input[type=radio]:valid~label,
.chk_wrap.square .input_radio input[type=checkbox]:focus~label,
.chk_wrap.square .input_radio input[type=checkbox]:valid~label{font-size:13px;}
.chk_wrap>span:first-child{margin-left:0}
.chk_wrap>span{display:inline-block; margin-left:8.8%}

/*** 공통 - 셀렉트박스 ***/
.selectbx{position:relative; margin-bottom:0; padding:0; border-bottom:1px solid #aaaaaa}
.selectbx .select_list.more ul,.selectbx.disabled{border-bottom:1px solid #ddd}
.selectbx.disabled .target_select{color:#666}
.selectbx.disabled .target_select:after{background-position:-56px -76px}
/* .selectbx select{visibility:hidden} wa: 주석 */
.selectbx .select_list{display:block; overflow:hidden; position:absolute; top:-12px; right:0; z-index:10; width:100%;  border:1px solid #ddd; background-color:#fff;border-radius: 5px;}
.dir_agree .selectbx .select_list {display:block; overflow:auto; position:absolute; top:-70px; right:0; z-index:5; width:150px; padding:6px 0; border:1px solid #ddd; background-color:#fff;}

.selectbx .select_list li{display:block}
.selectbx .select_list li a,.selectbx .select_list li span{display:block; color:#000; font-size:13px;line-height: 45px;padding-left: 15px;overflow: hidden;}
.selectbx .select_list li a:active,.selectbx .select_list li a:focus,.selectbx .select_list li.on a{background-color:#eee}
.selectbx .select_list li .disabled{color:#ccc}
.selectbx .select_list li .disabled:active,.selectbx .select_list li .disabled:focus{background-color:#fff; color:#ccc}

/* 20190702 : BHY : 이전 버전 */
.selectbx .select_list.more{display:none; top:30px; left:0; width:100%; height:auto; padding:0; border-width:2px 0 0; border-style:solid; border-color:#7d6feb}
.selectbx .select_list.more li{float:left; width:25%; height:40px; margin:0 0 0 -1px; text-align:center}
.selectbx .select_list.more li a,
.selectbx .select_list.more li span{height:19px; padding:10px 0; border-width:1px; border-style:solid; border-color:#ddd; line-height:19px}
.selectbx .select_list.more li:nth-child(4n+1){margin-left:0}
.selectbx .select_list.more li:nth-child(4n) a,
.selectbx .select_list.more li:nth-child(4n) span{width:100%; padding-left:1px}

.selectbx .txt_error{display:none}
.selectbx .target_select{display:block; position:relative; width:100%; height:27px; padding:2px 0 1px; border:0; color:#000; text-indent:0; ; font-size:15px; font-weight:700}
.selectbx .target_select.on{font-weight:700}
.selectbx .target_select:after{position:absolute; right:0; bottom:14px; width:10px; height:6px; background:url(/subscribe/images/common/ico_comm.png) -56px -65px no-repeat; background-size:250px 250px; content:""}

/* 20220805 : DJM : 실효방지 결제정보 동의 신청 추가 */
.bx_valid.payAgree_info_wrap {display: none;}
.bx_valid.payAgree_info_wrap.on {display: block;}
.bx_valid.payAgree_info_wrap .selectbx.payAgree_info .select_list.more ul{ margin-left: 1px;}
.bx_valid.payAgree_info_wrap .selectbx.payAgree_info .select_list.more li{ width:calc(100% / 3); }
.bx_valid.payAgree_info_wrap .selectbx.payAgree_info .select_list.more li:nth-child(3n+1) a{width: unset;}
.bx_valid.payAgree_info_wrap .selectbx.payAgree_info .select_list.more li:nth-child(4n) a{width: unset;}
.bx_valid.payAgree_info_wrap .selectbx.payAgree_info .select_list.more li:nth-child(4n+1) {margin-left: -1px;}
/* 공통 bar */
.group .bar{position:relative}
.group .bar:before{left:0}
.group .bar:before {left:0;}
.group .bar:after, .group .bar:before {position:absolute; bottom:0; width:0; height:2px; background:#7d6feb; content:""; -webkit-transition:.2s ease all; -moz-transition:.2s ease all; -ms-transition:.2s ease all; -o-transition:.2s ease all; transition:.2s ease all;}
.group input:focus+.bar:after,.group input:focus+.bar:before,.group input:focus~.bar:after,.group input:focus~.bar:before{width:100%}
.group input + .bar.on:after, .group input + .bar.on:before { width:100%; }

.bx_valid .bar.lock{display:block; margin-top:8px; border-bottom:1px solid #ddd}
.bx_valid .bar.lock.type02 {border-bottom:1px solid #fff;}
.group .bar{display:block}

/* 에러텍스트 */
.bx_valid{position:relative; margin:0 0 15px; line-height:1.2;}
.bx_valid.error input {outline:none; border-bottom:1px solid #ffffff;}
.bx_valid .txt_error {display:none;}
.group +.group + .txt_error {border:0; padding:0;}
.bx_valid.error .select_style {outline:none;}
.bx_valid.phone_selecter .select_style + .txt_error {padding:0; position:absolute; bottom:0px;}
.bx_valid.error .bar:after, .bx_valid.error .bar:before {background:#e11b22;}
.bx_valid.error select {outline:none; border-bottom:1px solid #ffffff;}
.bx_valid.error .ipt_select .txt_error {margin:-2px 0 0 0; border-top:2px solid #e11b22;}
.bx_valid.error .bar.lock{border-bottom:1px solid #fff}
.bx_valid.error .bar.lock:after,.bx_valid.error .bar.lock:before{bottom:0; width:100%}
.bx_valid.error .list_type01,.bx_valid.error .list_type04,.bx_valid.error .list_type05{padding-bottom:0; border:0}
.txt_error{width:100%; margin:6px 0 0; padding-top:6px; border-top:2px solid #e11b22; color:#e11b22!important; font-size:12px}
.txt_error_tow{margin:3px 0 0}
.txt_error_tow .txt_error{margin:0; padding:3px 0 0; border:0}
.txt_error .ico{display:inline-block; width:15px; height:15px; margin:-3px 3px 0 0; background:url(/subscribe/images/common/ico_comm.png) left -22px no-repeat; background-size:250px 250px; vertical-align:middle}
.txt_error_split{width:100%; margin:6px 0 0; padding-top:6px; border-top:2px solid #e11b22; color:#e11b22!important; font-size:12px}
.txt_error_split.noBorder{border-top:none}
.txt_error_tow_split{margin-top:3px; width:50%; float:left}
.txt_error_tow_split .txt_split{margin:0; padding:3px 0 0; border:0}
.txt_error_tow_split .txt_error_split{margin:0; padding:3px 0 0; border:0}
.txt_error_split .ico{display:inline-block; width:15px; height:15px; margin:-3px 3px 0 0; background:url(/subscribe/images/common/ico_comm.png) left -22px no-repeat; background-size:250px 250px; vertical-align:middle}
.group+.txt_error,.grouping+.txt_error,.grouping_wrap+.txt_error,.group~.txt_error, .tab_address02+.txt_error{padding:0; border:0}
.bx_valid.error.two_error_m .error_m .group .bar:after, .bx_valid.error.two_error_m .error_m .group .bar:before, .bx_valid.error.two_error_m .group.error_m .bar:after, .bx_valid.error.two_error_m .group.error_m .bar:before {width:100%; height:2px; background-color:#e11b22;}
.bx_valid.error .txt_error,.bx_valid_car.error>.txt_error,.group .bar,.tit_label{display:block}
.bx_valid.error.two_error_m .grouping.w_full .txt_error{margin-top:0;}
.bx_valid.error.two_error_m p.txt_error:last-child{position:absolute; top:46px; left:182px; width:45%; margin:0;}
.bx_valid.error .group label.active{color:#000!important}
.bx_valid.error{margin-bottom:15px}
.bx_valid.error .grouping.btn_type,.bx_valid.error .selectbx .txt_error,.bx_valid.error .selectbx+.txt_error{margin:0}
.bx_valid.error input+.bar:before,.bx_valid.error input~.bar:before{width:100%}
.bx_valid.error input{border-bottom:1px solid #fff; ;}

/* bullet,dotted */
.txt_tip{margin:10px 0 0; padding:7px 0 0; border-top:1px solid #ddd}
.txt_tip.no_line{margin:0; border-top:0}
.txt_tip, .txt_tip02 span {color:#666; font-size:13px;}
.txt_tip span{position:relative; padding:0 0 0 7px; display:block;}
.txt_tip span: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:""}
.tit_dot{margin:25px 0 15px; padding-left:7px; background:url(/subscribe/images/common/bu_dt_black.gif) left 7px no-repeat; background-size:3px 3px; font-size:16px; line-height:20px; color:#333;}

/* 보안키 */
.transkey_div.transkey_number1_div {top:35px !important; right:-17px !important; left:inherit !important;}
.transkey_div.transkey_number2_div {top:50px !important; right:-17px !important; left:inherit !important;}
#mtk_rsIdNo2.transkey_number1_div {top:35px !important; right:-17px !important; left:inherit !important;}
#mtk_rsIdNo2.transkey_number2_div {top:50px !important; right:50% !important; left:inherit !important; transform: translateX(50%);}

/* 달력 */
.ui-datepicker-trigger{width:22px; height:22px; position:absolute; top:50%; right:15px;transform: translateY(-50%);}
.ui-datepicker-title select {height:28px;}
.ui-resizable-handle{position:absolute; font-size:0.1px; display:block; -ms-touch-action:none; touch-action:none}
.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}
.ui-resizable-n{cursor:n-resize; height:7px; width:100%; top:-5px; left:0}
.ui-resizable-s{cursor:s-resize; height:7px; width:100%; bottom:-5px; left:0}
.ui-resizable-e{cursor:e-resize; width:7px; right:-5px; top:0; height:100%}
.ui-resizable-w{cursor:w-resize; width:7px; left:-5px; top:0; height:100%}
.ui-resizable-se{cursor:se-resize; width:12px; height:12px; right:1px; bottom:1px}
.ui-resizable-sw{cursor:sw-resize; width:9px; height:9px; left:-5px; bottom:-5px}
.ui-resizable-nw{cursor:nw-resize; width:9px; height:9px; left:-5px; top:-5px}
.ui-resizable-ne{cursor:ne-resize; width:9px; height:9px; right:-5px; top:-5px}
.ui-widget{font-family:Arial,Helvetica,sans-serif; font-size:1em}
.ui-widget .ui-widget{font-size:1em}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif; font-size:1em}
.ui-widget.ui-widget-content{border:1px solid #c5c5c5}
.ui-widget-content{border:1px solid #ddd; background:#fff; color:#333}
.ui-widget-content a{color:#333}
.ui-widget-header{border:1px solid #ddd; background:#e9e9e9; color:#333; font-weight:bold}
.ui-widget-header a{color:#333}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5; background:#fff; font-weight:normal; color:#454545}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545; text-decoration:none}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{font-weight:normal; color:#2b2b2b}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b; text-decoration:none}
.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:none; background:#7d6feb; font-weight:normal; color:#fff; border-radius:100%;}
.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff; background-color:#fff}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff; text-decoration:none}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{background:#f0f0f0; border-radius:100%;}
.ui-state-checked{border:1px solid #dad55e; background:#fffa90}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}
.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899; background:#fddfdf; color:#5f3f3f}
.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}
.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}
.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7; filter:Alpha(Opacity=70); font-weight:normal}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35; filter:Alpha(Opacity=35); background-image:none}
.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}
.ui-icon{width:16px; height:16px}
.ui-icon, .ui-widget-content .ui-icon {background-image:url(/subscribe/images/common/spt_type01.png);}
.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url(/default/images/common/spt_type01.png);}
.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}
.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}
.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}
.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}
.ui-icon-blank{background-position:16px 16px}
.ui-icon-caret-1-n{background-position:0 0}
.ui-icon-caret-1-ne{background-position:-16px 0}
.ui-icon-caret-1-e{background-position:-32px 0}
.ui-icon-caret-1-se{background-position:-48px 0}
.ui-icon-caret-1-s{background-position:-65px 0}
.ui-icon-caret-1-sw{background-position:-80px 0}
.ui-icon-caret-1-w{background-position:-96px 0}
.ui-icon-caret-1-nw{background-position:-112px 0}
.ui-icon-caret-2-n-s{background-position:-128px 0}
.ui-icon-caret-2-e-w{background-position:-144px 0}
.ui-icon-triangle-1-n{background-position:0 -16px}
.ui-icon-triangle-1-ne{background-position:-16px -16px}
.ui-icon-triangle-1-e{background-position:-32px -16px}
.ui-icon-triangle-1-se{background-position:-48px -16px}
.ui-icon-triangle-1-s{background-position:-65px -16px}
.ui-icon-triangle-1-sw{background-position:-80px -16px}
.ui-icon-triangle-1-w{background-position:-96px -16px}
.ui-icon-triangle-1-nw{background-position:-112px -16px}
.ui-icon-triangle-2-n-s{background-position:-128px -16px}
.ui-icon-triangle-2-e-w{background-position:-144px -16px}
.ui-icon-arrow-1-n{background-position:0 -32px}
.ui-icon-arrow-1-ne{background-position:-16px -32px}
.ui-icon-arrow-1-e{background-position:-32px -32px}
.ui-icon-arrow-1-se{background-position:-48px -32px}
.ui-icon-arrow-1-s{background-position:-65px -32px}
.ui-icon-arrow-1-sw{background-position:-80px -32px}
.ui-icon-arrow-1-w{background-position:-96px -32px}
.ui-icon-arrow-1-nw{background-position:-112px -32px}
.ui-icon-arrow-2-n-s{background-position:-128px -32px}
.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}
.ui-icon-arrow-2-e-w{background-position:-160px -32px}
.ui-icon-arrow-2-se-nw{background-position:-176px -32px}
.ui-icon-arrowstop-1-n{background-position:-192px -32px}
.ui-icon-arrowstop-1-e{background-position:-208px -32px}
.ui-icon-arrowstop-1-s{background-position:-224px -32px}
.ui-icon-arrowstop-1-w{background-position:-240px -32px}
.ui-icon-arrowthick-1-n{background-position:1px -48px}
.ui-icon-arrowthick-1-ne{background-position:-16px -48px}
.ui-icon-arrowthick-1-e{background-position:-32px -48px}
.ui-icon-arrowthick-1-se{background-position:-48px -48px}
.ui-icon-arrowthick-1-s{background-position:-64px -48px}
.ui-icon-arrowthick-1-sw{background-position:-80px -48px}
.ui-icon-arrowthick-1-w{background-position:-96px -48px}
.ui-icon-arrowthick-1-nw{background-position:-112px -48px}
.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}
.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}
.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}
.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}
.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}
.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}
.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}
.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}
.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}
.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}
.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}
.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}
.ui-icon-arrowreturn-1-w{background-position:-64px -64px}
.ui-icon-arrowreturn-1-n{background-position:-80px -64px}
.ui-icon-arrowreturn-1-e{background-position:-96px -64px}
.ui-icon-arrowreturn-1-s{background-position:-112px -64px}
.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}
.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}
.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}
.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}
.ui-icon-arrow-4{background-position:0 -80px}
.ui-icon-arrow-4-diag{background-position:-16px -80px}
.ui-icon-extlink{background-position:-32px -80px}
.ui-icon-newwin{background-position:-48px -80px}
.ui-icon-refresh{background-position:-64px -80px}
.ui-icon-shuffle{background-position:-80px -80px}
.ui-icon-transfer-e-w{background-position:-96px -80px}
.ui-icon-transferthick-e-w{background-position:-112px -80px}
.ui-icon-folder-collapsed{background-position:0 -96px}
.ui-icon-folder-open{background-position:-16px -96px}
.ui-icon-document{background-position:-32px -96px}
.ui-icon-document-b{background-position:-48px -96px}
.ui-icon-note{background-position:-64px -96px}
.ui-icon-mail-closed{background-position:-80px -96px}
.ui-icon-mail-open{background-position:-96px -96px}
.ui-icon-suitcase{background-position:-112px -96px}
.ui-icon-comment{background-position:-128px -96px}
.ui-icon-person{background-position:-144px -96px}
.ui-icon-print{background-position:-160px -96px}
.ui-icon-trash{background-position:-176px -96px}
.ui-icon-locked{background-position:-192px -96px}
.ui-icon-unlocked{background-position:-208px -96px}
.ui-icon-bookmark{background-position:-224px -96px}
.ui-icon-tag{background-position:-240px -96px}
.ui-icon-home{background-position:0 -112px}
.ui-icon-flag{background-position:-16px -112px}
.ui-icon-calendar{background-position:-32px -112px}
.ui-icon-cart{background-position:-48px -112px}
.ui-icon-pencil{background-position:-64px -112px}
.ui-icon-clock{background-position:-80px -112px}
.ui-icon-disk{background-position:-96px -112px}
.ui-icon-calculator{background-position:-112px -112px}
.ui-icon-zoomin{background-position:-128px -112px}
.ui-icon-zoomout{background-position:-144px -112px}
.ui-icon-search{background-position:-160px -112px}
.ui-icon-wrench{background-position:-176px -112px}
.ui-icon-gear{background-position:-192px -112px}
.ui-icon-heart{background-position:-208px -112px}
.ui-icon-star{background-position:-224px -112px}
.ui-icon-link{background-position:-240px -112px}
.ui-icon-cancel{background-position:0 -128px}
.ui-icon-plus{background-position:-16px -128px}
.ui-icon-plusthick{background-position:-32px -128px}
.ui-icon-minus{background-position:-48px -128px}
.ui-icon-minusthick{background-position:-64px -128px}
.ui-icon-close{background-position:-80px -128px}
.ui-icon-closethick{background-position:-96px -128px}
.ui-icon-key{background-position:-112px -128px}
.ui-icon-lightbulb{background-position:-128px -128px}
.ui-icon-scissors{background-position:-144px -128px}
.ui-icon-clipboard{background-position:-160px -128px}
.ui-icon-copy{background-position:-176px -128px}
.ui-icon-contact{background-position:-192px -128px}
.ui-icon-image{background-position:-208px -128px}
.ui-icon-video{background-position:-224px -128px}
.ui-icon-script{background-position:-240px -128px}
.ui-icon-alert{background-position:0 -144px}
.ui-icon-info{background-position:-16px -144px}
.ui-icon-notice{background-position:-32px -144px}
.ui-icon-help{background-position:-48px -144px}
.ui-icon-check{background-position:-64px -144px}
.ui-icon-bullet{background-position:-80px -144px}
.ui-icon-radio-on{background-position:-96px -144px}
.ui-icon-radio-off{background-position:-112px -144px}
.ui-icon-pin-w{background-position:-128px -144px}
.ui-icon-pin-s{background-position:-144px -144px}
.ui-icon-play{background-position:0 -160px}
.ui-icon-pause{background-position:-16px -160px}
.ui-icon-seek-next{background-position:-32px -160px}
.ui-icon-seek-prev{background-position:-48px -160px}
.ui-icon-seek-end{background-position:-64px -160px}
.ui-icon-seek-start{background-position:-80px -160px}
.ui-icon-seek-first{background-position:-80px -160px}
.ui-icon-stop{background-position:-96px -160px}
.ui-icon-eject{background-position:-112px -160px}
.ui-icon-volume-off{background-position:-128px -160px}
.ui-icon-volume-on{background-position:-144px -160px}
.ui-icon-power{background-position:0 -176px}
.ui-icon-signal-diag{background-position:-16px -176px}
.ui-icon-signal{background-position:-32px -176px}
.ui-icon-battery-0{background-position:-48px -176px}
.ui-icon-battery-1{background-position:-64px -176px}
.ui-icon-battery-2{background-position:-80px -176px}
.ui-icon-battery-3{background-position:-96px -176px}
.ui-icon-circle-plus{background-position:0 -192px}
.ui-icon-circle-minus{background-position:-16px -192px}
.ui-icon-circle-close{background-position:-32px -192px}
.ui-icon-circle-triangle-e{background-position:-48px -192px}
.ui-icon-circle-triangle-s{background-position:-64px -192px}
.ui-icon-circle-triangle-w{background-position:-80px -192px}
.ui-icon-circle-triangle-n{background-position:-96px -192px}
.ui-icon-circle-arrow-e{background-position:-112px -192px}
.ui-icon-circle-arrow-s{background-position:-128px -192px}
.ui-icon-circle-arrow-w{background-position:-144px -192px}
.ui-icon-circle-arrow-n{background-position:-160px -192px}
.ui-icon-circle-zoomin{background-position:-176px -192px}
.ui-icon-circle-zoomout{background-position:-192px -192px}
.ui-icon-circle-check{background-position:-208px -192px}
.ui-icon-circlesmall-plus{background-position:0 -208px}
.ui-icon-circlesmall-minus{background-position:-16px -208px}
.ui-icon-circlesmall-close{background-position:-32px -208px}
.ui-icon-squaresmall-plus{background-position:-48px -208px}
.ui-icon-squaresmall-minus{background-position:-64px -208px}
.ui-icon-squaresmall-close{background-position:-80px -208px}
.ui-icon-grip-dotted-vertical{background-position:0 -224px}
.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}
.ui-icon-grip-solid-vertical{background-position:-32px -224px}
.ui-icon-grip-solid-horizontal{background-position:-48px -224px}
.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}
.ui-icon-grip-diagonal-se{background-position:-80px -224px}
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}
.ui-widget-overlay{background:#aaa; opacity:.3; filter:Alpha(Opacity=30)}
.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666; box-shadow:0 0 5px #666}
.datepicker_area {display:inline;}
.datepicker1,.datepicker2{cursor:pointer}
.ui-helper-hidden {display:none;}
.ui-state-disabled {cursor:default !important;}
.ui-datepicker {width:250px; padding:1em; box-sizing:border-box; display:none; border:1px solid rgba(0,0,0,.2) !important;}
.ui-datepicker:after {content:''; position:absolute; left:13px; top:-9px; width:16px; height:9px; background:url("../images/common/date_arw.png") no-repeat left top;}
.ui-datepicker .ui-datepicker-header {position:relative; padding:.2em 0; background:none; color:#fff; font-size:16px; font-weight:700; text-align:center; border:none}
.ui-datepicker .ui-datepicker-header a {color:transparent; cursor:pointer}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {position:absolute; top:2px; width:1.6em; height:1.8em;}
.ui-datepicker .ui-datepicker-prev {left:-4px;}/* 1031 수정 */
.ui-datepicker .ui-state-hover {text-decoration:none;}
.ui-datepicker .ui-datepicker-next {right:2px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display:block; position:absolute; left:50%; margin-left:-8px; top:50%; margin-top:-8px; background-position:-273px -293px;}
.ui-datepicker .ui-datepicker-next span {background-position:-312px -293px;}
.ui-datepicker .ui-datepicker-title {margin:0 2em; line-height:1.8em; text-align:center;}/* 1031 수정 */
.ui-datepicker .ui-datepicker-title select {font-size:15px; margin:1px 0; border:none; -webkit-appearance:menulist-button;}
.ui-datepicker select.ui-datepicker-year {width:43%;}
.ui-datepicker select.ui-datepicker-month{width:40%; margin-left:10%}
.ui-datepicker table {width:100%; font-size:.9em; border-collapse:collapse; margin:0; font-family:'Open Sans', sans-serif;}
.ui-datepicker th {text-align:center; font-weight:normal; font-size:12px; border:0; background:#fff; height:30px; line-height:30px;}
.ui-datepicker td {text-align:center; font-size:13px; font-weight:700;}
.ui-datepicker td a {display:block; width:30px; height:30px; line-height:30px; font-size:12px; font-weight:700; border:none !important}
.ui-datepicker td .ui-state-hover {background:#5746d8 !important; color:#fff !important; font-weight:700 !important; text-decoration:none; border-radius:100%;}
.ui-datepicker .ui-icon {width:16px; height:16px; line-height:1.3;}
.ui-spinner a.ui-spinner-button {border-top:none; border-bottom:none; border-right:none;}
.ui-widget {font-family:Verdana,Arial,sans-serif; font-size:1.1em;}
.ui-widget .ui-widget {font-size:1em;}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {font-family:Verdana,Arial,sans-serif; font-size:1em;}
.ui-widget-content {border:1px solid #aaaaaa; background:#ffffff; color:#222222; margin-top:5px; border-radius:7px; box-shadow:0px 7px 20px 0px rgba(0, 0, 0,.2);}
.ui-widget-content a {color:#222222;}
.ui-widget-header {background:#333; color:#fff; font-weight:700; text-align:center;}
.ui-widget-header a {color:transparent; cursor:pointer}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {color:#212121; text-decoration:none;}

/*** alert ***/
.layer_wrap{position:absolute; top:50%; left:0; z-index:105; width:100%; margin:0; transform: translateY(-50%);}
.layer_wrap.N_top100{position:absolute; top:100px !important; left:0; z-index:105; width:100%; margin:0}
/* 180627 */
.layer_wrap .layer_content{padding:0 30px}
.layer_wrap .layer_content.ty01{padding:0 15px}/*2016-04-01*/
.layer_wrap .alert{position:relative; width:100%; padding:20px 0; background-color:#fff}
#alertPop .layer_wrap .alert{border:2px solid #333}/* 20180604 */
.layer_wrap .alert.ty01{position:relative; width:100%; padding:30px 0 15px 0; background-color:#475069}/*2016-04-01*/
.layer_wrap .alert .ico_alert.ico_car{width:47px; height:47px; background-position:-173px -59px}
.layer_wrap .alert .ico_alert.ico_info{background:url(/subscribe/images/common/ico_info.png) left top no-repeat; background-size:34px 34px}
.layer_wrap .alert .con{padding:0 15px; text-align:center}
.layer_wrap .alert .con.left{text-align:left}
.layer_wrap .alert p{margin-bottom:15px; color:#000; font-weight:700; font-size:15px; line-height:22px}
.layer_wrap .alert p span{display:block; color:#333; font-size:14px; line-height:20px}
.layer_wrap .alert .customer_call{margin:-5px 0 10px; padding:15px 0; text-align:left}
.layer_wrap .alert .customer_call p{width:117px; margin:0 auto; padding-left:35px; background:url(/subscribe/images/common/ico_tel_alert.gif) left 4px no-repeat; background-size:23px 35px}
.layer_wrap .alert .customer_call a{display:block; color:#7d6feb; font-size:23px}
.layer_wrap .layer_head{height:40px; padding:0 15px; background-color:#7d6feb; color:#fff; font-weight:700; line-height:40px}
.layer_wrap .layer_head span{margin-right:5px; vertical-align:-5px}
.layer_wrap .layer_info{position:relative; padding:20px 15px; background-color:#fff}
.layer_wrap .alert {padding:30px 0; border-radius:12px;}
.layer_wrap .alert .ico_alert{display:block; width:34px; height:34px; margin:0 auto 12px; background:url(/petpermint/images/content/petcal/ico_alert.png) 0 0 no-repeat; background-size:34px;}

.btn_black {height:35px; line-height:35px; background:#7d6feb; border-radius:3px; border:none; display:inline-block; text-align:center; padding:0 26px; vertical-align:top; }
.btn_black span {color:#fff; font-size:15px;}
.btn_normal {height:35px; line-height:35px; background:#fff; border-radius:3px; border:1px solid #ccc; display:inline-block; text-align:center; padding:0 26px; box-sizing:border-box; vertical-align:top; }
.btn_normal span {color:initial; font-size:15px;}
.btns input,.btns span{font-weight:700}

/* common etc */
.ico_pet03 {background:var(--bg-common) 0 -63px no-repeat; background-size:250px 250px; width:13px; height:13px; display:inline-block;}
@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;}
.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}
@-webkit-keyframes rippleDrop{100%{width:100%; border-radius:0; background:#7d6feb; opacity:1}}
@keyframes rippleDrop{100%{width:100%; border-radius:0; background:#7d6feb; opacity:1}}
/**************************** 공통영역 끝 ****************************/

/*** 인트로 ***/
#layerAreaWrap.history_show {background:#14dbaf !important}
.history_wrap .btn_back {top:-5px; background:url(/petpermint/images/content/petcal/btn_history_back.png) no-repeat left top; background-size:40px;}
.history_wrap h1 {font-size:25px; margin-bottom:10px;}
.history_wrap h1 span {background:url(/petpermint/images/content/petcal/ico_his.png) no-repeat left top; background-size:27px; padding-left:35px;}
.history_wrap .swiper_wrap {height:410px;}

.모바일수정 */
.history_wrap .swiper_wrap .history dl {position:relative; height:330px; padding-top:20px; background:#fff; box-shadow:0px 0px 20px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 0px 20px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 20px 4px rgba(0, 0, 0, 0.2);}
.history_wrap .swiper_wrap .history dd {margin-top:15px;}
.history_wrap .swiper_wrap .history .p_info .txt {display:inline-block; font-size:30px; color:#000 !important; letter-spacing:-2px;}
.history_wrap .swiper_wrap .history .p_info .num.txt.long, .history_wrap .swiper_wrap .history .p_info .tit.txt.long {display:block; font-size:17px; margin:0;}
.history_wrap .swiper_wrap .history .p_info .tit2 {font-size:25px;}
.history_wrap .swiper_wrap .history .p_info .tit3 {font-size:30px;}
.history_wrap .swiper_wrap .history .p_info .date {font-size:18px;}
.history_wrap .swiper_wrap .history .btn_purple {position:absolute; left:50%; bottom:30px; margin-left:-40px; display:block; width:80px; height:33px; line-height:33px; background:#7d6feb; color:#fff; font-size:15px;border-radius: 5px;}
.history_wrap .swiper_wrap .history .ico_step {width:197px; height:160px; margin:0 auto;}
.history_wrap .swiper_wrap .history .ico_step01 {background:url(/petpermint/images/content/petcal/img_his_01.png) left 0 no-repeat; background-size:197px;}
.history_wrap .swiper_wrap .history .ico_step02 {background:url(/petpermint/images/content/petcal/img_his_02.png) left 0 no-repeat; background-size:197px;}
.history_wrap .swiper_wrap .history .ico_step03 {background:url(/petpermint/images/content/petcal/img_his_03.png) left 0 no-repeat; background-size:197px;}
.history_wrap .swiper_wrap .history .ico_step04 {background:url(/petpermint/images/content/petcal/img_his_04.png) left 0 no-repeat; background-size:197px;}
.history_wrap .swiper_wrap .history .ico_step05 {background:url(/petpermint/images/content/petcal/img_his_05.png) left 0 no-repeat; background-size:197px;}
.history_wrap .swiper_wrap .history .ico_step06 {background:url(/petpermint/images/content/petcal/img_his_06.png) left 0 no-repeat; background-size:197px;}
.history_wrap .swiper_wrap .history .ico_step07 {background:url(/petpermint/images/content/petcal/img_his_07.png) left 0 no-repeat; background-size:197px;}
.history_wrap .swiper_wrap .history .ico_step08 {background:url(/petpermint/images/content/petcal/img_his_08.png) left 0 no-repeat; background-size:197px;}
.history_wrap .swiper_wrap .history .ico_step09 {background:url(/petpermint/images/content/petcal/img_his_09.png) left 0 no-repeat; background-size:197px;}
.history_wrap {position:absolute; top:50%; left:0; z-index:200; width:100%; margin:-235px 0 0; padding:0;}
.history_wrap h1 {margin:0 0 20px; color:#fff; font-weight:700; font-size:26px; text-align:center;}
.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 .swiper_wrap .history {width:240px; height:340px; margin-right:30px; padding:20px 0 0; background-color:#fff;}
.history_wrap .swiper_wrap .history dl {display:block; width:100%; color:#000;}
.history_wrap .swiper_wrap .history dt {margin:0; font-weight:700; font-size:20px; 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;}
.tit {margin:0 0 10px 0; font-weight:700; font-size:18px;}
.history_wrap .swiper_wrap .history dd span {display:block;}
.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 .btn_back {display:block; position:absolute; top:-5px; right:25px; width:40px; height:40px; color:#fff; text-indent:-999em; background:url(/petpermint/images/content/petcal/btn_history_back.png) no-repeat left top; background-size:40px;}

.btn_info{position:relative; top:4px; display:inline-block; width:17px; height:17px; margin-left:3px; text-indent:-999em; background:url(/petpermint/images/common/ico_help.png) 0 0 no-repeat; background-size:17px 17px}
.txt_tip span em{color:#7d6feb}

.petForm .sub_tit{font-weight:700; font-size:18px !important; color:#333; margin:0 0 30px 0;}
.petForm .bx_valid .group input{padding:0; height:25px}
.petForm .bx_valid label{height:25px; line-height:25px; font-size:15px; color:#000; font-weight:700}
.petForm .bx_valid .group{display:inline-block; width:70%; padding:0 5px; vertical-align:top; height:22px; box-sizing:border-box}
.petForm .bx_valid .group input{width:100%;}
.petForm .bx_valid em{height:25px; line-height:25px; font-size:14px; color:#000; font-weight:700}
.petForm .bx_valid .group+.txt01 {color:#333333; font-size:15px; vertical-align:middle; font-weight:normal;}

.petForm .bx_valid .txt01{height:25px; line-height:25px; font-size:15px; color:#000; font-weight:700;}
.petForm .chk_wrap > span {display:inline-block;}
.petForm .chk_wrap > .input_radio.W {margin-left:4px;}
.petForm .bx_valid.WM .group {padding:0 5px 0 10px; height:32px;}
.petForm .chk_wrap .input_radio input[type=radio]+label {padding-left:0;}
.wrap_WM .txt_tip span:before {top:10px;}
.WM .txt02{height:32px; line-height:32px; font-size:15px; color:#000; font-weight:700;}

.petForm .bx_valid .group+.txt02 {color:#333333; font-size:15px; vertical-align:middle; font-weight:normal;}
.wrap_WM {display:table;}
.petForm .wrap_WM .input_checkbox input[type=checkbox]+label:before {top:9px;}
.txt_tip.no_line.WM, .ipt.WM {display:table-cell; padding-right:7px; text-indent:0; letter-spacing:0;}
.txt_tip.WM span{display:inline-block;}

 /* 반려동물정보(스텝1) > 성별은~입니다 > 남자여자 라디오 버튼 *//* 1029 수정~ */
.chk_wrap.type01 .input_radio.M input[type=radio]:checked+label:before {background-position:-87px top;}
.chk_wrap.type01 .input_radio.M input[type=radio]+label:before {display:block; position:absolute; top:0; left:0; width:87px; height:32px; background:url(/petpermint/images/common/comm_radio_type.png) 0 0 no-repeat; background-size:174px 64px; content:"";}
.chk_wrap.type01 .input_radio.W input[type=radio]:checked+label:before {background-position:-87px -32px;}
.chk_wrap.type01 .input_radio.W input[type=radio]+label:before {display:block; position:absolute; top:0; left:0; width:87px; height:32px; background:url(/petpermint/images/common/comm_radio_type.png) 0 -32px no-repeat; background-size:174px 64px; content:"";}
.chk_wrap.type01 .input_radio{position:relative; width:87px;}
.chk_wrap.type01 .input_radio input[type=radio]+label em{position:relative;color:transparent; /*left:-31px; font-size:1px; */}
.chk_wrap.type01>span {display:inline-block;}

/* 반려동물정보(스텝1) > 많이 가입한 품종 */
.rankingPet_w .rankingPet{background-color:#fff}
.rankingPet_w .rankingPet div{padding:10px 10px 5px; vertical-align:middle; box-sizing:border-box; /*width:78%; */border-radius:5px 5px 0 0; border:1px solid #ddd; /*border-right:0; */background-color:#f8f8f8}
.rankingPet_w .rankingPet h3{margin:0 0 10px 0; color:#333; font-size:12px; font-weight:700}
.rankingPet_w .rankingPet .radio_wrap { display: inline-block; position:relative; margin-right: 5px;}
.rankingPet_w .rankingPet .radio_wrap input[type=radio] { position: absolute; left: 0; top: 0; width: 100%; height: 32px; appearance: none;}
.rankingPet_w .rankingPet .radio_wrap label.checkbox{height:32px; padding:0 14px; line-height:30px; color:#777; font-size:13px; border:1px solid #dddddd; border-radius:16px; box-sizing:border-box; text-align:center; display:inline-block; background-color:#fff; cursor:pointer; margin-bottom:5px;}
.rankingPet_w .rankingPet .radio_wrap.on label.checkbox{border:1px solid #ffcc33; background-color:#ffcc33; color:#333333;}

/* 반려동물정보(스텝1) > 초성으로 찾기 */
.rankingPet_w .rankingPet .ico_pet01{margin:0 5px 0 5px; vertical-align:middle}
.ico_pet01{width:11px; height:11px; display:inline-block; background:url(/petpermint/images/content/petcal/ico_ppermint.gif) 0 0 no-repeat; background-size:11px 11px;}
.ico_pet01.cat{width:11px; height:12px; display:inline-block; background:url(/petpermint/images/content/petcal/ico_ppermint_cat.gif) 0 0 no-repeat; background-size:11px 12px;}
.ico_pet02{display:inline-block; width:11px; height:11px; margin-right:6px; background:url(/petpermint/images/common/ico_favjob.svg) 0 0 no-repeat; background-size:contain;}
.rankingPet_w .searchPet{position:relative; display:block; padding:8px 20px 8px 35px; box-sizing:border-box; border-radius:0 0 5px 5px; border:1px solid #ddd; border-top:0 none;}
.rankingPet_w .searchPet span{font-size:15px; font-weight:700; color:#666}
.rankingPet_w .searchPet .ico_search01{position:absolute; left:10px; top:10px; display:block; width:17px; height:17px; background:url(/petpermint/images/common/ico_search.png) 0 0 no-repeat; background-size:17px 17px}
.rankingPet_w .searchPet:after{content:''; position:absolute; right:11px; top:13px; display:block; width:9px; height:13px; background:url(/petpermint/images/common/bul_arr_srch.png) no-repeat 0 0; background-size:9px 13px;}/* ~1029 수정 */

/*  반려동물정보(스텝1) > 초성으로 찾기 > 초성으로찾기클릭시 팝업(품종찾기) */
.wrap01{overflow:hidden; width:46%; float:left; text-align:center; padding:15px 0 15px 10px; box-sizing:border-box;}
.wrap01 li{width:62px; height:34px; text-align:center; border:1px solid #dddddd; border-radius:20px; box-sizing:border-box; cursor:pointer; margin:0 10px 19px 0; float:left; vertical-align:middle;}
.wrap01 li.on{background-color:#ffcc33; border:none;}
.wrap01 li button{height:34px;}
.wrap01 li button:focus { outline: 2px solid black; border-radius: 2px;}
.wrap01 li.on button{font-size:16px; color:#333; font-weight:700}
.tabContentsCon{margin-left:46%; border-left:1px solid #ddd;}
.tabContentsCon li{border-bottom:1px solid #dddddd; height:50px; width:auto; background-color:#eeeeee; box-sizing:border-box; padding:0 15px; display:table; width:100%;}
.tabContentsCon li a{color:#333333; font-size:13px; display:table-cell; vertical-align:middle;}
.tabContentsCon li.longText{padding:5px 15px 6px 15px !important; line-height:17px; height:45px;}
.tabContentsCon li.longText span{color:#666; font-size:13px;}
.tabContentsCon li:hover{background-color:#ffcc33; border:none;}

.wrap button:checked{background-color:#ffcc33;}
.wrap ul > li{width:240px; background-color:#eeeeee;}
.wrap ul > li{position:absolute; right:0;}
.wrap ul > li:hover{background-color:#ffcc33;}

/* 반려동물정보(스텝1) >  반려동물정보(품종검색) 자동완성기능 */
.pet .bx_auto_search {overflow-x:hidden; overflow-y:auto; position:absolute; top:100%; left:0; z-index:50; width:100%; height:150px; border-top:2px solid #ffcc33; border-bottom:1px solid #dedede; background-color:#fff;}
.pet .bx_auto_search ul {border:1px solid #dedede; border-top:0; border-bottom:0; height: 100%;}
.pet .bx_auto_search.w364 ul li{padding:10px 0;}
.pet .bx_auto_search .first a {padding:7px 7px;}
.pet .bx_auto_search li a {display:block; color:#666;}
.pet .bx_auto_search li a>span {padding:0 16px; display:block; min-height:16px; line-height:16px;}
.pet .bx_auto_search li a {display:block; font-size:14px; color:#666;}
.pet .bx_auto_search li a strong {}

@media screen and (max-width:321px){
	.wrap01{width:46%;}
	.wrap01 li{width:41%;}
}

/*** 보험료확인(스텝2) ***/
.step_wrap.calc_result{margin-top:0}
.step_wrap.calc_result .pet_tit{ font-size:17px; color:#000; font-weight:700}
.dirc_list .header{border-top:1px solid #333; border-bottom:1px solid #bbb; display:table; width:100%;}
.dirc_list .header span{display:table-cell; padding:12px 0; font-size:15px;  box-sizing:border-box; vertical-align:middle; font-weight:700}
.dirc_list .header span:nth-child(1){width:50%}
.dirc_list .header span:nth-child(2){width:25%}
.dirc_list .header span:nth-child(3){width:25%; text-align:right; padding-right:23px}
.dirc_list .detail_view{display:none}
.dirc_list dl>dt a{display:table; width:100%; position:relative; padding:12px 0 8px; border-bottom:1px solid #ddd; color:#333}
.dirc_list dl>dt a:after{display:block; position:absolute; right:0; top:50%; margin-top:-3px; width:15px; height:9px; background:var(--bg-common) -98px -10px no-repeat; background-size:250px 250px; content:""}
.dirc_list dl>dt a span{display:table-cell; color:#333; line-height:1.2;  font-size:15px; vertical-align:middle; box-sizing:border-box; font-weight:700}
.dirc_list dl>dt a span:nth-child(1){width:50%}
.dirc_list dl>dt a span:nth-child(2){width:25%}
.dirc_list dl>dt a .type01{width:25%; text-align:left !important; padding-right:0 !important;}
.dirc_list dl>dt a span:nth-child(3), .dirc_list dl>dt a span:nth-child(4){width:25%; text-align:right; padding-right:23px}
.dirc_list dl>dt a strong{color:#7d6feb; line-height:1.3; font-size:15px; font-weight:normal;}
.dirc_list dl>dt a.disabled span{color:#999;}
.dirc_list dl{margin:0}
.dirc_list dl>dt.fixed,.top_dt{left:0; z-index:97; background-color:#555}
.dirc_list dl>dt a.on:after, .dirc_list dl>dt a.open:after{background-position:-98px -19px}
.pet_data span{font-size:12px; line-height:23px; color:#333333; }
.pet_data p, .pet_data p>span{font-size:16px; line-height:20px; letter-spacing:-0.025em; color:#000; margin:0;}
.fastclick{-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.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; padding:15px 10px; border-bottom:1px solid #ddd; background:#fdfaee; font-size:14px;}
.dirc_list .detail_view_inner .txt_desc01 small{color:#666; font-size:14px;}
.dirc_list .detail_view_inner .txt_fix_area .txt_fix:first-child{margin-top: 7px;}
.dirc_list .detail_view_inner .txt_fix_area .txt_fix{font-size:13px;}
.dirc_list .detail_view_inner>.chk_wrap{padding-top:5px}
.dirc_list .detail_view_inner .graph_area {position:relative; padding:0 5px 10px 100px; color:#666; margin-top:25px;}
.dirc_list .detail_view_inner .graph_area .graph {position:absolute; width:67px; height:66px; padding-top:40px; background:url(/petpermint/images/content/petcal/bg_graph01.png) no-repeat; background-size:66px auto; top:0; left:15px; text-align:center; box-sizing:border-box;}
.dirc_list .detail_view_inner .graph_area.st02 .graph {background:url(/petpermint/images/content/petcal/bg_graph02.png) no-repeat; background-size:66px auto;}
.dirc_list .detail_view_inner .graph_area.st03{padding:10px 5px 20px 110px;}
.dirc_list .detail_view_inner .graph_area.st03 .graph {width:96px; height:91px; left:0; background:url(/petpermint/images/content/petcal/bg_graph03.png) no-repeat; background-size:96px auto;}
.dirc_list .detail_view_inner .graph_area .txt strong{font-size:16px; color:#333; display:block;}
.dirc_list .detail_view_inner .graph_area .txt p{margin-top:5px;}
.dirc_list .detail_view_inner .graph_area .txt .ref{font-size:12px; color:#777;}
.dirc_list .detail_view_inner .graph_area .txt .ref span{display:inline-block; margin-left:20px;}
.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:#7d6feb; 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}
.box_radio{position:relative; margin:10px 0 0; color:#000}
.box_radio:first-child{margin:0}
.box_radio .input_radio{display:block}
.box_radio .input_radio input[type=radio]{display:inline;}
.box_radio .input_radio input[type=radio]+label{display:block; padding:10px 15px; border:1px solid #ddd; background:#fff; border-radius:8px; box-sizing:border-box;}
.box_radio .input_radio input[type=radio]+label:before{display:block; position:absolute; top:50%; left:14px; width:22px; height:22px; background:var(--bg-common) -44px top no-repeat; background-size:250px 250px; content:""; margin-top:-11px;}
.box_radio .input_radio input[type=radio]:checked+label:before{background-position:-66px top}
.box_radio .input_radio input[type=radio]+label em{position:absolute; top:12px; left:50px; font-weight:700; font-size:16px; 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{position:relative; background-color:#fff}
.box_radio.on .input_radio input+label:after,
.box_radio .input_radio input:checked+label:after{content:''; display:block; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; border:2px solid #7d6feb; border-radius:8px;}
.box_radio .input_radio input:checked+label strong{color:#7d6feb}
.box_radio .input_radio input+label strong .selected{display:none;}
.box_radio .input_radio input+label strong .compare{display:block;}
.box_radio .input_radio input:checked+label strong .selected{display:block;}
.box_radio .input_radio input:checked+label strong .compare{display:none;}
.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; border:4px solid #e7e7e7; background:#e7e7e7}
.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{border:4px solid #e11b22; background-color:#fff}
.box_radio .input_checkbox strong{float:right}
.box_radio strong{display:block; text-align:right; font-size:16px;}
.box_radio strong .unit{font-size:15px}
.box_radio strong span{display:block; color:#666; font-size:14px; font-weight:400; margin-top:4px;}
.box_radio strong span b{margin-left:5px; color:#333; letter-spacing:0;}
.box_radio .tag{display:inline-block; margin-left:4px; 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; line-height:18px}
.box_radio .tag span.alot{background-color:#7d6feb; font-size:12px}
.box_radio .case{display:block; color:#666; font-size:14px; font-weight:400; margin-top:7px;}
.txt_blue{color:#005baf!important;}
.txt_violet{color:#7d6feb !important;}

/* bottom result */
.calc_result_bottom{display:block; width:100%; z-index:9; margin-top:75px;}
.result_premium{position:relative; display:table; width:100%; border-radius:10px 8px 8px 10px; background:#00d1a4; border:1px solid #ddd; box-shadow:3px 3px 10px 0px rgba(0,0,0,.10);}/*2019.04.01 box bg px 비어보이는 부분 처리 -kjw*/
.result_premium i{position:absolute; right:19px; top:-30px; display:block; width:33px; height:36px; background:url(/petpermint/images/content/petcal/ico_anipet01.gif) no-repeat 0 0; background-size:33px auto;}
.result_sale {display:table-cell; background:#fff; border-radius:8px 0 0 8px; box-sizing:content-box;}/*2019.04.01 box bg px 비어보이는 부분 처리 -kjw*/
.result_sale .result_pay{padding:5px 8px 0;}
.result_sale .result_pay li{overflow:hidden; padding:7px 0; border-bottom:1px dashed #ddd;}
.result_sale .result_pay li span{float:left; color:#333; font-size:13px;}
.result_sale .result_pay li strong{float:right; font-size:14px; color:#333; font-weight:700}
.result_sale .txt_desc{color:#333; padding:0 8px 10px; margin-top:7px; letter-spacing:-1px; font-size:12px;}
.result_sale .txt_desc em{line-height:20px; color:#e11b22;}
.result_total{display:table-cell; padding:30px 10px 20px 8px; text-align:right; background:#00d1a4; margin-right:-1px; border-radius:0 4px 4px 0; box-sizing:border-box; vertical-align:bottom; min-width:110px;}/*2019.04.01 box bg px 비어보이는 부분 처리 -kjw*/
.result_total em{display:block; color:#fff; font-size:14px; text-align:right;}
.result_total .resultVal{display:block; margin:0 0 5px 0; color:#fff;}
.result_total .resultVal span{font-size:14px; vertical-align:2px;}
.result_total .resultVal strong{font-size:26px; letter-spacing:-2px; font-weight:400}
.step_wrap.calc_result .pet_tit > em{font-weight:700;}
@media screen and (min-width:375px){	.result_total {min-width:138px;}
	.result_total em {font-size:16px;}
	.result_total .resultVal strong{font-size:32px;}}

/*** 동의및인증(스텝3) ***/
.list_type01 dd{margin:0 0 16px; font-size:14px; color:#333; line-height:21px;}
.list_type01 dd strong{display:block; margin:5px 0 4px; font-size:14px}
.list_type01 dd .input_radio input[type=radio]:disabled+label em{font-size:14px}
.list_type01 .btn{margin:0}

.group span.tit_select{display:block; color:#000; font-size:13px; margin-bottom:8px; font-weight:700}
.group span.tit_select.active,.group span.tit_select.on{color:#7d6feb}
.my_certification_wrap1{position:relative; height:62px; margin:12px 0 28px}

.my_certification1{display:box; display:-webkit-box; display:-moz-box; margin:12px 0 28px}
.my_certification1 a{position:relative; height:36px; margin:0 0 0 4px; padding:71px 0 0; color:#999; font-weight:700; box-flex:1; -moz-box-flex:1; -webkit-box-flex:1; background:url(/petpermint/images/content/petcal/img_certify02.png) no-repeat; background-size:100% 215px; background-position:0 0;}
.my_certification1 a:first-child{margin-left:0}
.my_certification1 a:before{position:absolute; left:50%; background:url(/petpermint/images/content/petcal/img_certify01.png); background-size:150px 85px; content:""}
.my_certification1 a.certifi_mobile_i:before{top:18px; width:31px; height:42px; margin-left:-15px; background-position:0 -43px;}
.my_certification1 a.certifi_naver_i:before{top:20px; width:35px; height:42px; margin-left:-15px; background-position:-110px -43px;}
.my_certification1 a.certifi_author:before{top:20px; width:35px; height:42px; margin-left:-16px; background-position:-32px -43px}
.my_certification1 a.certifi_credit:before{top:20px; width:41px; height:42px; margin-left:-20px; background-position:-67px -43px}

.my_certification1 a{display:block; width:100%; text-align:center; font-size:14px;}
.my_certification1 a.on{background:url(/petpermint/images/content/petcal/img_certify02.png) no-repeat; background-size:100% 215px; background-position:0 -108px; color:#000; font-size:14px;}

.my_certification1 a.certifi_naver_i:after{background:url(/petpermint/images/content/petcal/event_belt.gif); background-size:39px 39px; content:"";background-repeat: no-repeat;position:absolute;width:39px;height:39px;left:0;top:0;}
.my_certification1 a.certifi_naver_i.non_evt:after{background:none;}

.my_certification1 a.certifi_mobile_i.on:before{background-position:0 0}
.my_certification1 a.certifi_naver_i.on:before{background-position:-110px 0}
.my_certification1 a.certifi_author.on:before{background-position:-32px 0}
.my_certification1 a.certifi_credit.on:before{background-position:-67px 0}

.list_assent01 li{margin:0 0 6px; padding:4px 0 0}
.list_assent01 li .input_checkbox{float:left}
.list_assent01 li:last-child{margin:0}
.list_assent02{margin:23px 0 0}

#pop_wrap #pop_content,#pop_wrap.type02,.bx_information .list_info dd div,.list_assent01 li,.list_toggle li>a,.list_type07 li,.tab_basic li{overflow:hidden}
#pop_wrap #pop_content.pop_scroll_y {overflow-y:scroll;}
.bx_valid .grouping.card_type .group{width:19%; margin-top:22px}
.bx_valid .grouping.card_type .ico_card{display:block; position:absolute; top:5px; left:50px; height:14px; text-indent:-999em}
.bx_valid .grouping.card_type .ico_card01{width:70px; background:url(/subscribe/images/pd/pn/ico_card01.gif) left top no-repeat; background-size:70px 14px}
.bx_valid .grouping.card_type .ico_card02{width:88px; background:url(/subscribe/images/pd/pn/ico_card02.gif) left top no-repeat; background-size:88px 14px}
.bx_valid .grouping.card_type .ico_card03{width:83px; background:url(/subscribe/images/pd/pn/ico_card03.gif) left top no-repeat; background-size:83px 14px}
.bx_valid .grouping.card_type .ico_card04{width:98px; background:url(/subscribe/images/pd/pn/ico_card04.gif) left top no-repeat; background-size:98px 14px}
.bx_valid .grouping.card_type .ico_card05{width:62px; background:url(/subscribe/images/pd/pn/ico_card05.gif) left top no-repeat; background-size:62px 14px}
.bx_valid .grouping.card_type .ico_card06{width:72px; background:url(/subscribe/images/pd/pn/ico_card06.gif) left top no-repeat; background-size:72px 14px}
.bx_valid .grouping.card_type .ico_card07{width:35px; background:url(/subscribe/images/pd/pn/ico_card07.gif) left top no-repeat; background-size:35px 14px}
.bx_valid .grouping.card_type .ico_card08{width:80px; background:url(/subscribe/images/pd/pn/ico_card08.gif) left top no-repeat; background-size:80px 14px}
.bx_valid .grouping.card_type .ico_card09{width:74px; background:url(/subscribe/images/pd/pn/ico_card09.gif) left top no-repeat; background-size:74px 14px}
.bx_valid .grouping.card_type .ico_card10{width:68px; background:url(/subscribe/images/pd/pn/ico_card10.gif) left top no-repeat; background-size:68px 14px}
.bx_valid .grouping.card_type .ico_card11{width:97px; background:url(/subscribe/images/pd/pn/ico_card11.gif) left top no-repeat; background-size:97px 14px}
.bx_valid .grouping.card_type .ico_card12{width:36px; background:url(/subscribe/images/pd/pn/ico_card12.gif) left top no-repeat; background-size:36px 14px}
.bx_valid .grouping.card_type .ico_card13{width:68px; background:url(/subscribe/images/pd/pn/ico_card13.gif) left top no-repeat; background-size:68px 14px}
.bx_valid .grouping.card_type .dash{width:3%; margin:0 2%; padding-top:3%; }
.bx_valid .grouping.card_type .group.first,.bx_valid .grouping.card_type .group:first-child{margin:0}
.bx_valid .grouping.card_type .group:last-child{width:22%}
.bx_valid .grouping_wrap .grouping .group:first-child{margin:0}
.bx_valid .grouping_wrap .grouping .group:last-child input{text-indent:7px}
.bx_valid .grouping_wrap .blank{float:left; width:10%; height:1px}
.bx_valid .grouping_wrap .grouping.w_full .group{width:100%}
.bx_valid .grouping_wrap .grouping.w_full .group input{text-indent:0}
.bx_valid .grouping_wrap .grouping{float:left; position:static; width:45%}
.bx_valid .grouping_wrap .grouping .group{margin:22px 0 0}
.two_error_m .group input:focus+.bar:after,.two_error_m .group input:focus+.bar:before,.two_error_m .group input:focus~.bar:after,.two_error_m .group input:focus~.bar:before{width:100%}

 /* 동의및인증(스텝3) > 본인인증-휴대폰,공인인증서,카드 > 전체동의 및 인증번호 받기버튼 */
.btn_allpass{display:inline-block; width:100%; height:45px; background-color:#5f81ce; color:#fff; text-align:center; line-height:45px; border-radius:5px;}
.btn_allpass span{color:#fff; font-size:15px}

/* 동의및인증(스텝3) > 본인인증-휴대폰,공인인증서,카드 > 자세히보기(+)버튼 */
.btn_basic,.btn_basic input{display:inline-block; width:23px; height:23px; background:url(/petpermint/images/common/ico_plus.png) 0 0 no-repeat; background-size:23px;}
.list_assent01 li .btn_zone{float:right; /*margin:-3px 0 0*/}/* 1030 수정 */
.btn_basic,.btn_basic input{display:inline-block; color:#666; font-weight:400; vertical-align:top;}
.btn_basic:focus, .btn_basic input:focus { outline: 2px solid black; border-radius: 2px;}
.btn_basic span{font-size:0; color:transparent; text-indent:-9999%;}

/* 동의및인증(스텝3) > 본인인증-휴대폰,공인인증서,카드 >  하단배너 */
.banner_wrapIn img{width:100%; height:auto;}

/* 동의및인증(스텝3) > 팝업- 개인(신용)정보 수집,이용,조회 제공 동의 */
.dir_agree.add .bx_valid.add_line{padding-bottom:12px; border-bottom:1px solid #dddddd}
.inner_wrap {padding:15px;}
.slide_cont.dir_agree .tit_b16 {font-size:14px; font-weight:700; color:#000;}
.slide_cont.dir_agree .font_14 {font-size:14px;}
.slide_cont.dir_agree .txt_tip {font-size:13px;}
.slide_cont.dir_agree .tot_assent {padding-bottom:15px; margin-bottom:15px;border-bottom: 2px solid #000;text-align: right;}
.slide_cont.dir_agree .tot_assent .input_checkbox input[type=checkbox]+label em {font-size:15px; color:#000;}
.slide_cont.dir_agree .tot_assent .input_checkbox input[type=checkbox]+label:before{top:0 }
.slide_cont.dir_agree .ipt_check {line-height:23px; font-weight:400;}
.slide_cont.dir_agree .tit_b16 .ipt {margin-bottom:6px;}
.slide_cont.dir_agree .list_type01 .ipt_check{overflow:visible}
.slide_cont.dir_agree .list_type01 .ipt_check .input_checkbox input[type=checkbox]+label {font-size:13px; color:#7d6feb}
.slide_cont.dir_agree .tb_cell {display:table; width:100%;}
.slide_cont.dir_agree .tb_cell .l_area {display:table-cell; width:100%;}
.slide_cont.dir_agree .tb_cell .r_area {display:inline-block; text-align:right; vertical-align:inherit; top:4px}
.slide_cont.dir_agree .tb_cell .r_area a {display:inline-block; width:23px; height:23px; background:url(/petpermint/images/common/ico_plus.png) 0 0 no-repeat; background-size:23px }
.slide_cont.dir_agree .list_type01 {margin-bottom:4px; border-bottom:none}
.slide_cont.dir_agree .list_type01.clauselist {margin-top:-10px; border-top:1px dashed #ddd; padding-top:20px;}
.slide_cont.dir_agree .list_type01 dt {font-size:13px;}
.slide_cont.dir_agree .chk_wrap.square .input_radio label em {font-size:13px;}
.slide_cont.dir_agree .chk_wrap.square .input_radio input[type=radio]+label {padding:7px 0}

.slide_cont.dir_agree.chk_wrap.square .input_radio input[type=radio]:checked+label {padding:0}
.slide_cont.dir_agree .box_white_e7 {background:#f4f4f4;border: 1px solid #e7e7e7;}
.slide_cont.dir_agree .box_white_e7 .agree_area {padding:10px;}
.slide_cont.dir_agree .bdt_d {padding-top:15px;margin:0}
.slide_cont.dir_agree .bdt_d h2 {font-weight:400; font-size:13px;}
.slide_cont.dir_agree .bdt_d .txt_tip04 {font-size:14px; margin-bottom:10px;}
.slide_cont.dir_agree .bdt_d .txt_tip04.ico_star {margin-bottom:10px; padding-left:10px; position:relative;color: #777;}
.slide_cont.dir_agree .bdt_d .txt_tip04.ico_star:before {content:"*"; position:absolute; left:0}
.slide_cont.dir_agree .bdt_d .txt_tip04 em {display:block; font-weight:700; color:#333}
.slide_cont.dir_agree .btn_area.right .btns {display:inline-block; width:80px; height:35px; line-height:35px; margin-right:3px; text-align:center; border-radius:3px;}
.slide_cont.dir_agree .btn_area.right .btn_gray02 {background:#666; color:#fff}
.slide_cont.dir_agree .btn_area.right .btn_gray01 {background:#c5c5c5; color:#fff}/* 모바일수정 */
.slide_cont.dir_agree .btn_area.right .btn_gray01.on{background:#7d6feb; color:#fff}/* 모바일수정 */
.slide_cont.dir_agree .box_white_e7 .list_type02 .l_area {float:left; width:55%; background-position:0 70%; padding-top:5px;}
.slide_cont.dir_agree .box_white_e7 .list_type02 .r_area {float:right; width:30%; margin:0}
.slide_cont.dir_agree .box_white_e7 .list_type02 .r_area .selectbx {font-size:13px;}
.slide_cont.dir_agree .box_white_e7 .list_type02 .r_area .selectbx .select_list li a {padding:4px 0 3px 6px; font-size:13px;}
.slide_cont.dir_agree .notice_txt {font-size: 12px;color: #999;font-weight: normal;margin-bottom: 20px;}

.tit_b16 {font-size:16px; color:#000; font-weight:700}
.list_type02 dd li span,.list_type02.mt0 li{font-size:13px;}
.input_checkbox input[type=checkbox]+label em.txt_purple2{font-weight:700; font-size:14px}

/* 동의및인증(스텝3) > 팝업- 개인(신용)정보 수집,이용,조회 제공 동의 */
.terms_cont_wrp.clause h2 {font-weight:700;  font-size:14px; color:#000;}
.terms_cont_wrp.clause .tot_assent p.txt_333 {line-height:19px; font-size:14px; color:#333; font-weight:400;}
.terms_cont_wrp.clause .list_type02 dt { font-size:14px; color:#333; font-weight:700}
.terms_cont_wrp.clause .terms_cont dd {font-size:13px;}
.terms_cont_wrp.clause .terms_cont .list_undline {font-weight:normal;  font-size:13px; color:#666;}
.terms_cont_wrp.clause .terms_cont .list_undline li {color:#333;}
.terms_cont_wrp.clause .list_type02.kor dt {padding-left:0; margin-left:10px; text-indent:-10px;}
.terms_cont_wrp.clause .list_type02.kor dd li dt {font-size:13px; color:#666;}
.terms_cont_wrp.clause .list_type02.kor dd > p {font-size:14px;}
.terms_cont_wrp.clause .list_type02.kor dd .txt_undline {font-weight:normal; font-size:14px; color:#333;}
.terms_cont_wrp.clause .list_assent02 li strong { font-size:14px; font-weight:700}
.terms_cont_wrp.clause .list_assent02 li p {font-size:14px;}
.terms_cont_wrp.clause .list_terms.list_terms02 li { font-size:14px; color:#333; font-weight:700}
.terms_cont_wrp.clause .list_terms.list_terms02 li p {font-size:14px; color:#666;}
.terms_cont_wrp.clause .list_terms.list_terms02 .inner {margin-top:0;}
.terms_cont_wrp.clause .list_terms.list_terms02 .inner li {padding-left:13px; font-weight:400; color:#666; text-indent:-13px;}
.terms_cont_wrp.clause .txt_undline {font-weight:normal;}
#pop_wrap .terms_cont_wrp.clause table {font-size:15px; color:#666;}
#pop_wrap .terms_cont_wrp.clause table th {font-size:15px; color:#333;}
#pop_wrap .terms_cont_wrp.clause table .bu_star {background-position:0 4px}
#pop_wrap .terms_cont_wrp.clause .txt_bd3 { font-size:15px; color:#333; font-weight:700}
.list_type02 dd li{margin:0; padding-left:7px; background:url(/subscribe/images/common/bu_dash_gray.gif) left 7px no-repeat; background-size:3px 1px; color:#666; font-size:14px; line-height:20px}
.txt_bround {padding-bottom:3px}
/* .txt_bround span{display:block; position:relative; padding:0 0 0 17px; background:var(--bg-common) -123px 2px no-repeat; background-size:250px 250px;} */
.txt_bround span { position:relative; display:block; padding:0 0 0 17px; background:none; }
.txt_bround span:before { position:absolute; left:0; top:0; width:30px; height:30px; background:var(--bg-common) -123px 2px; background-size:250px 250px; overflow:hidden; content:""; }
.my_certification_wrap{position:relative; height:62px; margin:12px 0 28px}
.my_certification{display:box; display:-webkit-box; display:-moz-box; margin:12px 0 28px}
.my_certification a{position:relative; height:36px; margin:0 0 0 4px; padding:72px 0 0; color:#999; font-weight:700; box-flex:1; -moz-box-flex:1; -webkit-box-flex:1; background:url(/petpermint/images/content/petcal/img_certify02.png) no-repeat; background-size:100% 200%; background-position:0 0;}
.my_certification a:first-child{margin-left:0}
.my_certification a:before{position:absolute; left:50%; background:url(/petpermint/images/content/petcal/img_certify01.png); background-size:110px 85px; content:""}
.my_certification a:nth-child(1n):before{top:14px; width:31px; height:42px; margin-left:-15px; background-position:0 -43px;}
.my_certification a:nth-child(2n):before{top:14px; width:35px; height:42px; margin-left:-16px; background-position:-32px -43px}
.my_certification a:nth-child(3n):before{top:14px; width:41px; height:42px; margin-left:-20px; background-position:-67px -43px}
.my_certification a{display:block; width:100%; text-align:center; font-size:14px;}
.my_certification a.on{background:url(/petpermint/images/content/petcal/img_certify02.png) no-repeat; background-size:100% 200%; background-position:0 -108px; color:#000; font-size:14px;}
.my_certification a.on:nth-child(1n):before{background-position:0 0}
.my_certification a.on:nth-child(2n):before{background-position:-32px 0}
.my_certification a.on:nth-child(3n):before{background-position:-67px 0}
.my_certification.ico_none a{display:block; padding:12px 0 0; width:100%; height:48px; text-align:center; border:1px solid #ddd; background:none; color:#333; font-size:14px}
.my_certification.ico_none a:before{background:none;}
.my_certification.ico_none a.on{border:1px solid #000; background:none; color:#000}
.my_certification.ico_none a.on:before{background:none}

/*** 고지사항(스텝4) ***/
.pet_info  h3{font-size:12px;}
.pet_info  h3>*{vertical-align:middle}
.pet_info .txt{color:#000; font-size:15px; padding:5px 0 5px 0; font-weight:700;}
.pet_info .ico_pet01{width:13px; height:13px; background-size:13px 13px; margin-right:7px;}
.pet_ill_survey .ipt_radio label:first-child{margin-left:0;}
.pet_ill_survey .inquire.first{padding:0 0 10px;}
.pet_ill_survey .inquire {padding:0 0 10px; border-bottom:1px solid #aaa;}
.pet_ill_survey .inquire:last-child{border-bottom:0; margin-bottom:0}
.pet_ill_survey .inquire.bx_valid.error {border-bottom:1px solid #fff;}
.pet_ill_survey .inquire.box {padding:20px 0 0 0;}
.pet_ill_survey .inquire .group{padding:0}
.pet_ill_survey .inquire.box .group{padding-bottom:10px; box-sizing:border-box;}
.pet_ill_survey .inquire .tit{margin:0 0 5px; font-size:14px; line-height:22px; font-weight:400}
.pet_ill_survey .inquire .txt_tip.no_line{margin:0 0 8px; padding:0; font-size:13px}
.pet_ill_survey .inquire .option_box {overflow:visible;}/* 1030 수정 */
.pet_ill_survey .inquire.box .option_box .bx_valid .group{border-bottom:0}
.bx_valid.address_selecter{margin:0}
.bx_valid.address_selecter .tit_select{font-size:13px}
.bx_valid.address_selecter .grouping .group{margin-top:0; vertical-align:middle}
.list_type01.no_line{padding-bottom:0; border:0}
.list_type01 dt{margin-bottom:5px; color:#7d6feb; font-size:13px; font-weight:700}
.ico_important_purple{display:inline-block; width:18px; height:15px; margin-right:4px; background:url(/petpermint/images/common/ico_noti_purple.png) 100% 0 no-repeat; background-size:18px 15px; vertical-align:-3px}
.list_type01 .btn .l_area{display:table-cell; width:100%; text-align:left}
.list_type01 .btn .input_checkbox input[type=checkbox]+label em{top:0}/*2019.03.28 캣보험 모바일 수정*/
.list_type01 .btn .input_checkbox input[type=checkbox] { width: 20px; height: 20px; opacity: 1; appearance: none;}
.list_type01 .btn .input_checkbox input[type=checkbox]:focus { outline: 2px solid black; border-radius: 2px; }
.option_box .address_selecter .selectbx .select_list.more {width:280px;}

/* 모바일수정 */
#pop_wrap #pop_content .pop_content_inner.full_area,#pop_wrap #pop_content.full_area{padding:17px 0 16px;}
.pop_sec .txt_major {display:inline-block; line-height:20px; ; font-size:17px; color:#333; font-weight:700}

/* 고지사항(스텝4) > 질병선택의 체크박스 */
.disease_type .radio_wrap label.checkbox{height:32px; padding:0 14px; line-height:30px; color:#777; font-size:13px; border:1px solid #dddddd; border-radius:16px; box-sizing:border-box; text-align:center; display:inline-block; background-color:#fff; cursor:pointer; margin-bottom:5px;}
.disease_type .radio_wrap.on label.checkbox{border:1px solid #ffcc33; background-color:#ffcc33; color:#333333;}

/* 고지사항(스텝4) > 질병선택의 도움말팝업 */
.disease_type{position:relative;}
.disease_type:last-child{padding-bottom:30px}
.disease_type .radio_wrap { display: inline-block; position: relative; margin-right: 5px;}
.disease_type .radio_wrap input { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 32px; appearance: none;}

.pop_content_inner.exp_desname .inner_view {position:fixed; bottom:0; left:0; width:100%; background:#fff; border-top:1px solid #ddd; padding:10px 10px 20px; box-sizing:border-box; z-index:100; font-size:14px;}

/* 고지사항(스텝4) > 직업선택 */
.tit_s{margin:0 0 5px; font-size:15px; line-height:22px; font-weight:700}
.tab_basic li{float:left; width:50%; height:45px; margin:0 0 0 -1px;overflow: hidden;}
.tab_basic li a{display:block; height:45px; border-top:1px solid #ddd; border-bottom:1px solid #000; border-left:1px solid #ddd; color:#999; font-size:14px; text-align:center; line-height:45px;box-sizing: border-box;border-top-left-radius: 5px;}
.tab_basic li.on a{position:relative; padding-bottom:1px; border-top:1px solid #000; border-right:1px solid #000!important; border-bottom:1px solid #fff; border-left:1px solid #000; color:#333; font-weight:700;}
.tab_basic li:last-child a{border-right:1px solid #ddd;border-top-right-radius: 5px;border-top-left-radius: 0;}

.inp_search .bx_auto_search{display:block; position:absolute; top:100%; left:0; z-index:50; width:100%; border-top:2px solid #7d6feb; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background-color:#fff;box-sizing: border-box;}
.inp_search .bx_auto_search ul{overflow-x:hidden; overflow-y:auto; height:215px}
.inp_search{position:relative; margin:16px 0 0; border-bottom:1px solid #333}
.inp_search .input_txt{display:block;}
.inp_search .input_txt input {white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.inp_search .input_txt input,
.inp_search.focus .input_txt input{border:0}

.tab_address_s .inp_search .input_txt input{padding:0 0 5px 5px}
.btn_search{display:block; position:absolute; right:0; bottom:-3px; padding:10px; text-indent:-999em}
.btn_search.new_btn { bottom:5px; }
.btn_search:before{position:absolute; right:5px; bottom:8px; width:18px; height:18px; background:url(/subscribe/images/common/ico_comm.png) -20px -23px no-repeat; background-size:250px 250px; content:""}
.btn_search.arrow{display:block; bottom:0; left:0; width:100%; height:31px; padding:0;}
.btn_search.arrow:before{width:9px; height:13px; background-position:-68px -65px}
.tab_address_s .inp_search .btn_search:before{right:5px}
.tab_address_s .sel_job{margin:25px 0 0}
.tab_address_s .group label{margin:0 0 0 5px}
.inp_search .input_txt {display:block; position:relative; margin-bottom:20px;}
.tab_address_s .sel_job .btn_search{display:none}
.bx_valid.tab_address_s{margin:0 0 40px}
.address_wrap.type02 .address_list dd li label em strong, .tab_address_s .group.sel_job label {color:#7d6feb;}

/* /* 고지사항(스텝4) > 직업선택 > 팝업 */
.job_wrap{overflow:hidden; width:100%; border-bottom:1px solid #ddd}
.job_wrap .job_inner{ }
.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{ 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}
.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.dir_step1{padding-bottom:15px}

/* 사진등록증(스텝5) */
.pickcure.type01{margin-top:30px;}
.pickcure.type01 h3 {margin-bottom:10px; font-size:16px;}
.pickcure.type01 ul:after {content:''; display:block; clear:both;}
.pickcure.type01 ul {position:relative;display: flex;justify-content: space-between;}
.pickcure.type01 ul li {width:33.33%;}
.pickcure.type01 ul li > div {margin:0 auto; width:107px; height:114px; overflow:hidden;}
.pickcure.type01 ul li > .ex_area1{ position: relative; background:url(/petpermint/images/content/petcal/img_upload_pick02.gif) no-repeat; background-size:100%;}
.pickcure.type01 ul li > .ex_area1 span { display: block; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; color:transparent; font-size:1px;line-height:0;clip:rect(1px 1px 1px 1px)}
.pickcure.type01 ul li > .ex_area2{ position: relative; background:url(/petpermint/images/content/petcal/img_upload_pick03.gif) no-repeat; background-size:100%;}
.pickcure.type01 ul li > .ex_area2 span { display: block; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; color:transparent; font-size:1px;line-height:0;clip:rect(1px 1px 1px 1px)}
.pickcure.type01 ul li > div .img, .pickcure.type02 .file_area .img{width:100%}
.pickcure.type01 ul li > div .img{height:114px;}
.pickcure.type01 ul li > div .img img{width:100%; height:100%;}

/* 모바일수정:추가 */
.pickcure.type01 .file_area {position:relative; box-sizing:border-box; background-color:#f4f4f4;}
.pickcure.type01 .file_area .pictureUp a,
.pickcure.type02 .file_area .pictureUp a {position:absolute; width:105px; height:31px; font-size:13px; color:#666666; bottom:0; text-align:center; border-top:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box; line-height:31px; background-color:#fff;}
.pickcure.type01 .file_area input[type="file"]{width:100%; height:100%; position:absolute; top:0; right:0; opacity:0; filter:alpha(opacity=0); cursor:pointer}
.pickcure.type02 .file_area input[type="file"]{width:100%; height:100%; position:absolute; top:0; right:-100%; opacity:0; filter:alpha(opacity=0); cursor:pointer}
.pickcure.type03 .file_area input[type="file"]{width:100%; height:100%; position:absolute; top:0; right:0; opacity:0; filter:alpha(opacity=0); cursor:pointer}
.pickcure.type01 .file_area .btn_picture,
.pickcure.type02 .file_area .btn_picture{position:absolute; top:0; right:0; display:inline-block; width:100%; height:100%; cursor:pointer; text-indent:-9999px; color:transparent; overflow:hidden;}
.pickcure.type02 .file_area .btn_picture a{display:block; width:100%; height:100%;}
/* 사진등록증(스텝5) > 사진업로드 타입2(선택정보 > 사진업로드) */
.pickcure.type02{position:relative; overflow:hidden; width:100%; min-height:104px;}
.pickcure.type02.uploaded a {display:none}
.pickcure .txt_tip{margin:10px 0; padding:0;}
.pickcure .txt_tip span em{font-weight:700;}

.choiceData{overflow:hidden; margin-top:20px; border:1px solid #dddddd; border-radius:9px;}
.choiceData .tit_box {position:relative; padding:10px; background:#fff;}
.choiceData h3{float:left; padding:10px; line-height:22px; font-size:16px;}
.choiceData h4{display:block; margin-bottom:10px; /*padding:0 128px 0 0; */line-height:1; font-size:13px; color:#000; font-weight:700}
.choiceData button,.choiceData .click{float:right; margin:10px; padding:0px 9px; height:22px; line-height:20px; border:1px solid #ddd; font-size:13px; box-sizing:border-box;border-radius: 3px;}
.choiceData .cont{overflow:hidden; clear:both; padding:10px 10px 15px; border-top:1px solid #ddd; background-color:#f4f4f4;}
.choiceData .txt_tip {position:relative; padding:0 0 0 9px; border-top:0 none; font-size:13px; color:#666;}
.choiceData .txt_tip:before {content:'*'; position:absolute; left:0; margin-right:3px; vertical-align:middle; line-height:18px; font-size:14px; color:#666666;}
.choiceData .choiceDataFelx { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; padding: 0 10px;}
.choiceData .choiceDataFelx h3 { float: inherit; display: flex; align-items: center; margin: 0; padding: 0; font-weight: bold;}
.choiceData .choiceDataFelx h3 .normal { margin-right: 3px; color: #7d6feb; font-weight: normal;}
.choiceData .choiceDataFelx a { float: inherit; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0 5px; color: #666; line-height: 1; border-radius: 3px;}
.choiceData .choiceDataClear p { padding: 10px; font-size: 13px; color: #777; line-height: 20px;}
.choiceData .cont .choiceData_btn_group { margin-bottom: 15px;}
.choiceData .cont .choiceData_btn_group button { float: inherit; display: flex; align-items: center; justify-content: center; position: relative; width: 100%; height: 45px; margin: 0; font-size: 14px; color: #000; border: 1px solid #7d6feb; background-color: #fff; border-radius: 5px;}
.choiceData .cont .choiceData_btn_group button i { display: block; position: absolute; right: 15px; top: 50%; width: 6px; height: 10.5px; margin-top: -6px; background:url(/petpermint/images/content/service/ico_arrow_rightn.png) no-repeat; background-size: 6px 10.5px;}

.choiceData .cont .etcMargn { margin-bottom: 45px;}
.choiceData .cont .etcMargn .txt_error { margin-top: 2px;}
.choiceData .cont .cont_head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.choiceData .cont .cont_head h4 { margin-bottom: 0;}
.choiceData .cont .cont_head .cont_head_btn { display: flex; align-items: center; justify-content: center; width: 48px; height: 25px; margin: 0; font-size: 13px; color: #666; border: 1px solid #ddd; background-color: #fff; border-radius: 3px;}

.choiceData .cont .height12 { display: block; height: 12px;}

.choiceData .cont #petRegNo { color: #777;}

.slide_pop_cont .sc_group .sc_title { margin-top: -25px; font-size: 17px;}
.slide_pop_cont .sc_group .sc_flex .bx_valid:nth-child(1) { margin: 20px 0 0;}
.slide_pop_cont .sc_group .sc_flex .bx_valid:nth-child(2) { margin: 30px 0 0;}
.slide_pop_cont .sc_group .sc_flex .bx_valid .group input { width: 100%;}
.slide_pop_cont .sc_group .sc_flex .bx_valid .group label { margin-bottom: 4px; color: #000 !important;}
.slide_pop_cont .sc_group .sc_flex .sc_btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 35px; margin-top: 33px; font-size: 14px; font-weight: 700; line-height: 1; border: 1px solid #7d6feb; border-radius: 4px;}

.slide_pop_cont .sc_view .sc_h4 { margin-top: 20px; font-size: 14px; color: #000;}
.slide_pop_cont .sc_view .sc_table { width: 100%; margin-top: 10px; border-top: 2px solid #333;}
.slide_pop_cont .sc_view .sc_table th { padding: 10px 8px; font-family: 'RixSGo EB'; font-size: 14px; text-align: left; border-left: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; background-color: #f8f8f8;}
.slide_pop_cont .sc_view .sc_table td { padding: 10px 8px; font-size: 14px; border-left: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; background-color: #fff;}
.slide_pop_cont .sc_view .sc_table thead th { border-bottom: 1px solid #333;}
.slide_pop_cont .sc_view .sc_table thead th:first-child,
.slide_pop_cont .sc_view .sc_table tbody th { border-left: none;}
.slide_pop_cont .sc_view .sc_table td.wrong { color: #e21a22;}

.slide_pop_cont .sc_view .sc_btn_group .sc_bg_btn { display: inline-block; width: inherit; height: inherit;}
.slide_pop_cont .sc_view .sc_btn_group .btn_area { display: flex; justify-content: flex-end; gap: 5px; margin: 20px 0 0 0 !important;}
.slide_pop_cont .sc_view .sc_btn_group .btn_area .btn_gray02 { display: flex; align-items: center; justify-content: center; width: 75px; height: 32px; font-size: 14px; font-weight: 700; color: #fff; background-color: #666; border-radius: 4px;}
.slide_pop_cont .sc_view .sc_btn_group .btn_area .btn_gray01 { display: flex; align-items: center; justify-content: center; width: 75px; height: 32px; font-size: 14px; font-weight: 700; color: #fff; background-color: #7d6feb; border-radius: 4px;}

.slide_pop_cont .sc_view .sc_subtitle { margin-top: 26px; padding-left: 19px; font-size: 14px; line-height: 18px; background:url(/petpermint/images/content/service/ico_exmark.png) no-repeat left 0 top 1px; background-size: 15px;}
.slide_pop_cont .sc_view .sc_subtitle span { color: #7d6feb;}
.slide_pop_cont .sc_view .flexRight { display: flex; justify-content: flex-end; margin-top: 15px;}
.slide_pop_cont .sc_view .flexRight .sc_bg_btn { width: inherit; height: inherit;}
.slide_pop_cont .sc_view .flexRight .sc_bg_btn span { padding-bottom: 1px; font-size: 13px; color: #666; letter-spacing: -1px; border-bottom: 1px solid #666;}

.slide_pop_cont .sc_view .sc_text { margin-top: 30px;}
.slide_pop_cont .sc_view .sc_text p { font-size: 12px; color: #666; line-height: 19px;}
.slide_pop_cont .sc_view .sc_text p ~ p { margin-top: 15px;}

.tip_align.etcStyle { position: absolute; right: 0; bottom: 0;}




/* 모바일수정 :기존 padding:32px 0 15px 15px */
.certi_upload_pledge dt {position:relative; padding-left:9px; font-size:16px; color:#333; font-weight:700}
.certi_upload_pledge dt:after {content:'*'; position:absolute; left:0; top:3px;}
.certi_upload_pledge dd {padding-left:9px; font-size:14px; color:#666;}
.certi_upload_pledge p {margin-top:12px; padding-top:12px; border-top:1px solid #333; font-size:14px; color:#000; font-weight:700}
.pop_content .btns input, .btns span {font-size:13px;}
/* 사진등록증(스텝5) > 팝업-부담보인수 */
.pop_sec .txt_major {display:inline-block; line-height:22px; ; font-size:15px; color:#333; font-weight:700}
#pop_wrap .tbl_list01,#pop_wrap .tbl_list02,#pop_wrap .tbl_view01{font-size:15px}
.tbl_list01{width:100%; margin:12px 0 0; border-top:2px solid #000}
.tbl_list01 tbody td:first-child,.tbl_list01 tbody th:first-child,.tbl_list01 thead th:first-child{padding-left:0}
.tbl_list01 tbody th,.tbl_list01 tfoot th,.tbl_list01 thead th{font-weight:700; text-align:left}
.tbl_list01 tbody td,.tbl_list01 tbody th,.tbl_list01 tfoot td,.tbl_list01 tfoot th,.tbl_list01 thead th{padding:12px 0 12px 5px; border-bottom:1px solid #ddd; color:#000}
.pop_sec .txt_sub {padding-top:7px; line-height:18px; font-size:14px; color:#666;}
.pop_sec .confirm_line {margin-top:14px; padding-top:14px; border-top:1px solid #ddd; line-height:19px; font-size:14px; color:#333; font-weight:700;}
@media screen and (max-width:359px){
	.pickcure.type01 ul li > div {width:92px; height:98px;}
	.pickcure.type02{min-height:92px;}}

/*** 계약자정보(스텝6)  ***/
.bx_valid.addr_s .tit_label{color:#7d6feb; font-weight:700;}
.tit_label{margin:0 0 9px; font-size:13px}
.bx_valid.error .group label,.tit_label{color:#000}
.btn_detailView{padding:2px 8px 3px; border:1px solid #ddd; border-radius:3px}
.btn_detailView span{font-size:13px; color:#666; line-height:25px;}
.bx_valid.addr_s{margin-bottom:20px}
.bx_valid.addr_s .grouping.btn_type .group{float:left; width:72.5%}
.bx_valid.addr_s .grouping.btn_type .send_zone{display:block; float:left; margin:23px 0 0 1.5%; text-align:left}
.bx_valid.addr_s .grouping.btn_type .send_zone a{border:1px solid #7d6feb}
.bx_valid.addr_s .grouping.btn_type .send_zone a span{color:#7d6feb}
.bx_valid.addr_s .select_address{margin:15px 0 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;}
.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 .btn_area{margin:15px 0 0}
.addr_detail_bx .addr_area .group{margin:14px 0 0}
.addr_detail_bx .addr_area .group input { padding-bottom:0; border-bottom:1px solid #ddd; }
/* .addr_detail_bx .addr_area .address{padding-bottom:7px; border-bottom:1px solid #333; color:#000; font-weight:700} */
.addr_detail_bx .addr_area .address { min-height:15px; padding:14px 10px; color:#000; font-weight:700; background:#eee; border:1px solid #ddd; border-radius:5px; }
.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 .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 5px; border-bottom:1px solid #333; color:#000; font-weight:700}
.address_s.inp_addr_search .bx_auto_search{top:inherit;}

/*** 가입확인 ***/
.tbl_view01{margin:12px 0 0}
.tbl_view01 tbody td,.tbl_view01 tbody th{padding:12px 0; border-bottom:1px solid #ddd; color:#000}
.tbl_view01 tbody th{font-weight:700; text-align:left}
.tbl_view01 tbody tr.no_data td{text-align:center}
.tbl_view01 tbody .wave{display:block; font-size:14px}
.tbl_view01.vline tbody td,.tbl_view01.vline tbody th{border-left:1px solid #ddd}
.tbl_view01.vline tbody th{padding-left:7px}
.tbl_view01.vline tbody th[colspan],.tbl_view01.vline tbody th[rowspan]{padding-left:0}
.tbl_view01.vline tbody th:first-child{border-left:0}
.tbl_view01 tbody .begin{display:block; color:#e11b22}
.tbl_list02,.tbl_view01{border-top:2px solid #000; width:100%}
.confirm .notice{font-size:13px; line-height:16px; color:#666666; letter-spacing:-0.025em; margin-top:15px;}
.confirm .total{background-color:#f8f8f8; font-weight:700;}
.confirm .tbl_view01 tbody td{padding:12px 15px 12px 0;}
.confirm .total th, .confirm .total td{border-bottom:0; font-size:15px;}
.confirm .bx_information .list_info dd div a span{height:40px; border-radius:5px; font-size:13px; font-weight:400;}
.confirm .bx_information .list_info dd div a span .ico_chk {}
.confirm_end .chk_txt label em,.confirm_end p{font-size:14px; font-weight:400;}
.confirm_end{margin:30px 0 0; padding:16px 0 0; border-top:2px solid #000; font-size:14px; line-height:24px; font-weight:700}
.confirm_end p{font-size: 14px;font-weight: 700;color:#000;}
.confirm_end p span{margin-right:4px;}
.confirm_end .chk_txt{padding:14px 0 0;}

/*** 결제방법(스텝8) ***/
.txt_violet{color:#7d6feb !important;}
.sub_tit > em{font-weight:700;}
.payment_list label, .payment_list .ico_npay{font-size:15px;}
.payment_list .ico_npay{display:inline-block; width:61px; height:15px; margin-right:5px; background:url(/petpermint/images/content/petcal/img_npay.png) center center no-repeat; background-size:61px 15px; text-indent:-999px; vertical-align:middle}

.pay_tip.text_ver {padding:10px; border-radius:4px; border:1px solid #dedede; background:#f8f8f8}/* 1102 수정 */
.pay_tip.text_ver .sub_tit{font-size:15px !important; margin-bottom:13px}
.pay_tip.text_ver .btn_area{padding:0}
.pay_tip.text_ver .tip_list{border-top:1px solid #ccc}
.pay_tip.text_ver .tip_list div{padding:15px 0 0}
.pay_tip.text_ver .tip_list div:first-child{border-top:none}
.pay_tip.text_ver .tip_list div:first-child img{width:52px; height:13px; vertical-align:middle}
.pay_tip.text_ver .tip_list div h4{color:#333; margin-bottom:9px; font-size:14px; letter-spacing:-2px}
.pay_tip.text_ver .tip_list div h4 img{height:1.7em; vertical-align:middle; margin-right:10px}
.pay_tip.text_ver .tip_list div:nth-child(2) h4 img{height:1.4em}
.pay_tip.text_ver .tip_list div h4 img.ico_payco{height:0.8em; vertical-align:-1px;}
.pay_tip.text_ver .tip_list div ol li{font-size:13px; line-height:21px; color:#666}
.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}
.pay_tip.text_ver .tip_list div ul li:before{display:inline-block; content:'-'; width:5px; margin-right:4px}
.pay_tip.text_ver .tip_list div ul li span{color:#000}
.pop_sec .tbl_view01 th {font-size:15px; color:#000;}
.pop_sec .tbl_view01 td {line-height:19px; font-size:15px; color:#000;}
.payment_list li{margin-bottom:10px;}

/* 20220725 이벤트 k뱅크 추가 */
.pay_tip.text_ver .tip_list.kbank div:first-child img {vertical-align: baseline;}
.pay_tip.text_ver .tip_list div ul li .right_arrow {position: relative; display: inline-block; top: -2px; border: solid #666666; border-width: 0 1.2px 1.2px 0; padding: 2.5px; transform:rotate(-45deg) skew(-10deg,-10deg);}
.pay_tip.text_ver .tip_list.kbank .flex .txt02{display: block; margin-top: -5px;}

/* 20220809 삼성카드 추가 */
.pay_tip.text_ver .tip_list.samsungcard div:first-child img{width:107px; margin-right: 5px;}
.pay_tip.text_ver .tip_list.samsungcard div:first-child img + span {vertical-align: middle;}


/* 결제방법(스텝8) >  보험계약 체결, 이행을 위한 동의 */
.tit_assent{margin:25px 0 0}
.tit_assent dd.txt{margin-bottom: 18px;}
.tit_assent dt{margin:0 0 6px; color:#000; font-size:16px; font-weight:700}
.confirm_agree .chk_txt label em,.job_info .txt,.tit_assent dd.txt{font-size:14px; color:#333}
.account_same,.chk_txt .r_area,.part_list .list_type07 li ul li{text-align:right}
.list_type01{margin:16px 0 0; padding:0 0 10px; border-bottom:1px solid #ddd}
.list_type01 .btn .r_area{display:table-cell; position:relative; top:-2px; /*min-width:110px; */text-align:right}
.list_type01 .box_gray15{margin:10px 0 14px; padding:13px 15px 10px 13px}
.list_type01 .box_gray15 p{margin-bottom:13px; font-size:14px}
.list_type01 .box_gray15 .user_sel dt,.list_type01 .box_gray15 p{color:#333; font-size:14px; font-weight:700}
.box_gray15{margin:15px 0 0; padding:13px; background-color:#f4f4f4}
.user_sel{margin:0 0 13px}
.user_sel dt{margin:0; font-size:14px}
.user_sel dd li{float:left; margin:10px 15px 0 0}
.user_sel dd li:last-child{margin-right:0}
.list_type01 .chk_wrap input[type=radio]+label em{top:-1px}
.list_type01 .box_gray15{margin:10px 0 14px; padding:13px 15px 10px 13px}
.list_type01 .box_gray15 .user_sel{margin-bottom:19px}
.list_type01 .box_gray15 .user_sel:last-child{margin:0}

/* 결제방법(스텝8) >  보험계약 체결, 이행을 위한 동의 > 자세히보기클릭 시 팝업 */
.list_terms li{margin:0 0 14px; font-weight:700; font-size:16px; line-height:20px}
.list_terms li p{margin:4px 0 17px; color:#666; font-weight:400; font-size:14px; line-height:19px}
.list_terms li li{margin:0; color:#666; font-weight:400}
.list_terms li ul{margin:-13px 0 14px}
.list_terms li ul.inner,
.list_terms li ul.inner li ul  {margin:0;}
.list_terms li ul > li{font-size:14px;}
.tot_assent p{color:#000; font-weight:700; font-size:16px}
#pop_wrap #pop_content .btn_line {display:inline-block; padding:0 10px; width:90px; height:25px; line-height:22px; border-radius:2px; border:1px solid #ccc; background:#fff; text-align:center; font-size:13px; color:#666; box-sizing:border-box}
.tot_assent p.txt_333{font-size:16px;}
.user_sel dd.txt_tip{margin:10px 0 0; padding:0 0 0 7px; border:0}
.user_sel dd.txt_tip:before{top:5px}
.list_type01 .box_gray15 .user_sel{margin-bottom:19px}
.list_type01 .box_gray15 .user_sel:last-child{margin:0}
.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}

/* 결제방법(스텝8) >신용카드결제혜택 자세히보기 >  팝업-신용카드결제혜택 */
.pop_sec .list_cardbenefit{margin:10px 0 0 0}
.pop_sec .list_cardbenefit dl{margin:0 0 10px 0}
.pop_sec .list_cardbenefit dl dt{padding:0 0 5px 6px; background:url(/petpermint/images/content/pp/bul_dot2.png) 0 8px no-repeat; background-size:2px 2px;  font-size:16px; color:#333; font-weight:700}
.pop_sec .list_cardbenefit dl dd{padding:0 0 0 6px; line-height:19px; font-size:14px; color:#666}
.pop_sec .list_cardbenefit dl dd ul li{padding:0 0 0 6px; background:url(/subscribe/images/common/bu_dash_gray.gif) 0 7px no-repeat; background-size:3px 1px}

/* 결제방법(스텝8) >  계좌이체 */
.tot_payment{margin:0 0 27px; padding:0 0 2px; border-bottom:2px solid #000}
.tot_payment p span{color:#7d6feb; font-size:17px; font-weight:700}
.tot_payment p span:last-child{vertical-align:2px}
.tot_payment p .num{font-size:30px}
.account_same{margin:7px 0 16px}
.account_same .input_checkbox input[type=checkbox]+label em,.input_checkbox input[type=checkbox]+label em.s_account {font-size:15px; font-weight:700}

/* 결제방법(스텝8) >  계좌이체 > bullet */
.bu_star{margin:3px 0 0 0; padding-left:9px; background:url(/subscribe/images/common/bu_star.gif) left 6px no-repeat; background-size:5px 5px; font-size:13px; line-height:20px;}

/* 결제방법(스텝8) >  카드결제 */
.card_kind_rd{width:52%; float:left; margin-left:6%; padding-top:22px}

/* 모바일수정 */
.card_kind_rd label em{font-size:14px !important; color:#000 !important; /*top:-2px !important*/}/* 1030 수정 */
.card_kind_rd + .bx_valid{clear:both}
.bx_valid.disabled .card_type .group input{border-bottom:1px solid #999}
.bx_valid.disabled label{color:#999 !important}

/* 결제방법(스텝8) >  간편결제 */
.group.readonly{border-bottom:1px solid #aaaaaa; padding:0 0 5px;}
.group.readonly > span{font-weight:700;}

/*** 가입완료 ***/
.ins_end_sec .top_info_box strong {display:block; margin-bottom:5px; line-height:24px; font-size:18px; color:#000;}
.ins_end_sec .top_info_box p {line-height:22px; font-size:16px; color:#000;}
.ins_end_sec .tbl_list01 th {font-size:15px;}
.ins_end_sec .tbl_list01 td {font-size:14px;}

.ins_end_sec .add_txt {position:relative; margin-top:8px; padding-left:10px; line-height:16px; font-size:13px; color:#666;}
.ins_end_sec .add_txt:after {content:'*'; position:absolute; left:0; top:3px;}
.ins_end_sec .add_txt a {text-decoration:underline;}
.ins_end_sec .id_rd_gray_box {margin-top:20px; padding:30px 15px 30px 15px; border-radius:8px; background:#f4f4f4;}
.ins_end_sec .id_rd_gray_box dl {position:relative; padding-left:100px;}
.ins_end_sec .id_rd_gray_box dl:after {content:''; position:absolute; left:0; top:0; display:block; width:90px; height:160px; background:url(/petpermint/images/content/petcal/bg_idcard.png) no-repeat 0 0; background-size:90px auto;}
.ins_end_sec .id_rd_gray_box dt {margin-bottom:10px; line-height:20px; font-size:16px; color:#000; font-weight:700}
.ins_end_sec .id_rd_gray_box dt > em {font-weight:700}
.ins_end_sec .id_rd_gray_box dd p {font-size:13px; color:#333;}
.ins_end_sec .id_rd_gray_box dd p strong  {font-weight:700}
.ins_end_sec .id_rd_gray_box dd p.info_txt {margin-top:10px; line-height:16px; font-size:12px; color:#666;}
.ins_end_sec h4 {line-height:21px; font-size:14px; color:#000;}

.ins_end_sec .review_reg {margin-top:25px;}
.ins_end_sec .review_reg h4 {margin-bottom:10px; line-height:21px; font-size:16px; color:#000;}
.ins_end_sec .review_reg textarea {height:80px; box-sizing:border-box; border-radius:0;  font-size:14px; color:#999; letter-spacing:-0.05em;}
.ins_end_sec .review_reg .btn_area:after {content:''; display:block; clear:both;}
.ins_end_sec .review_reg .btn_area {margin-top:10px;}
.ins_end_sec .review_reg .btn_area .btn_line {float:right; width:80px; height:35px; line-height:35px; border-radius:2px; border:1px solid #ccc; background:#fff; text-align:center;  font-size:13px; color:#999; font-weight:700}
.ins_end_sec .btn_center {margin-top:45px; text-align:center;}
.ins_end_sec .btn_center a {width:80px;}

.bx_valid.error .grouping.btn_type,.bx_valid.error .selectbx .txt_error,.bx_valid.error .selectbx+.txt_error{margin:0}
.bx_valid.error input{border-bottom:1px solid #fff; }
.two_error_m .group input,.two_error_m .group.disabled input{border-bottom:1px solid #aaaaaa; opacity:1}
.two_error_m .group .bar:after,.two_error_m .group .bar:before{position:absolute; bottom:0; width:0; height:2px; background:#7d6feb; content:""; -webkit-transition:.2s ease all; -moz-transition:.2s ease all; transition:.2s ease all}
.two_error_m .group input:focus+.bar:before,.two_error_m .group input:focus~.bar:before{left:0}

.bx_valid.error.two_error_m input+.bar:before,.bx_valid.error.two_error_m input~.bar:before{width:0}
.bx_valid.error .selectbx{margin:0; border:0}
.group .chk_wrap label{transition:none; pointer-events:visible}
.tit_label.active{color:#7d6feb}
.tit_label_bk15{display:block; margin-bottom:9px; color:#000; font-size:16px}
.tit_label_bk12,.tit_label_bk14{padding-left:6px; color:#333; display:block}
.tit_label_bk14{margin-bottom:15px; background:url(/subscribe/images/common/bu_dt_black.gif) left 8px no-repeat; background-size:3px 3px; font-size:15px}
.tit_label_bk12{margin-bottom:12px; background:url(/subscribe/images/common/bu_dt_black.gif) left 7px no-repeat; background-size:3px 3px; font-size:13px}
.bx_valid .group input:disabled~label{color:#7d6feb; font-size:13px}
.group input.readonly~label{top:-13px; color:#7d6feb; font-size:13px}
.group input.readonly:focus{border-bottom:1px solid #ddd}
.group input.readonly:focus~.bar{display:none}

/* 이전다음 */
.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}
.bx_valid .group .input_radio input[type=radio]:disabled~label{top:-3px}
.textarea{display:block; padding:10px; border:1px solid #ddd; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#fff; -webkit-box-sizing:border-box; box-sizing:border-box}
.textarea textarea{width:100%; border:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:rgba(0,0,0,0); color:#777; -webkit-appearance:none; -moz-appearance:none; appearance:none}

input.txt_black::-webkit-input-placeholder{color:#000; font-weight:700}
input.txt_black:-moz-placeholder{color:#000; font-weight:700}
input.txt_black::-moz-placeholder{color:#000; font-weight:700}
input.txt_black:-ms-input-placeholder{color:#000; font-weight:700}
.reportable .selectbx .select_list{width:220px}
.selectbx.notnull{position:relative; border-bottom:2px solid #7d6feb}
.tbl_list02{margin:12px 0 0}
.tbl_list02 tbody td,.tbl_list02 tbody th,.tbl_list02 thead th{padding:12px 0; border-bottom:1px solid #ddd; color:#333; vertical-align:top}
.tbl_list02 thead th{color:#000; font-weight:700}
.tbl_list02 tbody th,.tbl_list02 tfoot th,.tbl_list02 thead th{font-weight:700; text-align:left}
.tbl_list02 tbody .no_data td,.tbl_list02 tbody td.no_data{text-align:center}
.tbl_list02 tbody td .list_type06{margin:5px 0}
.tbl_list02 tbody td .list_type06 li{padding-left:7px; background:url(/subscribe/images/common/bu_dash_gray.gif) left 10px no-repeat; background-size:3px 1px; color:#333; font-size:15px; line-height:1.4}
.tbl_data01{margin:0; padding:0; border-top:2px solid #333}
.tbl_data01.top{margin-top:30px}
.tbl_data01.none_bdt{border-top:0}
.tbl_data01 table{width:100%}
.tbl_data01 tbody th,.tbl_data01 thead th{padding:10px 0; border-bottom:1px solid #e7e7e7; font-weight:700; font-size:16px; text-align:left}
.tbl_data01 tbody th:first-child{padding-left:0}
.tbl_data01 tbody td,.tbl_data01 tfoot td{padding:10px 0; border-bottom:1px solid #e7e7e7; font-weight:400; font-size:16px; text-align:left}
.div_view01 dl,.tbl_toggle{border-bottom:1px solid #ddd}
.div_view01 .left,.tbl_data01 tfoot td{font-weight:700}
.tbl_data01 td:last-child,.tbl_data01 th:last-child{padding-left:15px}
.tbl_data01 td:last-child.txt_c,.tbl_data01 th:last-child.txt_c{padding-left:0}
.tbl_data01 .font_s{font-size:15px}
.tbl_data01 .addr_area{display:table; width:100%}
.tbl_data01 .addr_area .addr{display:table-cell; vertical-align:middle; text-align:left}
.tbl_data01 .addr_area .btn_map{display:table-cell; padding-right:15px; vertical-align:middle; text-align:right}
.tbl_data01 .addr_area .btn_map span{display:inline-block; width:15px; height:22px; background:url(../images/common/spt_type01.png) -65px -40px no-repeat; background-size:150px 135px; text-align:left; text-indent:-999em}
.tbl_data01 .td_tel{position:relative; padding-right:27px}
.tbl_data01 .td_tel:after{display:block; position:absolute; top:50%; right:5px; width:13px; height:18px; margin-top:-9px; background-image:url(../images/common/spt_type01.png); background-position:-85px -35px; background-size:150px 135px; background-repeat:no-repeat; content:""}
.tbl_data01 .btn_toggle{display:block; position:relative}
.tbl_data01 .btn_toggle:after{display:block; position:absolute; top:50%; right:0; width:16px; height:10px; margin-top:-5px; background:url(../images/common/spt_type01.png) 0 -85px no-repeat; background-size:150px 135px; content:""}
.tbl_data01 .btn_toggle.on:after{background-position:-50px 0}
.tbl_top_area{margin:8px 0 7px}
.tbl_top_area.ty02{overflow:hidden; margin:0}
.tbl_top_area.ty02 .tit{float:left}
.tbl_top_area.ty02 .txt{float:right}
.tbl_top_area.ty02 .txt:before{content:"*"; display:inline-block; margin-right:3px; position:relative; top:3px}
.tbl_top_area strong{display:block; margin:0 0 12px; color:#333; font-size:15px}
.tbl_top_area span{display:block; color:#777; font-size:13px}
.tbl_top_area.justify{position:relative; width:100%; text-align:right}
.tbl_top_area.justify .left,.tbl_top_area.justify .tit_left{position:absolute; bottom:5px; left:0; margin:0; padding-left:6px; background:url(/subscribe/images/common/bu_dt_black.gif) left 8px no-repeat; background-size:3px 3px}
.tbl_top_area.justify .tit_left{padding:0; background:0 0; color:#000; font-size:16px}
.tbl_top_area.justify .txt_r{margin:0}
.div_view01{margin:12px 0 0; border-top:2px solid #000}
.div_view01 .left span{font-weight:400}
.div_view01 dl dd,.div_view01 dl dt{display:inline-block; padding:11px 0 10px; color:#000}
.div_view01 dl dt{width:40%; font-weight:700}
.div_view01 dl dd{float:right; width:58%; text-align:right}
.div_view01 dl.two dt{display:block; width:100%; padding-bottom:0}
.div_view01 dl.two dd{display:block; float:none; width:100%; padding:0; text-align:left}
.div_view01 dl.two dd:last-child{padding-bottom:9px}
.div_view01 dl.two dd span{display:block; float:right}
.tbl_toggle{display:none; padding:9px 0}
.tbl_toggle.no_line{border-bottom:0}
.tbl_toggle table{width:100%}
.tbl_toggle table tbody td,.tbl_toggle table tbody th{padding:4px 0; color:#333; font-size:15px; vertical-align:top}
.tbl_toggle table tbody td{color:#000}
.tbl_toggle .txt,.tbl_toggle .txt_info,.tbl_toggle p.tax_free{color:#666; font-size:14px}
.tbl_toggle table.tbl_list01{margin:-9px 0 0; border-top:0}
.tbl_toggle table.tbl_list01 tbody td,.tbl_toggle table.tbl_list01 tbody th{padding:11px 0 10px}
.tbl_toggle table.tbl_list01 tbody tr:last-child td,.tbl_toggle table.tbl_list01 tbody tr:last-child th{padding-bottom:2px; border-bottom:0}
.tbl_toggle table tbody th{font-weight:700; text-align:left}
.tbl_toggle table tbody tr.no_data td{text-align:center}
.tbl_toggle table tbody tr.tax td,.tbl_toggle table tbody tr.tax th{font-weight:400; font-size:14px}
.tbl_toggle .txt{margin:0 0 9px}
.tbl_toggle .br{display:block}
.tbl_toggle .txt_info{margin:0 0 10px}
.tbl_toggle table.tbl_list01.no_border tbody td,.tbl_toggle table.tbl_list01.no_border tbody th{padding:5px 0; border:0}
.tbl_toggle p.tax_free span{display:inline-block; padding-left:12px}
.list_basic li{margin:0 0 14px; font-size:14px}
.list_basic li strong{display:block; margin:0 0 4px; color:#000; font-size:15px}
.list_basic li:last-child{margin-bottom:0}
.list_basic02 li{margin:0 0 30px; font-size:14px}
.list_basic02 li:last-child{margin:0}
.list_type01 dt.f_16{font-size:16px;}
.list_type01 .btn .r_area{display:table-cell; position:relative; top:-2px; /*min-width:110px; */text-align:right}

.bx_information{margin:11px 0 0}
.bx_information .list_info{margin:7px 0 5px}
.bx_information .list_info dt{margin:0 0 10px; color:#666; font-size:12px}
.bx_information .list_info dd div a{float:left; width:50%; margin:0}
.bx_information .list_info dd .btn_list {margin: 15px 0;}
.bx_information .list_info dd .btn_list a.checked span{border:1px solid #7d6feb; color:#7d6feb;}
.bx_information .list_info dd .btn_list a.checked .ico_chk { background:url("/petpermint/images/common/chk_mp_confirm.png")no-repeat 0; background-size:14px 9.5px; padding-left:18px;}
.bx_information .list_info dd div a span{display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; height:33px; margin:5px; border:1px solid #ccc; color:#666; font-weight:700; font-size:14px; vertical-align:middle; text-align:center; -ms-flex-align:center; box-pack:center; -webkit-box-pack:center; -moz-box-pack:center; -ms-box-pack:center; box-align:center; -webkit-box-align:center; -moz-box-align:center}
.bx_information .list_info dd .btn_list.newStyle >a >span { display: flex; align-items: center; height: 48px; padding-left: 16px; font-size: 13px; color: #666; border: 1px solid #7b71e3; border-radius: 8px; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);}
.bx_information .list_info dd .btn_list.newStyle >a >span em { display: block;}
.bx_information .list_info dd .btn_list.newStyle >a >span .ico_chk { display: block; width: 18px; height: 18px; margin-right: 8px; padding: 0; background:url("/petpermint/images/common/ico_chk_ico.png") no-repeat; background-size: 18px 54px;}
.bx_information .list_info dd .btn_list.newStyle >a.checked >span { color: #666;}
.bx_information .list_info dd .btn_list.newStyle >a.checked >span .ico_chk { background-position-y: -36px;}
.layer_wrap .alert .customer_call,.layer_wrap02 .alert .customer_call,.layer_wrap03 .alert .customer_call{border-top:1px solid #000; border-bottom:1px solid #000}


/* .bx_information .list_info dd div a:first-child span,.bx_information .list_info dd div a:nth-child(4n) span{margin-left:0} */
.bx_information .list_info dd div.btn_car_area a{width:50%}
.bx_information .list_info dd div.btn_car_area a:nth-child(3n) span{margin-left:0}
.bx_information .list_info dd div.btn_car_area a:nth-child(4n) span{margin:5px}
.bx_information .list_info .bu_star{font-size:14px}
.bx_information .info li em{font-weight:700; font-size:13px}
.bx_information .info li{overflow:hidden; font-weight:700; font-size:13px}
.bx_toggle{display:none}
.bx_form_area{display:none; margin:10px 0 15px; padding:0}
.bx_form{padding:15px; background-color:#f4f4f4}
.bx_form .bx_valid.error:last-child,.bx_form .bx_valid:last-child{margin:0!important}
.list_bg_none li{background:none !important}/* 170330 */
#pop_wrap.pop_page{position:static}
#pop_wrap #pop_header.header_event{padding:12px 20px 15px; text-align:left}
#pop_wrap .pop_header_wrap .oz_title{padding:0; color:#fff; font-weight:700; font-size:19px; text-align:center; line-height:26px}
#pop_wrap.fixed_all #pop_header{position:fixed; top:0}
#pop_wrap.type02 #pop_header{position:relative; top:0; left:0; z-index:95; width:100%; height:45px; padding:0}
#pop_wrap.type02 #pop_header .pop_header_wrap{height:35px; padding:10px 0 0; background-color:#333; font-weight:700; font-size:19px}
#pop_wrap.type02 #pop_header .logo_pn a{display:block; position:absolute; top:10px; left:15px; width:83px; height:24px; background:url(/subscribe/images/common/logo_direct_166x48.png) left top no-repeat; background-size:83px 24px; text-indent:-999em}
#pop_wrap.type02 #pop_content{margin:0}
#pop_wrap #pop_header.txt_l{text-align:left}
#pop_wrap #pop_header.txt_l h1{padding-left:15px}
#pop_wrap.pop_page #pop_content{height:100% !important}

#pop_wrap #pop_content .pop_content_inner.full_area02{padding:0}
#pop_wrap #pop_content .pop_content_inner.ui_job_content{padding-top:0}
#pop_wrap #pop_content .pop_content_inner.event_area{padding:20px 20px 120px}/*2016-03-23*/
#pop_wrap #pop_content .pop_content_inner.event_area h2{margin:0 0 7px 0}/*2016-03-23*/
#pop_wrap #pop_content .pro_h2_tit{margin:25px 0 0; color:#333}
#pop_wrap #pop_content .pro_h2_16{color:#000; font-weight:700; font-size:16px}
#pop_wrap #pop_content .pro_h2_big{margin-bottom:18px; color:#000; font-weight:700}
#pop_wrap #pop_content h2 .pop_h2_txt{font-weight:normal}
#pop_wrap #pop_content h2 .btn_ly_info02{vertical-align:-4px}
#pop_wrap #pop_content.full_area .etc_h2_tit{padding:17px 0 0 15px}
#pop_wrap #pop_content .non_full{padding:0 15px}

#pop_wrap #pop_content.full_area .btn_area{margin:45px 15px 35px}
#pop_wrap a.pop_close{position:absolute; top:0; right:0; z-index:100; padding:15px}
#pop_wrap a.pop_close span{width:15px; height:15px; background-position:-25px -64px}
#pop_wrap .pop_content_inner{-webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0)}
#pop_wrap.pop_request h1{position:absolute; top:37px; left:15px; z-index:10; color:#ff3012; font-weight:400; font-size:19px}
#pop_wrap.pop_request h1.warning{padding-left:25px; font-weight:700}
#pop_wrap.pop_request h1.warning:before{display:block; position:absolute; top:4px; left:0; width:20px; height:17px; background:url(/subscribe/images/common/ico_comm.png) -207px top no-repeat; background-size:250px 250px; content:""}
#pop_wrap.pop_request #pop_content{margin:0; padding:0}
#pop_wrap.pop_request #pop_content .pop_content_inner{padding:0}
#pop_wrap.pop_request .top_area{height:84px; padding:76px 15px 0}
#pop_wrap.pop_request .top_area.visual01{background:url(/subscribe/images/common/bg_pop_request01.jpg) right top no-repeat #333; background-size:360px auto}
#pop_wrap.pop_request .top_area.visual02{height:54px!important; padding:66px 15px 0; background:url(/subscribe/images/common/bg_pop_request02.jpg) right top no-repeat #333; background-size:360px auto}
#pop_wrap.pop_request .top_area.visual03{height:54px!important; padding:66px 15px 0; background:url(/subscribe/images/common/bg_pop_request03.jpg) right top no-repeat #333; background-size:360px auto}
#pop_wrap.pop_request .top_area.visual04{height:54px!important; padding:66px 15px 0; background:url(/subscribe/images/common/bg_pop_request04.jpg) right top no-repeat #333; background-size:360px auto}
#pop_wrap.pop_request .top_area.visual02.new_request{height:114px!important; background:url(/subscribe/images/common/bg_pop_request02.jpg) right bottom no-repeat #333; background-size:360px auto}
#pop_wrap.pop_request .top_area.visual02.new_request_thks{height:67px!important; background:url(/subscribe/images/common/bg_pop_request05.jpg) right bottom no-repeat #333; background-size:360px auto}
#pop_wrap.pop_request .top_area p{color:#fff; font-weight:700; font-size:19px; line-height:25px}
#pop_wrap.pop_request .top_area.visual02 p,#pop_wrap.pop_request .top_area.visual03 p,#pop_wrap.pop_request .top_area.visual04 p{color:#adadad; font-weight:400; font-size:17px}
#pop_wrap.pop_request .top_area p span{display:block; margin:21px 0 0; color:#adadad; font-weight:400; font-size:15px}
#pop_wrap.pop_request .con_area{padding:17px 15px 0; font-size:15px}
#pop_wrap.pop_request .con_area .txt{margin:17px 0 0}
#pop_wrap.pop_request .con_area .btn_area{margin:25px 0}
#pop_wrap.pop_request .con_area .bx_toggle .btn_area{margin:50px 0 35px}
#pop_wrap.pop_request a.pop_close{position:absolute}
#pop_wrap #pop_content.full_area .con_area{margin:45px 0 0; padding:16px 15px}

#pop_wrap .tbl_list02 td .amount{display:block; color:#777; font-size:14px}
#pop_wrap .th_type th span{display:block; font-weight:400}
#pop_wrap .th_type th{padding-right:10px}
#pop_wrap.pop_black #pop_header{height:50px; padding:0; background:url(/subscribe/images/common/bg_dt_top.png) left bottom repeat-x; background-size:5px 5px; line-height:50px}
#pop_wrap.pop_black #pop_header .pop_header_wrap{height:35px; padding:10px 0 0; background:#333}
#pop_wrap.pop_black #pop_header .pop_logo a{position:absolute; top:10px; left:15px; width:83px; height:24px; margin:0; background:url(/subscribe/images/common/logo_direct_166x48.png) left top no-repeat; background-size:83px 24px; text-indent:-999em}
.layer_wrap .btn_area{margin:20px 0 0; text-align:center}
.layer_wrap .layer_head{height:40px; padding:0 15px; background-color:#7d6feb; color:#fff; font-weight:700; line-height:40px}
.layer_wrap .layer_head span{margin-right:5px; vertical-align:-5px}
.chk_wrap.fb em{font-weight:700}
.chk_wrap.two_n_two>span{display:inline-block; width:49%; margin:0}
.chk_wrap.two_n_two>span:nth-child(n+3){margin-top:15px}
.chk_wrap.bold label em{font-weight:700; font-size:16px}
/* 보험증권 우편수령신청 */
.wrap_btn_add_info{position:relative;}
.wrap_btn_add_info .add{position:absolute; top:1px; left:110px;}
.wrap_btn_add_info .add.on{position:absolute; top:1px; left:110px;}
.btn_add_info {display:inline-block; margin:2px 0 4px 0; color:#000; line-height:18px;}
.btn_add_info em {display:inline-block; width:12px; height:6px; margin-left:19px; background:var(--bg-common) no-repeat; background-size:250px 250px; background-position:0 -125px;}
.btn_add_info.on em {background-position:0 -131px;}
.btn_cont01{padding:15px; background-color:#f4f4f4; margin-top:15px; margin-top:15px; display:none;}
.btn_add_info.on + .btn_cont01{padding:15px; background-color:#f4f4f4; margin-top:15px; margin-top:15px; display:block;}
.ipt_check {overflow:hidden; margin-right:1px; padding-top:1px; line-height:20px;}
.ipt_check .check_style {display:block; float:left; background:var(--bg-common) no-repeat -85px -70px; width:20px; height:20px; margin-left:1px; vertical-align:middle;}

@media screen and (max-width:359px){
	.noom_both_con_layer .pro_layer .bx_valid{margin:3px 10px 8px 10px}
	.noom_both_con_layer .noom_group .chk_wrap>span {margin-left:3px}
	.noom_both_con_layer .noom_group .chk_wrap .input_radio input[type=radio]+label {padding:0px 0 0 24px; font-size:13px;}
	.chatting_wrap a img{width:130px}
	}
@media screen and (max-width:374px){
	.chatting_wrap a img{width:140px}
}
@media screen and (max-width:321px){
	.chk_wrap>span {margin-left:10px}
	.group .chk_wrap label{font-size:14px !important}
	.chatting_wrap a img{width:130px}
	.tm_ins_landing.bridge .main_internet ul li span:first-child{font-size:11px !important; color:#000}
	.petForm .bx_valid .group{display:inline-block; width:176px; padding:0 3px; box-sizing:border-box; vertical-align:top; height:22px;}
	.petForm .bx_valid.WM .group{padding:0 2px;}
	.petForm .bx_valid.WM .chk_wrap>span {margin-left:0}
}

/* 본인인증-동의체크시 팝업 */
#pop_wrap #pop_header.type04{line-height:22px;}

/* 가입확인 */
.pet_ill_survey .inquire .btn_ly_info{vertical-align:1}
.option_box{background:#f4f4f4; padding:15px 10px; margin:10px 0; display:none; border-radius: var(--radius-button);}
.option_box.on{display:block}
.option_box .bx_valid:last-child{margin-bottom:0;}
.option_box .item_grp .tit_dot{display:block; margin:7px 0; font-size:12px;}
.option_box .item_grp:first-child .tit_dot{margin-top:0;}
.option_box .tit_dot {display:block; margin:15px 0 10px 0;}

/* 직업정보 선택 탭 */
.tab_search{margin-bottom:30px}
.tab_search .tab_btn {margin-bottom:20px;}
.tab_search .tab_btn li:first-child, .tab_search .tab_btn li:first-child.on {margin-left:0;}
.tab_search .tab_btn .on {position:relative; z-index:1; margin-left:-1px; border-top:1px solid #333; border-left:1px solid #333; border-right:1px solid #333; border-bottom:1px solid #fff;}
.tab_search .tab_btn li {float:left; margin-left:-1px; width:49.5%; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #333; background:#fff;}
.tab_search .tab_btn .on a {color:#444444;}
.tab_search .tab_btn a {display:block; padding:6px 0 7px; height:20px; font-size:14px; line-height:20px; text-align:center; color:#999999;}
.tab_search .tab_btn .on a {color:#444444;}
.tab_search .view_box01 .input_txt.line {border-bottom:1px solid #ddd; padding-bottom:4px;}
.tab_search .view_box01 .selected_job {padding-top:20px;}
.tab_search .view_box01 .selected_job dt {font-size:13px; line-height:1; color:#7d6feb;}
.tab_search .view_box01 .selected_job dd {position:relative; display:block; height:30px;}
.tab_search .selected_job .jb_txt {display:inline-block; padding:10px 0 0; width:100%; font-size:15px; font-weight:700; line-height:1; color:#000000;}
.group.inp_search .bar {top:2px;}
.tab_search .group.inp_search{border-bottom:none;}
.tab_search .view_box02 .selected_job dt {font-size:13px; line-height:1; color:#000;}
.tab_search .view_box02 .selected_job dd {position:relative; display:block; height:30px;}
.tab_search .view_box02 .selected_job dd a {display:block; position:relative; bottom:22px; width:100%; height:30px;}
.tab_search .view_box02 .selected_job dd a:after{display:inline-block; position:absolute; right:0; top:3px; content:''; width:9px; height:15px; background:url(/petpermint/images/common/ico_nav_arrow.png) 100% 0 no-repeat; background-size:9px 15px; vertical-align:-3px}
.tab_search .group .selected_job dd a em {background:none;}
.tab_address_s .sel_job.disabled label {color:#999;}
.disease_type .radio_wrap.on label.checkbox{border:1px solid #ffcc33; background-color:#ffcc33; color:#333333;}
.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_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.bd_none { border-bottom:0 !important; }
.address_s.inp_search .input_txt input{border:0!important}
.address_s.inp_search .input_txt_new input { height:45px; padding-left:3%; padding-bottom:0; border:1px solid #ddd !important; border-radius:5px; box-sizing:border-box; }

.tab_address_s .sel_job.disabled{border-bottom:1px solid #ccc}
.tab_address_s .sel_job.disabled label{color:#999}
.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}
.bx_valid.error .inp_search{border:0}
.bx_valid.error .inp_search .input_txt~.bar:before{width:100%}

/* 동의팝업 */
#pop_wrap #pop_content .terms_cont_wrp.clause .pro_h2_tit {margin:0 0 8px; font-weight:700;  font-size:14px; color:#000;}

/* 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}

#wrap_mobile_pn #container{position:absolute; top:45px; width:100%; height:100%; min-height:auto !important; background:#fff}
#wrap_mobile_pn #container.shadow{-webkit-box-shadow:0 10px 20px rgba(0,0,0,.62),0 6px 6px rgba(0,0,0,.23); box-shadow:0 10px 20px rgba(0,0,0,.62),0 6px 6px rgba(0,0,0,.23)}
#wrap_mobile_pn #container .content.full_area{padding:25px 0 30px}
#wrap_mobile_pn #container .container_body {position:relative;}

#wrap_mobile_pn #footer{border-top:1px solid #ccc; background-color:#fff}
#wrap_mobile_pn #header.bk .header_wrap,#wrap_mobile_pn #header.bl_ct .header_wrap{background-color:#333}
#wrap_mobile_pn #header.bk .header_wrap h2{color:#fff}
#wrap_mobile_pn #header.bk .header_wrap .logo_pn a{background-image:url(/subscribe/images/common/logo_direct_166x48.png)}
#wrap_mobile_pn #header.wh_ct .header_wrap .logo_pn a{left:50%; margin-left:-37px}
#wrap_mobile_pn #header.bl_ct .header_wrap .logo_pn a{left:50%; margin-left:-37px; background-image:url(/subscribe/images/common/logo_direct_166x48.png)}
#wrap_mobile_product #header{position:relative; top:0; left:0; z-index:95; width:100%; height:50px; min-width:320px; background:url(/subscribe/images/common/bg_dt_top.png) left bottom repeat-x; background-size:1px 5px}
#wrap_mobile_product #header.top_b{height:auto; padding-bottom:5px}
#wrap_mobile_product #header .header_wrap{position:relative; height:33px; padding:12px 0 0; background-color:#fff}/* 20160223 */
#wrap_mobile_product #header .header_wrap h1 a{position:absolute; top:9px; left:50%; width:83px; height:24px; margin:0 0 0 -41px; background:url(/subscribe/images/common/logo_direct.png) left top no-repeat; background-size:83px 24px; text-indent:-999em}
#wrap_mobile_product #header .header_wrap .btn_allmenu,#wrap_mobile_product #header .header_wrap .btn_insurance,#wrap_mobile_product #header .header_wrap .btn_nav{display:block; position:absolute; top:0; padding:15px}
#wrap_mobile_product #header .header_wrap .btn_allmenu,#wrap_mobile_product #header .header_wrap .btn_nav{right:0}
#wrap_mobile_product #header .header_wrap .btn_insurance{left:0; padding-top:12px}
#wrap_mobile_product #header .header_wrap .btn_allmenu span,#wrap_mobile_product #header .header_wrap .btn_nav span{display:block; width:21px; height:17px; background:url(/subscribe/images/common/ico_comm.png) -135px -88px no-repeat; background-size:250px 250px; text-indent:-999em}
#wrap_mobile_product #header .header_wrap .btn_insurance span{display:block; width:21px; height:21px; background:url(/subscribe/images/common/ico_comm.png) -207px -109px no-repeat; background-size:250px 250px; text-indent:-999em}
#wrap_mobile_product #container .content{margin:0; padding:20px 0 30px}
#wrap_mobile_product #container .content .product_wrap{padding:0 15px}
#wrap_mobile_product #container .content h2{color:#000; font-weight:700; font-size:21px}
#wrap_mobile_product #container .content .product_wrap.l_tm h2{color:#000; font-weight:700; font-size:18px}
#wrap_mobile_product #container .content .product_wrap.l_tm h2 span{color:#000; font-size:15px; font-weight:normal}
#wrap_mobile_product #container .content .tit_txt{color:#666; font-size:13px}
#wrap_mobile_product #container .content .product_wrap.l_tm .tit_txt{font-size:15px}
#wrap_mobile_product #container .content .product_wrap.l_tm .tit_txt.multi_line_type span {font-size:13px}/* 170426 */
#wrap_mobile_product #container .content .product_wrap.l_tm .tit_txt + .sub_txt{font-size:14px; line-height:20px; margin-top:6px; color:#000}/* 170425 */
#wrap_mobile_product #container .content .product_wrap.l_tm .tit_txt + .sub_txt em{font-weight:700}
#wrap_mobile_product #container .content h2 span{font-size:19px}
#wrap_mobile_product #footer{margin-bottom:60px; padding:15px 0 15px 15px; background-color:#444}
#wrap_mobile_product #footer .f_menu{margin:0 0 13px}
#wrap_mobile_product #footer .f_menu li{float:left; margin:0 8px 0 0; padding-left:8px; background:url(/subscribe/images/common/bu_footer_bar.gif) left 50% no-repeat; background-size:1px 11px}
#wrap_mobile_product #footer .f_menu li:first-child{padding:0; background:0 0}
#wrap_mobile_product #footer .f_menu li:last-child{margin-right:0}
#wrap_mobile_product #footer .f_menu li a{padding:5px 0; color:#fff; font-size:13px}
#wrap_mobile_product #footer .f_menu li:last-child a{color:#999}
#wrap_mobile_product #footer .f_tel,#wrap_mobile_product #footer .f_tel a{color:#aaa; font-size:13px}
#wrap_mobile_product #footer address{margin:2px 0 0}
#wrap_mobile_product #footer address p{margin:2px 0 0; color:#aaa; font-size:13px}
#wrap_mobile_product.main_layout #footer,#wrap_mobile_product.main_layout02 #footer{margin-bottom:0}
#wrap_mobile_product #footer address p:first-child{margin:0}
#wrap_mobile_product #footer address p.copyright{line-height:17px}
#wrap_mobile_product #header.bl_logo{height:45px; background:0 0}
#wrap_mobile_product #header.bl_logo .header_wrap .btnr,#wrap_mobile_product #header.bl_logo .header_wrap h2{display:none}
#wrap_mobile_product #header.bl_logo .header_wrap{background-color:#333}
#wrap_mobile_product #header.bl_logo .header_wrap h1 a{top:10px; left:15px; width:83px; height:24px; margin:0; background-image:url(/subscribe/images/common/logo_direct_166x48.png)}
#wrap_mobile_product #header .txt_meritz{display:none; position:absolute; top:15px; right:15px; color:#000; font-size:13px}
#wrap_mobile_product #header .txt_meritz:before{display:inline-block; width:10px; height:13px; margin-right:4px; background:url(/subscribe/images/common/ico_comm.png) -178px -121px no-repeat; background-size:250px 250px; vertical-align:-2px; content:""}
#wrap_mobile_product #header .txt_telnum{display:none}
#wrap_mobile_product.main #header .header_wrap .btn_insurance,#wrap_mobile_product.main #header .header_wrap .btn_nav,#wrap_mobile_product.main_layout02 #header .btn_allmenu,#wrap_mobile_product.main_layout02 #header .btn_insurance,#wrap_mobile_product.main_layout02 #header .btn_nav{display:none}
#wrap_mobile_product.main #header .header_wrap .btn_insurance,#wrap_mobile_product.main #header .header_wrap .btn_nav,#wrap_mobile_product.main_layout03 #header .btn_allmenu,#wrap_mobile_product.main_layout03 #header .btn_insurance,#wrap_mobile_product.main_layout03 #header .btn_nav{display:none}
#wrap_mobile_product.main #header{position:static; background:#333}
#wrap_mobile_product.main #header .header_wrap h1 a{top:18px; left:15px; margin:0; background-image:url(/subscribe/images/common/logo_direct_166x48.png)}
#wrap_mobile_product.main_layout #header,#wrap_mobile_product.main_layout02 #header{background-image:url(/subscribe/images/common/bg_dt_top_bk.png)}
#wrap_mobile_product.main #footer{margin:0}
#wrap_mobile_product.main_layout02 #header .header_wrap h1 a{left:15px; margin:0}
#wrap_mobile_product.main_layout02 #header .txt_meritz{display:block}
#wrap_mobile_product.main_layout02 .main_cont{padding-bottom:140px; background:url(/subscribe/images/main/bg_main.gif) 0 bottom no-repeat; background-size:100%}

.sub_tit .small{display:block; margin:3px 0 0; font-size:15px}
.tit_basic{margin:25px 0 14px}

.tit_dot.line_type{padding-top:15px; margin-top:10px; border-top:1px solid #ddd; background:url(/subscribe/images/common/bu_dt_black.gif) left 22px no-repeat}
.tit_line{position:relative; margin-top:35px!important; padding:0 0 12px; border-bottom:1px solid #ddd}
.tit_line:after{display:block; position:absolute; bottom:-1px; left:0; width:42px; height:2px; background:#000; content:""}

.lv_box{display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; -ms-flex-pack:center; -ms-flex-align:center; box-pack:left; -webkit-box-pack:left; -moz-box-pack:left; box-align:center; -webkit-box-align:center; -moz-box-align:center}
.cv_box{display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; -ms-flex-pack:center; -ms-flex-align:center; box-pack:center; -webkit-box-pack:center; -moz-box-pack:center; box-align:center; -webkit-box-align:center; -moz-box-align:center}

.btn_gray,.btn_gray input,.btn_l_gray,.btn_l_gray input{padding:0 28px; line-height:35px; height:35px; text-align:center; display:inline-block}
.btn_area .btns.btn_l_gray.passing.new_add_btncolor1{width:31%; width:27vw; background:#e11b22; border:1px solid #e11b22; padding:0 22px !important; text-align:center !important}
.btn_area .btns.btn_l_gray.passing.new_add_btncolor2{width:31%; width:27vw; background:#7d6feb; border:1px solid #7d6feb; padding:0 22px !important; text-align:center !important}
.btn_area.new_add_center{text-align:center!important; width:100%; padding-top:20px}
.btn_gray.btn_etc{padding:0 13px}
.btn_basic13 span{font-size:13px}
.btn_gray,.btn_gray input{background-color:#666}
.btn_l_gray,.btn_l_gray input{background-color:#ccc}
.btn_area .btns.btn_l_gray.passing{background-color:#7d6feb}
.btn_area .btns.btn_l_gray.passing.new_add_btncolor2{background-color:#7d6feb}


.btn_big_blue,.btn_big_blue input{display:inline-block; width:162px; height:35px; background-color:#7d6feb; text-align:center; line-height:35px}
.btn_big_gray,.btn_big_gray input{display:inline-block; width:162px; height:35px; background-color:#ccc; text-align:center; line-height:35px}
.btn_big_gray input,.btn_big_gray span{color:#fff; font-weight:700}
.btn_big_gray.passing,.btn_big_gray.passing input{background-color:#7d6feb}
.btn_big_gray.bold{background-color:#666}
.btn_arrow{display:inline-block; width:160px; height:35px; border:1px solid #000; text-align:center; line-height:33px}
.btn_arrow span{color:#000}
.btn_arrow span: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; content:""}
.btn_arrow.on span:after{background-position:-88px -65px}
.btn_arrow.not_arrow span:after{width:0; height:0; background:0 0; content:none}
.btn_r_arrow{display:inline-block; height:26px; padding:0 10px; border:1px solid #ccc; text-align:center; line-height:24px}
.btn_r_arrow span{color:#666; font-size:14px}
.btn_r_arrow span:after{display:inline-block; width:6px; height:10px; margin:0 0 0 8px; background:url(/subscribe/images/common/ico_comm.png) -115px -65px no-repeat; background-size:250px 250px; content:""}
.btn_r_arrow.not_arrow span:after{width:0; height:0; background:0 0; content:none}
.btn_white,.btn_white input,.btn_white02,.btn_white02 input{display:inline-block; height:33px; background-color:#fff; text-align:center; line-height:33px}
.btn_white,.btn_white input{padding:0 26px; border:1px solid #d9d9d9}
.btn_white input,.btn_white span{color:#999; font-weight:700}
.btn_white.passing,.btn_white.passing input{border:1px solid #7d6feb; color:#7d6feb}
.btn_white.passing input,.btn_white.passing span{color:#7d6feb}
.btn_white02,.btn_white02 input{padding:0 12px; border:1px solid #d9d9d9}
.btn_white02 input,.btn_white02 span,.btn_white02 strong{color:#999; font-weight:400; font-size:14px}
.btn_white02 strong{color:#666; font-weight:700}
.btn_white02.passing,.btn_white02.passing input{border:1px solid #7d6feb; color:#7d6feb}
.btn_white02.passing input,.btn_white02.passing span,.btn_white02.passing strong{color:#7d6feb}
.btn_white03 span{display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; height:48px; border:1px solid #ccc; font-size:14px; vertical-align:middle; text-align:center; line-height:1.4; -ms-flex-pack:center; -ms-flex-align:center; box-pack:center; -webkit-box-pack:center; -moz-box-pack:center; box-align:center; -webkit-box-align:center; -moz-box-align:center}
.btn_white04,.btn_white04 input,.btn_white05,.btn_white05 input{display:inline-block; height:33px; background-color:#fff; text-align:center}
.btn_white04,.btn_white04 input{padding:0 14px; border:1px solid #ccc; line-height:33px}
.btn_white04 input,.btn_white04 span{color:#666; font-weight:700; font-size:14px; line-height:33px}
.btn_white04.passing,.btn_white04.passing input{border:1px solid #7d6feb; color:#7d6feb}
.btn_white04.passing input,.btn_white04.passing span{color:#7d6feb}
.btn_white05,.btn_white05 input{padding:0 12px; border:1px solid #ccc; line-height:33px}
.btn_white05 input,.btn_white05 span,.btn_white05 strong{color:#666; font-weight:400; font-size:14px}
.btn_white05.passing,.btn_white05.passing input{border:1px solid #7d6feb; color:#7d6feb}
.btn_red{/* height:28px; */padding:6px 26px; background:#e21b22; vertical-align:middle}
.btn_red span{color:#fff; font-size:13px; line-height:22px; font-weight:normal}
.btn_white05.passing input,.btn_white05.passing span,.btn_white05.passing strong{color:#7d6feb}
.btn_white06 span{display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; height:48px; border:1px solid #8c8c8c; font-size:14px; vertical-align:middle; text-align:center; line-height:1.4; -ms-flex-pack:center; -ms-flex-align:center; box-pack:center; -webkit-box-pack:center; -moz-box-pack:center; box-align:center; -webkit-box-align:center; -moz-box-align:center}

.btn_big_black,.btn_big_black input{height:33px; padding:0 45px; line-height:33px}
.pro_layer_wrap_tm.bg_blue.type02 .btn_big_black,.btn_big_black input{height:33px; line-height:33px; width:100%; padding:0}/* 170802 모바일 tm 인콜 유입 강화 중간단계 버튼*/
.btn_big_black input,.btn_big_black span{color:#000; font-size:16px}
.btn_blue100{display:block; border:1px solid #32b3d8}
.btn_blue100 span{display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; position:relative; height:58px; padding:0 60px 0 15px; background-color:#34bae1; color:#fff; font-size:13px; text-align:left; letter-spacing:-2px; -ms-flex-pack:center; -ms-flex-align:center; box-pack:left; -webkit-box-pack:left; -moz-box-pack:left; box-align:center; -webkit-box-align:center; -moz-box-align:center}
.btn_gray100 span,.btn_green100 span{padding:10px 60px 12px 15px; text-align:left}
.btn_blue100 span:after{display:block; position:absolute; top:50%; right:15px; width:43px; height:33px; margin:-16px 0 0; background:url(/subscribe/images/common/ico_comm.png) -103px -135px no-repeat; background-size:250px 250px; content:""}
.btn_blue100 span strong{font-size:15px}
.btn_gray100{display:block}
.btn_gray100 span{display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; position:relative; background-color:#e7e7e7; color:#666; font-size:13px; -ms-flex-pack:center; -ms-flex-align:center; box-pack:left; -webkit-box-pack:left; -moz-box-pack:left; box-align:center; -webkit-box-align:center; -moz-box-align:center}
.btn_gray100 span:after{display:block; position:absolute; top:50%; right:15px; width:43px; height:33px; margin:-16px 0 0; background:url(/subscribe/images/common/ico_comm.png) -207px -18px no-repeat; background-size:250px 250px; content:""}
.btn_gray100 span strong{color:#000; font-size:15px}
.btn_green100{display:block; border:1px solid #d4f0dc}
.btn_green100 span{display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; position:relative; background-color:#d4f0dc; color:#666; font-size:13px; letter-spacing:-2px; -ms-flex-pack:center; -ms-flex-align:center; box-pack:left; -webkit-box-pack:left; -moz-box-pack:left; box-align:center; -webkit-box-align:center; -moz-box-align:center}
.btn_green100 span:after{display:block; position:absolute; top:50%; right:15px; width:42px; height:33px; margin:-16px 0 0; background:url(/subscribe/images/common/ico_Npoint.png) no-repeat; background-size:42px 33px; content:""}

.btn_green100 span strong{color:#000; font-size:15px}
.btn_ly_info02{width:21px; height:22px; background:url(/subscribe/images/common/ico_comm.png) -69px -86px no-repeat; background-size:250px}
.btn_toggle{color:#000!important}
.btn_toggle:after{display:inline-block; width:13px; height:9px; margin-left:5px; background:url(/subscribe/images/common/ico_comm.png) -88px -74px no-repeat; background-size:250px 250px; content:""}
.btn_toggle.on:after{background-position:-88px -65px}
.btn_block_blue{display:block; height:40px; background:#7d6feb; text-align:center}
.btn_block_blue span{color:#fff; font-weight:700; line-height:40px}
.btn_block_gray{display:block; height:40px; background:#666; text-align:center}/* 180517 */
.btn_block_gray span{color:#fff; font-weight:700; line-height:40px}
.btn_pic,.btn_pic02 a{line-height:38px; text-align:center}
.btn_pic{display:block; position:relative; height:38px; border:1px solid #000; background-color:#fff}
.btn_pic:before{display:inline-block; width:20px; height:16px; margin:0 5px 0 0; background:url(/subscribe/images/common/ico_comm.png) -230px -58px no-repeat; background-size:250px 250px; vertical-align:-3px; content:""}
.btn_pic02,.btn_pic02 a{display:block}
.btn_pic input[type=file]{position:absolute; top:0; left:0; width:100%; height:38px; border-radius:0; opacity:0; -webkit-appearance:button}
.btn_pic em{font-weight:700}
.btn_pic02 a{position:relative; height:38px; border:1px solid #000; background-color:#fff; color:#000!important; font-weight:700}
.btn_pic02 a:before{display:inline-block; width:20px; height:16px; margin:0 5px 0 0; background:url(/subscribe/images/common/ico_comm.png) -230px -58px no-repeat; background-size:250px 250px; vertical-align:-3px; content:""}

.btn_plus a{display:block; line-height:38px; text-align:center}
.btn_plus a{position:relative; height:38px; background-color:#666; color:#fff!important; font-weight:700}
.btn_plus a:before{display:inline-block; width:13px; height:13px; margin:0 5px 0 0; background:url(/subscribe/images/common/bu_plus.png) 0 0 no-repeat; background-size:13px 13px; vertical-align:-2px; content:""}

.btn_fixed{position:fixed; bottom:0; width:100%}
.btn_fixed .btn_consultant{display:block; bottom:0; width:100%; padding:20px 0; background:#7d6feb; color:#fff!important; font-weight:700; text-align:center}

/* 팝업 확인 버튼 180405 */
.btn_confirm_g{display:inline-block; height:40px; background-color:#475069; color:#fff; text-align:center; line-height:40px; padding:0 45px}
.btn_confirm_g span{color:#fff}
.alone_btn{margin:15px 0 0; font-size:12px}
.alone_btn .l_area{display:table-cell; width:100%; text-align:left}
.alone_btn .input_checkbox input[type=checkbox]+label em,.alone_btn .input_radio input[type=radio]+label em{top:0}
.alone_btn .r_area{display:table-cell; position:relative; top:-2px; min-width:110px; text-align:right}
.btn_detail{display:inline-block; height:23px; border:1px solid silver}
.btn_detail span{display:block; padding:0 10px; color:#fffefe; font-size:13px; line-height:23px}
.btn_detail span:before{display:inline-block; width:12px; height:13px; margin:0 4px 0 0; background:url(/subscribe/images/common/ico_comm.png) -88px -48px no-repeat; background-size:250px 250px; vertical-align:-2px; content:""}

.btn_step .btn_calc strong{display:inline-block; padding-left:20px}
.btn_step .btn_calc strong:after{display:block; position:absolute; top:2px; left:0; width:14px; height:15px; background:url(/subscribe/images/common/ico_comm.png) -232px -111px no-repeat; background-size:250px 250px; content:""}

/* 2016-04-20 공인인증 신메뉴 추가 */
.certifi_group{padding:20px 10px 30px}
.certifi_group h2{margin-bottom:27px; font-size:20px; line-height:22px; font-weight:700}
.certifi_group .bk_point_txt{color:#000000; font-weight:700}
.certifi_group .bl_point_txt{color:#7d6feb; font-weight:700}
.certifi_group .r_point_txt{color:#e21b22; font-weight:700}
.certifi_group .tit_type01{font-size:17px; font-weight:700; line-height:20px}
.certifi_group .desc_area{margin-bottom:24px}
.certifi_group .desc_area .tit_type01{margin-bottom:8px}
.certifi_group .img_cont{margin-top:50px}
.certifi_group .desc01{font-size:14px; line-height:21px}
.certifi_group .img_cont .tit_type01:first-child{margin-bottom:28px; padding-left:15px; text-indent:-15px}
.certifi_group .img_cont.reset .tit_type01:first-child{margin-bottom:18px}
.certifi_group .img_cont .tit_type01{margin-bottom:28px; padding-left:15px}

.certifi_group .certifi_btnarea{margin-top:20px; text-align:center}
.certifi_group .certifi_btnarea a{display:inline-block; width:160px; padding:10px 0; font-size:13px; font-weight:700; color:#ffffff; background:#e21b22}
.certifi_group .certifi_btnarea i{display:inline-block; width:13px; height:12px; margin-top:3px; background:url(/subscribe/images/certification/bg_certifi_down_btn.png) no-repeat; background-size:13px 12px; vertical-align:top}

/* TM 상품 랜딩페이지 */
#wrap_mobile_product #header .header_wrap.tm_prdct{text-align:left}
#wrap_mobile_product #header .header_wrap.tm_prdct h1 a{margin:0; left:15px; top:15px; width:103px; height:12px; background:url(/subscribe/images/common/logo_direct_health2.png) no-repeat left top; background-size:103px 12px}
#wrap_mobile_product #header .header_wrap.tm_prdct.tm_lnd2 h1 a {margin:0; left:15px; top:11px; width:84px; height:24px; background:url(/subscribe/images/common/logo_direct.png) no-repeat left top; background-size:84px 24px}/* 180227 */
#wrap_mobile_product #header .header_wrap.tm_prdct.tm_lnd h1 a{width:100%; margin:0; left:15px; top:auto; text-indent:inherit; font-size:15px; color:#000; font-weight:700; letter-spacing:-2px; background:none}/* 단독랜딩 tm_lnd */
#wrap_mobile_product #header .header_wrap.tm_prdct.tm_lnd h1 a img{height:15px}
#wrap_mobile_product #header .header_wrap.tm_prdct.tm_lnd2 h1 a img{height:24px}/* 180227 */
#wrap_mobile_product #header .header_wrap.tm_prdct h1 a span{color:#e21b22}
#wrap_mobile_product #header .header_wrap.tm_prdct .header_call{display:block; position:absolute; right:15px; top:16px; text-align:right}
#wrap_mobile_product #header .header_wrap.tm_prdct.tm_lnd .header_call{display:none; position:absolute; right:15px; top:16px; text-align:right}
#wrap_mobile_product #header .header_wrap.tm_prdct.tm_lnd2 .header_call{display:none; position:absolute; right:15px; top:12px; text-align:right}/* 180227 */
#wrap_mobile_product #header .header_wrap.tm_prdct .header_call img{vertical-align:top; height:12px}
#wrap_mobile_product #header .header_wrap.tm_prdct.tm_lnd2 .header_call img{vertical-align:top; height:23px}/* 180227 */

/*아이페이 본인인증 풀팝업*/
.bx_valid_wrap .bx_valid.certify_num{display:none}
.bx_valid_wrap .bx_valid.phone .send_zone{display:none}
.bx_valid_wrap .bx_valid.bx_valid.phone .grouping.btn_type .group{float:left}
.bx_valid_wrap.certify .bx_valid.certify_num{display:block}
.bx_valid_wrap.certify .bx_valid.bx_valid.phone .grouping.btn_type .group{float:none}
.bx_valid_wrap.certify .bx_valid.phone .send_zone{display:table-cell}

/*약관스타일*/
.terms_cont .txt_undline{font-weight:700; text-decoration:underline}
.terms_cont .list_undline{font-weight:700; text-decoration:underline}
.terms_cont .list_type02 .bg_none li{padding-left:0; background:none}

/*팝업- 고지의무-질병*/
#pop_wrap #pop_content .pop_content_inner.exp_desname {height:calc(100vh - 71px); padding:0; box-sizing:border-box}
.pop_content_inner.exp_desname .wrap_sc {background:#ddd; height:80vh;}
.pop_content_inner.exp_desname .inner_sc {height:100%; overflow-y:auto; box-sizing:border-box;}
.pop_content_inner.exp_desname .inner_sc .option_box {margin:0}

/*팝업- 고지의무-직업*/
#jobPop #pop_wrap #pop_header h1 {text-align:center}
#pop_wrap a.pop_close span {display:block; width:12px; height:12px; background:var(--bg-common) -10px -125px no-repeat; background-size:250px 250px; text-indent:-999em;}
.job_wrap .job_type li.on>a, .job_wrap .job_type li.on>a:active, .job_wrap .job_type li>a:active {background:#ffcc33; color:#000;}

/*20181025 수정*/
.wrap_intro {background:#ffcc33; text-align:center; padding:45px 0 0; color:#000;}
.wrap_intro .txt01 {font-size:17px;}
.wrap_intro .txt02 {font-size:24px; font-weight:700; margin:5px 0 25px}
.wrap_intro .img_intro {margin-top:20px}
.btn_gray.gray_3 {font-size:12px; background:#333; border-radius:3px; padding:0 20px}
.btn_gray.gray_3 span {position:relative; padding-left:20px;}
.btn_gray.gray_3 span:before {content:""; position:absolute; left:-4px; top:-1px; width:17px; height:17px; background:url(/petpermint/images/common/ico_search02.png) 0 0 no-repeat; background-size:17px;}

/* 1030 추가 */
.payment_list.chk_wrap.basic .input_radio {margin-top:3px;}
.payment_list.chk_wrap.basic li:first-child .input_radio {margin-top:0;}

/* 181101 추가 */
.wrap01 li button{width:100%;}
.history_wrap .btn_back {display:block; position:absolute; top:0; right:25px; width:40px; height:40px; color:#fff; text-indent:-999em; background:url(/petpermint/images/content/petcal/btn_history_back2.png) no-repeat left top; background-size:40px;}
.bx_valid .grouping.card_type .ico_card{display:block; position:absolute; top:1px; left:50px; height:14px; text-indent:-999em}/* 1102 수정 top 2 > 1로 변경 */
.ins_end_sec .review_reg textarea {height:80px; box-sizing:border-box; border-radius:0;  color:#999; letter-spacing:-0.05em;}/* 1101 수정 폰트사이즈 */
.payment_list.chk_wrap.basic .input_radio {margin-top:10px;}/* 1101 수정 */
.petForm .bx_valid .group{display:inline-block; width:64%; padding:0 5px; vertical-align:top; height:22px; box-sizing:border-box}

.history_wrap .btn_back {display:block; position:absolute; top:0; right:25px; width:40px; height:40px; color:#fff; text-indent:-999em; background:url(/petpermint/images/content/petcal/btn_history_back2.png) no-repeat left top; background-size:40px;}
.ins_end_sec .review_reg textarea {height:80px; box-sizing:border-box; border-radius:0; color:#999; letter-spacing:-0.05em;}/* 1101 수정 폰트사이즈 */
/* 주소검색 팝업 검색입력필드 영역수정 */
.address_s.inp_search.inp_addr_search .input_txt {margin-bottom:0;}

/* 가입확인화면 보장내용 변경버튼 위치변경 (detail에서 click_btn로 변경) */
.step_wrap.confirm .wrap {position:relative;padding-top: 6px;}
.step_wrap.confirm .wrap .click_btn {position:absolute; right:0; top:0; display:inline-block; width:40px; height:25px; line-height:25px; text-align:center; border-radius:2px; border:1px solid #ddd; background:#fff; font-size:13px; color:#333;}
.step_wrap.confirm .btn_info_pop{float: right;padding: 0px 9px;height: 22px;line-height: 21px; border: 1px solid #ddd; font-size: 13px; font-weight:normal; box-sizing: border-box; border-radius:3px; background-color:#fff;}
/* 인트로 */
.ins_intro {position:relative; background:#fdfaee}/* 1102 수정 */
.ins_intro .img_resbox {position:relative;}/* 2019.03.26 수정 kjw */
.ins_intro .btn_view {position:absolute; left:4.2%; top:20%; display:block; width:45.1%;}
.ins_intro .btn_view.cat {position:absolute; left:50.8%; top:20%; display:block; width:45.1%;}
.ins_intro.bg_bold { background-color: #fdfaee;}

/* 동의화면 폰트 사이즈 */
.dir_agree .tit_b16 label {font-size:14px}

/*  보험료 결제 오류 */
.payment_err {margin-top:33px}
.payment_err .err_txt {position:relative; padding-top:88px; text-align:center; font-size:12px; color:#666;}
.payment_err .err_txt:after {content:''; position:absolute; left:50%; top:0; margin-left:-63px; display:block; width:125px; height:76px; background:url(/petpermint/images/content/petcal/bg_pay_error.png) no-repeat 0 0; background-size:125px auto;}
.payment_err .info_txt {margin-top:30px; text-align:center;}
.payment_err .info_txt p {line-height:19px; font-weight:700; font-size:15px; color:#000;}
.payment_err .info_txt p span {font-weight:400; font-size:12px; color:#333}
.payment_err .info_list {margin-top:30px;}
.payment_err .info_list li {position:relative; padding-left:8px; line-height:18px; font-size:14px; color:#666;}
.payment_err .info_list li:after {content:'*'; position:absolute; left:0; top:3px;}

/* 반려동물정보 입력영역 여백 */
.petForm .bx_valid .group {padding:0 12px;}

/* 고지사항 검색탭 인풋영역 */
.tab_address01 .inp_search .btn_search {bottom:-5px}
.tab_address02 .inp_search .btn_search:before {bottom:8px;}
.tab_address02 .inp_search .input_txt {padding-top : 5px}
.tab_address02 .inp_search .input_txt input {width:95% !important}

/* 고지사항 주소select 레이어 영역 */
.pet_ill_survey .address_selecter .group:last-child .select_list.more {left:auto; right:0;}

/* 개인정보동의 본인인증수단 영역 */
.my_certification1 a:last-child .txt_tip {display:none; position:absolute; left:-207%; top:115px; margin:0; padding:0; width:280px; text-align:left; font-weight:normal; font-size:13px; color:#666}/* 1102 수정 */
.my_certification1 a:last-child.on .txt_tip {display:block;}

/* 보험계약자 확인사항 길라잡이 */
#pop_wrap #pop_content .ins_guide_info h3 {font-size:16px;}
.ins_guide_info .list_type03 li {margin-top:10px; font-size:16px;}
.ins_guide_info .list_type03 li p {margin-top:5px; font-size:14px; color:#666;}
/* 가입 전 확인사항 = 보험계약자 확인사항 길라잡이 팝업 삭제후 신규로 추가됨 */
.ins_guide_info .list_type03 .ico_dot{font-size:13px;}

/* 카드회사 선택 1102 추가 */
.card_company_sel{width:42%; float:left}

/* 모바일수정 */
.card_company_sel .selectbx .select_list.more{width:280px}

/* 결제화면 더보기버튼 */
.list_type01 .btn .r_area .btn_detailView {display:inline-block; padding:0; width:80px; text-align:center;}

/* 동의및인증 셀렉트 - 이미지 삭제 */
.agree_area .list_type02 .select_list ul li {background:none;}

/* 휴대폰번호 라인맞춤 */
.phone_selecter .selectbx .target_select {line-height:27px;}
.phone_selecter .selectbx .target_select:after {bottom:11px;}

/*펫 품종찾기 스크롤바 풀로 회색*/
#petSearchPop .tabContentsCon .scrollbar{background-color:#eee;}

/* 181220 장애인 전용특약 : KJW 20190705 수정 */
.accessible_type{margin-top:-20px; border-bottom:1px solid #aaa;}
.accessible_type .tit{color:#333; margin: 0 0 5px; font-size: 14px; line-height: 22px; font-weight: 400;}
.accessible_type .tit + .input_checkbox{margin-left:5px}
.accessible_type .tit + .input_checkbox input[type=checkbox]+label:before{top:-15px}
.accessible_type .tit + .input_checkbox+ .btn_ly_info{margin-left:-1px}
.accessible_type .tit + .input_checkbox+ .btn_ly_info.on{background-position:unset}
.accessible_type .txt_tip span{display:inline-block}
.accessible_type .click{font-size:13px; padding:2px 10px 1px; border:1px solid #ddd; float:right; box-sizing:border-box; text-indent:0; border-radius:3px; margin-top:-2px;}
.accessible_type .option_box{background:none; padding:0; margin:0;}
.accessible_type .cont{padding-bottom:17px;}
.accessible_type .cont h4{font-size:13px; color:#000; padding-bottom:10px}
.accessible_type .pickcure.type02 .file_area img{width:100%; height:auto}
.accessible_type .option_box label,.accessible_type .option_box h4{color:#333; margin: 0 0 5px; font-size: 14px; line-height: 22px; font-weight: 400;}
.accessible_type .expl{font-size:12px; color:#666}

/* 190117 페퍼민트 step8 납입방법 */
.payment_wrap {margin-top:-1px;}
.box_gray15.payment_wrap {display:none;}
.box_gray15.payment_wrap.on {display:block;}
.pet_payment01.txt_violet {display:block; color:#000; font-size:13px; margin-bottom:8px; font-weight:700;}
.payment01_subtxt {font-size:14px; color:#333; padding:0 0 0 30px;}
.payment01_subtxt+.line {display:block; content:''; width:100%; height:1px; margin-top:15px; background-color:#ddd;}
.payment01_subtxt+.line.type01 {background-color:#aaa;}
.box_gray15 .payment01_subtxt {font-size:14px; color:#333; padding-left:7px;}
.errorchk_wrap.error .payment01_subtxt+.line.type01 {height:2px; background-color:#e11b22;}
.errorchk_wrap .payment01_subtxt+.line.type01+.txt_error {display:none;}
.errorchk_wrap.error .payment01_subtxt+.line.type01+.txt_error {display:block; border-top:0;}

/* 190129 페퍼민트 가입설계 인트로 변경*/
#wrap_mobile_pn #header .header_wrap .logo_pn .logo_type02 {display:none;}
#wrap_mobile_pn #header .header_wrap .logo_pn.bk .logo_type02 {display:block; position:absolute; left:15px !important; right:auto !important; top:12px; width:120px; height:19px; background:url("/petpermint/images/common/logo_ppermint_intro.gif") left top no-repeat; background-size:120px 19px; text-indent:-999em;}

/* 190130 이탈팝업 */
.layer_wrap .layer_info.leave {padding:30px 15px 18px; border:3px solid #7d6feb; box-sizing:border-box; text-align:center}
.layer_wrap .layer_info.leave .desc_box {margin-bottom:25px; font-size:20px; color:#000}
.layer_wrap .layer_info.leave .desc_box em {font-weight:700; color:#7d6feb}
.layer_wrap .layer_info.leave .desc_box em.blk {display:block}
.btn_black.move {background:#999}
.layer_wrap .layer_info.leave .btn_black {padding:0; min-width:48%; text-align:center; box-sizing:border-box}
.layer_wrap .layer_info.leave .btn_black span {position:relative; margin-left:-5px}
.layer_wrap .layer_info.leave .btn_black span:before {position:absolute; top:2px; right:-13px; content:''; display:block; width:7px; height:11px; background:url("/petpermint/images/content/petcal/leave_arr.png") no-repeat 0 0; background-size:100%}
.layer_wrap .layer_info.leave .btn_area a:nth-child(2n) {margin-left:7px;}

.layer_wrap .layer_info.leave .desc_group .sub { font-size: 17px; font-weight: 400; color: #000; letter-spacing: -1.8px;}
.layer_wrap .layer_info.leave .desc_group .main { margin-top: 3px; font-size: 20px; font-weight: 700; color: #000; letter-spacing: -1.8px;}
.layer_wrap .layer_info.leave .desc_group .main span { color: #7b71e3;}
.layer_wrap .layer_info.leave .desc_group .low { margin-top: 2px; font-size: 12px; font-weight: 400; color: #888; letter-spacing: -0.8px;}
.layer_wrap .layer_info.leave .img_box2 { margin-top: 30px;}
.layer_wrap .layer_info.leave .img_box2 a { display: block;}
.layer_wrap .layer_info.leave .img_box2 img { width: 100%; height: auto;}
.layer_wrap .layer_info.leave .btn_box { margin-top: 29px;}
.layer_wrap .layer_info.leave .btn_box >div { display: flex; align-items: center; gap: 10px;}
.layer_wrap .layer_info.leave .btn_box >div a { display: flex; align-items: center; justify-content: center; width: 50%; height: 35px; font-size: 13px; font-weight: 700; color: #fff; border-radius: 5px;}
.layer_wrap .layer_info.leave .btn_box >div .progress { background-color: #767676;}
.layer_wrap .layer_info.leave .btn_box >div .confirm { background-color: #7b71e3;}
.layer_wrap .layer_info.leave .btn_box >div .ico { display: block; width: 5px; height: 8px; margin-left: 10px; background:url(/petpermint/images/common/ico_arrow_right.png) no-repeat; background-size: 5px 8px;}
.layer_wrap .layer_info.leave .btn_box .home_move { display: flex; align-items: center; justify-content: center; margin-top: 5px; padding: 12px 0;}
.layer_wrap .layer_info.leave .btn_box .home_move .ico { display: block; width: 14px; height: 14px; margin-top: -2px; background:url(/petpermint/images/content/service/ico_home.png) no-repeat; background-size: 14px;}
.layer_wrap .layer_info.leave .btn_box .home_move .text { display: block; margin-left: 3px; font-size: 12px; color: #888; font-weight: 700; line-height: 1;}



/* 2019.02.13 가입분납 추가 */
.errorchk_wrap .bx_valid.okey_wrap{display:none; margin-left:29px; margin-top:10px;}
.errorchk_wrap .bx_valid.okey_wrap.on{display:block;}

/* 2019.03.05 :BHY :chatBotAdd :넛지 주민번호 */
.chat_call_number {width:65%; position:absolute; left:-100%; top:3px; z-index:1;}
.chat_call_number.move {left:0; transition:left 0.5s ease;}
.chat_call_number .inner {background-color:#757fff; border-radius:0 50px 50px 0; box-shadow:0 8px 15px #c5c5c5; padding:0 15% 0 17%}
.chat_call_number .inner p > a {display:block; height:40px; line-height:40px; color:#fff; font-size:12px;}
.chat_call_number .inner p > a > strong {color:#1df7c7; text-decoration:underline;}
.chat_call_number .inner p > a:after {display:block; content:''; clear:both; position:absolute; left:12px; top:8px; z-index:1; width:23px; height:21px; background:var(--bg-common) no-repeat 0 -80px; background-size:250px 250px;}
.chat_call_number .inner a.btn_close {position:absolute; right:0; top:0; z-index:1; display:block; width:15%; height:100%;}
.chat_call_number .inner a.btn_close span {position:absolute; right:15px; top:14px; z-index:1; display:block; width:11px; height:11px; background:var(--bg-common) no-repeat -25px -80px; background-size:250px 250px; text-indent:-999em;}

/* 2019.03.05 :BHY :chatBotAdd :넛지 다음버튼 */
.chat_call_next {display:none; width:94%; position:absolute; z-index:1; bottom:-10%; margin:0 3%;}
.chat_call_next.move {bottom:0; transition:bottom 0.5s; transition-timing-function:ease;}
.chat_call_next .inner {background-color:#404040; border-radius:5px 5px 0 0; padding:0 37px 0 100px}
.chat_call_next .inner p > a {display:block; height:44px; line-height:44px; color:#fff; font-size:12px;}
.chat_call_next .inner p > a > strong {color:#14dbaf; text-decoration:underline;}
.chat_call_next .inner p > a:after {display:block; content:''; clear:both; position:absolute; left:12px; top:-16px; z-index:1; width:80px; height:60px; background:url(/petpermint/images/common/ico_mondi.png) no-repeat left top; background-size:contain}
.chat_call_next .inner a.btn_close {position:absolute; right:17px; top:17px; z-index:1; display:inline-block; width:13px; height:13px; background:var(--bg-common) no-repeat -40px -80px; background-size:250px 250px;}
.chat_call_next .inner a.btn_close span {display:block; text-indent:-999em;}

/*STEP1 캣보험 추가*/
.petForm .bx_valid.DC .group{display:inline-block; width:auto; padding:0 5px; vertical-align:top; height:30px; box-sizing:border-box;}
.petForm .bx_valid.DC .chk_wrap .input_radio input[type=radio]+label {padding-left:8.8%;}
.petForm .bx_valid.DC .chk_wrap>span{display:inline-block; margin-left:0;}
.petForm .bx_valid.DC .group+.txt01 {line-height:30px;}
.txt_tip.no_line.DC {display:table-cell; padding-right:7px; text-indent:0; letter-spacing:0;}
.chk_wrap.type01 .input_radio.D input[type=radio]:checked+label:before {background-position:-86px 0;}
.chk_wrap.type01 .input_radio.D input[type=radio]+label:before {display:block; position:absolute; top:0; left:0; width:85px; height:30px; background:url(/petpermint/images/common/comm_radio_type02.png) 0 0 no-repeat; background-size:171px 60px; content:"";}
.chk_wrap.type01 .input_radio.C input[type=radio]:checked+label:before {background-position:-85px -30px;}
.chk_wrap.type01 .input_radio.C input[type=radio]+label:before {display:block; position:absolute; top:0; left:0; width:85px; height:30px; background:url(/petpermint/images/common/comm_radio_type02.png) 0 -30px no-repeat; background-size:171px 60px; content:"";}
.txt_tip.birth span:before {top:10px;}
.rankingPet_w .rankingPet h3 {font-size:14px;}
.rankingPet_w .rankingPet .txt_tip04.no_line.txt_bround {font-size:13px; line-height:20px;}
/* .rankingPet_w .rankingPet .txt_tip04.no_line.txt_bround span {display:block; position:relative; padding:10px 0 14px 20px; background:var(--bg-common) -123px 12px no-repeat; background-size:250px 250px;} */
.rankingPet_w .rankingPet .txt_tip04.no_line.txt_bround span { position:relative; display:block; padding:10px 0 14px 20px; }
.rankingPet_w .rankingPet .txt_tip04.no_line.txt_bround span:before { position:absolute; left:0; width:30px; height:30px; background:var(--bg-common) -123px 12px no-repeat; background-size:250px 250px; overflow:hidden; content:""; }

.rankingPet_w .rankingPet_job { margin-top:20px; }
.rankingPet_w .rankingPet_job div { border-radius:5px; border-bottom:1px solid #ddd; }

/*STEP2*/
.result_premium i.cat{position:absolute; right:19px; top:-30px; display:block; width:30px; height:33px; background:url(/petpermint/images/content/petcal/ico_anipet02.gif) no-repeat 0 0; background-size:29px 33px;}
.ico_pet03.cat {background:var(--bg-common) -14px -63px no-repeat; background-size:250px 250px; width:14px; height:15px; display:inline-block; vertical-align:middle;}

/*STEP4 계약전 알릴 의무 유의사항*/
.slide_cont.notice_contra .tit_dot {font-size:13px;margin:0}
.slide_cont.notice_contra .tit_dot em{font-weight:700;}
.slide_cont.notice_contra .txt_tip.no_line.txt_rg{margin:20px 0;}

/* 사진 및 등록증 */
.pickcure.type01 ul li > .ex_area1.cat{background:url(/petpermint/images/content/petcal/img_upload_pick02_1.gif) no-repeat; background-size:100%; text-indent:-9999%; color:transparent;}
.pickcure.type01 ul li > .ex_area2.cat{background:url(/petpermint/images/content/petcal/img_upload_pick03_1.gif) no-repeat; background-size:100%; text-indent:-9999%; color:transparent;}
.choiceData.none{display:none;}

/* 가입완료 */
.ins_end_sec .id_rd_gray_box.cat dl:after {content:''; position:absolute; left:0; top:0; display:block; width:90px; height:160px; background:url(/petpermint/images/content/petcal/bg_idcard02.png) no-repeat 0 0; background-size:90px auto;}

/* 계산결과 받기 */
.calc_result_phone{width:100%; display:inline-block; text-align:right;}
.calc_result_phone span{display:inline-block; margin-top:11px; text-align:center; font-size:11px; border:1px solid #ccc; border-radius:3px; padding:10px 14px; box-sizing:border-box;}
.calc_result_phone span:before{content:''; background:url(/petpermint/images/content/petcal/img_calc_result_phone01.png) 0 0 no-repeat; width:8px; height:12px; margin-right:4px; display:inline-block; vertical-align:top; margin-top:2px; background-size:100% 100%;}
#pop_wrap #pop_content .sendSmsEmailpop  h2.tit_b16{margin-bottom:15px;}
.sendSmsEmailpop .bx_valid.phone_selecter{margin-bottom:25px}
#pop_wrap #pop_content .sendSmsEmailpop .list_type01 dd{color:#666;}
#pop_wrap #pop_content .sendSmsEmailpop .btn_area.right{margin-top:15px;}
.smsEmailAgreePop .list_type01 dt{margin-bottom:21px;}
#pop_wrap .smsEmailAgreePop .btn_area{margin-top:0;}/*2019.03.28 모바일 수정 */
.slide_cont .box_white_e7{position:relative; height:106px; overflow:auto}
#pop_wrap #pop_content .sendSmsEmailpop .agree_area ul>li{margin-bottom:17px}

/* ! 안심하세요 - 공통 */
.notice{font-size:14px; margin-bottom:10px; color:#666;}
/* .notice span{display:block; position:relative; padding:0 0 0 23px; background:var(--bg-common) -123px 0 no-repeat; background-size:250px 250px;} */
.notice span { position:relative; display:block; padding:0 0 0 23px; }
.notice span:before { position:absolute; left:0; width:30px; height:30px; background:var(--bg-common) -123px 0 no-repeat; background-size:250px 250px; overflow:hidden; content:""; }

.notice.type02 span{display:block; position:relative; padding:0 0 0 23px; background:var(--bg-common) -122px -125px no-repeat; background-size:250px 250px;}
.notice em{display:block; font-weight:700; color:#000;}

.btn_area.right .btn_gray02{background:#666; color:#fff;}
.btn_area.right .btns {display:inline-block; width:80px; height:35px; line-height:35px; margin-right:3px; text-align:center; border-radius:3px;}
.btn_area.right .btn_gray01{background:#c5c5c5; color:#fff;}
.btn_area.right .btn_gray01.on{background:#7d6feb; color:#fff;}
.btn_area.right .btn_gray.on{background:#7d6feb; color:#fff;}

.step_wrap.calc_result.landing .dirc_list dl>dt a:after{background:none;}

/* CM펫 페이코 간편결제 화면 작업 요청 */
.payment_list label, .payment_list .ico_payco{font-size:15px;}
.payment_list .ico_payco{display:inline-block; width:50px; height:20px; margin-right:5px; background:url(/petpermint/images/content/petcal/ico_payco.gif) left top no-repeat; background-size:50px 20px; text-indent:-999px; vertical-align:middle}

/* 20190404 :BHY :챗봇 추가 */
/*챗봇 뉴버젼*/
.chatting_wrap .chat_nopen{position:relative; width:145px; height:60px; background:url(/subscribe/images/product/bg_chatting.png) 0 0 no-repeat; background-size:145px 60px}
.chatting_wrap .chat_nopen ul li a{position:absolute; left:15px; display:block}
.chatting_wrap .chat_nopen ul li:nth-child(1) a{bottom:13px}
.chatting_wrap .chat_nopen ul li:nth-child(2) a{bottom:15px}
.chatting_wrap .chat_nopen ul li a img{width:88px}

/* s:20171109 채팅유도 모션관련 */
.chatting_sol_wrap{position:fixed; width:84px; height:84px; right:20px; bottom:60px; z-index:93; opacity:0}/* 171201 z-index 수정 100-> */   /* 180322 right:28px */
.ani_wrap{position:relative; width:84px; height:84px}
.ani_wrap .chat_mond{position:relative; z-index:10}
.ani_wrap .chat_mond  div {position:absolute}
.chat_step02,.chat_step03,.chat_step04,.txt_chat01,.txt_chat01,.txt_chat_last{display:none}
.chat_bubble{transition:all 0.5s; position:absolute; right:79px; bottom:27px; border-radius:20px 20px 0 20px; padding:10px 15px; width:42px; min-height:22px; background:#6071c5; z-index:9; display:none; opacity:0}
.chat_bubble > span{font-size:12px; color:#fff !important; line-height:18px; white-space:nowrap}
.chat_bubble:before{content:""; position:absolute; display:block; width:9px; height:9px; bottom:-9px; right:20px}

.chat_bubble.chatt_type{background:rgba(0, 0, 0, .85)}
.chat_bubble.now_type{background:rgba(0, 0, 0, .85)}
.chat_bubble.nuts_type{background:rgba(0, 0, 0, .85)}
.chat_bubble.now_type2{background:rgba(0, 0, 0, .85)}

.txt_chat_last{transition:all 0.5s; position:absolute; right:79px; bottom:27px; border-radius:20px 20px 0 20px; padding:10px 15px; width:42px; min-height:22px; background:rgba(0, 0, 0, .85); z-index:9; display:none; opacity:0; box-shadow:3px 10px 18px rgba(0, 0, 0, 0.2)}
.txt_chat_last > span{display:none; font-size:13px; color:#fff !important; line-height:18px; white-space:nowrap}
.txt_chat_last em{display:inline-block; margin-left:10px; width:10px; height:7px; background:url(/subscribe/images/common/chattbot/ico_bubble_arrow.png) no-repeat; background-size:10px 7px}
.txt_chat_last:before{content:""; position:absolute; display:block; width:9px; height:9px; bottom:-9px; right:20px}

.chat_bubble.chatt_type + .txt_chat_last{background:rgba(0, 0, 0, .85)}
.chat_bubble.now_type + .txt_chat_last{background:rgba(0, 0, 0, .85)}
.chat_bubble.nuts_type + .txt_chat_last{background:rgba(0, 0, 0, .85)}
.chat_bubble.now_type2 + .txt_chat_last{background:rgba(0, 0, 0, .85)}

.dot_wrap{position:relative; height:22px}
.chat_dot{display:inline-block; margin:0px 3px 0 3px}
.chat_dot img{width:4px}

.chat_dot01{-webkit-animation-name:chat_ani_dot; animation-name:chat_ani_dot; -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}
.chat_dot02{-webkit-animation-name:chat_ani_dot; animation-name:chat_ani_dot; -webkit-animation-delay:0.5s; animation-delay:0.5s; -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}
.chat_dot03{-webkit-animation-name:chat_ani_dot; animation-name:chat_ani_dot; -webkit-animation-delay:1s; animation-delay:1s; -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}

@keyframes chat_ani_dot{0%,100%{transform:scale(0.7,0.7)}
	50%{transform:scale(1.4,1.4)}
}
@-webkit-keyframes chat_ani_dot{0%,100%{-webkit-transform:scale(0.7,0.7)}
	50%{-webkit-transform:scale(1.4,1.4)}
}

/*180322 챗봇 스타일변경!!*/
.chat_mond .chat_mondi_con{position:absolute; right:-4px; top:-1px; width:73px; height:73px; overflow:hidden; background:rgba(255, 255, 255, 0); border-radius:50%; text-align:center; z-index:1}
.chat_mond .chat_mondi_con + img{position:absolute; right:-10px; top:-2px}
.chat_mond .chat_mondi_con .chat_mondi_con_img{opacity:0; margin:0 0 1px}
.chat_mond .chat_mondi_con .chat_mondi_con_img img{width:95%; margin-top:8px}
.chat_mond .chat_mondi_con .chat_mondi_con_txt{height:73px; display:table; width:100%; text-align:center}
.chat_mond .chat_mondi_con .chat_mondi_con_txt div{display:table-cell; height:73px; width:100%; position:static; vertical-align:middle; font-size:13px; color:#fff; font-weight:700}
.chat_mond .chat_mondi_con>div{position:static; color:#fff; font-size:13px; opacity:0; float:inherit}
.chat_mondi_tooltip_pa{visibility:hidden}
.chat_mond.chat_mondi_tooltip{position:fixed; overflow:hidden; right:86px; bottom:69px; z-index:101}
.chat_mond.chat_mondi_tooltip span{display:block; width:auto; height:73px; overflow:hidden; transform-origin:right; float:right}
.chat_mond.chat_mondi_tooltip span img{width:auto; height:73px}

/* 챗봇 퀴즈 추가 */
.chatting_bot_wrap{position:fixed; left:15%; top:20%; width:70%; -webkit-transition:all 0.2s ease; transition:all 0.2s ease; -webkit-transform:scale(0,0); transform:scale(0,0); opacity:0; visibility:hidden}
.chatting_bot_wrap.on{-webkit-transform:scale(1,1); transform:scale(1,1); opacity:1; visibility:visible; z-index:94}/* 171221 */
.chatting_bot_wrap .chatting_quiz{width:100%; height:100%; position:relative}
.chatting_bot_wrap .chatt_btn_box {position:absolute; top:13.5%; right:3.5%; z-index:100}
.chatting_bot_wrap .chatt_btn_box a.chatting_quiz_close{display:block; padding:15px}
.chatting_bot_wrap .chatt_btn_box a.chatting_quiz_close span{display:block; width:15px; height:15px; background:url(/subscribe/images/common/btn_close_w02.png) no-repeat; background-size:15px; text-indent:-999em}/* 180402 */

.chattion_win{position:fixed; top:0; left:0; width:100%; height:100%; z-index:100}
.chattion_win .chatbot_close{position:absolute; display:block; right:0px; top:0px; padding:14px 15px 15px; width:16px; height:16px}

.pet_check_banner_box{position: relative;}
.pet_check_banner_box a{position: absolute;left: 5%;width: 70%;}

/* 동영상 팝업 */
#tutorialPop .layer_wrap{position:absolute; top:45px !important;}
.layer_wrap .layer_content.videoType{padding:0; position:absolute; left:50%; transform:translateX(-50%);}
.layer_wrap .layer_content.videoType .layer_info{background:url('/petpermint/images/content/petcal/bg_petcal_youtubewrap.png') no-repeat; background-size:343px 303px; width:343px; height:303px; border:0; border-radius:0; padding:0;}
#tutorialPop .layer_wrap a.pop_close{position:absolute; top:14px; right:22px; z-index:100; padding:8px;}
#tutorialPop .layer_wrap a.pop_close span{background:none; display:block; width:14px; height:14px; text-indent:-999em;}
#tutorialPop .iframe_wrap{position:absolute; top:48px; left:50%; transform:translateX(-50%);}

/* 휴대폰본인인증 약관 최신화 작업 */
.my_certification_wrap.addTy .my_certification.ico_none{display:flex; flex-flow:row nowrap; margin:12px 0 28px;}
.my_certification_wrap.addTy .my_certification.ico_none a{display:flex; justify-content:center; align-items:center; height:50px; padding:0; color:#333; font-size:15px;}
.terms_cont dl {margin:20px 0 10px 0;}
.list_type02.kor dt{margin-bottom:10px}
.terms_cont dd {margin-top:5px;}
.terms_cont_wrp.clause .txt_undline.txt_bd{font-weight:700}

/* 20190527 : KJW :펫퍼민트 :동물등록증 사진 등록 신규 팝업 */
.anim_cont{margin-top:30px;}
.anim_cont dl{margin-bottom:30px;}
.anim_cont dl dt{font-size:14px; font-weight:700; margin-bottom:15px;}
.anim_cont dl dd{text-align:center;}
.anim_cont .anim_print_type dd img{width:50%;}
.anim_regexp{border:solid 1px #e7e7e7; background-color:#f4f4f4; color:#666; padding:15px 10px; margin-bottom:25px;}
.anim_regexp li{position:relative; padding-left:15px; font-size:12px;}
.anim_regexp li:before {content:''; display:block; clear:both; position:absolute; left:0; top:4px; width:10px; height:10px; background:url(/petpermint/images/common/bul_billiard01.png) no-repeat 0 0; background-size:100% 100%;}

/* 20190703 : BHY :가입설계 지역선택 레이어 수정 */
.grouping .group.modiwidth {width:100%; margin-bottom :5%}
.option_box .address_selecter .grouping .group.modiwidth .selectbx .select_list,
.option_box .address_selecter .grouping .group.modiwidth .selectbx .select_list.more {width:calc(100% - 3px)}
.option_box .address_selecter .grouping .group.modiwidth .selectbx .select_list{position:absolute; border:none; border-left:1px solid #ddd; background-color:transparent;}
.option_box .address_selecter .grouping .group.modiwidth .selectbx .select_list{top:30px; left:0; height:auto; padding:0;}
.option_box .address_selecter .grouping .group.modiwidth .selectbx .select_list ul {border-bottom:none; width:100%; border-top:2px solid #7d6feb;}
.option_box .address_selecter .grouping .group.modiwidth .selectbx .select_list li{float:left; width:25%; height:40px; margin:0; text-align:center; display:table; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; background-color:#fff;}
.option_box .address_selecter .grouping .group.modiwidth .selectbx .select_list li a,
.option_box .address_selecter .grouping .group.modiwidth .selectbx .select_list li span{width:100%; display:table-cell; line-height:1.2; vertical-align:middle; padding:0; border:none}
.option_box .address_selecter .grouping .group.modiwidth .selectbx .select_list.more{display:none; top:30px; left:0; height:auto; padding:0;}
.option_box .address_selecter .grouping .group.modiwidth .selectbx .select_list.more ul {border-bottom:none; width:100%;}
.option_box .address_selecter .grouping .group.modiwidth .selectbx .select_list.more li{float:left; width:25%; height:40px; margin:0; text-align:center; display:table; border-right:1px solid#ddd; border-bottom:1px solid#ddd; box-sizing:border-box; background-color:#fff;}
.option_box .address_selecter .grouping .group.modiwidth .selectbx .select_list.more li a,
.option_box .address_selecter .grouping .group.modiwidth .selectbx .select_list.more li span{width:100%; display:table-cell; line-height:1.2; vertical-align:middle; padding:0; border:none;}

/* 20190712 : KJW : 펫퍼민트 가입설계 KB카드 이벤트 추가 */
.payment_list i.evt_kbCard_1907{display:inline-block; margin-left:5px; padding:0 6px; text-align:center; color:#fff; background:#7d6feb; font-size:12px; font-style:normal; border-radius:5px 5px 5px 5px; letter-spacing:0;}
.pay_tip .evt_cashbak1907{margin-bottom:10px;}

.pop_sec .kb_cashbak_wrap .c_e11b22{color:#e11b22;}
.pop_sec .kb_cashbak_wrap .td_underL{border-bottom:solid 1px #e11b22;}
.pop_sec .kb_cashbak_wrap .tbl_cashbak{margin-top:25px; width:100%; border-top:2px solid #000; text-align:center;}
.pop_sec .kb_cashbak_wrap .tbl_cashbak thead th{border-bottom:solid 1px #333; padding:10px 0; font-weight:700; text-align:center;}
.pop_sec .kb_cashbak_wrap .tbl_cashbak tbody td{border-bottom:solid 1px #ddd; padding:10px 0; font-weight:400; text-align:center;}
.pop_sec .kb_cashbak_wrap ul{margin-top:25px;}
.pop_sec .kb_cashbak_wrap ul li{padding: 0 0 5px 6px; background: url(/petpermint/images/content/pp/bul_dot2.png) 0 8px no-repeat; background-size: 2px 2px; font-family: 'Helvetica,sans-serif';}
.pop_sec .kb_cashbak_wrap ul li span{padding-left:33px;}

/* 20190806 : KJW : 펫 공유하기 팝업 추가  */
.layer_share{position:relative; min-width:300px; width:83%; border:solid 1px #333; box-sizing:border-box; overflow:hidden; border-radius:10px; background:#fff; margin:0 auto; padding:25px 0 30px;}
.layer_share h3{ font-size:20px; color:#111; font-weight:700; text-align:center; }
.layer_share h3 + p { margin-top:8px; font-size:16px; text-align:center; }
.layer_share ul { position:relative; display:flex; width:70%; margin:31px auto 0; }
.layer_share > ul > li { position:relative; flex:1; }
.layer_share > ul > li a { position:relative; display:block; box-sizing:border-box; width: 119px; height: 104px; }
.layer_share > ul > li a:before { position:relative; display:block; width:72px; height:72px; margin:0 auto; content:""; }
.layer_share > ul > li:nth-of-type(1) a:before { background:url("/petpermint/images/common/ico_kakao.svg") no-repeat center center; background-size:contain; }
.layer_share > ul > li:nth-of-type(2) a:before { background:url("/petpermint/images/common/ico_links.svg") no-repeat center center; background-size:contain; }
.layer_share > ul > li span { display:block; padding-top:10px; font-family:'RixSGo M'; font-size:16px; color:#111; font-weight:700; text-align:center; }
.layer_share > ul > li input { position:absolute; left:0; top:0; width:100px; height:10px; border:0; overflow:hidden; appearance: none; opacity:1; z-index:-1; }
.layer_share .input_wrap{display:block; position:relative; margin:0 auto; min-width:245px; padding:10px 2.5%; line-height:unset; border:solid 1px #b7b7b7; overflow:hidden; border-radius:5px; box-sizing:border-box; width:81.5%; box-sizing:border-box;}
.layer_share .input_wrap label{position:absolute; left:-1px; top:-1px; width:1px; height:1px; text-indent:-999em; overflow:hidden;}
.layer_share .input_wrap input{display:block;  min-width:176px; width:75%; height:unset; background:none; font-size:13px; color:#b7b7b7; box-sizing:border-box;}
.layer_share .input_wrap button{position:absolute; display:block;  right:0; top:0; min-width:60px; width:25%; height:100%; border-left:solid 1px #b7b7b7; background:#e9e9e9; font-size:13px; color:#333; text-align: center; box-sizing:border-box; letter-spacing:0; line-height:39px;}
.layer_share .btn_close{display:block; position:absolute; right:4%; top:4%; width:12px; height:12px;}
.layer_share .btn_close::before{content: ''; display:block; width:12px; height:12px; background:url(/petpermint/images/content/petcal/btn_share_close.png) 0 0 no-repeat; background-size:12px 12px; font-size: 1px; clip:rect(1px 1px 1px 1px); overflow: hidden;}
.layer_share .btn_close span {clip: rect(1px 1px 1px 1px); position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%;}
.layer_share .btn_wrap{position:relative; margin:36px auto 0; text-align:center;}
.layer_share .btn_wrap .confirm_btn{display:inline-block; width:80px; height:35px; line-height:35px;  font-size:15px; color:#fff; text-align:center; background:#7d6feb; border-radius:5px;}

/* 자주 찾는 직업 */
.favo_job_box { position:relative; margin-top:20px; padding:10px; background:#f8f8f8; border:1px solid #ddd; border-radius:5px; }
.favo_job_box .tit { position:relative; display:block; padding-left:18px; font-size:14px; color:#333; font-weight:700; }
.favo_job_box .tit:before { position:absolute; left:0; top:50%; width:11px; height:11px; background:url("/petpermint/images/common/ico_favjob.svg") no-repeat center center; background-size:contain; transform:translateY(-50%); content:""; }
.favo_job_box .favo_jobs { display:flex; flex-flow:row wrap; justify-content:start; align-items:center; gap:5px 3px; margin-top:10px; }
.favo_job_box .favo_jobs .btns { flex:0; width:auto; height:32px; padding:6px 15px; font-size:13px; color:#777; line-height:1; white-space:nowrap; background:#fff; border:1px solid #ddd; border-radius:15px; }

/* 20190813 : KJW : 가입설계 기록 저장 팝업  */
.calcsave_content{position:relative; margin:0 auto; min-width:300px; width:83%; background:#fff; padding:30px 0; border-radius:3%;}
.calcsave_content h3{ font-size:20px; letter-spacing:-0.025em; text-align:center; margin-bottom:25px;}
.calcsave_content .calcsave_txt{ font-size:14px; letter-spacing:-0.025em; text-align:center; margin-bottom:30px; color:#000;}
.calcsave_content .kakao_share{display:block; position:relative; margin:0 auto; min-width:245px; height:41px; padding:0 2.5%; line-height:unset; border:solid 1px #b7b7b7; overflow:hidden; border-radius:5px; box-sizing:border-box; width:81.5%; box-sizing:border-box; margin-bottom:15px;}
.calcsave_content .kakao_share p{display:block; min-width:176px; width:75%; font-size:13px; line-height:41px; color:#b7b7b7; box-sizing:border-box; background:url(/petpermint/images/content/petcal/ico_calcsave_kakao.png) 0 6px no-repeat; background-size:31px 28px;}
.calcsave_content .kakao_share p span{ color:#3c1e1e; font-size:12px; padding-left:36px; letter-spacing:-0.025em;}
.calcsave_content .kakao_share a{position:absolute; display:block;  right:0; top:0; min-width:60px; width:25%; height:100%; border-left:solid 1px #b7b7b7; background:#e9e9e9; font-size:13px; color:#333; text-align: center; box-sizing:border-box; letter-spacing:0; line-height:39px;}
.calcsave_content .input_wrap{display:block; position:relative; margin:0 auto; min-width:245px; padding:10px 2.5%; line-height:unset; border:solid 1px #b7b7b7; overflow:hidden; border-radius:5px; box-sizing:border-box; width:81.5%; box-sizing:border-box;}
.calcsave_content .input_wrap label{position:absolute; left:-1px; top:-1px; width:1px; height:1px; text-indent:-999em; overflow:hidden;}
.calcsave_content .input_wrap input{display:block;  min-width:176px; width:75%; height:unset; background:none; font-size:13px; color:#b7b7b7; box-sizing:border-box;}
.calcsave_content .input_wrap button{position:absolute; display:block;  right:0; top:0; min-width:60px; width:25%; height:100%; border-left:solid 1px #b7b7b7; background:#e9e9e9; font-size:13px; color:#333; text-align: center; box-sizing:border-box; letter-spacing:0; line-height:39px;}
.calcsave_content .btn_close{display:block; position:absolute; right:6%; top:4%; width:12px; height:12px;}
.calcsave_content .btn_close span{display:block; width:16px; height:16px; background:url(/petpermint/images/content/petcal/btn_share_close.png) 0 0 no-repeat; background-size:16px 16px; text-indent:-999em;}
.calcsave_content .btn_area{margin:35px 0 0 0;}

/* 20190813 : KJW : 가입설계 기록 저장 안내 (버튼쪽 팝업) */
.petbtn_04 .share_info{position:absolute; left:15px; bottom:80px; z-index: 5; min-width:210px; padding:10px 10px 10px 30px; box-sizing:border-box; border-radius:7px; background:#ffcf3d url(/petpermint/images/content/petcal/ico_pet_share_alert.png) 10px 10px no-repeat; background-size:15px 15px; border:solid 1px #333; opacity:1; transition: all .4s ease-out;}
.petbtn_04 .share_info:after{content:''; display:block; position:absolute; left:25px; bottom:-9.3px; width:15px; height:15px; background:#ffcf3d; border-left:solid 1px #333; border-bottom:solid 1px #333; transform:rotate(-45deg);}
.petbtn_04 .share_info p{ font-size:11px; text-align:left; letter-spacing:-0.025em;}
@-webkit-keyframes delayhide3{
	0%{opacity:1;margin-top:-70%;}
	75%{opacity:1;margin-top:-70%;}
	90%{opacity:0; margin-top:-70%; }
	100%{opacity:0; margin-top:0;}
}
@keyframes delayhide3{
	0%{opacity:1;margin-top:-70%;}
	75%{opacity:1;margin-top:-70%;}
	90%{opacity:0; margin-top:-70%; }
	100%{opacity:0; margin-top:0;}
}
.petbtn_04 .share_info .share_info_btn { display: block; position:absolute; top:8px; right:8px; width:8px; height:8px; padding: 6px; background:url(/petpermint/images/common/ico_close_btn.png) no-repeat center center; background-size: 8px;}
.petbtn_04 .share_info .share_info_btn:focus { outline: 2px solid black; border-radius: 2px;}
.petbtn_04 .share_info.si_hide { opacity:0; bottom:0; z-index: -1;}

.sub_history_wrap h2{ font-size:16px; margin-bottom:40px; font-weight:700;}
.sub_history_wrap .subHis_txt{position:relative;  font-size:12px; letter-spacing:-0.025em; color:#666; padding-left:7px;}
.sub_history_wrap .subHis_txt:before{content:'*'; position:absolute; left:0; top:50%; transform:translateY(-50%); margin-top:2px;}
.sub_history_wrap .box_radio{position:relative; margin:15px 0 0; color:#000}
.sub_history_wrap .box_radio:first-child{margin:0;}
.sub_history_wrap .box_radio:last-child{margin:15px 0 20px}
.sub_history_wrap .box_radio strong{display:inline; text-align:inherit; font-size:inherit;}
.sub_history_wrap .box_radio .input_radio input:checked+label strong{color:inherit;}
.sub_history_wrap .box_radio .input_radio{display:block}
.sub_history_wrap .box_radio .input_radio input[type=radio]{display:inline;}
.sub_history_wrap .box_radio .input_radio input[type=radio]+label{display:block; padding:10px 15px; border:1px solid #ddd; background:#fff; border-radius:10px; box-sizing:border-box;}
.sub_history_wrap .box_radio .input_radio input[type=radio]+label:before{display:block; position:absolute; top:50%; left:14px; width:22px; height:22px; background:var(--bg-common) -44px top no-repeat; background-size:250px 250px; content:""; margin-top:-11px;}
.sub_history_wrap .box_radio .input_radio input[type=radio]:checked+label:before{background-position:-66px top}
.sub_history_wrap .box_radio .input_radio input:checked+label{position:relative; background-color:#fff}
.sub_history_wrap .box_radio.on .input_radio input+label:after,
.sub_history_wrap .box_radio .input_radio input:checked+label:after{content:''; display:block; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; border:2px solid #7d6feb; border-radius:10px;}
.sub_history_wrap .box_radio .input_radio input+label p{font-size:13px; letter-spacing:-0.025em; padding-left:37px;}
.sub_history_wrap .box_radio .input_radio input+label p:first-child{margin-bottom:4px;}
.sub_history_wrap .box_radio .input_radio input+label p+p{font-weight:700;}

/* 20191004 : BHY : 개인정보동의 인증방식선택 수정 */
.certifi_agree ul {display:flex;margin:12px 0 28px}
.certifi_agree ul li {
	flex:1;justify-content: flex-between;text-align: center;
	display:block;position:relative;height: 100%;font-size:13px;margin:0 1%; color:#999; font-weight:700;padding-bottom: 9px;
}
.certifi_agree ul li:after {
	display:block;clear:both;content:"";
	position: absolute;left:50%;bottom:1px;z-index: 1;
	width: 12px;height: 9px;
	transform: translateX(-50%);
	background:url(/petpermint/images/content/petcal/bg_box_arrow_01.gif) no-repeat; background-size:cover;
	background-position:0 0;
}

.certifi_agree ul li:first-child{margin-left:0}
.certifi_agree ul li:last-child{margin-right:0}
.certifi_agree ul li:before{position:absolute; left:50%; background:url(/petpermint/images/content/petcal/img_certify01.png); background-size:150px 85px; content:""}
.certifi_agree ul li.certifi_mobile_i:before{top:18px; width:31px; height:42px; margin-left:-15px; background-position:0 -43px;}
.certifi_agree ul li.certifi_naver_i:before{top:20px; width:35px; height:42px; margin-left:-15px; background-position:-110px -43px;}
.certifi_agree ul li.certifi_naver_i a{background:url(/petpermint/images/content/petcal/event_belt.gif); background-size:39px 39px; content:"";background-repeat: no-repeat;}
.certifi_agree ul li.certifi_naver_i a.non_evt{background: none;}
.certifi_agree ul li.certifi_author:before{top:20px; width:35px; height:42px; margin-left:-16px; background-position:-32px -43px}
.certifi_agree ul li.certifi_credit:before{top:20px; width:41px; height:42px; margin-left:-20px; background-position:-67px -43px}

.certifi_agree ul li a {display: block;width: 100%;height: 100%;padding:62px 0 12px 0;border : 1px solid #ccc;border-radius: 5px;}
.certifi_agree ul.certifi_single li a{width: 50%;margin: 0 auto;}
.certifi_agree ul li a span {padding-left: 3px;}
.certifi_agree ul li a .txt_tip span {padding-left: 7px;}

.certifi_agree ul li.on:after {
	display:block;clear:both;content:"";
	position: absolute;left:50%;bottom:1px;z-index: 1;
	width: 12px;height: 9px;
	transform: translateX(-50%);
	background:url(/petpermint/images/content/petcal/bg_box_arrow_01.gif) no-repeat; background-size:cover;
	background-position:0 -9px;
}
.certifi_agree ul li.on a {border : 1px solid #7d6feb;color: #000;}
.certifi_agree ul li.certifi_mobile_i.on:before{background-position:0 0}
.certifi_agree ul li.certifi_naver_i.on:before{background-position:-110px 0}
.certifi_agree ul li.certifi_author.on:before{background-position:-32px 0}
.certifi_agree ul li.certifi_credit.on:before{background-position:-67px 0}

.certifi_agree ul li:last-child .txt_tip {display:none; position:absolute; left:-190%; bottom:-26px; margin:0; padding:0; width:280px; text-align:left; font-weight:normal; font-size:13px; color:#666}
.certifi_agree ul li:last-child.on .txt_tip {display:block;}

.certifi_agree ul li.naver_btn:before{width: 35px;height:42px;top:20px;margin-left: -15px;background-position: -110px -43px;}
.certifi_agree ul li.naver_btn a{background:url(/petpermint/images/content/petcal/event_belt.gif); background-size:39px 39px; content:"";background-repeat: no-repeat;}
.certifi_agree ul li.naver_btn a.non_evt{background: none;}
.certifi_agree ul li.authorize_btn:before{width: 35px;height:42px;top:20px;margin-left: -15px;background-position:-32px -43px;}

.certifi_agree ul li.on.naver_btn:before{background-position: -110px 0;}
.certifi_agree ul li.on.authorize_btn:before{background-position: -32px 0;}
.bx_valid .confirm_end p .txt_blue{color: #7d6feb;}


.naver_info {border-top: none;font-family:"RixSGo B";}
.naver_info a span.txt_violet{font-weight: bold;}
.naver_info a span.txt_violet:before {content:none;}

/* 191108 : KSH : 동물등록증사진(선택) 영역 */
.pet_enroll_photo {margin-top: 16px;}
.pet_enroll_photo .info_ment, .pet_enroll_photo .chk_wrap.basic>p {font-size: 13px; color: #000; font-weight: 700;line-height: 1.5;}
.pet_enroll_photo .info_ment > em {font-weight: bold;}
.pet_enroll_photo .chk_wrap.basic {position: relative; margin-top: 8px;}
.pet_enroll_photo .chk_wrap.basic > p {margin-bottom: 16px;}
.pet_enroll_photo .chk_wrap.basic .input_radio {position:relative; display: block; margin-left:0; margin-bottom: 5px;}
.pet_enroll_photo .chk_wrap.basic .input_radio label em {font-size:14px;}
.pet_enroll_photo .chk_wrap.basic .input_radio input[type=radio]+label em {position: relative; top: -2px;font-size:14px;}
.pet_enroll_photo .chk_wrap.basic .click {position: absolute; top: 55px; right: -10px; border-radius: 2px;}
.pet_enroll_photo .chk_wrap.basic .txt_error {font-weight: normal;}
.pet_enroll_photo .txt_tip {line-height: 16px;}

/* 200101 : KSH : 펫트체크 배너 */
.pet_check_banner_box{position: relative;}
.pet_check_banner_box a{position: absolute;left: 5%;width: 70%;}

/* 200113 : WYJ : 펫 동의영역 추가 */
.box_white_e8 {background:#f4f4f4;padding:15px;}
.box_white_e8 .input_checkbox input[type=checkbox]+label em {font-size:13px;font-weight:bold;}
.box_white_e8 em strong {font-size:13px;}

/* 200319 : KSH : 반려동물 다수가입에 대한 가입자 확인 팝업 */
.pet_insur_dup .txt_purple{color: #7d6feb;}
.pet_insur_dup .none_border{border: none;}
#pop_wrap.pet_insur_dup #pop_content h2{font-weight: 100;}
.pet_insur_dup .pop_content_inner .pop_sec h2{font-weight: 700;font-size: 14px;color: #333;}
.pet_insur_dup .pop_content_inner .pop_sec .txt_major{color: #000;}
.pet_insur_dup_check_box .chk_wrap.basic .input_radio{display:block;padding-bottom: 8px;margin-left: 0;}
.pet_insur_dup_check_box .chk_wrap.basic .input_radio.border_bottom{border-bottom: 1px solid #ddd;padding-bottom: 10px;}
.pet_insur_dup .pet_insur_dup_check_box{margin-top: 25px;}
.pet_insur_dup .pet_insur_dup_check_list{margin: 20px 0;}
.pet_insur_dup .pet_insur_dup_check_list .pet_insur_dup_check_term{position: relative;height: 80px;overflow-y: scroll;margin-top: 14px;padding: 17px 20px;background-color: #f4f4f4;}
.pet_insur_dup .pet_insur_dup_check_list .pet_insur_dup_check_term .txt_bold{font-weight: 700;}
.pet_insur_dup .txt_error{padding-top: 4px;border: none;}
.pet_insur_dup .pop_sec .confirm_line{font-weight: 100;line-height: 20px}
.pet_insur_dup .input_checkbox input[type=checkbox]+label em{font-weight: 700;font-size: 15px;}

/* 200402 : KSH : 다중선택라디오버튼 - 사각형 디자인  */
.user_sel dd li.square_radio{margin: 10px 0 0 0;border: 1px solid #ccc;width: 20%;box-sizing: border-box;text-align: center;line-height: 27px;}
.user_sel dd li.chk_wrap.square_radio .input_radio input[type=radio]{position: absolute;}
.user_sel dd li.chk_wrap.square_radio .input_radio input[type=radio]+label{padding: 0;display: inline-block;width: 100%;}
.user_sel dd li.square_radio:first-child{border-radius: 3px 0 0 3px;}
.user_sel dd li.square_radio:last-child{border-radius: 0 3px 3px 0;}
.chk_wrap.square_radio .input_radio input[type=radio]:checked+label{background-color: #7d6feb;color: #fff;}
.chk_wrap.square_radio>span{display: inline;}

/* 200327 : KSH : 사전수신동의 양식 */
.add_agree_check .chk_wrap.square .input_radio{width: 60px;}
.add_agree_check .chk_wrap.square .input_radio label{width: 60px;}
.slide_cont.dir_agree .add_agree_check .chk_wrap.square .input_radio input[type=radio]+label{padding: 2px 0;}
.add_agree_check{margin: 20px 0 20px 0;}
.add_agree_check .chk_wrap.square{margin-top: 10px;}
.chk_wrap.square.small_square .input_radio{width: 60px;}
.chk_wrap.square.small_square .input_radio label{width: 60px;}
.chk_wrap.square.small_square .input_radio input[type=radio]+label{padding: 5px 0;}
.list_type01 dd .small_square .input_radio input[type=radio]:disabled+label em{font-size: 13px;}
.chk_wrap.square.small_square .input_radio:last-child input[type=radio]:disabled+label{color: #fff;background-color:#7d6feb;}


/* 210727 : BHY : 펫 팝업 수정 */
#pop_wrap #pop_content .pop_content_inner .pet_standard_new dl dt{position: relative;padding-bottom: 0;}
#pop_wrap #pop_content .pop_content_inner .pet_standard_new .r_area{top: -2px;}
#pop_wrap #pop_content .pop_content_inner .pet_standard_new .radio_area .pet_new_check{display: flex; justify-content: space-between; align-items: flex-start; line-height:18px;min-width:100%;}
#pop_wrap #pop_content .pop_content_inner .pet_standard_new .radio_area .pet_new_check .radio_tit{flex: 1;}
#pop_wrap #pop_content .pop_content_inner .pet_standard_new .radio_area .pet_new_check .radio_cont{float:none;width:auto; min-width:130px; flex:none; display:flex; justify-content: space-between; align-items:flex-start; }
#pop_wrap #pop_content .pop_content_inner .pet_standard_new .radio_area .pet_new_check .input_radio input[type=radio]+label:before{width: 20px;height: 20px;background-position:-40px 0 ;background-size: 222px; top:calc(50% - 10px);}
#pop_wrap #pop_content .pop_content_inner .pet_standard_new .radio_area .pet_new_check .input_radio input[type=radio]:checked+label:before{background-position: -60px top;}
#pop_wrap #pop_content .pop_content_inner .pet_standard_new .radio_area .pet_new_check.chk_wrap.flex_end{justify-content: flex-end;}
#pop_wrap .pet_standard_new .radio_badge{margin-top:0;}


.pet_standard_new li .input_checkbox{margin-right: 5px;}
.pet_standard_new li .input_checkbox input[type=checkbox]+label{padding: 0 0 0 26px;line-height: 28px;}
.pet_standard_new li .input_checkbox input[type=checkbox]+label:before{top: 5px;}
.pet_standard_new li .input_checkbox input[type=checkbox]+label em{font-size: 13px;font-weight: 700;}

.pet_standard_new .agree_area ol li dl dt{color: #333;}
.pet_standard_new .agree_area ol li dl dd{position: relative;padding-left: 10px;margin-bottom: 0;font-size: 13px;}
.pet_standard_new .agree_area ol li dl dd:before{content: '';position: absolute;width: 6px;height: 1px;background-color: #333;left: 0;top: 10px;}
.white_color_box{background-color: #fff !important;}

#pop_wrap #pop_content .pop_content_inner dl dd ul.cm_standard > li{font-size: 13px;}
#pop_wrap #pop_content .pop_content_inner dl dd ul.cm_standard > li h4{font-weight: 700;}
#pop_wrap #pop_content .pop_content_inner dl dd ul.cm_standard > li > p{position: relative;padding-left: 10px;margin-bottom: 0;font-size: 13px;}
#pop_wrap #pop_content .pop_content_inner dl dd ul.cm_standard > li > p:before{content: '';position: absolute;width: 6px;height: 1px;background-color: #333;left: 0;top: 10px;}



.radio_badge{margin-top: 4px;display: inline-block;box-sizing: border-box;background-color: #57e94d;color: #000;font-size: 11Px;line-height: 18px;padding:0 7px;border-radius: 10px;}
.top_check_box{float: right;}
.calcul_agree_area>h2{border-top: 2px solid #000;padding-top: 20px;}

.pet_calcul_simple{padding-top: 30px;border-top: 2px solid #000;}
.pet_calcul_simple h2{position: relative;}
.pet_calcul_simple .line_box{border: 1px solid #e9e9e9;padding: 10px;}
.pet_calcul_simple .chk_wrap.pet_new_check .input_radio input[type=radio]+label{position: relative;}
.pet_calcul_simple .chk_wrap.pet_new_check .input_radio input[type=radio]+label em{font-weight: 700;}
.pet_calcul_simple .chk_wrap.pet_new_check .input_radio input[type=radio]+label:before{display: block;position: absolute;top: 0;left: 0;width: 24px;height: 24px;background: url(/petpermint/images/common/pet_radio_ico.png) 0 0 no-repeat;background-size: 50px 25px;content: "";}
.pet_calcul_simple .chk_wrap.pet_new_check .input_radio input[type=radio]:checked+label:before{background-position: -25px 0;}
.pet_calcul_simple .chk_wrap.pet_new_check .input_radio>label{display: inline-block;padding-top: 2px;}
.pet_calcul_simple .chk_wrap.pet_new_check{text-align: right;margin: 10px 0 30px;}
.pet_calcul_simple .r_area{display: inline-block;position: absolute;right: 0;top: -2px;}
.pet_calcul_simple .r_area a{display: inline-block;width: 23px;height: 23px;background: url(/petpermint/images/common/ico_plus.png) 0 0 no-repeat;background-size: 23px;}

.pet_calcul_simple .pet_new_check .radio_cont p{text-align: left;margin-bottom: 15px;}

.txt_bold{font-weight: 700 !important;}

.pet_standard_new dl dt{position: relative;padding-bottom: 0;}
.pet_standard_new dl dt h2{display: inline-block;}
.pet_standard_new .r_area{display: inline-block;position: absolute;right: 0;top: -2px;}
.pet_standard_new .radio_area{border: 1px solid #e7e7e7;border-top: 0;background-color: #f6f6f6;padding: 18px 15px;font-size: 11px;}

.pet_standard_new .radio_area .radio_tit{font-weight: 700;}
.pet_standard_new .radio_area .radio_cont{display: inline-block;width: 44%;text-align: right;float: right;}

.pet_standard_new .radio_area .chk_wrap.pet_new_check{position: relative;margin-bottom: 10px;}
.pet_standard_new .radio_area .chk_wrap.pet_new_check .input_radio{font-size: 12px;position: relative;}

.pet_standard_new .radio_area .chk_wrap.pet_new_check .input_radio input[type=radio] {position: absolute;left: 0;top: 0; width: 20px; height: 20px; appearance: none;}
.pet_standard_new .radio_area .chk_wrap.pet_new_check .input_radio input[type=radio]:focus { outline: 2px solid black; border-radius: 2px;}
.pet_standard_new .radio_area .chk_wrap.pet_new_check .input_radio input[type=radio]+label{position: relative;}
.pet_standard_new .radio_area .chk_wrap.pet_new_check .input_radio input[type=radio]+label em{font-weight: 700;}
.pet_standard_new .radio_area .chk_wrap.pet_new_check .input_radio input[type=radio]+label:before{display: block;position: absolute;top: 0;left: 0;width: 22px;height: 22px;background: url(/subscribe/images/common/ico_comm.png) -45px 0 no-repeat;background-size: 250px 250px;content: "";}
.pet_standard_new .radio_area .chk_wrap.pet_new_check .input_radio input[type=radio]:checked+label:before{background-position: -68px top;}

.pet_standard_new .radio_area .chk_wrap.pet_new_check span{margin-left: 0;}
.pet_standard_new .pet_standard_dl dt{color: #000;}
.pet_standard_new .pet_standard_dl dd{margin-bottom: 10px;}

.pet_standard_new li p.li_item{text-indent: 10px;position: relative;font-size: 13px;color: #555;margin-bottom: 5px;}
.pet_standard_new li p.li_item:before{content: '';position: absolute;width: 5px;height: 1px;background-color: #555;left: 0;top: 12px;}
.pet_standard_new li .input_checkbox{margin-right: 5px;}
.pet_standard_new li .input_checkbox input[type=checkbox]+label{padding: 0 0 0 26px;line-height: 28px;}
.pet_standard_new li .input_checkbox input[type=checkbox]+label:before{top: 5px;}
.pet_standard_new li .input_checkbox input[type=checkbox]+label em{font-size: 13px;font-weight: 700;}

.pet_standard_new .agree_area ol li dl dt{color: #333;}
.pet_standard_new .agree_area ol li dl dd{position: relative;padding-left: 10px;margin-bottom: 0;font-size: 13px;}
.pet_standard_new .agree_area ol li dl dd.no_line_dd:before{background: none;}
.pet_standard_new .agree_area ol li dl dd.deep_dd{padding-left: 20px;}
.pet_standard_new .agree_area ol li dl dd.deep_dd:before{left: 10px;}

.pet_standard_new .agree_area ol li dl dd:before{content: '';position: absolute;width: 6px;height: 1px;background-color: #333;left: 0;top: 10px;}

.pet_standard_new.p_check_radio .radio_area { display: flex; justify-content: space-between; align-items: flex-start; padding: 22px 0 12px; border: none; border-bottom: 2px solid #333; background-color: #fff;}
.pet_standard_new.p_check_radio .radio_area >span { font-size: 15px; font-weight: bold; color: #000;}
.pet_standard_new.p_check_radio .radio_area .chk_wrap.pet_new_check { margin-bottom: 0;}
.pet_standard_new.p_check_radio .radio_area .chk_wrap.pet_new_check { display: flex; align-items: center;}
.pet_standard_new.p_check_radio .radio_area .chk_wrap.pet_new_check .input_radio { margin-left: 15px;}
.pet_standard_new.p_check_radio .radio_area .chk_wrap.pet_new_check .input_radio input[type=radio]+label { padding-left: 28px; font-size: 14px; color: #000;}
.pet_standard_new.p_check_radio .radio_area .chk_wrap.pet_new_check .input_radio input[type=radio]+label:before { top: -3px; width: 20px; height: 21px; background: url(/petpermint/images/common/ico_check_radio.png) no-repeat; background-size: 20px 50px; background-position-y: 1px}
.pet_standard_new.p_check_radio .radio_area .chk_wrap.pet_new_check .input_radio input[type=radio]:checked+label:before { background-position-y: -29px;}
.pet_standard_new.p_check_radio .btn_ly_info { margin-left: 1px;}

.pet_standard_new.list_inner_radio .radio_area { padding: 0; border: none; background-color: transparent;}
.pet_standard_new.list_inner_radio .radio_area .chk_wrap.pet_new_check { display: flex; align-items: center; margin-top: 15px;}
.pet_standard_new.list_inner_radio .radio_area .chk_wrap.pet_new_check .input_radio { margin-right: 16px;}
.pet_standard_new.list_inner_radio .radio_area .chk_wrap.pet_new_check .input_radio input[type=radio]+label { font-size: 14px; color: #000;}
.pet_standard_new.list_inner_radio .radio_area .chk_wrap.pet_new_check .input_radio input[type=radio]+label:before { top: -3px; width: 20px; height: 20px; background: url(/petpermint/images/common/ico_check_radio.png) no-repeat; background-size: 20px 50px;}
.pet_standard_new.list_inner_radio .radio_area .chk_wrap.pet_new_check .input_radio input[type=radio]:checked+label:before { background-position-y: -30px;}
.pet_standard_new.list_inner_radio +.detail_box { padding: 0 !important;}


.white_color_box{background-color: #fff !important;}

dl dd ul.cm_standard > li{font-size: 13px;}
dl dd ul.cm_standard > li h4{font-weight: 700;}
dl dd ul.cm_standard > li > p{position: relative;padding-left: 10px;margin-bottom: 0;font-size: 13px;}
dl dd ul.cm_standard > li > p:before{content: '';position: absolute;width: 6px;height: 1px;background-color: #333;left: 0;top: 10px;}

.pet_standard_paystep h2{position: relative;margin:0 0 6px; color:#000;font-size:16px; font-weight:700;}
.pet_standard_paystep .tit_b16 .r_area{display: inline-block;}
.pet_standard_paystep .tit_b16 .r_area.top_r_area{position: absolute;right: 0;}
.pet_standard_paystep .tit_b16 .r_area a{display: inline-block;width: 23px;height: 23px;background: url(/petpermint/images/common/ico_plus.png) 0 0 no-repeat;background-size: 23px;}
.pet_standard_new.pet_standard_top_cont dl dt{color: #000;}
.pet_standard_new.pet_standard_top_cont dl dd .radio_area{border: none;background-color: #fff;padding: 0;}

.detail_pop .detail_pop_header{position: relative;color: #777;padding-bottom: 15px;}
.detail_pop .detail_pop_header p{margin-top: 15px;text-indent: -12px;padding-left: 12px;}

.detail_pop ol{color: #333;font-size: 13px;}
.detail_pop ol li dl dt{color: #000;font-weight: 700;font-size: 14px;}
.detail_pop ol li dl dd{position: relative;padding-left: 10px;font-size: 12px;}
.detail_pop ol li dl dd strong{font-size:13px;}
.detail_pop ol li dl dd:before{content: '';position: absolute;width: 4px;height: 2px;background-color: #333;top: 7px;left: 0;}
.detail_pop ol li dl dd.no_line_dd{text-indent: -10px;}
.detail_pop ol li dl dd.no_line_dd:before{background: none;}
.detail_pop ol li dl dd.alert_sentence{color: #777;text-indent: -10px;padding-left: 10px;margin-top: 5px;}
.detail_pop ol li dl dd.alert_sentence:before{content: none;}

.importnat_txt{font-size: 15px;}

/* 210624 : BHY : 동의등급 */
.total_agree_grade {position:relative;display: inline-block;}
.total_agree_grade .total_agree_grade_txt {display: inline-block;font-size:12px !important; color:#fff;background-color: #4fb348;padding: 0 8px;border-radius:20px;margin:0 0 0 5px;}
.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:-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 .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 ul.tooltip_list {border:1px solid #fff; border-radius:10px; display: flex;padding: 0 !important;}
.total_agree_grade .total_agree_grade_tooltip ul.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;}
.total_agree_grade .total_agree_grade_tooltip ul.tooltip_list li:nth-child(1) {background:#18a2d0; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.total_agree_grade .total_agree_grade_tooltip ul.tooltip_list li:nth-child(2) {background:#64bc54;}
.total_agree_grade .total_agree_grade_tooltip ul.tooltip_list li:nth-child(3) {background:#efcf1c;}
.total_agree_grade .total_agree_grade_tooltip ul.tooltip_list li:nth-child(4) {background:#f5933e;}
.total_agree_grade .total_agree_grade_tooltip ul.tooltip_list li:nth-child(5) {background:#ee3f24; 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;}

/* 공통팝업 */
.pop_content_inner .info_txt_group{margin-bottom:23px;}
.pop_content_inner .info_txt_group .tit_info{margin-bottom:9px; font-size:16px; line-height:20px; color:#000000; text-indent:-15px; padding-left:15px;}
.pop_content_inner .info_txt_group .tit_info_sub{margin-bottom:5px; font-size:14px; line-height:20px; color:#444444;}
.pop_content_inner .info_txt_group .tit_info_sub.pl20{padding-left:20px; margin-bottom:10px;}
.pop_content_inner .info_txt_group .txt{margin-bottom:13px; font-size:14px; line-height:20px; color:#666666;}
.pop_content_inner .info_txt_group .txt.gray{color:#666;}

.pop_content_inner .info_txt_group .list_type03{margin:0 0 20px 0;}
.pop_content_inner .info_txt_group .list_type03 dd{margin-left:10px; padding-left:10px; color:#666; font-size:14px; position:relative;}
.pop_content_inner .info_txt_group .list_type03 dd::after{content: ""; position: absolute; width: 3px; height: 3px; background-color: #999; top: 7px; left: 4px;}
.pop_content_inner .info_txt_group .list_type03 li, .pop_content_inner .info_txt_group .list_type03 dt{padding-left:10px; color:#666; font-size:14px; position:relative;}
.pop_content_inner .info_txt_group .list_type03 li::before, .pop_content_inner .info_txt_group .list_type03 dt::before{content:"-"; position:absolute; top:-2px; left:0;}

/* 211130 : WSN : 펫퍼민트 문구추가 */
.tip_purple {padding:10px 15px 0 15px; font-size:13px; color:#7d6feb;}

/* 20220704 DJM 품종문구수정 */
.layer_wrap .layer_info dd .pet_kind{font-size: 12px; font-weight: 700; color: #333333;}

/* 휴대폰본인인증 약관 최신화 작업 - 알뜰폰 추가작업 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;}

/* 221026 : BHY : 가입설계 전체동의 체크버튼 변경 */

#pop_wrap .popup_nav.fixed {position: fixed;left:0; top:78px; z-index:1;width:calc(100% - 30px);}
#pop_wrap .fixed.pop_conclusion {top:55px;}
#pop_wrap #pop_header.fixed {position:fixed;left:0; top:0; z-index:1;}
#pop_wrap #pop_content .agree_area.popup_nav.fixed {padding: 45px 15px 0 15px}
#pop_wrap #pop_content.pop_scroll_y .pop_content_inner {padding-top:0px;}
.agree_area.popup_nav {position: relative;background-color: #fff;padding: 20px 15px 0px;}
#pop_wrap .agree_area.popup_nav .notice_txt{margin-top:10px; font-size:12px; color:#767676;}
#pop_wrap #pop_content .pop_content_inner.popup_ios_pb {padding-bottom:80px;}

.data_group .custom_checkbox .input_checkbox{display:inline-block; width:100%;}
.data_group.justify_sb .custom_checkbox input[type=checkbox] { width: 23px; height: 21px; clip: initial; appearance: none;}
.data_group.justify_sb .custom_checkbox input[type=checkbox]:focus { outline: 2px solid black; border-radius: 2px;}
/* .data_group .custom_checkbox.type_btn input[type=checkbox] {display: none;} wa: 주석 */
.data_group .custom_checkbox.type_btn input[type=checkbox]+label {position: relative;width: 100%;height: 40px;border: 1px solid #7d6feb;display: flex;justify-content: center;align-items: center;cursor: pointer;box-sizing: border-box;padding:0;}
.data_group .custom_checkbox.type_btn input[type=checkbox]+label::before { content:""; position:static; display:block; ; width:12px; height:10px; background:url('/petpermint/images/common/common.png') -54px -124px no-repeat; background-size:250px 250px; margin-right: 10px;}
.data_group .custom_checkbox.type_btn input[type=checkbox]:checked+label::before {background-position:-40px -124px;}
.data_group .custom_checkbox.type_btn .input_checkbox input[type=checkbox]+label em,
.data_group .custom_checkbox.type_btn .input_checkbox input[type=checkbox]+label strong {font-size:15px;}

.agree_tab {border-bottom: 1px solid #000;margin-top: 20px;box-sizing: border-box;}
.agree_tab ul {height: 44px;display: flex;}
.agree_tab ul li {height: 100%;width: 50%;}
.agree_tab ul li a {position: relative;display: block;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;color: #666;font-size:13px;}
.agree_tab ul li.active a {color: #000;font-weight: bold;}
.agree_tab ul li.active a::after {content: '';display: block;width: 100%;border-bottom: 2px solid #7d6feb;position: absolute;left: 0;bottom:-1px;z-index: 1;}

.data_group > span { flex:1; text-align:center; }
.data_group > span > input { width:100%; }
.data_group > span:nth-of-type(1) { flex:5.5; }
.data_group > span:nth-last-of-type(1) { flex:5.5; }

@media all and (min-width:640px){
	.new_container_body .pet_tab .tabs { top:214px !important; }
	.transkey_div.transkey_number1_div { left:initial !important; right:initial !important; top:initial !important; margin-left:-168px !important; }
	.transkey_div.transkey_number3_div { left:initial !important; right:0; top:initial !important; width:450px; height:150px;  }

	.transkey_div .transkey_number3_layout { display:block; width:100%; height:100%; background-size:contain; }
	.transkey_div .transkey_number3_row { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:stretch; width:100%; height:33%; }
	.transkey_div .transkey_number3_key1 { width:100%; height:100%; }
	.transkey_div .transkey_number3_key2 { width:100%; height:100%; }
	
	.transkey_div .transkey_number3_clear { flex:1.5 auto; height:100%; }
	.transkey_div .transkey_number3_del { flex:1.5 auto; height:100%; }
	.transkey_div .transkey_number3_done { flex:3 auto; height:100%; }
}

/* 펫 보험 자동완성 이메일 */
.pet_ui_menu { position:absolute; left:0; width:auto; padding:0; z-index:100; }
.pet_ui_menu > li > div { padding:5px 10px; }
.pet_ui_menu .ui-state-active { border-radius:0; }

/* 펫 보험 마우스 애니메이션 */
.chat_mouse { position:fixed; left:50%; top:50%; width:56px; height:56px; background:rgba(125,111,235,0.3); border-radius:50%; box-shadow:4px 4px 4px rgba(0,0,0,0.1); transform:translate(-50%, -50%); z-index:110; }
.chat_mouse.off { display:none; }
.chat_mouse .chat_m { position:absolute; display:block; left:50%; top:50%; width:24px; height:40px; background:url("/petpermint/images/renew/sym_mouse.svg") no-repeat center center; background-size:contain; transform:translate(-50%, -50%); }
.chat_mouse .chat_m_arrow { position:absolute; displaY:block; left:50%; bottom:0; width:13px; height:6px; background:url("/petpermint/images/renew/sym_arrow.svg") no-repeat center center; background-size:contain; transform:translateX(-50%); }
.chat_mouse .chat_m_arrow1 { bottom:0; animation:chat_a_m1 1s .5s infinite both; }
.chat_mouse .chat_m_arrow2 { bottom:-7px; animation:chat_a_m1 1s .7s infinite both; }
.chat_mouse .chat_m_arrow3 { bottom:-14px; animation:chat_a_m1 1s .9s infinite both; }
@keyframes chat_a_m1 {
	  0% { opacity:0; }
	 50% { opacity:0.8; }
	100% { opacity:0; }
}


/* 테스트 */
/* #pop_wrap #pop_header { height:auto; min-height:44px; padding-bottom:initial; }
.chk_wrap.basic .input_radio input[type=radio]+label { display:block; }
#layerAreaWrap { bottom:0; }
#layerAreaWrap .ui_anim_pop  { bottom:0; } */

/* 포커스 위치 조정 */
html, body { height:100% !important; }
#layerAreaWrap { position:fixed; bottom:0; height:100%; }
#layerAreaWrap > div { position:relative; width:100%; height:100%; }
#layerAreaWrap #alertPop { z-index:107; }