@charset "utf-8";
/* @import "fonts.css"; */
/* @import "direct-reset.css"; */

html {
	font-size:62.5% !important;
	-webkit-text-size-adjust:100%;
	text-size-adjust:100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
html, body {
	font-smoothing:antialiased;
	-webkit-font-smoothing:antialiased;
}
body {
	padding-top:constant(safe-area-inset-top);
	padding-top:env(safe-area-inset-top);
}
body * { font-family:"Noto Sans KR","Roboto","Apple SD Gothic Neo","맑은 고딕","Malgun Gothic","돋움",Dotum,"굴림",Gulim,AppleGothic,Sans-serif;letter-spacing:-.05rem; }

html.is-scroll-lock {
	touch-action: none;
	-webkit-overflow-scrolling: none;
	overflow: hidden;
	overscroll-behavior: none;
}

button { border:0;outline:0; }

/* 241105 html font-size 기준 변경으로 인한 class 변경 */
.subWrap { padding:2rem; }
.subPageTitle { margin-top:.6rem; }
.subPageTitle h2 {
	font-size:2.6rem;
	color:#111;
	line-height:3.04rem;
	font-weight:600;
	letter-spacing:-.05rem;
}
.claimStep {
	display:flex;
    justify-content:flex-end;
    align-items:center;
    height:1.8rem;
}
.claimStep ul {
	background-color:#efeee7;
	border-radius:36%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:27%;
	height:.2rem;
}
.claimStep ul li { width:20%; }
.claimStep ul li.focus { height:.4rem; }
.claimStep ul li.focus.all {
    border-radius:30%;
    background-color:#000;
}
.claimStep .snumber {
    margin-left:.4rem;
    font-size:1.3rem;
    font-weight:500;
    color:#111;
}
.claimStep .snumber > * { font-size:inherit; }
.claimStep .snumber span { color:#000; }
.claimStep .snumber span.all { color:#999; }

/* 241105 보험금청구 펫보험 추가 */
.tab_claim {
	width:100%;
	margin:3.3rem 0 0 0;
	font-size:62.5% !important;
}
.tab_claim li {
	width:100%;
	margin-top:1.6rem;
}
.tab_claim li:first-child { margin-top:0; }
.tab_claim li a {
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;
	-webkit-box-orient:horizontal;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;
	-webkit-box-pack:start;-moz-box-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;
	-webkit-box-align:center;-moz-align-items:center;-ms-flex-align:center;align-items:center;
	position:relative;
	top:0;
	left:0;
	height:6rem;
	padding:0 2rem;
	-webkit-border-radius:.8rem;
	border-radius:.8rem;
	border:.1rem solid #ddd;
}
.tab_claim li a:after {
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.tab_claim li a.active { border-color:#046fd9; }
.tab_claim li a input[type="radio"] {
	position:absolute;
	width:0;
	height:0;
	padding:0;
	overflow:hidden;
	clip:rect(0, 0, 0, 0);
	border:0;
}
.tab_claim li a input[type="radio"] + label {
	position:relative;
	top:0;
	left:0;
	padding:0 0 0 3.2rem;
	font-size:1.6rem;
	font-weight:700;
	color:#26282c;
	letter-spacing:-.04rem;
	white-space:nowrap;
}
.tab_claim li a input[type="radio"] + label:before {
	content:'';
    display:block;
    position:absolute;
    top:50%;
    left:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index: 3;
    width:2.4rem;
    height:2.4rem;
    border:.1rem solid #ccc;
    -webkit-border-radius:50%;
    border-radius:50%;
    -webkit-transition:.3s cubic-bezier(.4, .0, .23, 1);
    transition:.3scubic-bezier(.4, .0, .23, 1);
	box-sizing:border-box;
}
.tab_claim li a input[type="radio"] + label:after {
	content:'비활성화';
	display:block;
	position:absolute;
	top:.1rem;
    left:.6rem;
    z-index:9;
    width:1.2rem;
    height:1rem;
    background: url(/mhwr/direct/images/app/ltrmMdl/ico_chk.png) no-repeat center / 100%;
    text-indent:-9999rem;
}
.tab_claim li a input[type="radio"]:checked + label:before {
	background-color:#fff;
	border:.1rem solid #046fd9;
	transition:none;
}
.tab_claim li a input[type="radio"]:checked + label:after {
	content:'활성화';
	border-color:#fff;
	background:url(/mhwr/direct/images/app/ltrmMdl/ico_chk_on.png) no-repeat center / 100%;
}
.tab_claim li a input[type="radio"] + label + span {
	margin-left:.8rem;
	font-size:1.4rem;
	font-weight:400;
	color:#888;
	letter-spacing:-.04rem;
	white-space:nowrap;
}
@media only screen and (max-width: 350px) {
	.tab_claim li a input[type="radio"] + label { padding:0 0 1.5rem 3.2rem; }
	.tab_claim li:last-child a input[type="radio"] + label { padding:0 0 0 3.2rem; }
	.tab_claim li a input[type="radio"] + label + span { position:absolute;top:3.6rem;left:5.3rem;margin:0; }
	.tab_claim li a input[type="radio"] + label:after { top:.9rem; }
	.tab_claim li:last-child a input[type="radio"] + label:after { top:.1rem; }
}
.tab_claim + .gray_rbox {
	margin-top:1.6rem;.
	-webkit-border-radius:.6rem;
    border-radius:.6rem;
}
.advice_red_icon {
	position:relative;
	padding-left:2rem;
	font-weight:400;
	font-size:1.4rem !important;
	line-height:2rem !important;
	color:#858585;
	letter-spacing:-.05rem;
	word-break:keep-all;
}
.advice_red_icon:before {
	content:"";
	display:inline-block;
	position:absolute;
	top:.3rem;
	left:0;
	width:1.6rem;
	height:1.6rem;
	background:url(/mhwr/app/images/app/common/claim_nkkim.png) no-repeat;
	background-size:100% auto;
}

.section_bottomInfo {
	width:calc(100% + 4rem);
	padding:3.2rem 2rem 0 2rem;
	margin:3.2rem 0 0 -2rem;
	border-top:1rem solid #f3f4f4;
}
.section_bottomInfo h3 {
	font-size:1.5rem;
	font-weight:700;
	color:#26282c;
}
.section_bottomInfo h3 + p {
	margin-top:1rem;
	font-size:1.4rem;
	font-weight:400;
	color:#666;
	text-align:left;
	line-height:1.9rem;
}
.section_bottomInfo ul {
	margin-top:2rem;
    border:.1rem solid #e4e8eb;
    -webkit-border-radius:1rem;
    border-radius:1rem;
}
.section_bottomInfo ul li {
    position:relative;
    height:5.1rem;
}
.section_bottomInfo ul li:not(:last-child) {
	border-bottom: 1px solid #e4e8eb;
}
.section_bottomInfo ul li a {
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;
	-webkit-box-orient:horizontal;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;
	-webkit-box-pack:justify;-moz-box-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;
	-webkit-box-align:center;-moz-align-items:center;-ms-flex-align:center;align-items:center;
	width:100%;
	height:100%;
	padding:0 2rem;
}
.section_bottomInfo ul li a span:nth-of-type(1) {
	font-size:1.4rem;
	font-weight:400;
	color:#333;
}
.section_bottomInfo ul li a span:nth-of-type(2) {
	right:1.9rem;
	width:.9rem;
	height:1.6rem;
}
.section_termsWrap {
	margin:1.6rem 0;
}
.section_termsWrap > p {
	width:100%;
	margin-top:.8rem;
	font-size:1.4rem;
	font-weight:400;
	color:#666;
	line-height:2rem;
	letter-spacing:-.05rem;
	word-break:keep-all;
}
.section_termsWrap > p:nth-of-type(1) { margin-top:0; }
.section_bottomInfo .section_termsWrap + h3 { margin-top:3.2rem; }

.cyberNew .visual { padding:5rem 0 !important; }
.chocobi-popup .pop_wr,
#sub_popup .pop_wr,
#tgrmFncCsmr_pop .pop_wr { padding-top:5rem !important; }
.chocobi-popup .pop_wr .pop-header,
#sub_popup .pop_wr .pop-header,
#tgrmFncCsmr_pop .pop_wr .pop-header { height:5rem !important; }
.pop_wr .pop-header h4 {
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;
	-webkit-box-orient:vertical;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;
	-webkit-box-pack:center;-moz-box-justify-content:center;-ms-flex-pack:center;justify-content:center;
	-webkit-box-align:center;-moz-align-items:center;-ms-flex-align:center;align-items:center;
	height:5rem;
	font-size:1.6rem !important;
}
.cyberNew .pop_wr .pop-wrap { padding:2rem !important; }
.cyberNew .doc_subject .listType01 > li.claim_oldlist {
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;
	-webkit-box-orient:vertical;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;
	-webkit-box-pack:center;-moz-box-justify-content:center;-ms-flex-pack:center;justify-content:center;
	-webkit-box-align:start;-moz-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;
	padding:2rem 2rem 0 2rem;
}
.cyberNew .doc_subject .listType01 > li.claim_oldlist > .list_tit {
	width:100%;
	padding:0 0 1.9rem 0;
}
.cyberNew .doc_subject .claim_oldlist > a * {
	font-size:1.6rem !important;
}
.cyberNew .doc_subject .listType01 .list_tit .more:before,
.cyberNew .qnaList .title .more:before {
	width:.7rem;
	height:.7rem;
}
.cyberNew .doc_warp ul li,
.cyberNew .doc_warp .terms_lst li {
	font-size:1.4rem;
	line-height:2rem;
}
.cyberNew p.li_th1:before,
.cyberNew .li_th1 > li:before {
	top:1rem !important;
	width:.2rem !important;
	height:.2rem !important;
}
.cyberNew .doc_warp .li_th2 > li:before { top:1rem !important; }
.cyberNew .doc_subject .listType01 .list_con li ul li { padding:0 1rem !important; }
.cyberNew .doc_subject + .step_wrap.lg { margin-top:3.9rem; }
.cyberNew .step_wrap .li_th > li { margin-bottom:2rem; }
.cyberNew .doc_warp [class*="li_th"] > li { padding-left:.6rem; }
.cyberNew .step_wrap.lg .li_th li:after {
	width:.1rem;
	height:calc(100% + 2.5625rem);
}
.cyberNew .chocobi-popup .step_wrap.lg .li_th li:after { left:2.6rem; }
.cyberNew .step_wrap.lg .li_th > li > span {
	width:4.2rem;
	height:4.2rem;
	margin-right:.9rem;
}
.cyberNew .step_wrap.lg .li_th > li > span em { font-size:1.1rem; }
.cyberNew .step_wrap.lg .li_th span em .num { font-size:1.7rem; }
.cyberNew .step_wrap.lg .li_th dl dt {
	font-size:1.6rem;
}
.cyberNew .step_wrap.lg .li_th dl dd {
	font-size:1.4rem;
}
.cyberNew .doc_subject .inptGroup select {
	padding:2rem;
	font-size:1.6rem;
	background-size:1rem !important;
	background-position: calc(100% - 2rem) center !important;
}
.cyberNew .doc_subject .doc_Info .frm_item > label { font-size:1.6rem; }
.cyberNew .doc_subject .doc_Info .frm_item label + .frmGroup { margin-top:1.5rem; }
.cyberNew [class*="li_th"],
.cyberNew [class*="li_th"] > li,
.cyberNew [class*="li_th"] > li * { font-size:1.4rem; }
.cyberNew .doc_subject .doc_Info:not(:only-child) { margin-top:2.8rem; }
.cyberNew .doc_subject .doc_Info .frmGroup { padding:1.9rem; }
.cyberNew .doc_subject .doc_Info .frmGroup .df_lef_ac>*:nth-child(2) { margin-left:.84rem; }
.cyberNew .doc_subject .doc_Info .frmGroup .df_lef_ac ul li .office { max-width:7.3rem; }
@media only screen and (max-width: 414px) {
	.cyberNew .doc_subject .doc_Info .frmGroup .df_lef_ac ul li .office { max-width:8rem; }
}
.cyberNew .doc_subject .doc_Info .frmGroup .df_lef_ac ul li .office i.ico_pipe { margin-right:.7rem; }
.cyberNew .doc_subject .doc_Info .frmGroup .df_lef_ac ul li .office i.ico_pipe::after {
	top:.5rem;
	height:1rem;
}
.cyberNew .doc_subject .doc_Info .frmGroup .df_lef_ac ul li:not(:first-child) { margin-top:.5rem; }
.cyberNew .doc_subject .doc_Info .frmGroup .df_lef_ac + .df_lef_ac { margin-top:1.2rem; }
.frm_item ~ .frm_item { margin-top:2.7rem; }
.cyberNew .doc_subject .doc_Info .frmGroup ul li label { font-size:1.5rem; }
.cyberNew .doc_warp ul li, .cyberNew .doc_warp .terms_lst li { font-size:1.4rem; }
.cyberNew .doc_warp [class*="li_th"] > li { padding-left:.6rem; }
.cyberNew .terms_lst .li_th1 > li,
.terms_lst .li_th2 > li { margin-top:1rem; }
.cyberNew .doc_warp .flex_wrap * { line-height:1.8rem; }
.cyberNew .doc_warp .flex_wrap *:nth-child(2) { margin-left:.3rem; }
.cyberNew .doc_subject .li_th1 .li_th2 li { margin-top:.5rem; }
.cyberNew .doc_warp .doc_subject .li_th2 li { padding-left:.8rem; }
.cyberNew .doc_subject * + .terms_lst > ul > li { padding:1.5rem 0; }
.cyberNew .doc_warp .terms_lst .terms_item dt {
	font-size:1.6rem;
	line-height:1.8rem;
}
.cyberNew .doc_warp .terms_lst .terms_item.df_lef_ac dt + dd { margin-left:1rem; }
.cyberNew .doc_warp .btnBox .down_btn {
	height:3.4rem;
	padding:0 1rem;
	font-size:1.4rem;
	line-height:3.4rem;
}

.pop_bottom.pop_toast .pop_wr { border-radius:2.2rem 2.2rem 0 0;padding:0 !important; }
.cyberNew .pop_bottom.pop_toast .pop_wr .pop-wrap { padding:0 2rem 2rem 2rem !important; }
.pop_wr .pop-wrap h3 { font-size:2.08rem; }
.pop_wr .pop-content .yong_main_bott { margin:4rem 0; }
.pop_wr .pop-content .yong_main_bott span { width:18.85rem;height:6.4rem; }
.pop-content .clbott_yesno { margin-bottom:5rem; }
.pop-content .clbott_yesno li {
	border-radius:.5rem;
	font-size:1.4rem;
	line-height:1.8rem;
}
.pop-content .clbott_yesno li:first-child { margin-bottom:1rem; }
.pop-content .clbott_yesno li a {
	padding:1.6rem;
	font-size:1.7rem;
}
.cyberNew .depth3_st01 { min-height:3.5rem;height:auto; }
.cyberNew .depth3_st01 h2.cusin em {
	font-size:2.24rem;
	line-height:2.68rem;
	letter-spacing:-.16rem;
}
.cyberNew .checkbox.basic.moborderte {
	padding:1rem 1rem .2rem 1rem;
	border-radius:.6rem;
}
.cyberNew .radio.basic span,
.cyberNew .checkbox.basic span { padding-left:2.56rem !important; }
.pop-wrap .termsAgree_wrap { margin-top:2rem !important; }
.pop_wr .pop-wrap h3.smf,
.termsAgree_wrap .terms_item dt span { letter-spacing:-.16rem; }
.cyberNew .termsAgree_item .radio span {
	padding:1.28rem .32rem;
	font-size:1.5rem;
}
.pop-wrap .termsAgree_wrap { padding-bottom:6.4rem !important; }
#popup .pop_wr { padding-top:0 !important; }
#popup .pop_wr .pop-wrap { padding:2rem 2rem 6.4rem 2rem !important; }
#popup .pop_wr .pop-header h4 {
	padding:1.6rem 0;
	font-size:2.24rem;
}

/* v2024 - button */
.buttonSolid {
	width:100%;
	-webkit-border-radius:.8rem;
	border-radius:.8rem;
}
.buttonSolid.large {
	height:5.6rem;
	padding:1.7rem .8rem;
}
.buttonSolid.medium {
	height:4.8rem;
	padding:1.3rem .8rem;
}
.buttonSolid.primary {
	background-color:#046fd9;
	color:#fff;
}
.buttonSolid.primary:hover,
.buttonSolid.primary:focus,
.buttonSolid.primary:active { background-color:#085fb6; }
.buttonSolid.secondary {
	background-color:#858585;
	color:#fff;
}
.buttonSolid.secondary:hover,
.buttonSolid.secondary:focus,
.buttonSolid.secondary:active { background-color:#6d6d6d; }
.buttonSolid:disabled {
	background-color:#ddd;
	color:#b5b5bc;
}
.buttonSolid span {
	display:block;
	width:100%;
	height:2.2rem;
	font-size:1.6rem;
	font-weight:700;
	line-height:2.2rem;
	text-align:center;
}
.buttonLine {
	width:100%;
	-webkit-border-radius:.6rem;
	border-radius:.6rem;
	border:.1rem solid #91919c;
	background-color:#fff;
}
.buttonLine.large {
	height:5.2rem;
	padding:1.5rem .8rem;
}
.buttonLine.medium {
	height:4.4rem;
	padding:1.25rem .8rem;
}
.buttonLine.small {
	height:3.6rem;
	padding:.8rem .8rem;
}
.buttonLine span {
	display:block;
	width:100%;
	font-size:1.6rem;
	font-weight:700;
	color:#26282c;
	text-align:center;
}
.buttonLine.large span { height:2.2rem;line-height:2.2rem; }
.buttonLine.medium span,
.buttonLine.small span { height:1.9rem;line-height:1.9rem; }
.buttonLine:hover,
.buttonLine:focus,
.buttonLine:active { background-color:#eaeaee; }
.buttonLine:disabled {
	border-color:#ddd;
	color:#b5b5bc;
}
.buttonGreyLine {
	position:absolute;
	top:1.2rem;
	right:1.2rem;
	width:auto;
	-webkit-border-radius:.4rem;
	border-radius:.4rem;
	border:.1rem solid #ddd;
	background-color:#fff;
}
.buttonGreyLine span {
	display:block;
	width:100%;
	font-size:1.2rem;
	font-weight:400;
	color:#111;
	text-align:center;
}
.buttonGreyLine.xSmall {
	height:2.4rem;
	padding:0 .8rem;
}
.buttonGreyLine.xSmall span { height:1.6rem;line-height:1.6rem; }