@charset "utf-8";

/*창립10주년기념이벤트*/
.anniversary10th .dataValInfo_wrap{margin-top:var(--space8)}
.anniversary10th_wrap{margin:calc(var(--size24) * -1) calc(var(--size24) * -1) 0}
.anniversary10thQuiz{padding:var(--size24)}
.anniversary10thQuiz.none{display:none}
.anniversary10thQuiz > h4{margin-bottom:var(--size4);font-weight:var(--fweight500);text-align:center}
.anniversary10thQuiz > h4 > em{font-weight:var(--fweight700);font-size:inherit;line-height:inherit;color:var(--color_base01);letter-spacing:-.075rem}
.anniversary10thQuiz > .txtp{font-size:var(--fsize1);line-height:var(--lineHeight1);color:var(--color_gray01);text-align:center}
.anniversary10thQuiz > .txtp > br{display:none}
.anniversary10thQuiz .quiz_wrap{margin-top:var(--space16);border:1px solid var(--color_gray10);border-radius:var(--size8);overflow:hidden}
.anniversary10thQuiz .quiz_wrap > dt{padding:var(--size12) var(--size16);background:var(--color_gray14);font-size:var(--fsize1);line-height:var(--lineHeight1);color:var(--color_gray01);text-align:center;word-break:keep-all;overflow-wrap:break-word}
.anniversary10thQuiz .quiz_wrap > dt > em{display:inline-block;font-weight:var(--fweight700);font-size:var(--hfsize4);line-height:var(--lineHeight2);color:inherit}
.anniversary10thQuiz .quiz_wrap > dt .slogan{display:block;font-size:inherit;line-height:inherit;color:inherit}
.anniversary10thQuiz .quiz_wrap > dt strong{font-weight:var(--fweight700);font-size:inherit;line-height:inherit;color:inherit}
.anniversary10thQuiz .quiz_wrap > dd{position:relative;padding:var(--size16)}
.anniversary10thQuiz .quiz_wrap > dd:before{position:absolute;top:0;left:var(--size16);right:var(--size16);border-top:1px dashed var(--color_gray11);content:""}
.anniversary10thQuiz .radio.basicType > label{flex:0 0 calc(50% - var(--size24))}
.anniversary10thQuiz .radio.basicType.singleLine > label{flex:0 0 calc(100% - var(--size24))}
.anniversary10thQuiz .radio.basicType.singleLine > label > span{white-space:normal}
.anniversary10thQuiz .checkbox.basicType.singleLine > label{flex:0 0 calc(100% - var(--size24))}
.anniversary10thQuiz .checkbox.basicType.singleLine > label > span{white-space:normal}
.anniversary10thQuiz .checkbox.basicType.singleLine > label > span > em{font-weight:var(--fweight700);color:var(--color_gray01)}
.anniversary10thQuiz .form_item.linebox{margin:var(--size4) 0 0}
.anniversary10thQuiz .form_item.linebox > label{margin-bottom:var(--size4)}
.anniversary10thQuiz .form_item.linebox .input{padding:0}
.anniversary10thQuiz .form_item.linebox input{padding-left:var(--size8);border:1px solid var(--color_gray10);border-radius:var(--size4)}
/*이벤트경품응모*/
.eventEnter .eTitleH4{margin:var(--space24) 0 var(--space32)}
.eventEnter .dataValInfo_wrap{margin-top:var(--space8)}
.eventEnter_wrap{margin:calc(var(--size14) * -1) calc(var(--size24) * -1) 0}
.eventEnter_wrap.eventEnterTitle{margin-bottom:var(--space32)}
#mocs2280p .eventEnter_wrap.eventEnterTitle{margin-top:calc(var(--size24) * -1);margin-bottom:var(--space16)}
.stampObtain_wrap{padding:var(--size24)}
.stampObtain_wrap > h4{margin-bottom:var(--size4);text-align:center}
.stampObtain_wrap > h4 > em{font-weight:var(--fweight700);font-size:inherit;line-height:inherit;color:var(--color_base01);letter-spacing:-.075rem}
.stampObtain_wrap > .txtp{font-size:var(--fsize1);line-height:var(--lineHeight1);color:var(--color_gray01);text-align:center}
.stampObtainBox{margin-top:var(--space16);border:1px solid var(--color_gray10);border-radius:var(--size8);overflow:hidden}
.stampObtainBox > [class*="stampObtain"]{padding:var(--size12) var(--size16);background:var(--color_gray14)}
.stampObtainBox > .stampObtainBtn{padding:0 var(--size16) var(--size16)}
.stampObtainBox > .stampObtainDesc{background:transparent}
.stampObtainState{display:flex;justify-content:space-between}
.stampObtainState > li{position:relative;padding-left:var(--size10);font-size:var(--fsize2);line-height:var(--lineHeight1);color:var(--color_gray01)}
.stampObtainState > li:before{position:absolute;top:.5625rem;left:0;width:var(--size3);height:var(--size3);border-radius:50%;background:var(--color_gray01);content:""}
.stampObtainState > li em{font-weight:var(--fweight700);font-size:var(--fsize1);line-height:inherit;color:inherit}
.stampObtainState > li em.point{color:var(--color_base01)}
.stampObtainBtn{display:flex;justify-content:space-around;margin:0 calc(var(--size4) * -1)}
.stampObtainBtn > span{position:relative;padding:0 var(--size4)}
.stampObtainBtn button{display:flex;align-items:center;position:relative;width:var(--size80);height:var(--size80);border-radius:50%;background:var(--color_gray03);font-size:var(--fsize3);line-height:var(--lineHeight5);color:var(--color_white)}
.stampObtainBtn button:before{position:absolute;top:var(--size4);right:var(--size4);bottom:var(--size4);left:var(--size4);border-radius:50%;border:1px dashed var(--color_white);opacity:.6;content:""}
.stampObtainBtn button > span{display:block;position:relative;margin:0 auto;font-size:inherit;line-height:inherit;color:inherit}
.stampObtainBtn button .nhlife_ico{margin:0 auto var(--size4)}
.stampObtainBtn button .nhlife_ico,.stampObtainBtn button .nhlife_ico:before{--sizeFix:1.875rem}
.stampObtainBtn .iComp{display:none;align-items:center;justify-content:center;position:absolute;top:calc(var(--size4) * -1);right:0;width:var(--size36);height:var(--size36);background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzntrf%2SnhghzaUneirfg_vzt03.cat) no-repeat;background-size:var(--size36) auto;font-weight:var(--fweight400);font-size:var(--fsize4);line-height:var(--lineHeight5);color:var(--color_white)}
.stampObtainBtn .iComp:before{position:absolute;top:var(--size4);right:var(--size4);bottom:var(--size4);left:var(--size4);border-radius:50%;border:1px dashed var(--color_white);opacity:.6;content:""}
.stampObtainBtn button[disabled],.stampObtainBtn button[disabled="disabled"]{background:var(--color_gray10)}
.stampObtainBtn button[disabled] + .iComp,.stampObtainBtn button[disabled="disabled"] + .iComp{display:flex}
.stampObtainDesc{position:relative}
.stampObtainDesc:before{position:absolute;top:0;left:var(--size16);right:var(--size16);border-top:1px dashed var(--color_gray11);content:""}
.stampObtainDesc > strong{display:block;margin:var(--size4) 0;font-weight:var(--fweight700);font-size:var(--fsize1);line-height:var(--lineHeight1);color:var(--color_gray03)}
.stampObtainDesc .li_num > li{margin-bottom:0;font-size:var(--fsize3);line-height:var(--lineHeight5)}
.stampObtainDesc .li_num > li:before{top:.125rem}
.stampObtainDesc .li_num > li > em,.stampObtainDesc .li_num > li > span{font-weight:var(--fweight700);font-size:inherit;line-height:inherit}
.stampObtainDesc .li_num > li > em{color:var(--color_base01)}
.stampObtainDesc .li_num > li > span{color:var(--color_gray03)}
.stampObtainDesc .advice{margin-top:0}
/*메인의 이벤트 응모현황*/
.stampObtain_stateInfo{padding:0 0 var(--size32);text-align:center}
.stampObtain_stateInfo > h4{font-weight:var(--fweight400)}
.stampObtain_stateInfo > h4 strong{display:block;margin-top:var(--size16);font-weight:var(--fweight700);font-size:var(--hfsize3);line-height:inherit;color:inherit}
.stampObtain_stateInfo > h4 strong.point{color:var(--color_base01)}
.stampObtain_stateInfo .stampObtainBox{margin-bottom:var(--size16);border:0 none}
.stampObtain_stateInfo .stampObtainBox > .stampObtainBtn{margin-top:0;padding-top:var(--size6);padding-bottom:var(--size6);background:transparent}
.stampObtain_stateInfo .txtp,.stampObtain_stateInfo .advice{display:block;text-align:left;word-break:keep-all;overflow-wrap:break-word}
.stampObtain_stateInfo .txtp > em,.stampObtain_stateInfo .advice > em{font-weight:var(--fweight700);font-size:inherit;line-height:inherit;color:var(--color_base01)}
.newNHLife_wrap.giftChoose{}
.newNHLife_wrap.giftChoose > h3{text-align:center}
.newNHLife_wrap.giftChoose > h3 .desc{display:block;font-weight:var(--fweight500);font-size:var(--hfsize4);line-height:inherit;color:inherit}
.newNHLife_wrap.giftChoose > h3 .desc > em{font-weight:var(--fweight700);font-size:inherit;line-height:inherit;color:var(--color_base01)}
.giftChoose_wrap{}
.giftChoose_wrap .radio{border:1px solid var(--color_gray10);border-radius:var(--size8);overflow:hidden}
.giftChoose_wrap .radio:before{position:absolute;top:0;left:50%;height:100%;border-left:1px dashed var(--color_gray11);content:""}
.giftChoose_wrap .radio > label{padding:var(--size16) var(--size8);margin-bottom:0;text-align:center}
.giftChoose_wrap .radio > label > span{padding:0 0 var(--size30);font-size:var(--fsize1);color:var(--color_gray01)}
.giftChoose_wrap .radio > label > span:before{top:auto;left:50%;bottom:0;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.giftChoose_wrap .radio > label > span > em{font-size:inherit;line-height:inherit;color:inherit}
.giftChoose_wrap .radio > label .giftImg{display:block;width:6.5rem;height:6.5rem;margin:var(--size6) auto 0;border:1px solid var(--color_gray11);border-radius:50%;background:no-repeat;background-size:100% auto}
.giftChoose_wrap .radio > label .giftImg.no1{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzntrf%2SnhghzaUneirfg_vzt01.cat)}
.giftChoose_wrap .radio > label .giftImg.no2{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzntrf%2SnhghzaUneirfg_vzt02.cat)}
.newNHLife_wrap.giftChoose .advice_lst{margin-top:var(--size8)}
.newNHLife_wrap.giftChoose .advice_lst > li{margin-top:0}
/*스탬프획득 코리아이콘*/	
.giftColi{position:fixed;top:0;right:0;bottom:0;left:0;border-radius:var(--size-radius12);background:rgba(255,255,255,0.5);z-index:9999}
.giftColi > .giftColi_wrap{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.giftColi.sizeFix{top:auto;right:var(--size40);bottom:7.5rem;left:auto;width:6.0rem;height:7.5rem}
.giftColi.sizeFix.no1{top:auto;right:var(--size40);bottom:7.5rem;left:auto}
.giftColi.sizeFix.no2{top:auto;right:auto;bottom:12.5rem;left:var(--size24)}
.giftColi.sizeFix.no3{top:50%;right:auto;bottom:auto;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.giftColi.sizeFix.no4{top:30%;right:var(--size40);bottom:auto;left:auto;transform:translateY(-70%);-webkit-transform:translateY(-70%)}
.giftColi.sizeFix.no5{top:auto;right:auto;bottom:7.5rem;left:var(--size24)}
.giftColi.sizeFix.no6{top:30%;right:auto;bottom:auto;left:var(--size24);transform:translateY(-70%);-webkit-transform:translateY(-70%)}
.giftColi.sizeFix.no7{top:auto;right:auto;bottom:7.5rem;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.giftColi.sizeFix > .giftColi_wrap{top:0;left:0;transform:none;-webkit-transform:none}
.giftColi .giftColi_icon{position:relative;width:6.0rem;height:7.5rem}
.giftColi .ico_giftColi{display:block;width:6.0rem;height:6.0rem;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzntrf%2SpbevFgnzc202507_vpba.cat) no-repeat;background-size:100% auto}
.giftColi .giftColi_icon > span{display:block;width:4.75rem;height:1.5rem;margin:0 auto;border-radius:var(--size12);background:var(--color_base01);font-weight:var(--fweight400);font-size:var(--fsize3);line-height:var(--lineHeight1);color:var(--color_white);text-align:center}
.giftColi .giftColi_icon > span > em{display:block;padding-top:var(--size2);font-weight:inherit;font-size:inherit;line-height:inherit;color:inherit;animation:blink .5s step-start infinite alternate;-webkit-animation:blink .5s step-start infinite alternate}
.giftColi .giftColi_close{position:absolute;top:calc(var(--size8) * -1);right:0}
.giftColi .giftColi_close > a{display:block;position:relative;padding-left:var(--size28);padding-bottom:var(--size28);border-radius:var(--size14)}
.giftColi .giftColi_close .i_close{position:absolute;bottom:0;right:0;width:var(--size28);height:var(--size28);border-radius:50%;background:var(--color_gray01)}
.giftColi .giftColi_close .i_close:before,.giftColi .giftColi_close .i_close:after{position:absolute;top:50%;left:50%;width:var(--size18);height:var(--size2);margin-top:-1px;margin-left:-.575rem;background:var(--color_white);transition:transform .3s;-webkit-transition:transform .3s;content:""}
.giftColi .giftColi_close .i_close:before{transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.giftColi .giftColi_close .i_close:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.giftColi .giftColi_close span{display:block;font-weight:var(--fweight400);font-size:var(--fsize2);line-height:var(--lineHeight5);color:var(--color_gray01)}
@keyframes blink{
	50%{opacity:0}
}
@-webkit-keyframes blink{
	50%{opacity:0}
}
/*이벤트 당첨확인*/
.congratsList_wrap{margin:calc(var(--size8) * -1) 0}
.congratsList_wrap .congrats_title{padding-bottom:var(--size12);margin-bottom:var(--size24);border-bottom:1px dashed var(--color_gray11)}
.congratsList_wrap .congrats_title > strong{display:block;font-weight:var(--fweight500);font-size:var(--fsize1);line-height:var(--lineHeight2);color:var(--color_gray05)}
.congratsList_wrap .congrats_title > .date{display:block;position:relative;padding-left:var(--size20);font-size:var(--fsize3);line-height:var(--lineHeight5);color:var(--color_gray05);letter-spacing:-.03125rem}
.congratsList_wrap .congrats_title > .date > em{font-size:inherit;line-height:inherit;color:inherit}
.congratsList_wrap .congrats_title > .date .nhlife_ico{position:absolute;top:-1px;left:calc(var(--size2) * -1)}
.congratsList_wrap .congrats{display:flex;flex-wrap:wrap;justify-content:center;text-align:center}
.congratsList_wrap .congrats h3,.congratsList_wrap .congrats .h3_desc{flex:0 0 100%}
.congratsList_wrap .congrats h3{font-weight:var(--fweight700);font-size:var(--hfsize3);line-height:var(--lineHeight3);color:var(--color_gray01);letter-spacing:-.075rem}
.congratsList_wrap .congrats h3 em{font-weight:inherit;font-size:inherit;line-height:inherit;color:var(--color_base01)}
.congratsList_wrap .congrats .h3_desc{margin-top:var(--space16);font-size:var(--fsize1);line-height:var(--lineHeight2);color:var(--color_gray05)}
.congratsList_wrap .congrats .congrats_img,.congratsList_wrap .congrats .congratsNot_img{display:block;width:11.5rem;height:7.875rem;margin:0 auto;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzntrf%2Svzt_pbatengf.cat) no-repeat;background-size:11.5rem auto}
.congratsList_wrap .congrats .congratsNot_img{width:9.375rem;height:6.25rem;margin-top:var(--size12);background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzntrf%2Svzt_pbatengfAbg.cat) no-repeat;background-size:9.375rem auto}
/*보험용어퀴즈*/
.insuTermsQuiz{}
.insuTermsQuiz h4 > strong,.insuTermsQuiz h4 > span{display:block;margin-bottom:var(--size4)}
.insuTermsQuiz h4 > strong{font-weight:var(--fweight700);font-size:inherit;line-height:inherit;color:var(--color_gray01)} 
.insuTermsQuiz h4 > span{font-size:var(--hfsize5);line-height:inherit;color:var(--color_gray01)}
.insuTermsQuiz h4 > span > em{font-weight:var(--fweight700);font-size:inherit;line-height:inherit;color:var(--color_base01)}
.insuTermsQuiz .quiz_wrap{border:2px solid var(--color_base01);border-radius:var(--size10)}
.insuTermsQuiz .quiz_wrap > dd.quizAnswer{padding-top:0;background:var(--color_gray14)}
.insuTermsQuiz .quiz_wrap > dd.quizAnswer:before{display:none}
.insuTermsQuiz .quiz_wrap > dd.hintLink{padding-top:var(--size14);padding-bottom:var(--size10)}
.insuTermsQuiz .quiz_wrap > dd.hintLink > a{display:block;text-align:center}
.insuTermsQuiz .quiz_wrap > dd.hintLink > a > span{display:inline-flex;position:relative;padding-right:var(--size12);font-size:var(--fsize1);line-height:var(--lineHeight1);color:var(--color_gray03);vertical-align:top}
.insuTermsQuiz .quiz_wrap > dd.hintLink > a > span:after{position:absolute;top:0;right:0;width:var(--size10);height:var(--size10);margin-top:var(--size6);border:solid var(--color_gray08);border-width:1px 1px 0 0;font-size:0;line-height:0;transform:scaleX(1) rotate(45deg);-webkit-transform:scaleX(1) rotate(45deg);transform-origin:center center;-webkit-transform-origin:center center;content:""}
.insuTermsQuiz .quiz_wrap > dd.hintLink > a > span > em{margin-right:var(--size4);font-weight:var(--fweight700);font-size:inherit;line-height:inherit;color:inherit}
.insuTermsQuiz .quiz_wrap .radio.btnRadio > label{padding:var(--size4) var(--size10)}
.insuTermsQuiz .quiz_wrap .radio.btnRadio > label > span{padding:var(--size16)}
.insuTermsQuiz .quiz_wrap .radio.btnRadio input:checked + span,.insuTermsQuiz .quiz_wrap .radio.btnRadio input.checked + span,.insuTermsQuiz .quiz_wrap .radio.btnRadio input[checked="checked"] + span{background:var(--color_base01);color:var(--color_white)}
/*OX퀴즈*/
.OXQuiz{}
.OXQuiz h4 > strong,.OXQuiz h4 > span{display:block;margin-bottom:var(--size4)}
.OXQuiz h4 > strong{font-weight:var(--fweight700);font-size:inherit;line-height:inherit;color:var(--color_gray01)} 
.OXQuiz h4 > span{font-size:var(--fsize1);line-height:inherit;color:var(--color_gray01)}
.OXQuiz h4 > span > em{font-weight:var(--fweight700);font-size:var(--hfsize5);line-height:inherit;color:var(--color_base01)}
.OXQuiz .quiz_wrap{border-radius:var(--size10)}
.OXQuiz .quiz_wrap > dt{background:none}
.OXQuiz .quiz_wrap > dt > em{display:block;margin-bottom:var(--size4);color:var(--color_base01)}
.OXQuiz .quiz_wrap > dd.quizAnswer{padding-top:0}
.OXQuiz .quiz_wrap > dd.quizAnswer:before{top:auto;bottom:0}
.OXQuiz .quiz_wrap > dd.quizAnswer:last-child:before{display:none}
.OXQuiz .quiz_wrap > dd .answer{padding:0 var(--size28)}
.OXQuiz .quiz_wrap > dd .answer > span{display:flex;justify-content:center;padding:var(--size8);border-radius:var(--size6);background:var(--color_gray19);font-size:var(--fsize2);line-height:var(--lineHeight1);color:var(--color_gray04)}
.OXQuiz .quiz_wrap > dd .answer > span > em{margin-left:var(--size4);font-weight:var(--fweight700);font-size:var(--hfsize5);line-height:inherit;color:var(--color_base01)}
.OXQuiz .quiz_wrap > dd .explanations{margin-top:var(--size10)}
.OXQuiz .quiz_wrap > dd .explanations > strong{display:block;font-weight:var(--fweight700);font-size:var(--fsize2);line-height:var(--lineHeight1);color:var(--color_gray01)}
.OXQuiz .quiz_wrap > dd .explanations .txtp{font-size:var(--fsize3);line-height:var(--lineHeight5);word-break:keep-all;overflow-wrap:break-word}
.OXQuiz .quiz_wrap > dd .explanations .txtp + .txtp{margin-top:var(--size6)}
.OXQuiz .quiz_wrap > dd .explanations .txtp span.bold{color:var(--color_gray01)}
.OXQuiz .quiz_wrap .radio.btnRadio{width:13.5rem;margin:0 auto}
.OXQuiz .quiz_wrap .radio.btnRadio > label{padding:var(--size4) var(--size6)}
.OXQuiz .quiz_wrap .radio.btnRadio > label > span{height:var(--size96);padding:var(--size22);border:var(--size2) solid var(--color_gray19);border-radius:var(--size12);background:var(--color_gray19)}
.OXQuiz .quiz_wrap .radio.btnRadio input:checked + span,.OXQuiz .quiz_wrap .radio.btnRadio input.checked + span,.OXQuiz .quiz_wrap .radio.btnRadio input[checked="checked"] + span{border-color:var(--color_base01);background:var(--color_white)}
.OXQuiz .quiz_wrap [class*="oxIco"]{display:block;position:relative;width:var(--size48);height:var(--size48)}
.OXQuiz .quiz_wrap .oxIco_O{border:8px solid var(--color_base01);border-radius:50%}
.OXQuiz .quiz_wrap .oxIco_X:before,.OXQuiz .quiz_wrap .oxIco_X:after{position:absolute;top:50%;left:50%;width:var(--size56);margin-top:calc(var(--size4) * -1);margin-left:calc(var(--size28) * -1);border:var(--size4) solid var(--color_point);border-radius:var(--size8);content:""}
.OXQuiz .quiz_wrap .oxIco_X:before{transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.OXQuiz .quiz_wrap .oxIco_X:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
/*OX퀴즈 정답 및 해설*/
.OXQuizExplanTitle{margin-top:calc(var(--size8) * -1)}
.OXQuizExplanTitle .OXQuiz .quiz_wrap > dt{position:relative;padding-left:var(--size44);text-align:left}
.OXQuizExplanTitle .OXQuiz .quiz_wrap > dt > em{position:absolute;left:var(--size16);font-size:var(--fsize1)}
/*우수고객초청행사*/
.gcInvitEvent_wrap{padding:var(--size24)}
.gcInvitEvent_wrap > h4{margin-bottom:var(--size4);text-align:center}
.gcInvitEvent_wrap > h4 > em{font-weight:var(--fweight700);font-size:inherit;line-height:inherit;color:var(--color_base01);letter-spacing:-.075rem}
.gcInvitEvent_wrap > .txtp{font-size:var(--fsize2);line-height:var(--lineHeight1);color:var(--color_gray01);text-align:center}
.gcInvitEventBox{margin-top:var(--space16);padding:var(--size16);border:2px solid var(--color_base01);border-radius:var(--size10);overflow:hidden}
.gcInvitEventBox > .form_item:last-child{margin-bottom:0}
.gcInvitEventBox > .form_item > label > span{display:inline-flex;font-size:inherit;line-height:inherit;color:inherit}
.gcInvitEventBox > .form_item > label > span.bold{font-weight:var(--fweight700);color:var(--color_gray01)}
.gcInvitEventBox .radio.toggleRadio > label > span{padding:var(--size12) 0;font-size:var(--fsize1)}
.gcInvitEventBox .advice{margin-top:calc(var(--size8) * -1);font-size:var(--fsize2);color:var(--color_gray04)}
/*본문페이지내의 배너*/
.eventBann_wrap,.eventBann_wrap .eventBann{}
.eventBann_wrap .eventBann > a{display:block}
.nhlife_modal_article .eventBann_wrap{margin:calc(var(--size24) * -1) calc(var(--size24) * -1) var(--size24)}
.prodSVC_wrap .eventBann_wrap,#divMainArea.container .eventBann_wrap{margin-bottom:var(--size24)}

/*우수고객감사선물*/
.topCusEvent_wrap{padding:0 var(--size24);margin-top:var(--space24)}
.topCusEvent_wrap > h4{margin-bottom:var(--size8);text-align:center}
.topCusEvent_wrap > .h4_desc{font-size:var(--fsize6);line-height:var(--lineHeight1);color:var(--color_gray01);text-align:center}
.topCusEvent_wrap > .h4_desc > em{font-weight:var(--fweight700);font-size:inherit;line-height:inherit;color:var(--color_base01)}
.topCusEventList_wrap{overflow:hidden}
.topCusEvent_lst{display:flex;flex-wrap:wrap;margin:var(--size20) calc(var(--size6) * -1) 0}
.topCusEvent_lst > li{flex:0 0 calc(50% - var(--size12));position:relative;margin:var(--size6);padding:1px;border:1px solid var(--color_gray10);border-radius:var(--size8)}
.topCusEvent_lst > li.current{padding:0;border:2px solid var(--color_base01)}
.topCusEvent_lst > li > strong{display:block;position:relative;padding-top:var(--size24);font-weight:var(--fweight500);font-size:var(--fsize2);line-height:var(--lineHeight1);color:var(--color_gray01);text-align:center;z-index:1}
.topCusEvent_lst > li > strong > em{display:block;font-weight:inherit;font-size:var(--fsize4);line-height:inherit;color:inherit}
.topCusEvent_lst > li > .img{position:absolute;bottom:0;left:50%;width:100%;height:100%;border-radius:var(--size8);transform:translateX(-50%);-webkit-transform:translateX(-50%);overflow:hidden}
.topCusEvent_lst > li > .img > img{position:absolute;bottom:0;left:50%;width:var(--size156);transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.topCusEvent_lst .radio{}
.topCusEvent_lst .radio > label{margin-bottom:0}
.topCusEvent_lst .radio > label > span{padding:var(--size16) 0;text-align:center}
.topCusEvent_lst .radio > label > span:before{top:var(--size94);left:50%;margin-left:var(--size28);z-index:1}
.topCusEvent_lst .radio > label > span > em{display:block;margin-top:var(--size12);line-height:var(--lineHeight5)}
.topCusEvent_lst .radio .img{display:block;position:relative;width:var(--size100);height:var(--size100);margin:0 auto;border:1px solid var(--color_gray10);border-radius:50%;overflow:hidden}
.topCusEvent_lst .radio .img > img{position:absolute;top:50%;left:50%;width:var(--size132);height:var(--size132);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.topCusEvent_lst .radio .img.no3 > img{width:100%;height:100%}
.topCusEvent_lst .radio .img.no5 > img{width:var(--size112);height:var(--size112)}
.topCusEvent_lst .radio .img.no6 > img,.topCusEvent_lst .radio .img.no7 > img{width:var(--size120);height:var(--size120)}

/*카드메시지 작성*/
.thanksCard_wrap{}
.thanksCard_wrap.thanksCardView{margin-top:var(--space20);border-radius:var(--size12);overflow:hidden}
.thanksCardSlide_wrap{display:flex;flex-wrap:nowrap;position:relative;width:100%;height:28.75rem;margin:0 auto}
.thanksCardSlide_wrap #thanksCardSlide{border-radius:var(--size12)}
.thanksCardSlide_wrap [class*="thanksCard_no"]{width:100%}
.thanksCardSlide_wrap .thanksMessage{display:flex;flex-wrap:nowrap;width:100%;height:100%;padding:var(--size36) var(--size16) 11.25rem;background:no-repeat 50% 100%;background-size:cover}
.thanksCardSlide_wrap .thanksCard_no1 .thanksMessage{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzntrf%2Svzt_gunaxfPneq_yrggre1_1.cat)}
.thanksCardSlide_wrap .thanksCard_no2 .thanksMessage{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzntrf%2Svzt_gunaxfPneq_yrggre1_2.cat)}
.thanksCardSlide_wrap .thanksCard_no3 .thanksMessage{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzntrf%2Svzt_gunaxfPneq_yrggre1_3.cat)}
.thanksCardSlide_wrap .thanksCard_no4 .thanksMessage{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzntrf%2Svzt_gunaxfPneq_yrggre1_4.cat)}
.thanksCardSlide_wrap .thanksCard_no5 .thanksMessage{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sz.auyvsr.pb.xe%2Svzntrf%2Svzt_gunaxfPneq_yrggre1_5.cat)}
.thanksCardSlide_wrap .thanksCard_letter{width:100%}
.thanksCardSlide_wrap .thanksCard_letter > textarea{width:100%;min-height:15.0rem;padding:var(--size8) var(--size12);border:1px solid var(--color_white);background:transparent;font-weight:var(--fweight400);font-size:var(--fsize5);line-height:var(--lineHeight6);color:var(--color_gray01);letter-spacing:-.05rem;text-align:center;outline:none;resize:none}
/* .thanksCardSlide_wrap .thanksCard_letter > textarea{background-attachment:local;background-image:repeating-linear-gradient(#fff, #fff 27px, #e8edf2 27px, #e8edf2 28px, #fff 28px)} */
.thanksCardSlide_wrap .thanksCard_letter > textarea::-webkit-scrollbar{width:var(--size4);height:100%}
.thanksCardSlide_wrap .thanksCard_letter > textarea::-webkit-scrollbar-track{width:100%;height:100%;margin:0 var(--size10) 0 0;border-radius:2px;background:rgba(32, 52, 66, 0.1)}
.thanksCardSlide_wrap .thanksCard_letter > textarea::-webkit-scrollbar-thumb{width:100%;border-radius:2px;background:var(--color_gray01)}
.thanksCardSlide_wrap .thanksCard_letter .txtCount{}
.thanksCardSlide_wrap .thanksCard_letter .txtCount > span{display:block;font-size:var(--fsize3);line-height:var(--lineHeight1);color:var(--color_gray04);text-align:right}
.thanksCardSlide_wrap .thanksCard_letter .txtCount > span > em{font-weight:var(--fweight400);font-size:inherit;line-height:inherit;color:var(--color_base01)}
.thanksCardSlide_wrap .pagination_wrap{display:flex;flex-wrap:wrap;position:absolute;top:var(--size12);left:var(--size12);z-index:4 !important}
.thanksCardSlide_wrap .pagination_wrap div[class*="swiper"]{flex:0 0 auto}
.thanksCardSlide_wrap .swiper_pagination{display:flex;flex-wrap:wrap;align-items:center;margin:0}
.thanksCardSlide_wrap .swiper_pagination > .swiper-pagination-bullet{flex:auto;width:var(--size8);height:var(--size8);margin:0 var(--size4);border-radius:var(--size4);background:var(--color_white);transition:width .3s ease,background .3s ease;-webkit-transition:width .3s ease,background .3s ease}
.thanksCardSlide_wrap .swiper_pagination > .swiper-pagination-bullet-active{width:var(--size24);background:var(--color_gray01)}
.thanksCardSlide_wrap .swiper_btnNext,.thanksCardSlide_wrap .swiper_btnPrev{position:relative;width:var(--size20);height:var(--size20);cursor:pointer}
.thanksCardSlide_wrap .swiper_btnNext:before,.thanksCardSlide_wrap .swiper_btnPrev:before{position:absolute;top:0;width:var(--size10);height:var(--size10);margin-top:var(--size5);border:solid var(--color_gray05);border-width:1px 1px 0 0;transform-origin:center center;-webkit-transform-origin:center center;content:""}
.thanksCardSlide_wrap .swiper_btnNext:before{left:var(--size2);transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.thanksCardSlide_wrap .swiper_btnPrev:before{left:var(--size8);transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}
.thanksCardSlide_wrap .btnWrap.kakaoShare{position:absolute;bottom:0;left:0;right:0;z-index:4 !important}
.thanksCard_wrap #thanksCardTxt{width:50.0rem;height:23.75rem;padding:0 7.875rem}
.thanksCard_wrap #thanksCardTxt,.thanksCard_wrap #thanksCardCanvas{margin:0 auto;font-weight:var(--fweight700);font-size:3.0rem;line-height:4.75rem;color:var(--color_gray01);letter-spacing:-.075rem;text-align:center}
.thanksCard_wrap .inputForm_wrap{margin-top:var(--size12);margin-bottom:0}
.thanksCard_wrap .form_itemBox{padding-top:var(--size8)}
.thanksCard_wrap .form_item label{margin-bottom:0}
.thanksCard_wrap .form_item [class*="ipt_txt"]{border-width:0}
.thanksCard_wrap.thanksCardView .thanksMessage{}
.thanksCard_wrap .messageCont{position:relative;width:100%;min-height:15.0rem;padding:var(--size32) var(--size12)}
.thanksCard_wrap .messageCont > .txtp{font-weight:var(--fweight700);font-size:var(--fsize5);line-height:var(--lineHeight6);color:var(--color_gray01);letter-spacing:-.05rem;text-align:center;word-break:keep-all;overflow-wrap:break-word}
.thanksCard_wrap .messageCont .toName,.thanksCard_wrap .messageCont .fromName{position:absolute;font-style:italic;font-size:var(--fsize2);line-height:var(--lineHeight5);color:var(--color_gray01)}
.thanksCard_wrap .messageCont .toName{top:0;left:var(--size12)}
.thanksCard_wrap .messageCont .fromName{bottom:0;right:var(--size12)}
.thanksCard_wrap .messageCont .toName > em,.thanksCard_wrap .messageCont .fromName > em{font-weight:var(--fweight400);font-style:inherit;font-size:inherit;line-height:inherit;color:inherit}
.thanksCard_wrap .messageCont .fromTime{position:absolute;bottom:calc(var(--size18) * -1);right:var(--size12);font-style:italic;font-size:var(--fsize4);line-height:var(--lineHeight5);color:var(--color_gray05)}


/*반응형*/
@media only screen and (min-width:580px){
	.thanksCardSlide_wrap{height:36.25rem}
	.thanksCardSlide_wrap .thanksMessage{padding:var(--size36) var(--size32) 18.5rem}
	.thanksCardSlide_wrap .pagination_wrap{left:var(--size32)}
}
@media only screen and (max-width:413px){	
	.anniversary10th_wrap,.eventEnter_wrap{margin:calc(var(--size20) * -1) calc(var(--size20) * -1) 0}
	.anniversary10thQuiz,.stampObtain_wrap,.gcInvitEvent_wrap{padding-left:var(--size20);padding-right:var(--size20)}
	.stampObtainBtn{margin-left:calc(var(--size2) * -1);margin-right:calc(var(--size2) * -1)}
	.stampObtainBtn > span{padding-left:var(--size2);padding-right:var(--size2)}
	.stampObtainBtn button{width:4.5rem;height:4.5rem;font-size:var(--fsize4)}
	.stampObtainBtn button .nhlife_ico{margin-bottom:0}
	.nhlife_modal_article .eventBann_wrap{margin:calc(var(--size20) * -1) calc(var(--size20) * -1) var(--size20)}	
	.topCusEvent_wrap{padding-left:var(--size20);padding-right:var(--size20)}
}
@media only screen and (max-width:359px){
	.anniversary10th_wrap,.eventEnter_wrap{margin:calc(var(--size16) * -1) calc(var(--size16) * -1) 0}	
	.anniversary10thQuiz,.stampObtain_wrap,.gcInvitEvent_wrap{padding-left:var(--size16);padding-right:var(--size16)}
	.anniversary10thQuiz > h4 > em,.anniversary10thQuiz > .txtp > br{display:block}
	.anniversary10thQuiz .quiz_wrap > dt br{display:none}	
	.stampObtainState{flex-wrap:wrap}
	.stampObtainState > li{flex:0 100%}
	.stampObtainBox > .stampObtainBtn{padding-bottom:var(--size10)}
	.stampObtainBtn{flex-wrap:wrap;margin:calc(var(--size6) * -1) calc(var(--size20) * -1) 0}
	.stampObtainBtn > span{padding:var(--size6) var(--size20)}
	.stampObtainBtn button{width:var(--size80);height:var(--size80);font-size:var(--fsize3)}
	.stampObtainBtn .iComp{top:0;right:var(--size16)}
	.stampObtain_stateInfo .stampObtainBox{margin-top:0;margin-bottom:0}
	.stampObtain_stateInfo .stampObtainBox > .stampObtainBtn{padding-top:0}
	.giftChoose_wrap .radio > label > span{font-size:var(--fsize2)}
	.giftChoose_wrap .radio > label > span > em{display:block}
	.nhlife_modal_article .eventBann_wrap{margin:calc(var(--size16) * -1) calc(var(--size16) * -1) var(--size20)}
	.topCusEvent_wrap{padding-left:var(--size16);padding-right:var(--size16)}
}
@media only screen and (max-width:349px){	
	.stampObtainBtn{margin-left:calc(var(--size8) * -1);margin-right:calc(var(--size8) * -1)}
	.stampObtainBtn > span{padding-left:var(--size8);padding-right:var(--size8)}
	.stampObtainBtn .iComp{top:0;right:var(--size4)}	
	.stampObtain_stateInfo .txtp > br{display:none} 
}
@media only screen and (max-width:290px){
	.anniversary10thQuiz .radio.basicType > label{flex:0 0 calc(100% - var(--size24))}
}
@supports (-webkit-touch-callout:none){
	.stampObtain_stateInfo .txtp,.stampObtain_stateInfo .advice,.OXQuiz .quiz_wrap > dd .explanations .txtp{word-break:break-word}
}
