@charset "utf-8";
/* @import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); */
@font-face {
	font-family:"NanumSquare_acb";
	font-style: normal;
	font-weight: normal;
	src:
		url('/naver/pc/font/NanumSquareOTF_acB.otf') format('opentype');
}
@font-face {
	font-family:"NanumSquare_aceb";
	font-style: normal;
	font-weight: normal;
	src:
		url('/naver/pc/font/NanumSquareOTF_acEB.otf') format('opentype');
}
@font-face {
	font-family:"NanumSquare_acl";
	font-style: normal;
	font-weight: normal;
	src:
		url('/naver/pc/font/NanumSquareOTF_acL.otf') format('opentype');
}
@font-face {
	font-family:"NanumSquare_acr";
	font-style: normal;
	font-weight: normal;
	src:
		url('/naver/pc/font/NanumSquareOTF_acR.otf') format('opentype');
}


@font-face {
    font-family: 'NanumSquare';
    font-weight: 400;
    src: url("/naver/pc/font/NanumSquareR.eot");
    src: url("/naver/pc/font/NanumSquareR.eot?#iefix") format('embedded-opentype'),
         url("/naver/pc/font/NanumSquareR.woff") format('woff'),
         url("/naver/pc/font/NanumSquareR.ttf") format('truetype');
   }
   @font-face {
    font-family: 'NanumSquare';
    font-weight: 700;
    src: url("/naver/pc/font/NanumSquareB.eot");
    src: url("/naver/pc/font/NanumSquareB.eot?#iefix") format('embedded-opentype'),
         url("/naver/pc/font/NanumSquareB.woff") format('woff'),
         url("/naver/pc/font/NanumSquareB.ttf") format('truetype');
   }
   @font-face {
    font-family: 'NanumSquare';
    font-weight: 800;
    src: url("/naver/pc/font/NanumSquareEB.eot");
    src: url("/naver/pc/font/NanumSquareEB.eot?#iefix") format('embedded-opentype'),
         url("/naver/pc/font/NanumSquareEB.woff") format('woff'),
         url("/naver/pc/font/NanumSquareEB.ttf") format('truetype');
   }
   @font-face {
    font-family: 'NanumSquare';
    font-weight: 300;
    src: url("/naver/pc/font/NanumSquareL.eot");
    src: url("/naver/pc/font/NanumSquareL.eot?#iefix") format('embedded-opentype'),
         url("/naver/pc/font/NanumSquareL.woff") format('woff'),
         url("/naver/pc/font/NanumSquareL.ttf") format('truetype');
   }
   @font-face {
	font-family:"Noto Sans KR";
	font-style: normal;
	font-weight: normal;
	src:
		url("/plcc/pc/font/NotoSans-Medium.ttf") format("truetype"),
		url('/plcc/pc/font/NotoSans-Medium.woff') format('woff'),
		url('/plcc/pc/font/NotoSans-Medium.woff2') format('woff2'),
		url('/plcc/pc/font/NotoSans-Medium.otf') format('opentype'),
		url('/plcc/pc/font/NotoSans-Medium.eot') format('opentype');
    }

    @font-face {
        font-family:"Noto Sans KR";
        font-style: normal;
        font-weight: bold;
        src:
            url("/plcc/pc/font/NotoSans-Bold.ttf") format("truetype"),
            url('/plcc/pc/font/NotoSans-Bold.woff') format('woff'),
            url('/plcc/pc/font/NotoSans-Bold.woff2') format('woff2'),
            url('/plcc/pc/font/NotoSans-Bold.otf') format('opentype'),
            url('/plcc/pc/font/NotoSans-Bold.eot') format('opentype');
    }
/* common 폰트 */
strong, input, textarea, select {font-family:'San Francisco','SF Pro Display','Noto Sans KR';}
.safari strong, .safari input,.safari textarea,.safari select {font-family:-apple-system, BlinkMacSystemFont,'San Francisco','SF Pro Display','SF Text Display';font-weight:500;}
strong {font-weight: bold;}
.safari strong {font-weight: bold;}
.normal{font-weight:normal !important;}
   
/*caret-color color*/
body{
    background-color: #e9ebee;
}
.card_NVE2 .custom_input input[type="text"],
.card_NVE2 .custom_input input[type="number"],
.card_NVE2 .custom_input input[type="tel"],
.card_NVE2 .custom_input input[type="search"],
.card_NVE2 .custom_input input[type="email"],
.card_NVE2 .custom_input input[type="password"] {
    caret-color:#505FDC;
}
.card_NVE2 .custom_input input[type="text"]:focus,
.card_NVE2 .custom_input input[type="number"]:focus,
.card_NVE2 .custom_input input[type="tel"]:focus,
.card_NVE2 .custom_input input[type="search"]:focus,
.card_NVE2 .custom_input input[type="email"]:focus,
.card_NVE2 .custom_input input[type="password"]:focus{outline:none;}
.card_NVE2 .custom_input .bank_name{
    caret-color:#505FDC;
}

