@charset "utf-8";

/* noto-sans-kr-Light - korean_latin */
@font-face {
	font-family:'NotoSans';
	font-style:normal;
	font-weight:300;
	src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
	   url('fonts/noto-sans-kr-v21-latin_korean-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	   url('fonts/noto-sans-kr-v21-latin_korean-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* @media screen and (min-width:375px)  {
    html{font-size:21px}
}
@media  screen and (min-width:384px)  {
    html{font-size:22px}
}
@media screen and (min-width:412px)  {
    html{font-size:23px}
}
@media screen and (min-width:428px)  {
    html{font-size:24px}
} */


/* @media only screen  and (device-width:375px) and (device-height: 812px)  { 
    html{font-size:23px !important}
}
@media only screen  and (device-width:360px) and (device-height: 880px)  { 
    html{font-size:23px !important}
}

@media only screen and (device-width: 428px) and (device-height: 926px) { 
        html{font-size:26px !important}
} */


/* selectPopup */
a.v2-select_style2 {display:block; overflow:hidden; height:2.4rem; padding:0 2em 0 0.8rem; border:1px solid #cccccc; border-radius:0.375rem; font-size:0.8rem; line-height:2.3rem; color:#000000; background:#ffffff url('../img/btn_down_select.png') right 0.8rem center no-repeat; background-size:1.2rem auto; word-break:break-all; outline:0}
a.v2-select_style2:focus {border:1px solid #009591}
a.v2-select_style2.disabled {border:1px solid #dddddd; color:#767676; background-color:#f3f4f5}
a.select_style3 {display:inline-block; height:auto; padding:0 1.2rem 0 0; border:none; font-weight:500; font-size:0.8rem; background:url('../img/btn_headTit.png') no-repeat 100% 50%; background-position-y:calc(50% + .15rem); background-size:1.4rem; line-height:normal} /* 2021-05-24 */
a.select_style3:focus{border:none} /* 2021-05-24 */
#selectPopup .popup{height:auto !important}
#selectPopup .popup .popup_content .wrap_block{padding:0.5rem 1.2rem 1.5rem; text-align:left}
#selectPopup .popup .popup_content .btn_wrap button:only-child{-webkit-border-radius:0.4rem; -moz-border-radius:0.4rem; border-radius:0.4rem;}
/* #selectPopup3 .popup {height:16.8rem;} */
#selectPopup3 .popup .popup_content {padding:0} /* 2021-07-01 */
#selectPopup3 .popup .popup_content .tab_wrap {position:sticky !important; background:#fff;top:0;z-index:1;}
#selectPopup3 .popup .popup_content .tab_container {height:100%; overflow:auto}
#selectPopup3 .popup .popup_content .tab_wrap + .tab_container {height:calc(100% - 2.05rem);}
#selectPopup3 .popup .popup_content .select_option_list li {border-top:1px solid #f5f5f5}
#selectPopup3 .popup .popup_content .select_option_list li button  {display:block; width:100%; padding:0.8rem 1.2rem; font-size:0.7rem; line-height:1rem; text-align:left; color:#000000; letter-spacing:-1px; font-family:'NotoSans'; background:#ffffff}
#selectPopup3 .popup .popup_content .select_option_list.style2:after{display:block; content:""; clear:both}
#selectPopup3 .popup .popup_content .select_option_list.style2 li{width:33.3%; float:left}
#selectPopup3 .popup .popup_content .select_option_list.style2 li button{padding:0.8rem 0}
#selectPopup3 .popup .popup_content .select_option_list.style2 li span{display:block; text-align:center}
#selectPopup3 .popup .popup_content .select_option_list.style2 li img{display:block; width:2.4rem; height:2.4rem; margin:0px auto 0.2rem}

/* 대출금상환,이자납입 아이콘 */
.v2-openB i[class $= 'logo']{display:inline-block; width:0.9rem; height:0.9rem; background-size:contain !important; vertical-align:middle}
.v2-openB i[class $= 'logo'] ~ span{margin-left:0.25rem; font-size:0.7rem; color:#000000; vertical-align:middle}
.v2-openB i[class $= 'logo'] + span ~ span{position:relative; padding-left:0.25rem}
.v2-openB i[class $= 'logo'] + span ~ span:before{display:block; content:""; clear:both; position:absolute; top:0.2rem; left:0; width:1px; height:0.7rem; background:#666666}
.v2-openB .ico_000_logo{background:url('../../common/img/bank_logo/000.png') 50% 50% no-repeat}
.v2-openB .ico_081_logo{background:url('../../common/img/bank_logo/081.png') 50% 50% no-repeat}
.v2-openB .ico_050_logo{background:url('../../common/img/bank_logo/050.png') 50% 50% no-repeat}
.v2-openB .ico_088_logo{background:url('../../common/img/bank_logo/088.png') 50% 50% no-repeat}
.v2-openB .ico_004_logo{background:url('../../common/img/bank_logo/004.png') 50% 50% no-repeat}
.v2-openB .ico_020_logo{background:url('../../common/img/bank_logo/020.png') 50% 50% no-repeat}
.v2-openB .ico_003_logo{background:url('../../common/img/bank_logo/003.png') 50% 50% no-repeat}
.v2-openB .ico_002_logo{background:url('../../common/img/bank_logo/002.png') 50% 50% no-repeat}
.v2-openB .ico_011_logo{background:url('../../common/img/bank_logo/011.png') 50% 50% no-repeat}
.v2-openB .ico_012_logo{background:url('../../common/img/bank_logo/012.png') 50% 50% no-repeat}
.v2-openB .ico_007_logo{background:url('../../common/img/bank_logo/007_OB.png') 50% 50% no-repeat}
.v2-openB .ico_023_logo{background:url('../../common/img/bank_logo/023.png') 50% 50% no-repeat}
.v2-openB .ico_027_logo{background:url('../../common/img/bank_logo/027.png') 50% 50% no-repeat}
.v2-openB .ico_030_logo{background:url('../../common/img/bank_logo/030.png') 50% 50% no-repeat}
.v2-openB .ico_031_logo{background:url('../../common/img/bank_logo/031.png') 50% 50% no-repeat}
.v2-openB .ico_032_logo{background:url('../../common/img/bank_logo/032.png') 50% 50% no-repeat}
.v2-openB .ico_034_logo{background:url('../../common/img/bank_logo/034.png') 50% 50% no-repeat}
.v2-openB .ico_035_logo{background:url('../../common/img/bank_logo/035.png') 50% 50% no-repeat}
.v2-openB .ico_037_logo{background:url('../../common/img/bank_logo/037.png') 50% 50% no-repeat}
.v2-openB .ico_039_logo{background:url('../../common/img/bank_logo/039.png') 50% 50% no-repeat}
.v2-openB .ico_045_logo{background:url('../../common/img/bank_logo/045.png') 50% 50% no-repeat}
.v2-openB .ico_048_logo{background:url('../../common/img/bank_logo/048.png') 50% 50% no-repeat}
.v2-openB .ico_054_logo{background:url('../../common/img/bank_logo/054.png') 50% 50% no-repeat}
.v2-openB .ico_055_logo{background:url('../../common/img/bank_logo/055.png') 50% 50% no-repeat}
.v2-openB .ico_064_logo{background:url('../../common/img/bank_logo/064.png') 50% 50% no-repeat}
.v2-openB .ico_071_logo{background:url('../../common/img/bank_logo/071.png') 50% 50% no-repeat}
.v2-openB .ico_089_logo{background:url('../../common/img/bank_logo/089.png') 50% 50% no-repeat}
.v2-openB .ico_090_logo{background:url('../../common/img/bank_logo/090.png') 50% 50% no-repeat}
.v2-openB .ico_270_logo{background:url('../../common/img/bank_logo/270.png') 50% 50% no-repeat}
.v2-openB .ico_218_logo{background:url('../../common/img/bank_logo/218.png') 50% 50% no-repeat}
.v2-openB .ico_278_logo{background:url('../../common/img/bank_logo/278.png') 50% 50% no-repeat}
.v2-openB .ico_247_logo{background:url('../../common/img/bank_logo/247.png') 50% 50% no-repeat}
.v2-openB .ico_238_logo{background:url('../../common/img/bank_logo/238.png') 50% 50% no-repeat}
.v2-openB .ico_243_logo{background:url('../../common/img/bank_logo/243.png') 50% 50% no-repeat}
.v2-openB .ico_240_logo{background:url('../../common/img/bank_logo/240.png') 50% 50% no-repeat}
.v2-openB .ico_269_logo{background:url('../../common/img/bank_logo/269.png') 50% 50% no-repeat}
.v2-openB .ico_261_logo{background:url('../../common/img/bank_logo/261.png') 50% 50% no-repeat}
.v2-openB .ico_279_logo{background:url('../../common/img/bank_logo/279.png') 50% 50% no-repeat}
.v2-openB .ico_287_logo{background:url('../../common/img/bank_logo/287.png') 50% 50% no-repeat}
.v2-openB .ico_264_logo{background:url('../../common/img/bank_logo/264.png') 50% 50% no-repeat}
.v2-openB .ico_267_logo{background:url('../../common/img/bank_logo/267.png') 50% 50% no-repeat}
.v2-openB .ico_266_logo{background:url('../../common/img/bank_logo/266.png') 50% 50% no-repeat}
.v2-openB .ico_265_logo{background:url('../../common/img/bank_logo/265.png') 50% 50% no-repeat}
.v2-openB .ico_268_logo{background:url('../../common/img/bank_logo/268.png') 50% 50% no-repeat}
.v2-openB .ico_262_logo{background:url('../../common/img/bank_logo/262.png') 50% 50% no-repeat}
.v2-openB .ico_209_logo{background:url('../../common/img/bank_logo/209.png') 50% 50% no-repeat}
.v2-openB .ico_227_logo{background:url('../../common/img/bank_logo/227.png') 50% 50% no-repeat}
.v2-openB .ico_263_logo{background:url('../../common/img/bank_logo/263.png') 50% 50% no-repeat}
.v2-openB .ico_280_logo{background:url('../../common/img/bank_logo/280.png') 50% 50% no-repeat}
.v2-openB .ico_292_logo{background:url('../../common/img/bank_logo/292.png') 50% 50% no-repeat}
.v2-openB .ico_290_logo{background:url('../../common/img/bank_logo/290.png') 50% 50% no-repeat}
.v2-openB .ico_291_logo{background:url('../../common/img/bank_logo/291.png') 50% 50% no-repeat}
.v2-openB .ico_092_logo{background:url('../../common/img/bank_logo/092.png') 50% 50% no-repeat}
.v2-openB .ico_050_001_logo{background:url('../../common/img/bank_logo/050_001.png') 50% 50% no-repeat} 
.v2-openB .ico_050_002_logo{background:url('../../common/img/bank_logo/050_002.png') 50% 50% no-repeat} 
.v2-openB .ico_050_003_logo{background:url('../../common/img/bank_logo/050_003.png') 50% 50% no-repeat} 
.v2-openB .ico_050_004_logo{background:url('../../common/img/bank_logo/050_004.png') 50% 50% no-repeat} 
.v2-openB .ico_050_005_logo{background:url('../../common/img/bank_logo/050_005.png') 50% 50% no-repeat} 
.v2-openB .ico_050_006_logo{background:url('../../common/img/bank_logo/050_006.png') 50% 50% no-repeat} 
.v2-openB .ico_050_007_logo{background:url('../../common/img/bank_logo/050_007.png') 50% 50% no-repeat} 
.v2-openB .ico_050_008_logo{background:url('../../common/img/bank_logo/050_008.png') 50% 50% no-repeat} 
.v2-openB .ico_050_009_logo{background:url('../../common/img/bank_logo/050_009.png') 50% 50% no-repeat} 
.v2-openB .ico_050_010_logo{background:url('../../common/img/bank_logo/050_010.png') 50% 50% no-repeat} 
.v2-openB .ico_050_011_logo{background:url('../../common/img/bank_logo/050_011.png') 50% 50% no-repeat} 
.v2-openB .ico_050_012_logo{background:url('../../common/img/bank_logo/050_012.png') 50% 50% no-repeat} 
.v2-openB .ico_050_013_logo{background:url('../../common/img/bank_logo/050_013.png') 50% 50% no-repeat} 
.v2-openB .ico_050_014_logo{background:url('../../common/img/bank_logo/050_014.png') 50% 50% no-repeat} 
.v2-openB .ico_050_015_logo{background:url('../../common/img/bank_logo/050_015.png') 50% 50% no-repeat} 
.v2-openB .ico_050_016_logo{background:url('../../common/img/bank_logo/050_016.png') 50% 50% no-repeat} 
.v2-openB .ico_050_017_logo{background:url('../../common/img/bank_logo/050_017.png') 50% 50% no-repeat} 
.v2-openB .ico_050_018_logo{background:url('../../common/img/bank_logo/050_018.png') 50% 50% no-repeat} 
.v2-openB .ico_050_028_logo{background:url('../../common/img/bank_logo/050_028.png') 50% 50% no-repeat} 
.v2-openB .ico_050_048_logo{background:url('../../common/img/bank_logo/050_048.png') 50% 50% no-repeat} 
.v2-openB .ico_050_049_logo{background:url('../../common/img/bank_logo/050_049.png') 50% 50% no-repeat} 
.v2-openB .ico_050_062_logo{background:url('../../common/img/bank_logo/050_062.png') 50% 50% no-repeat} 
.v2-openB .ico_050_064_logo{background:url('../../common/img/bank_logo/050_064.png') 50% 50% no-repeat} 
.v2-openB .ico_050_065_logo{background:url('../../common/img/bank_logo/050_065.png') 50% 50% no-repeat} 
.v2-openB .ico_050_066_logo{background:url('../../common/img/bank_logo/050_066.png') 50% 50% no-repeat} 
.v2-openB .ico_050_120_logo{background:url('../../common/img/bank_logo/050_120.png') 50% 50% no-repeat} 
.v2-openB .ico_050_130_logo{background:url('../../common/img/bank_logo/050_130.png') 50% 50% no-repeat} 
.v2-openB .ico_050_313_logo{background:url('../../common/img/bank_logo/050_313.png') 50% 50% no-repeat} 
.v2-openB .ico_050_328_logo{background:url('../../common/img/bank_logo/050_328.png') 50% 50% no-repeat} 
.v2-openB .ico_050_330_logo{background:url('../../common/img/bank_logo/050_330.png') 50% 50% no-repeat} 
.v2-openB .ico_050_334_logo{background:url('../../common/img/bank_logo/050_334.png') 50% 50% no-repeat} 
.v2-openB .ico_050_347_logo{background:url('../../common/img/bank_logo/050_347.png') 50% 50% no-repeat} 
.v2-openB .ico_050_551_logo{background:url('../../common/img/bank_logo/050_551.png') 50% 50% no-repeat} 
.v2-openB .ico_050_650_logo{background:url('../../common/img/bank_logo/050_650.png') 50% 50% no-repeat} 


.v2-photo_info {display:flex;flex-direction:column;text-align:center;line-height:1.4;justify-content:center;align-items:center;height:calc(100vh - 12.8rem);}
.v2-photo_info .v2-title {font-size:0.9rem;color:#000;padding-bottom:0;}
.v2-photo_info .v2-sub_tit {margin-top:0.5rem;font-size:0.7rem;color:#757575;}
.v2-photo_info .v2-ico_photo {margin-top:3rem;text-align:center;}
.v2-photo_info .v2-ico_photo::before {content:'';display:block;background-image:url('../img/v2_common/v2_icon_photo.svg');width:9.5rem;height:7.5rem;background-size:cover;margin:0 auto;}
.v2-ico_photo .v2-main_txt {font-size:1rem;color:#000;font-weight:500;margin-top:0.9rem;}
.v2-ico_photo .v2-sub_txt {font-size:0.7rem;color:#757575;margin-top:0.25rem;}

.v2-radio_group {position:relative;}
.v2-radio_group .radio_wrap.btn_type input[type=radio] + label {display:flex;height:3.8rem;align-items:center;flex-direction:column;justify-content:center;line-height:normal;padding-bottom:0;}
.v2-radio_group .radio_wrap.btn_type input[type=radio] + label::after {height:3.8rem;}
.v2-radio_group .radio_wrap.btn_type input[type=radio] + label::before {content:'';display:block;width:1.2rem;height:1.2rem;background-size:cover;margin:0 auto 0.2rem;}

/*.v2-radio_group .radio_wrap.btn_type:nth-child(3) {position:absolute;top:-1.5rem;right:0;margin-left:0;}
.v2-radio_group .radio_wrap.btn_type:nth-child(3)  input[type=radio] + label {flex-direction:row;height:auto;border-bottom:1px #666 solid; border-radius:0;}
.v2-radio_group .radio_wrap.btn_type:nth-child(3).checked input[type=radio] + label {border-color:#009591;}
.v2-radio_group .radio_wrap.btn_type:nth-child(3) input[type=radio] + label:before,
.v2-radio_group .radio_wrap.btn_type:nth-child(3) input[type=radio] + label:after {display:none;}*/

.v2-radio_group .radio_wrap.btn_type:nth-child(1) input[type=radio] + label::before {background-image: url('../img/v2_common/icon_online.svg');}
.v2-radio_group .radio_wrap.btn_type.checked:nth-child(1) input[type=radio] + label::before {background-image: url('../img/v2_common/icon_online_on.svg');}
.v2-radio_group .radio_wrap.btn_type:nth-child(2) input[type=radio] + label::before {background-image: url('../img/v2_common/icon_mail.svg');}
.v2-radio_group .radio_wrap.btn_type.checked:nth-child(2) input[type=radio] + label::before {background-image: url('../img/v2_common/icon_mail_on.svg');}
.v2-radio_group .radio_wrap.btn_type:nth-child(3) input[type=radio] + label::before {background-image: url('../img/v2_common/icon_fax.svg');}
.v2-radio_group .radio_wrap.btn_type.checked:nth-child(3) input[type=radio] + label::before {background-image: url('../img/v2_common/icon_fax_on.svg');}

/*증명서 발급*/
.v2_complet {display:flex;flex-direction:column;justify-content:center;height:100%;}
.v2-ico_complet {display:inline-block;width:3rem;height:3rem;background:#ebf7f7 url('../img/v2_common/v2_pdf_bg.svg') no-repeat 50% 50%;border-radius:50%;}
.v2-btn_save {display:flex;margin-top:1.7rem;padding:0.3rem 0.5rem;background:#fff;border:1px #009591 solid;border-radius:0.2rem;color:#009591;font-size:0.7rem;align-items:center;}
.v2-btn_save::before {content:'';display:flex;background-image:url('../img/v2_common/v2_download_pdf.svg'); margin-right:0.3rem;width:1rem;height:1rem;background-size:contain;}

.addservice .box_list.v2-box_list > li {background:#fff url('../img/v2_common/symbol_hana.svg') no-repeat 100% 0.6rem ;border:1px #ddd solid;border-radius:0.2rem;padding:1rem 0.8rem 1.2rem;background-size:7rem 6.8rem;}
.addservice .box_list.v2-box_list > li::before,
.addservice .box_list.v2-box_list > li::after {content:'';position:absolute;display:block;width:100%;height:0.1rem;background-color:#fff;border-radius:0 0 0.2rem 0.2rem;border:1px #ddd solid;margin:0 -0.8rem;border-top:0;}
.addservice .box_list.v2-box_list > li::before {bottom:0.2rem;}
.addservice .box_list.v2-box_list > li::after {bottom:0.085rem;}
.v2-box_list .v2-line {padding-top:0.5rem;border-top:1px #eee solid;}

.couponWrap .tab_container,
.couponWrap .tab_content .list_wrap {height:100%;} 
.couponWrap .tab_content {height:100%;padding:2rem 1.2rem;}
.couponWrap .v2-title {display:flex;font-size:0.9rem;color:#000;font-weight:400;text-align:center;margin-bottom:0.5rem;justify-content:center;}
.couponWrap .v2-title > span {font-weight:500;}
.v2-coupon_list {display:flex;justify-content: space-between;flex-wrap:wrap;}
.v2-coupon_list li {position:relative;display:flex;flex-direction:column;border:1px #ccc solid;border-radius:0.5rem;flex-basis:calc(50% - 0.5rem);background-color:#fff;margin-bottom:0.5rem}
.v2-coupon_list li::before,
.v2-coupon_list li::after {content:'';position:absolute;bottom:2.3rem;display:block;width:0.6rem;height:0.3rem;border:1px #ccc solid;background-color:#f9f9fb;border-radius:0.3rem 0.3rem 0 0;border-bottom:0;}
.v2-coupon_list li::before {left:-0.2rem;transform: rotate(90deg);}
.v2-coupon_list li::after {right:-0.2rem;transform: rotate(-90deg);}
.v2-coupon_list li > a {padding:1rem 0.4rem 0.5rem;} 
.v2-coupon_list .couponInfo {display:flex;flex-direction:column;text-align:center;line-height:1.2;}
.couponInfo .cpnImg {width:2.5rem;height:2.5rem;border-radius:50%;margin:0 auto;}
.couponInfo .cpnImg > img {width:100%;}
.couponInfo .cpnImg.noImg {display:flex;justify-content:center;align-items:center;}
.couponInfo .cpnImg.noImg > img {width:1.95rem}
.couponInfo .cpnTit {margin-top:0.4rem;color:#666;overflow:hidden;text-overflow: ellipsis;word-wrap: break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.couponInfo .cpnName {margin-top:0.2rem;color:#000;font-weight:500;height:1.7rem;overflow:hidden;text-overflow: ellipsis;word-wrap: break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.couponInfo .cpnData {margin-top:0.2rem;font-size:0.6rem;color:#000;}
.v2-coupon_list .couponTerm {margin-top:0.5rem;padding-top:0.5rem;background:url('../img/v2_common/dash.svg') repeat-x 0 0;}
.couponTerm .dTerm {display:flex;width:100%;height:1.5rem;background-color:#009591;color:#fff;font-weight:500;border-radius:0.3rem;align-items:center;justify-content:center;}
.couponTerm .dTerm.disabled {background-color:#ccc;}

.couponDetailWrap {background-color:#f9f9fb;margin:-2rem -1.2rem 0;padding:2rem 1.2rem;}
.couponDetail {background-color:#fff;border:1px #ccc solid;border-radius:1rem;padding:1.5rem;box-shadow:0 0 1rem rgb(0,0,0,0.1);}
.couponDetail .couponInfo {display:flex;position:relative;min-height:12.5rem;flex-direction:column;align-items:center;}
/*.couponDetail .couponInfo::before,
.couponDetail .couponInfo::after {content:'';position:absolute;bottom:1.2rem;display:block;width:1.2rem;height:0.6rem;border:1px #ccc solid;background-color:#ededef;border-radius:0.6rem 0.6rem 0 0;border-bottom:0;}
.couponDetail .couponInfo::before {left:-1.86rem;transform: rotate(90deg);}
.couponDetail .couponInfo::after {right:-1.85rem;transform: rotate(-90deg);} */

.couponDetail .couponInfo.noImg {padding:1.8rem 1rem;}
.couponDetail .couponInfo .cpnImg {width:100%;height:auto;border-radius:0;}
.couponDetail .couponInfo .barCodeNum {margin-top:0.6rem;font-size:1rem;color:#000;font-weight:500;text-align:center;font-family:'Roboto';letter-spacing:-0.5px;}
.couponDetail .couponInfo .cpnName {width:100%;margin-top:0.4rem;font-size:0.7rem;height:auto;display:flex;line-height:1.4;color:#333;font-weight:400;justify-content:center;}

/* .couponDetail .couponInfo .cpnTit {font-size:0.8rem;margin-top:0.7rem;}
.couponDetail .couponInfo .cpnData {margin-top:0.8rem;font-size:0.8rem;}
.couponDetail .barCodeWrap {position:relative;display:flex;background:url('../img/v2_common/dash-1.svg') repeat-x 0 0;width:100%;margin-top:2rem;padding:1rem 1.75rem 0;flex-direction:column;}
.couponDetail .barCodeWrap::before,
.couponDetail .barCodeWrap::after {content:'';position:absolute;top:-0.2rem;display:block;width:1.2rem;height:0.6rem;border:1px #ccc solid;background-color:#ededef;border-radius:0.6rem 0.6rem 0 0;border-bottom:0;}
.couponDetail .barCodeWrap::before {left:-1.36rem;transform: rotate(90deg);}
.couponDetail .barCodeWrap::after {right:-1.35rem;transform: rotate(-90deg);}
 */
.couponDetailWrap .caption {margin-top:1.3rem;color:#000;text-align:center}
.product.coupon {margin:0 -1.2rem;}
.product.coupon .btn_wrap {margin-top:1.2rem;padding:0 1.2rem;}
.coupon .desc_list li + li {margin-top:0.5rem;}

.product.coupon .info_list > li .info_txt {padding:0 1.2rem;height:3.65rem;}
.product.coupon .info_list > li .info_txt p > button {display:flex;align-items:center;justify-content:space-between;line-height:3.65rem;width:100%;background-color:transparent;font-size:0.8rem; color:#000000;}
.product.coupon .info_list > li .info_txt p > button::after {content:'';background:url('../img/btn_down.png') center no-repeat;background-size:1.2rem auto;width:1.2rem;height:1.2rem;}
.product.coupon .info_list > li.active .info_txt p > button::after {background:url('../img/btn_up_green.png') center no-repeat;background-size:1.2rem auto;}
.product.coupon .info_list > li.active .info_txt p > button {font-weight:500; color:#009591;}

.couponWrap .no_accident_list {display:flex;flex-direction:column;height:calc(100vh - 10.5rem);align-items:center;justify-content:center;}
.couponNo_list {display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;}
.couponNo_list::before {content:'';background:url(../img/v2_common/v2_coupon_noimg.png) no-repeat 50% 50%;width:5.15rem;height:2.45rem;background-size:cover;margin-bottom:1rem;}
.couponNo_list .txt {font-size:0.7rem; color:#666666; line-height:1rem; letter-spacing:-1px; text-align:center;}

.bannerWrap {position:absolute;bottom:0;width:100%;padding:0 0 1.5rem;}
.bannerWrap .bannerBox {display:flex;flex-direction:column;width:100%;background:#f9f9f9 url('../img/v2_common/banner_limit.svg') no-repeat 90% 50%;border-radius:0.3rem;padding:1rem;background-size:2.8rem 2.5rem}
.bannerWrap .bannerBox .bTitle {font-size:0.7rem;color:#333;}
.bannerWrap .bannerBox .bTitle > strong {font-weight:500;color:#fe6f72}
.bannerWrap .bannerBox .bTxt {font-size:0.6rem;color:#666;margin-top:0.3rem;}

.loanReadInfo {display:flex;flex-direction:column;margin:1rem 0 2rem;}
.loanReadInfo .name {color:#000;font-size:1.2rem;font-weight:500;}
.loanReadInfo .txt {color:#333;font-size:0.8rem;margin-top:1rem;}

.loanProductList {margin-top:-0.5rem;}
.loanProductList li {display:flex;flex-direction:column;padding:1rem;background-color:#fff;border:1px #eee solid;border-radius:0.6rem;margin-bottom:1rem;}
.loanProductList .info {display:flex;align-items:center;justify-content: space-between;margin-top:0.6rem;}
.loanProductList .caption {color:#000;font-size:0.6rem;text-align:right;}
.loanProductList .txt {color:#666;font-size:0.7rem;}
.loanProductList .title {color:#000;font-size:1rem;font-weight:500;margin-top:0.2rem;}
.loanProductList .btnBox {margin-top:0.9rem;}
.btnDouble {display:flex;justify-content:space-between;align-items:center;}
.btnDouble button {width:calc(50% - 0.2rem);height:2rem;border-radius:0.4rem;font-size:0.7rem;}
.btnType4 {background-color:#009591; color:#fff;}
.btnType5 {background-color:#fff; color:#000;border:1px #ccc solid;}
.btnType6 {background:#009591 !important;color:#fff;}
.btnType6 > span {height:auto;}
.btnType4:disabled {background-color:#dbdbdb;}
.underTxt {font-size:0.7rem;color:#757575;line-height:1.4;text-indent:-0.9rem;padding-left:0.9rem;word-break: keep-all;}
.underTxt::before {content:"※";margin-right:0.25rem;}

.eventRecom img {width:100%;}
.eventRecom .insTa img {position: absolute; top: 516px; left: 57px; width: 67%;}
.eventRecom p {background-color: #3c3c3c;}
.eventRecom .hintDetail {display: flex; height: 6rem; background-color: #00faff; padding: 0 1rem; justify-content: center; align-items: center;border-radius: 1rem 1rem 0 0; margin-bottom: 3.8rem; width: 80%; margin: 0 auto;}
.eventRecom .hintDetail2 {height: auto; background-color: #fff; padding: 1rem 1rem; justify-content: center; align-items: center;border-radius: 1rem 1rem 0 0; width: 80%; margin: 0 auto;}
.eventRecom .hintDetail3 {height: 3rem; background-color: #3c3c3c; padding: 1rem 1rem; justify-content: center; align-items: center;border-radius: 0 0 1rem 1rem; width: 80%; margin: 0 auto; margin-bottom: 2rem;}

.eventRecom .hintDetail img {width: 70%}
.eventRecom .hintDetail2 img {padding-top: 25px;}
.eventRecom .hintDetail2 .input_wrap {padding: 20px; background-color: #f6f6f6;}
.eventRecom .hintDetail2 .input_wrap label{width: 34%; font-size: 0.85rem;}
.eventRecom .hintDetail2 .input_wrap input{width: 65%;}
.eventRecom .hintDetail3 a{color: #fff; display: block; text-align: center;font-size: 1.0rem;}

.eventRecom .imgTop {position:relative;}
.eventRecom .imgTop .txtBox {display:flex;position:absolute;bottom:0;width:100%;height:2.5rem;background-color:rgba(4,54,255,0.3);color:rgba(255,255,255,0.8);font-size:0.8rem;justify-content:center;align-items:center;}
.eventRecom .imgTop .txtBox > span {color:#f7ff11;font-size:1.5rem;font-weight:500;margin:0 0.2rem;}
.eventRecom .rcomInfo {display:flex;flex-direction:column;background-color:#82a8ff;padding:1.5rem;justify-content:center;align-items:center;}
.eventRecom .rcomInfo .tit {font-size:0.9rem;color:#000;font-weight:800;margin-bottom:0.7rem;}
.eventRecom .rcomInfo .codeNum {display:flex;width:100%;height:3rem;background-color:#400d97;border:0.1rem #000 solid;border-radius:3rem;justify-content:center;align-items:center;color:#fff;font-size:1.5rem;font-weight:500;user-select:none;-webkit-user-select:none;text-align:center;-webkit-text-fill-color:#fff;}
.eventRecom .shareBox {display:flex;margin:1.5rem 0 0 -1.2rem;}
.eventRecom .shareBox .btnShare {display:flex;flex-direction:column;margin-left:1.2rem;background-color:transparent;font-size:0.7rem;color:#fff;font-weight:500;}
.eventRecom .shareBox .btnShare > span::before {content:'';display:block;width:2.7rem;height:2.7rem;border-radius:50%;margin-bottom:0.2rem;}
.btnShare.kakao > span::before {background-image:url(../img/v2_common/icon_kakao.png);background-size:cover;}
.btnShare.sms > span::before {background:#009591 url(../img/v2_common/icon_message.svg) no-repeat 50% 50%;}
.btnShare.copy > span::before {background:#009591 url(../img/v2_common/icon_copy.svg) no-repeat 50% 50%;}

.bridge {margin:-2.8rem 0 0 !important;padding:0 !important;background-color:#27243a;}
.bridge .btnWrap {display:flex;flex-direction:column;padding:0 1.2rem 1.5rem;align-items:center;}
.bridge .btnWrap .btn_poroductDetail {display:flex;height:2rem;border:1px #82a8ff solid;color:#82a8ff;background-color:transparent;padding:0 1rem;justify-content:center;align-items:center;border-radius:2rem;margin-bottom:3.8rem;}

.bridge .btnWrap2 {display:flex;flex-direction:column; background-color: #f1f1f1; height: auto;}
.bridge .btnWrap2 .btn_poroductDetail2 {display:flex;height:3.5rem;background-color:#fff;padding:0 1rem;justify-content:center;align-items:center;border-radius:0 0 1rem 1rem;margin-bottom:3.8rem; width: 80%;box-shadow: 2px 10px 7px -4px #ddd; margin: 0 auto;}
.bridge .btnWrap2 .btn_poroductDetail2 img {width: 80%;}
.bridge .btnWrap3 {background-color: #fff;}
.bridge .btnWrap3 button {background-color: #fff; width: 90%; margin: 0 auto; display: block; padding: 20px;}
.bridge .event_Text {}
.bridge .event_Text p {background-color: #fff; padding: 10px 20px 0 20px; line-height: 1.5rem; border:1px solid #fff;}

.autoCharge {padding-bottom:4rem;}
.autoCharge .tit {font-size:0.8rem;color:#000;font-weight:500;}
.autoCharge .capTxt {font-size:0.9rem;color:#000;text-align:right;line-height:1.6;margin-top:0.25rem;}
.autoCharge .form {margin-bottom:1.2rem;}
.autoCharge a.v2-select_style2, 
.autoCharge input[type=tel] {position:relative;border:0;border-bottom:1px #ccc solid;border-radius:0;padding:0 1.2rem 0 0;background-position:100%;text-overflow:ellipsis;overflow:hidden;white-space:pre;}
.slt_place {position:absolute;top:0;left:0;color:#999;}
.autoCharge input[type=tel]::placeholder {color:#999;}
/* #selectPopup3 .popup .popup_content .tab_container.tabNone {height:calc(100vh - 3rem);} */
.autoCharge .info_slide {margin-top:2.5rem;}
.autoCharge a.v2-select_style2:focus, 
.autoCharge input[type=tel]:focus {border-bottom-color:#000;}

.autoChargeList > li {padding:1.4rem 0.8rem;border:1px #ccc solid;border-radius:0.3rem;margin-bottom:0.75rem;}
.autoChargeList .bankingInfo {display:flex;justify-content:space-around;padding-bottom:1rem;border-bottom:1px #ccc solid;}
.autoCharge .no_list {top:45%;transform:translate(-50%, -45%)}
.autoCharge .no_list::after {display:none;}

.bankingInfo .info {display:flex;flex-direction: column;align-items:center;font-size:0.7rem;color:#666;}
.bankingInfo .info .icon {width:2.4rem;height:2.4rem;margin-bottom:0.45rem}
.bankingInfo .info .icon img {width:100%;}
.bankingInfo .info .stit {margin-bottom:0.25rem;font-weight:500;}
.bankingInfo .info.charge {position:relative;color:#000;}
.bankingInfo .iconArrow {background:url('../img/bg_arrow_right_black.png') no-repeat 0 0;width:1.2rem;height:1.2rem;background-size:cover;margin-top:0.6rem}
.bankDetail {padding:0 1rem;}
.bankDetail li {display:flex;justify-content:space-between;align-items:center;font-size:0.7rem;margin-top:0.8rem;}
.bankDetail li:first-child {margin-top:1rem;}
.bankDetail li > span {color:#757575;}
.bankDetail li > span.tit {color:#000;font-size:0.9rem;}
.bankDetail li > strong {font-weight:500;}
.bankDetail li > strong.cont {font-size:0.9rem;color:#009591;font-weight:400;}
.bankDetail li > strong.cont > span {font-weight:500;font-size:1rem;}
.autoChargeList .btnBox {margin-top:1rem;}

.toggle-btn {width:2.4rem;height:1.2rem;border-radius:1.2rem;display:inline-block;position: relative;background-color:#d9d9d9;transition: background-color 0.4s ease-in-out;-webkit-transition: background-color 0.4s ease-in-out;}
.toggle-btn.active {background-color:#009591;}
.toggle-btn .round-btn {width:0.9rem;height:0.9rem;background-color: #fff;border-radius: 50%;display: inline-block; position: absolute;left:0.2rem;top: 50%;margin-top:-0.45rem;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.toggle-btn.active .round-btn {left:1.3rem;}
.toggle-btn .cb-value {position: absolute;left: 0;right: 0;width: 100%;height: 100%;opacity: 0;z-index: 9;cursor: pointer;}

.sCertify,
.hidn,
.regCode {display:none;}

.flexType .select_wrap {width:100%;}
.underTxt.type {display:block;text-indent:0;padding-left:0;margin-top:0.3rem;font-size:0.6rem;}

.radio_group.bgChkList {margin-top:2rem;}
.radio_wrap.bgType {display:flex;flex-basis:25%;padding-left:0;margin-bottom:1.5rem;align-items:center;justify-content:center;}
.input_wrap label + .radio_wrap.bgType {margin-top:0;}
.radio_group .radio_wrap.bgType + .radio_wrap.bgType {margin-left:0;} 
.radio_wrap.bgType input[type=radio] + label {width:2.2rem;height:2.2rem;border-radius:50%;padding-bottom:0;}
.radio_wrap.bgType input[type=radio] + label:after {content:"";position:relative;top:0;width:2.2rem;height:2.2rem;border-radius:50%;margin-top:0;background:transparent;}
.radio_wrap.bgType.checked input[type=radio] + label:after {background:url('../img/v2_common/v2_icon_bgChk.svg') no-repeat 50%;width:2.2rem;height:2.2rem;}

.result_view .title_area .result_txt .tel {display:inline-block;font-weight:500;vertical-align:1px;}

.ico_failFace {display:inline-block;border:1px #ddd solid;background:url('../img/v2_common/v2_icon_failFace.svg') no-repeat 50%;width:3rem;height:3rem;background-size:2.2rem 1.7rem;border-radius:50%;}

.no_desc > li:after {display:none;}

/* .radio_wrap.bgChk01 input[type=radio] + label {background:#1756d5;}
.radio_wrap.bgChk02 input[type=radio] + label {background:#151877;}
.radio_wrap.bgChk03 input[type=radio] + label {background:#ff3d64;}
.radio_wrap.bgChk04 input[type=radio] + label {background:#ffb400;}
.radio_wrap.bgChk05 input[type=radio] + label {background:#0bb148;}
.radio_wrap.bgChk06 input[type=radio] + label {background:#234b7e;}
.radio_wrap.bgChk07 input[type=radio] + label {background:#666;}
.radio_wrap.bgChk08 input[type=radio] + label {background:#333;}
.radio_wrap.bgChk09 input[type=radio] + label {background:#e7e4dd;}
.radio_wrap.bgChk10 input[type=radio] + label {background:#ffced1;}
.radio_wrap.bgChk11 input[type=radio] + label {background:#a1d3da;}
.radio_wrap.bgChk12 input[type=radio] + label {background:#fff0cb;}
.radio_wrap.bgChk13 input[type=radio] + label {background:#c9dceb;}
.radio_wrap.bgChk14 input[type=radio] + label {background:#f3f3f3;}
.radio_wrap.bgChk15 input[type=radio] + label {background:#d0f6ca;}
.radio_wrap.bgChk16 input[type=radio] + label {background:#c3bdad;} */


/*전체공지*/
/* .noticePop .popup {width:calc(100% - 1rem);border-radius:0;}
.noticePop .popup .popup_content {position:relative;display:flex;flex-direction:column;background:url('../img/v2_common/img_popDog.jpg') no-repeat 100% 100%;background-size:7rem 7.5rem;padding:1.8rem 1.2rem 4.3rem;text-align:left;line-height:1.3;}
.noticePop .popup .popup_content::before {content:'';position:absolute;top:-4.8rem;right:-4rem;width:10rem;height:10rem;border-radius:50%;background-color:rgba(230,246,255,0.67);}
.noticePop .popup .popup_content::after {content:'';position:absolute;top:1.4rem;right:-5.4rem;width:8.3rem;height:8.3rem;border-radius:50%;background-color:rgba(67,71,194,0.05);}
.noticePop .title {display:flex;flex-direction:column;color:#333;font-size:1.1rem;}
.noticePop .title > strong {font-size:1.6rem;color:#000}
.noticePop .title > strong > span {color:#333;font-weight:400}
.noticePop .time {color:#000;font-size:0.8rem;font-weight:400;margin-top:0.5rem;}
.noticePop .txt {color:#333;font-weight:300;margin-top:2rem;line-height:1.4}
.noticePop .btn_wrap {border-top:1px #c7c7c7 solid;}
.noticePop .btn {width:50% !important;color:#333;font-size:0.7rem;background-color:#fff;border-left:1px #c7c7c7 solid;}
.noticePop .btn:first-child {border-left:0;} */


/*휴대폰인증*/
.v2-agreeWrap {border:1px #ccc solid;border-radius:0.3rem;margin-bottom:1rem;overflow:hidden;}
.v2-agreeWrap .checkAll {position:relative;padding:0.9rem 0.8rem;}
.v2-agreeWrap input[type=checkbox] {position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;font-size:0;z-index:1;}
.v2-agreeWrap input[type=checkbox] + label {display:flex;font-size:0.8rem;color:#000;font-weight:500;}
.v2-agreeWrap input[type=checkbox] + label::before {content:'';width:1rem;height:1rem;background:url(../img/img_check.png) no-repeat 0 0;background-size:cover;margin-right:0.4rem;}
.v2-agreeWrap input[type=checkbox]:checked + label::before {background:url(../img/img_check_active.png) no-repeat 0 0;background-size:cover;margin-right:0.4rem;}
.v2-agreeWrap input[type=checkbox]:focus + label {outline:1px #000 dotted;}

.innerCheckList {background-color:#f9f9fb;border-top:1px #ccc solid;padding:0 0.8rem;}
.innerCheckList li {display:flex;align-items:center;justify-content:space-between;border-top:1px #eee solid;height:2.8rem;}
.innerCheckList li:first-child {border-top:0;}
.innerCheckList li input[type=checkbox] + label {font-size:0.7rem;color:#000;font-weight:400;}
.innerCheckList .btnAgreeView {background:url('../img/bg_arrow_right_gray.png') no-repeat 100% 50% ;width:1.2rem;height:2.7rem;background-size:1.2rem;}
.innerCheckList .btnAgreeView:focus {outline:1px #000 dotted;}
.innerCheckList .btnAgreeView > span {font-size:0;}

.notiTxt {color:#000;font-size:0.7rem;margin-top:1.5rem;}

.dimWrap {position:relative;overflow:hidden;height:100%;}
.dimWrap::before {content:'';position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:1;}
.dimWrap .dimTxt {position:absolute;top:50%;left:50%;font-size:1.5rem;color:#fff;font-weight:500;margin-top:-2.8rem;transform:translate(-50%);z-index:2;white-space:pre;}

.v2-sub_txt {display:block;margin-bottom:1.2rem;text-align:center;font-size:0.7rem;color:#666;justify-content:center;}

.autoNum {color:#009591;font-weight:500;}

.product_loan .flexH {height:calc(100vh - 9rem);}

.btnEventView {margin-top:1rem;padding-bottom:1px;border-bottom:1px #666 solid;color:#000;font-size:0.8rem;}