/*input focus active border 2px point color*/
.card_NVE2 #cardLimit{border-bottom:2px solid #505FDC;font-weight:bold;}
.card_NVE2 #carNumber1{border-bottom:2px solid #505FDC;font-weight:bold;}
.card_NVE2 .ss_id.active input,.custom_mix.idcard.active input{border-bottom-color:#505FDC;}
.card_NVE2 .custom_mix.idcard .select_wrap .btn_select:focus{background:none;border-bottom:2px solid #505FDC;outline:0;}
.card_NVE2 .custom_input input[type="text"]:focus,
.card_NVE2 .custom_input input[type="number"]:focus,
.card_NVE2 .custom_input input[type="tel"]:focus,
.card_NVE2 .custom_input input[type="search"]:focus,
.card_NVE2 .custom_input input[type="email"]:focus,
.card_NVE2 .custom_input input[type="password"]:focus {
    border:0;
    border-bottom:2px solid #505FDC;
}
.card_NVE2 .custom_input input[type="password"].tbd-on.active {
    border:0;
    border-bottom:2px solid #505FDC;
}
.card_NVE2 .box_amex .input_area .row.focus {border-bottom:2px solid #505FDC;}
.card_NVE2 .form_card_wrap .form_bundle .box_account .custom_input input[type="text"]:focus {border-bottom:2px solid #505FDC;}
.card_NVE2 .bank_select .select_wrap.on{border-bottom:2px solid #505FDC;}
.card_NVE2 .direct_input .custom_input input[type="text"],
.card_NVE2 .direct_input .custom_input input[type="tel"] {font-weight:bold;}
.card_NVE2 .direct_input .custom_input input[type="text"],
.card_NVE2 .direct_input .custom_input input[type="tel"]:focus {border-bottom:2px solid #505FDC;} /*2024-09-09 Q11067 기존회원 한도변경*/
.card_NVE2 .box_amex .input_area .row.active,
.card_NVE2 .box_amex .input_area .row.focus{border-bottom:2px solid #505FDC;}
.card_NVE2 .box_amex .input_area input:focus{border-bottom:none;}

/*error*/
.card_NVE2 .custom_input.error input[type="text"],
.card_NVE2 .custom_input.error input[type="tel"],
.card_NVE2 .custom_input.error input[type="search"],
.card_NVE2 .custom_input.error input[type="email"],
.card_NVE2 .custom_input.error input[type="password"] {border-bottom:1px solid #ff0000; color:#ff0000;caret-color:#ff0000;}
.card_NVE2 .custom_check.error input[type="checkbox"] + label {color:#ff0000 !important;caret-color:#ff0000 !important;}
.card_NVE2 .custom_select.error select {color:#ff0000;}
.card_NVE2 .direct_input .custom_input.error input[type="text"],
.card_NVE2 .direct_input .custom_input.error input[type="tel"] {border-bottom:2px solid #ff0000;}
.card_NVE2 .error #cardLimit{border-bottom:2px solid #f00;}
.card_NVE2 .error #carNumber1{border-bottom:2px solid #f00;}

/*check arrow*/
.card_NVE2 .terms_wrap .agree_all_wrap .custom_check input[type="checkbox"]:checked + label:before{background:url('/naver/pc/images/circle_check_btn.png') 0 0 no-repeat;}
/* .card_NVE2 .agree_bundle_list > li .header_accordion .custom_check input[type="checkbox"]:checked + label:before{background:url(/naver/pc/images/arrow_check_btn.png) 0 0 no-repeat} */
.card_NVE2 .terms_wrap .custom_check input[type="checkbox"]:checked + label:before{background:url(/naver/pc/images/arrow_check_btn_g.png) 0 0 no-repeat}
.card_NVE2 .agree_bundle.single .inner_list li .custom_check label:before{background-size:24px;}
.card_NVE2 .agree_bundle_list > li .cont_accordion .inner_list li .custom_check input:checked + label:before{background:url(/naver/pc/images/arrow_check_btn_g.png) 0 0 no-repeat;background-size:24px;}
.card_NVE2 .cont_accordion .bg_white .custom_check input[type="checkbox"]:checked + label:before{background:url('/naver/pc/images/arrow_check_btn.png') 0 0 no-repeat;background-size:32px;}
.card_NVE2 .overseas_pay .box_white .custom_radio input[type="radio"]:checked + label:before{background:url('/naver/pc/images/ico_CheckB.png') center no-repeat;background-size:32px;}
.card_plcc.card_NVE2 .building_address_same_check input:checked + label:before{background: url(/naver/pc/images/arrow_check_btn.png) 0 0 no-repeat;background-size: 24px;}
.card_NVE2 .my_info_wrap ul li .custom_check input[type="checkbox"]:checked + label:before{background: url(/naver/pc/images/arrow_check_btn.png);background-size: 24px;}
.card_NVE2 .my_business_list li a:before{background: url(/naver/pc/images/ico_CheckB.png) 0 0 no-repeat;background-size:32px 32px;}

/*toggle*/
.card_NVE2 .toggle_switch .custom_check input[type=checkbox]:checked + label{background:#505FDC;}

/*color point bg*/
.card_NVE2 .gpcc_issue{background:#e9ebee;}
.card_NVE2 .gpcc_issue.no-bottom-space{
    padding-bottom: 0;
}

.card_NVE2 .gpcc_process.complete_process{background:#e9ebee;}
.card_NVE2 .rotate_bg{background:#e9ebee;}

/*p16*/
.card_NVE2 .layer_popup.card_design_pop{background:#e9ebee}

/*complete page*/
.loading_area_cont .complete_icon{width:58px;height:88px;background:url(/naver/pc/images/complete_loading_img.gif) no-repeat 0 0;background-size:100%;}

/*p12*/
.card_NVE2 .btn.btn_arrow.blue{color:#505FDC;}
.card_NVE2 .btn.btn_arrow.blue:after{background:url('/naver/pc/images/ArrowB_Forward_Blue.png') no-repeat center;}

/*address pop font color point*/
.card_NVE2 .gpcc_search_result .address_list .address em{color:#505FDC;}

/*p0*/
/* .card_NVE2 .pd_info_box .top_cont{background:url(../images/pd_main_img.png) no-repeat center center;height:410px;} */
.card_NVE2 .pd_info_box .top_cont{background:url(/naver/pc/images/pd_main_img02.png) no-repeat center center;height:410px;}/* 2021-09-09 GGU402 수정 */
.card_NVE2 .pd_info_box .top_cont p{margin-bottom:4px;}
.card_NVE2.pd_info .info_box .tit0 em,
.card_NVE2.pd_info .info_box .list_txt em{ color:#000;}

.card_NVE2 .info_desc_ico > li.ico0:before{ background:url(/naver/pc/images/pd_ico0.png) no-repeat center; background-size:100%;}
.card_NVE2 .info_desc_ico > li.ico1:before{ background:url(/naver/pc/images/pd_ico1.png) no-repeat center; background-size:100%;}
.card_NVE2 .info_desc_ico .info_desc_sub{
    font-size:14px; color:#5c5c5c;
    line-height:20px;
    font-family: "NanumSquare_acb", "NanumSquare", "YouandiModernHEB";
    font-weight: 700;
}

.card_plcc.card_NVE2 .pd_info_box .top_cont h3{color:#000;}
/* p6_pop_01 */
.promotion_pop .layer_wrap .layer_container .pop_desc_em{text-align:left; font-size:16px; font-weight:bold; color:#505FDC;}
/*p10*/
.card_NVE2 .revolving_txt_area .txt0 strong{color: #505FDC;}


/* check image for custom naver*/
.card_plcc .check_wrap .ico_check {
    background: url(/naver/pc/images/ico_check.png) center no-repeat;
    background-size: 100% 100%;
}
/* popup 밑줄 삭제 */
.sub_desc.line_bottom_type0 .line_box:after{
    content: none;
}
.download.active:before {
    background:url('/naver/pc/images/ico_CheckB.png') 0 0 no-repeat;background-size:32px;
}
.card_plcc .add_on_event_box .event_box_desc em{color:#505FDC;}
.card_plcc .complete_banner p strong em{color:#505FDC;}
.article_box + .article_box .h2_desc{
    margin-top: 24px;
}
.article_box + .article_box{
    margin-top: 24px;
    border-top: 1px solid rgba(0,0,0,0.12);
}
.article_box .h2_desc{
    margin: 12px 0 0 0;
}
.event-box-rolling{
    position: relative;
}
.add_on_event_box{
    background:transparent;
    display: block;
}
.add_on_event_box .event_box_sub_txt.type02{margin:0 0 14px 0;}
.card_plcc .add_on_event_box.type04.fixed{
    position: fixed;
    bottom: 15px;
    left: 24px;
    box-sizing: border-box;
    width: calc(100% - 48px);
}

.add_on_event_box.rolling01 .event_box_icon{
    float: right;
    position: absolute;
    right: 24px;
    transform: translateY(-50%);
    background:url('/naver/pc/images/ico_Eventbox_02.png') no-repeat center;
    background-size:100% 100%;
    margin-top:0;
    width: 41px;
    height: 59px;
    top: 55px;
}
.add_on_event_box.rolling02 .event_box_icon{
    float: right;
    position: absolute;
    right: 24px;
    transform: translateY(-50%);
    background:url('/naver/pc/images/ico_Eventbox_03.png') no-repeat center;
    background-size:100% 100%;
    margin-top:0;
    width: 41px;
    height: 58px;
    top: 55px;
}
.card_plcc .add_on_event_box .event_box_desc.type03{
    line-height: 26px;
}
.card_plcc .add_on_event_box.type04{
    padding: 22px 0px;
    border-top: 1px solid rgba(0,0,0,0.12);
    border-radius: 0;
}

.add_on_event_box.type04{
    height: 128px;
    background-color: transparent;
    border-radius: 0;
    border-top: 1px solid rgba(0,0,0,0.12);
    position: absolute;
    width: 384px;
    left: 50%;
    transform: translate(-50%, 0);
}
.h2_desc .highlight{
    position: relative;
    z-index:0;
    word-break: keep-all;
    display: inline-block;
}
.h2_desc .highlight::before{
    content: '';
    position: absolute;
    height: 12px;
    background-color: #FBFF00;
    width: 100%;
    bottom: 0;
    z-index:-1;
}
.add_on_event_box .event_box_sub_txt.type02{
    font-weight: bold;
    color: rgba(0,0,0,0.64);
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.2px;
    margin: 0 0 2px 0;
}
.add_on_event_box .event_box_desc.type03{
    font-size: 16px;
    color: #000;
    font-weight: bold;
    line-height: 26px;
    padding-right: 55px;
    word-break: keep-all;
    text-align: left;
}
.rolling_banner{
    margin-top:40px;
}
.complete_loading_area .rolling_banner{
    margin: 140px auto 0;
    box-sizing: border-box;
    width: calc(100% - 48px);
}
.complete_loading_area .rolling_banner .list_box{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 120px;
    margin: 0 auto;
}
.complete_loading_area .rolling_banner .list_box li{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}
.rolling_banner .list_box li.hide{
    display:none;
}
.complete_loading_area .rolling_banner .list_box li+li{
    left: 100%;
}
.flex_bundle_list.service_list li:last-child .custom_radio input[type="radio"] + label {
    line-height: 50px;
    padding-top: 0;
}
.card_NVE2 #sms_layer .flex_bundle_list.service_list li:last-child .custom_radio input[type="radio"] + label{line-height:78px;padding-top:0;padding-bottom:0;}
.card_plcc .flex_bundle_list.service_list li .custom_radio input[type="radio"] + label.row1{
    height: 79px;
}
.card_NVE2 .gpcc_btn_area .btn.gray:last-child {margin-top:0;}

/*p0*/
.card_NVE2 .pd_info_box .top_cont p{margin-bottom:4px;}
.card_NVE2.pd_info .info_box .tit0 em,
.card_NVE2.pd_info .info_box .list_txt em{ color:#000;}
.card_NVE2 .info_desc_ico {
    font-family: 'San Francisco', 'SF Pro Display', 'Noto Sans KR';
}
.card_NVE2 .info_desc_ico > li{
    position: relative;
    padding-left: 0;

}
.card_plcc.card_NVE2 .pd_info_box.pd_info_box_new .info_desc_ico > li .list_box .list_benefit{
    margin-left: 130px;
}

.card_plcc.card_NVE2 .pd_info_box.pd_info_box_new .info_desc_ico > li .list_box .list_benefit + .info_desc_sub{
    margin-left: 70px;
}

.card_NVE2 .info_desc_ico > li .list_box .list_benefit{
    font-family: "NanumSquare_acb", "NanumSquare", "YouandiModernHEB";
    font-weight: 700;
    font-size: 18px;
    color: #000;
    letter-spacing: -0.7px;
    line-height: 24px;
    font-weight: bold;
    margin-left: 60px;
}
.card_NVE2 .info_desc_ico > li .list_box .list_benefit + .info_desc_sub{
    display: inline-block;
    margin-top: 16px;
}

.card_NVE2 .info_desc_ico > li:last-child{
    border:0;
}

.card_NVE2 .info_desc_ico > li.icon_smile:before{ background:url(/naver/pc/images/icon_smile.png) no-repeat center; background-size:100%;}
.card_NVE2 .info_desc_ico > li.icon_box:before{ background:url(/naver/pc/images/icon_box.png) no-repeat center; background-size:100%;}
.card_NVE2 .info_desc_ico > li.icon_box_plus:before{ background:url(/naver/pc/images/icon_box_plus.png) no-repeat center; background-size:100%;}
.card_NVE2 .info_desc_ico > li.icon_member_plus:before{
    background:url(/naver/pc/images/icon_member_plus.png) no-repeat center;
    background-size:100%;
    width:46px;
    height:46px;
    margin: 0;
    display: block;
    position: absolute;
    top: -12px;
    left: 0;}
.card_NVE2 .info_desc_ico > li.icon_5percent:before{
    background:url(/naver/pc/images/icon_5percent.png) no-repeat center;
    background-size:100%;
    width:46px;
    height:46px;
    margin: 0;
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
}
.card_NVE2 .info_desc_ico > li.icon_npoint:before{
    background:url(/naver/pc/images/icon_npoint.png) no-repeat center;
    background-size:100%;
    width:46px;
    height:46px;
    margin: 0;
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
}
.card_NVE2 .info_box.new .info_desc_ico > li.icon_member_plus:before,
.card_NVE2 .info_box.new .info_desc_ico > li.icon_5percent:before,
.card_NVE2 .info_box.new .info_desc_ico > li.icon_npoint:before{
    left: 70px;
}
/* .card_NVE2 .info_desc_ico .info_desc_sub{ font-size:14px; color:#666; line-height:20px; } */

.card_plcc.card_NVE2 .pd_info_box .top_cont h3{
    font-family: "NanumSquare_aceb", "NanumSquare", "YouandiModernHEB";
    font-weight: 800;
    color:#000;
}
.card_plcc.card_NVE2 .pd_info_box.pd_info_box_new .top_cont h3.top_cont_new{
    font-family: "NanumSquare_aceb", "NanumSquare", "YouandiModernHEB";
    font-weight: 800;
    font-size: 28px;
    line-height:36px;
    letter-spacing: -1.09px;
}
.card_plcc.card_NVE2 .pd_info_box.pd_info_box_new h4.tit_point_new{
    font-family: "NanumSquare_aceb", "NanumSquare", "YouandiModernHEB";
    font-weight: 800;
    font-size: 23px;
    color: #000;
    letter-spacing: -1.5px;
    text-align: center;
    line-height: 32px;
}
.txt_color_nhn{
    position: relative;
    display: inline-block;
    z-index:0;
}
.txt_color_nhn::before{
    content: "";
    width: 100%;
    height: 14px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    background-color: rgba(5, 219, 145, 0.25);
}
.card_plcc .member_years_article{
    padding: 24px 0 48px;
    margin-bottom: 50px;
    border-bottom: 1px solid #e0e0e0;
    font-family: 'San Francisco', 'SF Pro Display', 'Noto Sans KR';
}

.card_plcc .pd_info_box .info_box.new{
    padding: 40px 108px 0;
}
.card_plcc .pd_info_box .required_box{
    background-color: #fafafa;
    padding: 48px 44px;
}
.card_plcc .pd_info_box .required_box .tit_point_new{
    margin-top: 14px;
}
.card_plcc .pd_info_box .required_box .tit_sub{
    font-family: "NanumSquare_acb", "NanumSquare", "YouandiModernHEB";
    font-weight: 700;
    display: block;
    font-size: 19px;
    color: #000;
    letter-spacing: -0.8px;
    line-height: 26px;
    text-align: center;
    margin-bottom: 20px;
}
.card_plcc #container .pd_info_box .required_box .icon_list{
    width: 44px;
    display: block;
    margin: 0 auto;
}
.card_plcc #container .pd_info_box .required_box .img_new{
        width: 288px;
    margin: 0 auto;
    display: block;
}
.card_plcc #container .pd_info_box .required_box .img_new +.icon_list{
    margin-top: 36px;
}

.card_plcc .pd_info_box .card_list_box{
    border-bottom: 1px solid #f5f5f5;
    width: 440px;
    margin: 0 auto 34px;
    padding-bottom: 48px;
}
/* .card_plcc .info_box ul.pd_list0{
    margin-bottom: 40px;
} */
.card_plcc.card_NVE2 .pd_info_box.pd_info_box_new .member_years_article{
    font-family: 'San Francisco', 'SF Pro Display', 'Noto Sans KR';
    font-size: 16px;
    color: #000000;
    text-align: right;
    line-height: 22px;
    border-top: 1px solid #f5f5f5;
    border-bottom: 0;
    margin-bottom: 0;
    padding: 14px 0 37px;
}
.card_plcc.card_NVE2 .pd_info_box.pd_info_box_new .member_years_article .btn_nhn_base{
    border:0;
}
/* .card_plcc .member_years_article .item_tit{
    font-weight: bold;
    font-size: 20px;
    color: #000;
    line-height: 26px;
}
.card_plcc .member_years_article .item_desc{
    font-size: 20px;
    color: #000;
    line-height: 26px;
} */
.card_plcc .member_years_article .btn_nhn_base{
    border-radius: 8px;
    border: 2px solid #000;
    font-family: 'San Francisco', 'SF Pro Display', 'Noto Sans KR';
    font-weight: bold;
    color: #000;
    font-size: 16px;
    line-height: 22px;
    display: block;
    padding: 15px 0;
    width: 100%;
    text-align: center;
}
.card_plcc .member_years_article .item_tit + .item_desc{
    margin-top: 4px;
}
.card_plcc .member_years_article .item_desc+.btn_nhn_base{
    margin: 40px 0 0;
}
.gpcc_btn_area .btn_violet.active,
.layer_popup .layer_wrap .layer_footer .gpcc_btn_area .btn.btn_violet{
    background-color: #505fdc;
}

.card_plcc .gpcc_tab_wrap .tab_nav.col4_type li {
    padding: 0;
    width: 150px;
    vertical-align: top;
    float: left;
    display: block;
    margin: 0 9px 0 0;
}
.card_plcc .gpcc_tab_wrap .tab_nav.col4_type li:nth-child(3n){
    margin-right: 0;
}
.card_plcc .gpcc_tab_wrap .tab_nav.col4_type li:nth-child(n+4){
    margin-top: 10px;
}
.text_area_box{
    margin: 15px auto 0;
    width: 384px;
}
.gpcc_complete_area .text_area_box .desc{
    display: block;
    margin-top: 12px;
    font-size: 16px;
    color: #000;
    line-height: 26px;
    font-family: 'San Francisco','SF Pro Display','Noto Sans KR';
}
.blue_link,
.btn.btn_arrow.blue_link{
    color: #505FDC;
}
.btn.btn_arrow.blue_link:after {
    background: url(/naver/pc/images/ArrowB_Forward_Blue.png) no-repeat center;
    background-size: 100% 100%;
    opacity: 1;
    margin-top: 0;
}
.pb130{
    padding-bottom:130px;
}
/* .service_list li .custom_radio input[type="radio"] + label{
    min-height: 76px;
} */
.layer_popup.alert .layer_wrap .layer_header.small {
    padding: 48px 20px 20px;
}
.pd_info .txt_desc{
    font-family: 'SF Pro Display', 'Noto Sans KR';
    font-size: 14px;
    color: #5c5c5c;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    margin-top: 18px;
    display: block;
}
.mb30{
    margin-bottom: 30px;;
}
.layer_popup .status_area{
    background: rgba(0, 0, 0, 0.04);
    padding: 24px;
    border-radius: 10px;
    margin: 24px 24px 0;
}
.layer_popup .status_area li{
    overflow: hidden;
    margin-top: 10px;
}
.layer_popup .status_area li:first-child{
    margin-top:0;
}
.layer_popup .status_area .txt_info{
    font-size: 15px;
    color: #000;
    font-weight: bold;
}
.layer_popup .status_area .txt_status{
    color: #505FDC;
    font-weight: bold;
    float: right;
    font-size: 16px;
}
.card_plcc .pd_list0 > li{
    font-size: 16px;
    /* color: #000000; */ /*2024-02-28 Q11060 #554_PLCC_네이버 0단계 수정 요청의건 */
    line-height: 22px;
}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont p.text {
    font-size: 14px;
    color: #5c5c5c;
    line-height: 20px;
    margin: 12px 0 32px;
}

/*p06*/
.gpcc_tab_wrap .gpcc_tab_cont .card_area.driving{
    margin-bottom:0;
}
.text.small.driver_licne{margin-bottom:20px;color: rgba(0,0,0,0.56);letter-spacing: -.5px;text-align: center}

/* 2021-09-13 GGU402 [카드안내신청] 네이버카드 0단계 안내 문안  수정요청의건 */
.mt24{margin-top:24px !important}
.list_benefit_box li{position:relative; padding-left:11px; line-height:20px;}
.list_benefit_box li:before{content:'*'; position:absolute; left:0; top:4px; font-size:14px; color: #5c5c5c; font-family: "NanumSquare_acb", "NanumSquare", "YouandiModernHEB"; font-weight: 700;}


/* 2022-03-17 */
#terms_welcome {z-index:1001 !important;}
#terms_welcome .layer_contents {padding:0 24px;}

/* 22-03-16 Q10549 welcom혜택 추가 */
#terms_welcome .bullet_list + .list_wrap {border-top: 1px solid rgba(0,0,0,.04); padding-top: 19px; margin-top: 27px;}
.list_dot > li{line-height:26px;font-size:16px;color:#777;margin-left:8px; margin-top:10px;letter-spacing: -1.2px;}
.list_dot > li:first-child {margin-top:0;}
.list_dot > li:before{display:inline-block; content:'·'; margin:0 4px 0 -8px; font-size:16px;color:#777;}
.list_dot > li.txt_error:before { color:#ec0928; }
.list_dot > li strong { color:#111; }
.list_dash.type2 > li{margin-top:6px;font-size:12px;line-height:20px; font-weight: bold;}/*22-03-23 Q10549 추가*/
.list_dash.type2 > li::before {content:'-'; display:inline-block; position:relative; margin:0; padding:0 0.3rem 0 0; top:0.1rem;}/*22-03-23 Q10549 추가*/
.list_dash.type2 > li.no_bold {font-weight:normal;} /*22-03-23 Q10549 추가*/
.list_dash.type2 > li.fs_9 {font-size:9px;} /*22-03-23 Q10549 추가*/
.list_dash.type2 > li.no_before::before {content:'';} /*22-03-23 Q10549 추가*/

#terms_welcome.layer_popup .layer_content .mCSB_inside > .mCSB_container {padding-bottom:60px;}

/* 22-04-05 Q10549 추가 */
.txt_color{color:#2db400 !important;}

/* 2022-07-04 Q10549 #127_네이버 0단계 페이지 수정건 */
.card_NVE2 .pd_info_box .top_cont.type02 {background: url(../images/img_pc_TopBg.png) no-repeat center center;background-size:cover;height: 460px;}
.card_plcc .pd_info_box .top_cont.type02 {margin-top:0; padding:124px 0 0 0;}
.card_plcc .pd_info_box .top_cont.type02 h3 {font-size:41px; color:#000; line-height:44px; font-weight:900;}

.card_plcc .pd_info_box .info_box_type02 {padding:23px 114px 0 114px;}
.card_plcc .pd_list0 .pd_list0_type2 li{ padding-top:0; margin-top:0; margin-bottom:0; }
.card_plcc .pd_list0 .pd_list0_type2 li:before{ top:12px; }
.card_plcc .pd_list0_type2.dot > li{margin-top:6px;padding-left:8px; font-size:16px; line-height:22px;}
.card_plcc .pd_list0_type2.dot > li:before{content:"";position:absolute;left:0;top:12px;background-color:rgba(0,0,0,0.64);width:2px;height:2px;border-radius:50%;}
.card_plcc .pd_list0_type2.dot > li:first-child {margin-top:0;}
.card_plcc .pd_list0_type2.dash > li{margin-top:6px;padding-left:8px; font-size:16px; line-height:22px;}
.card_plcc .pd_list0_type2.dash > li:before{content:'-'; display:inline-block; position:absolute; left:0; margin:0; padding:0 0.3rem 0 0; top:0;}
.card_plcc .pd_list0_type2.dash > li:first-child {margin-top:0;}

.card_plcc .pd_info_box .info_box_type2 {padding:27px 24px 166px 24px;}
.card_plcc .info_desc_ico02 > li{ display:flex; align-items:center; position:relative; padding:20px 0; font-size:22px; color:#000; line-height:24px; }
.card_plcc .info_desc_ico02 > li + li {border-top:1px solid #f5f5f5;}
.card_NVE2 .info_desc_ico02 > li.icon_NPlus:before{
    content:"";
    background:url(../images/icon_pc_NPlus.png) no-repeat center;
    background-size:100%;
    width:56px;
    height:32px;
    margin: 0;
    display: block;
    margin-left:24px;}
.card_NVE2 .info_desc_ico02 > li.icon_Npay:before{
    content:"";
    background:url(../images/icon_pc_NPay.png) no-repeat center;
    background-size:100%;
    width:44px;
    height:49px;
    margin: 0;
    display: block;
    margin-left:28px;
}
.card_NVE2 .info_desc_ico02 > li.icon_limit:before{
    content:"";
    background:url(../images/icon_pc_limit.png) no-repeat center;
    background-size:100%;
    width:44px;
    height:44px;
    margin: 0;
    display: block;
    margin-left:28px;
}
.card_NVE2 .info_desc_ico02 > li .list_benefit02{
    font-family: "NanumSquare_acb", "NanumSquare", "YouandiModernHEB";
    margin-left: 48px;
}
.card_NVE2 .info_desc_ico02 > li .list_benefit02 .fw_b {display:inline-block; font-weight:bold;}
.txt_color_nhn02, .txt_color_nhn03 {position: relative; z-index: 1;}
.txt_color_nhn02::before {    
    content: "";
    width: 100%;
    height: 12px;
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 2px;
    background-color: rgba(5,219,145, 0.4);
}
.txt_color_nhn03::before {    
    content: "";
    width: 100%;
    height: 12px;
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 2px;
    background-color: rgba(30,155,245, 0.17);
}
.list_benefit02_txt {padding:44px 0 14px 0;}
.list_benefit02_txt > li + li {margin-top:40px;}
.list_benefit02_txt .benefit02_sub {position:relative; margin-bottom:8px; font-size:18px; line-height:24px; font-weight:bold; color:#415096;}
.list_benefit02_txt li.benefit02_notice .benefit02_sub {padding-left:22px;}
.list_benefit02_txt li.benefit02_notice .benefit02_sub::before {
    content:"";
    background: url(../images/icon_search.png) no-repeat center;
    background-size: 100%;
    width: 17px;
    height: 17px;
    margin: 0;
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
}
.card_plcc .member_years_article.type02{
    padding: 24px 0 56px;
    margin-bottom: 32px;
    border-bottom: 1px solid #e0e0e0;
    font-family: 'San Francisco', 'SF Pro Display', 'Noto Sans KR';
}

/* 네이버 현대카드 Progress bar 문구 및 UI 수정 */
.card_NVE2 .progress_wrap .progrees_bar{z-index: 3;}
.card_NVE2 .progress_wrap .progrees_bar > div{display:block;position:absolute;top:16px;}
.card_NVE2 .progress_wrap .progrees_bar > div > p{display:block;background:#000;position:relative;left:-50%;color:#fff;font-size: 14px;padding:4px 6px;border-radius:8px;display: none;}
.card_NVE2 .progress_wrap .progrees_bar > div > p:after{content:'';display: block;width:9px;height:9px;background: #000;position: absolute;left:50%;top:-3px;margin-left:-4px;transform: rotate(45deg);}
.card_NVE2 .progress_wrap .progrees_bar.step02 > div{left:calc((8 / 21) * 100%);}
.card_NVE2 .progress_wrap .progrees_bar.step03 > div{left:calc((9 / 21) * 100%);}
.card_NVE2 .progress_wrap .progrees_bar.step04 > div{left:calc((10 / 21) * 100%);}
.card_NVE2 .progress_wrap .progrees_bar.step05 > div{left:calc((11 / 21) * 100%);}
.card_NVE2 .progress_wrap .progrees_bar.step06 > div{left:calc((12 / 21) * 100%);}
.card_NVE2 .progress_wrap .progrees_bar.step07 > div{left:calc((13 / 21) * 100%);}
.card_NVE2 .progress_wrap .progrees_bar.step08 > div{left:calc((14 / 21) * 100%);}
.card_NVE2 .progress_wrap .progrees_bar.step09 > div{left:calc((15 / 21) * 100%);}
.card_NVE2 .progress_wrap .progrees_bar.step10 > div{left:calc((16 / 21) * 100%);}
.card_NVE2 .progress_wrap .progrees_bar.step11 > div{left:calc((17 / 21) * 100%);}
.card_NVE2 .progress_wrap .progrees_bar.step12 > div{left:calc((18 / 21) * 100%);}
.card_NVE2 .progress_wrap .progrees_bar.step13 > div{left:calc((19 / 21) * 100%);}
.card_NVE2 .progress_wrap .progrees_bar.step14 > div{left:calc((20 / 21) * 100%);}
.card_NVE2 .progress_wrap .progrees_bar.step15 > div{left:calc((21 / 21) * 100%);}

.card_NVE2 .progress_wrap .progrees_bar.step02 > div p{width:105px;}/* 발급까지 단 3분 */
.card_NVE2 .progress_wrap .progrees_bar.step03 > div p{width:185px;}/* 기억나는대로 선택해주세요! */
.card_NVE2 .progress_wrap .progrees_bar.step06 > div p{width:125px;}/* 조금만 더 힘내세요 */        
.card_NVE2 .progress_wrap .progrees_bar.step08 > div p{width:145px;}/* 어려운 건 다 끝났어요! */
.card_NVE2 .progress_wrap .progrees_bar.step12 > div p{width:100px;}/* 거의 다 왔어요! */

/* 18단계 부가서비스 - 프로모션 문구 */
.card_NVE2 .apply_bundle_acc .header_accordion .tit_area {color:#505FDC;}
.card_NVE2 .apply_bundle_acc .header_accordion .text_desc.small span {color:#505FDC;}
/* .card_MSSHC .apply_bundle_list.extra_list li .btn_extra{background-color:#0078FF;color:#fff;}
.card_MSSHC .apply_bundle_list.extra_list li .btn_extra.active {background:rgba(0,0,0,0.08);color:rgba(0,0,0,0.20);} */
.card_NVE2 .apply_bundle_list.extra_list li .btn_benefit {border:1px solid #505FDC;color:#505FDC;}
.card_NVE2 .apply_bundle_list.extra_list li .btn_benefit:after {content:'';background:url(/naver/pc/images/ArrowB_Forward_Blue.png) no-repeat center;background-size:100%;}

/*2024-12-20 Q11067 #789 네이버0단계(내부용)*/
.card_NVE2 .pd_info_box .top_cont.type02 {background: url(/naver/pc/images/img_pc_TopBg2.png) no-repeat center center;background-size:cover;height: 460px;}
.card_NVE2 .pd_info_box .top_cont.type02 {margin-top:0; padding:80px 0 0 0;}
.card_NVE2 .pd_info_box .top_cont.type02 h3 {color:#000; font-size:40px; line-height:44px; font-weight:900;}
.card_NVE2 .pd_info_box .top_cont.type02 .top_praise {margin-bottom:8px; color:#000; font-size:24px; line-height:32px; font-weight:700;}

.info_desc_ico03 > li{ display:flex; align-items:center; position:relative; color:#000; font-size:24px; line-height:32px; }
.info_desc_ico03 > li + li {margin-top:20px; padding-top:20px; border-top:1px solid rgba(0,0,0,0.08);}
.info_desc_ico03 > li .list_benefit02 {margin-left:48px; font-family:"NanumSquare_acb", "NanumSquare", "YouandiModernHEB";}
.info_desc_ico03 > li .list_benefit02 .fw_b {font-weight:800;}
.txt_color_nhn04 {position:relative; z-index:1; white-space:nowrap;}
.txt_color_nhn04::before {content:''; position:absolute; z-index:-1; left:0; bottom:2px; width:100%; height:12px; background-color:#daff00;}
.info_desc_ico03 > li.icon:before {content:''; display:block; width:44px; height:44px; margin:0 0 0 28px;}
.info_desc_ico03 > li.icon.icon_Npay2:before{background:url(/naver/m/images/icon_m_NPay2.png) no-repeat center; background-size:100%;}
.info_desc_ico03 > li.icon.icon_limit2:before{background:url(/naver/m/images/icon_m_limit2.png) no-repeat center; background-size:100%;}
.info_desc_ico03 + .pd_tit_type0 {margin-top:84px; text-align:center; font-size:20px; line-height:26px; font-weight:700;}

.bdRadiusBox {margin-top:20px; padding:24px; border:1px solid rgba(0,0,0,0.12); border-radius:16px;}
.bdRadiusBox + .text_desc {color:rgba(0,0,0,0.64);}
.textGreen {color:#25aa65; font-size:24px; font-weight:bold;}
.bdRadiusBox .pd_tit_type1 {padding:24px 0 8px 0;;}
.subText {margin-top:4px; color:rgba(0,0,0,0.64); font-size:12px; font-weight:500; line-height:16px;}

.text_desc.type02 {padding:10px 0 0 0;} /*plcc_common 모바일 클래스*/
.pd_info_box .accod_list_wrap.gap01 {margin-top:64px;}