@charset "utf-8";

.marketing-wrap{width:100%;}
[data-type=marketing] .prd-sum{padding:40px 0;background:#F3F9FF;}
[data-type=marketing] .prd-sum .inner{width:1200px;margin:0 auto;}
[data-type=marketing] .prd-sum .prd-link{margin-bottom:56px;}
[data-type=marketing] .prd-sum .prd-link ul{display:-webkit-flex;display:flex;border:1px solid #ADC6DE;}
[data-type=marketing] .prd-sum .prd-link ul li{width:100%;flex:1;}
[data-type=marketing] .prd-sum .prd-link ul li a{display:block;font:500 18px/48px "Pretendard";color:#747474;text-align:center;text-decoration:none;background:rgba(255,255,255,0.5);}
[data-type=marketing] .prd-sum .prd-link ul li a:hover{color:#191919;}
[data-type=marketing] .prd-sum .prd-link ul li.on a{color:#fff;background:#00449B;}

[data-type=marketing] .prd-sum .sum{position:relative;width:100%;margin-bottom:80px;}
[data-type=marketing] .prd-sum .sum .title{margin-bottom:56px;}
[data-type=marketing] .prd-sum .sum .title > span{font:500 24px/37px "Pretendard";color:var(--u-color-text-default-00);}
[data-type=marketing] .prd-sum .sum .title > span em{display:inline-block;margin-right:8px;padding:0 8px;color:#FFFFB2;background:#2963AB;}
[data-type=marketing] .prd-sum .sum .title > .name{display:block;margin-top:16px;font:700 64px/76px "Pretendard";color:var(--u-color-text-default-00);}
[data-type=marketing] .prd-sum .sum .title > .name .sm{font:700 32px/38px "Pretendard";font-style:normal;}

[data-type=marketing] .prd-sum .sum .ico-hashtag{display:-webkit-flex;display:flex;width:600px;}
[data-type=marketing] .prd-sum .sum .ico-hashtag li{display:-webkit-flex;display:flex;flex-direction:column;align-items:center;position:relative;width:100%;padding:17px 0 22px;}
[data-type=marketing] .prd-sum .sum .ico-hashtag li:before{content:'';display:block;position:relative;width:64px;height:64px;margin-bottom:9px;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:auto;border-radius:50%;box-shadow:0px 0px 5px rgba(0,0,0,0.16);}
[data-type=marketing] .prd-sum .sum .ico-hashtag li:nth-of-type(1):before{background-image:url(../img/ico_percent.svg);}
[data-type=marketing] .prd-sum .sum .ico-hashtag li:nth-of-type(2):before{background-image:url(../img/ico_money_pocket.svg);}
[data-type=marketing] .prd-sum .sum .ico-hashtag li:nth-of-type(3):before{background-image:url(../img/ico_calendar.svg);}
[data-type=marketing] .prd-sum .sum .ico-hashtag li + li:after{content:'';display:block;position:absolute;left:-0.5px;top:50%;width:1px;height:112px;margin-top:-56px;background:#E1E1E1;}
[data-type=marketing] .prd-sum .sum .ico-hashtag li .hashtag{display:inline-block;font:500 24px/36px "Pretendard";}
[data-type=marketing] .prd-sum .sum .ico-hashtag li .hashtag:before{content:'#';display:inline-block;}
[data-type=marketing] .prd-sum .sum .ico-hashtag li strong{display:block;font:700 24px/36px "Pretendard";}
[data-type=marketing] .prd-sum .sum .thumb{display:block;position:absolute;right:22px;top:0;width:535px;height:393px;background-size:contain;background-repeat:no-repeat;background-size:center;}

[data-type=marketing] .prd-sum .contact{display:-webkit-flex;display:flex;width:100%;background:#fff;border:1px solid #AAC5E8;border-radius:24px;}
/* 전화상담 접수 */
[data-type=marketing] .prd-sum .contact .left{display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:space-between;;gap:24px 0;width:100%;padding:31px 50px;}
[data-type=marketing] .prd-sum .contact .left p.text{display:-webkit-flex;display:flex;flex:none;align-items:center;gap:0 16px;width:100%; font:500 22px/36px "Pretendard";color:var(--u-color-text-default-00);word-break:keep-all;}
[data-type=marketing] .prd-sum .contact .left p.text:before{content:'';display:block;flex:none;position:relative;width:70px;height:70px;background:url(../img/ico_cscenter.svg);}
[data-type=marketing] .prd-sum .contact .left .cousl-recept{display:-webkit-flex;display:flex;flex-direction:column;}
[data-type=marketing] .prd-sum .contact .left .cousl-recept .contact{display:block;width:234px;height:70px;padding:24px;font:400 18px/21px "Pretendard";color:var(--u-color-text-default-00);border-radius:8px;border:1px solid #DFDFDF;}
[data-type=marketing] .prd-sum .contact .left .cousl-recept .contact::placeholder{color:#747474;}
[data-type=marketing] .prd-sum .contact .left .cousl-recept .check{display:block;position:relative;width:100%;margin-top:12px;}
[data-type=marketing] .prd-sum .contact .left .cousl-recept .check input{display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;}
[data-type=marketing] .prd-sum .contact .left .cousl-recept .check input + span{display:block;padding-left:28px;font:400 14px/18px "Pretendard";color:#5F6F81;}
[data-type=marketing] .prd-sum .contact .left .cousl-recept .check input + span:before{content:'';display:block;position:absolute;left:0;top:0;width:18px;height:18px;background:url(../img/ico_check.svg) center no-repeat;border-radius:4px;}
[data-type=marketing] .prd-sum .contact .left .cousl-recept .check input + span.active:before{content:'';display:block;position:absolute;left:0;top:0;width:18px;height:18px;background:url(../img/ico_checked.svg) center no-repeat;border-radius:4px;}
/*[data-type=marketing] .prd-sum .contact .left .cousl-recept .check input:checked + span:before{background-image:url(/renew/images/ico/ico_checked.svg);}*/
[data-type=marketing] .prd-sum .contact .left .primary{display:-webkit-flex;display:flex;align-items:center;justify-content:center;width:242px;height:100px;background:#0871F3;border-radius:8px;}
[data-type=marketing] .prd-sum .contact .left .cousl-recept .check input:focus-visible + span:after{content:'';display:block;position:absolute;left:-1px;top:-1px;bottom:-1px;right:-1px;border:2px solid #000;}
[data-type=marketing] .prd-sum .contact .left .primary span{font:500 24px/29px "Pretendard";color:#fff;}
[data-type=marketing] .prd-sum .contact .left .primary:hover,
[data-type=marketing] .prd-sum .contact .left .primary:focus-visible{background:#065AC3;}
/* 한도조회 & 대출신청 */
[data-type=marketing] .prd-sum .contact .right{position:relative;width:100%;padding:31px 50px;}
[data-type=marketing] .prd-sum .contact .right:before{content:'';display:block;position:absolute;top:0;left:0;bottom:0;width:1px;background:#AAC5E8;}
[data-type=marketing] .prd-sum .contact .right p.text{display:-webkit-flex;display:flex;align-items:center;gap:0 16px;width:100%; font:500 22px/36px "Pretendard";color:var(--u-color-text-default-00);word-break:keep-all;}
[data-type=marketing] .prd-sum .contact .right p.text:before{content:'';display:block;flex:none;position:relative;width:70px;height:70px;background:url(../img/ico_loanservice.svg);}
[data-type=marketing] .prd-sum .contact .right .subdued{display:-webkit-flex;display:flex;align-items:center;justify-content:center;width:100%;height:100px;margin-top:23px;background:#057EB6;border-radius:8px;}
[data-type=marketing] .prd-sum .contact .right .subdued span{font:500 24px/29px "Pretendard";color:#fff;}
[data-type=marketing] .prd-sum .contact .right .subdued:hover,
[data-type=marketing] .prd-sum .contact .right .subdued:focus-visible{background:#0471A4;}

/* 상품안내 */
[data-type=marketing] .prd-info{padding:88px 0;}
[data-type=marketing] .prd-info .inner{display:-webkit-flex;display:flex;justify-content:space-between;position:relative;width:1200px;margin:0 auto;}
[data-type=marketing] .prd-info .info-wrap{width:792px;}
[data-type=marketing] .prd-info .info-tit{margin-bottom:24px;font:500 24px/29px "Pretendard";color:var(--u-color-text-default-00);}
[data-type=marketing] .prd-info .info-box{padding:40px;border-radius:0 24px 24px 24px;border:1px solid #AAC5E8; }
[data-type=marketing] .prd-info .info-box + .info-tit{margin-top:40px;}
/* 상품안내 - 상단 내용 */
[data-type=marketing] .prd-info .info-box .top{display:-webkit-flex;display:flex;flex-wrap:wrap;gap:41px 65px;width:100%;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #E1EFFF;}
[data-type=marketing] .prd-info .info-box .top .prd-name{flex:none;width:100%;font:700 36px/43px "Pretendard";}
[data-type=marketing] .prd-info .info-box .top dl{display:-webkit-flex;display:flex;flex-direction:column;position:relative;padding-left:76px;}
[data-type=marketing] .prd-info .info-box .top dl:before{content:'';display:block;position:absolute;top:50%;left:0;width:64px;height:64px;margin-top:-32px;background-repeat:no-repeat;background-size:contain;background-position:center;border-radius:50%;}
[data-type=marketing] .prd-info .info-box .top dl:nth-of-type(1):before{background-image:url(../img/ico_loan_info_01.svg);}
[data-type=marketing] .prd-info .info-box .top dl:nth-of-type(2):before{background-image:url(../img/ico_loan_info_02.svg);}
[data-type=marketing] .prd-info .info-box .top dl dt{font:500 24px/32px "Pretendard";color:var(--u-color-text-default-00);}
[data-type=marketing] .prd-info .info-box .top dl dd strong{font:700 24px/32px "Pretendard";color:var(--u-color-text-default-00);}
/* 상품안내 - 아래 내용 */
[data-type=marketing] .prd-info .info-box .btm .group-txt .tit{display:block;margin-bottom:10px;font:500 20px/24px "Pretendard";color:var(--u-color-text-default-02);}
[data-type=marketing] .prd-info .info-box .btm .group-txt .txt{font:500 20px/28px "Pretendard";}
[data-type=marketing] .prd-info .info-box .btm .group-txt .txt .sub{display:block;margin:2px 0;font:500 14px/21px "Pretendard";color:#7E8B99;}
[data-type=marketing] .prd-info .info-box .btm .group-txt .txt .underline{display:inline-block;position:relative;font-family:inherit;text-decoration:underline;}
[data-type=marketing] .prd-info .info-box .btm .group-txt .txt+.txt{margin-top:8px;}
[data-type=marketing] .prd-info .info-box .btm .group-txt + .group-txt{margin-top:37px;}
/* 상품안내 - 대출절차 */
[data-type=marketing] .prd-info .info-box .loan-process{display:-webkit-flex;display:flex;justify-content:space-between;margin:-8px 18px;}
[data-type=marketing] .prd-info .info-box .loan-process li{display:-webkit-flex;display:flex;flex-direction:column;align-items:center;position:relative;}
[data-type=marketing] .prd-info .info-box .loan-process li:before{content:'';display:block;position:relative;width:109px;height:109px;background-position:center;background-repeat:no-repeat;background-size:contain;}
[data-type=marketing] .prd-info .info-box .loan-process li:nth-of-type(1):before{background-image:url(../img/ico_loan_process01.png);}
[data-type=marketing] .prd-info .info-box .loan-process li:nth-of-type(2):before{background-image:url(../img/ico_loan_process02.png);}
[data-type=marketing] .prd-info .info-box .loan-process li:nth-of-type(3):before{background-image:url(../img/ico_loan_process03.png);}
[data-type=marketing] .prd-info .info-box .loan-process li:nth-of-type(4):before{background-image:url(../img/ico_loan_process04.png);}
[data-type=marketing] .prd-info .info-box .loan-process li+li:after{content:'';display:block;position:absolute;left:-40px;top:53pxv;width:16px;height:16px;margin-top:-8px;margin-left:-8px;background:url(../img/ico_loain_arrow.svg) center no-repeat;}
[data-type=marketing] .prd-info .info-box .loan-process li span{display:block;margin-top:10px;font:500 16px/19px "Pretendard";color:var(--u-color-text-default-00);}

/* 계산기 */
[data-type=marketing] .prd-info .calculator-wrap{width:384px;}
[data-type=marketing] .prd-info .calculator-wrap #calculator{border:1px solid #AAC5E8;border-radius:0 24px 24px 24px;overflow:hidden;}
[data-type=marketing] .prd-info .calculator-wrap #calculator .sub-tit{margin-bottom:20px;font:600 20px/24px "Pretendard";}
/* 계산기 - 계산정보입력영역 */
[data-type=marketing] .prd-info .calculator-wrap #calculator .top{padding:32px;background:#D9E8F9;border-radius:0 24px 0 0;}
[data-type=marketing] .prd-info .calculator-wrap #calculator #calcForm{width:100%;background:#fff;border-radius:8px;border:1px solid #DFDFDF;}
[data-type=marketing] .prd-info .calculator-wrap #calculator #calcForm dl{display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;gap:0 16px;padding:24px;}
[data-type=marketing] .prd-info .calculator-wrap #calculator #calcForm dl+dl{border-top:1px solid #DFDFDF;}
[data-type=marketing] .prd-info .calculator-wrap #calculator #calcForm dl dt{flex:none;font:400 18px/21px "Pretendard";color:var(--u-color-text-default-02);}
[data-type=marketing] .prd-info .calculator-wrap #calculator #calcForm dl dd{display:-webkit-flex;display:flex;align-items:center;gap:0 3px;}
[data-type=marketing] .prd-info .calculator-wrap #calculator #calcForm dl dd input{width:100%;font:400 18px/21px "Pretendard";text-align:right;border:none;}
[data-type=marketing] .prd-info .calculator-wrap #calculator #calcForm dl dd input:placeholder-shown + span{color:#747474;}
[data-type=marketing] .prd-info .calculator-wrap #calculator #calcForm dl dd input+span{display:block;flex:none;font:400 18px/21px "Pretendard";}
[data-type=marketing] .prd-info .calculator-wrap #calculator #calcForm dl dd button{background:none;}
[data-type=marketing] .prd-info .calculator-wrap #calculator #calcForm dl dd button span{display:block;font:500 18px/21px "Pretendard";color:#0871F3;}
[data-type=marketing] .prd-info .calculator-wrap #calculator .btn-wrap{display:-webkit-flex;display:flex;gap:0 10px;margin-top:16px;}
[data-type=marketing] .prd-info .calculator-wrap #calculator .btn-wrap .btn-reset{display:-webkit-flex;display:flex;flex:none;align-items:center;justify-content:center;width:127px;padding:16px 0;background:#EFEFEF;border-radius:8px;border:1px solid #CDD2D8;}
[data-type=marketing] .prd-info .calculator-wrap #calculator .btn-wrap .btn-reset span{font:500 18px/21px "Pretendard";color:var(--u-color-text-default-00);}
[data-type=marketing] .prd-info .calculator-wrap #calculator .btn-wrap .btn-action{display:-webkit-flex;display:flex;align-items:center;justify-content:center;width:100%;padding:16px 0;background:#0871F3;border-radius:8px;}
[data-type=marketing] .prd-info .calculator-wrap #calculator .btn-wrap .btn-action span{font:500 18px/21px "Pretendard";color:#fff;}
[data-type=marketing] .prd-info .calculator-wrap #calculator .btn-wrap .btn-action:hover,
[data-type=marketing] .prd-info .calculator-wrap #calculator .btn-wrap .btn-action:focus-visible{background:#065AC3;}
/* 계산기 - 계산결과영역 */
[data-type=marketing] .prd-info .calculator-wrap #calculator .btm{padding:32px 32px 30px;background:#fff;border-radius:0 0 24px 24px;}
[data-type=marketing] .prd-info .calculator-wrap #calculator .result{display:-webkit-flex;display:flex;flex-direction:column;margin-top:16px;}
[data-type=marketing] .prd-info .calculator-wrap #calculator .result dl{display:-webkit-flex;display:flex;align-content:center;justify-content:space-between;}
[data-type=marketing] .prd-info .calculator-wrap #calculator .result dl dt{padding:8px 0;font:400 16px/19px "Pretendard";color:var(--u-color-text-default-00);}
[data-type=marketing] .prd-info .calculator-wrap #calculator .result dl dd{padding:8px 0;font:600 16px/19px "Pretendard";color:var(--u-color-text-default-00);}
[data-type=marketing] .prd-info .calculator-wrap #calculator .result dl dd span{font:600 16px/19px "Pretendard";color:var(--u-color-text-default-00);}
[data-type=marketing] .prd-info .calculator-wrap #calculator .result dl.total{position:relative;margin-top:17px;}
[data-type=marketing] .prd-info .calculator-wrap #calculator .result dl.total:before{content:'';display:block;position:absolute;top:-8px;left:0;width:100%;height:1px;background:#DFDFDF;}
[data-type=marketing] .prd-info .calculator-wrap #calculator .result dl.total dd{font:600 18px/21px "Pretendard";}
[data-type=marketing] .prd-info .calculator-wrap #calculator .result dl.total dd span{font:600 18px/21px "Pretendard";color:#0871F3;}
[data-type=marketing] .prd-info .calculator-wrap #calculator .list-dot{margin-top:30px;}
[data-type=marketing] .prd-info .calculator-wrap #calculator .list-dot li{position:relative;padding-left:22px;font:400 14px/21px "Pretendard";color:#5F6F81;list-style:none;}
[data-type=marketing] .prd-info .calculator-wrap #calculator .list-dot li:before{content:'';display:block;position:absolute;top:8px;left:8px;width:3px;height:3px;background:#5F6F81;border-radius:50%;}
[data-type=marketing] .prd-info .calculator-wrap #calculator .list-dot li+li{margin-top:4px;}
/* 유의사항 */
[data-type=marketing] .caution{background:#F5F5F5;}
[data-type=marketing] .caution .inner{width:1200px;margin:0 auto;padding:48px 0 88px;}
[data-type=marketing] .caution .tit{display:block;position:relative;margin-bottom:24px;padding:11px 0 11px 76px;font:600 20px/24px "Pretendard";color:#191919;border-bottom:1px solid #dfdfdf;}
[data-type=marketing] .caution .tit:before{content:'';display:block;position:absolute;left:0;top:-1px;width:68px;height:48px;background:url(../img/ico_webee_caution.svg) no-repeat center/contain;}
[data-type=marketing] .caution .list-dot li{position:relative;padding-left:24px;font:400 16px/24px "Pretendard";color:#5F6F81;}
[data-type=marketing] .caution .list-dot li:before{content:'';display:block;position:absolute;left:9px;top:11px;width:3px;height:3px;background:#5F6F81;}
[data-type=marketing] .caution .list-dot li+li{margin-top:6px;}
[data-type=marketing] .caution .list-dot li strong{font:600 16px/24px "Pretendard";}

.marketing-wrap .popup.hide {display:none;}
.marketing-wrap .popup.multiple-filter {backdrop-filter:blur(4px) grayscale(90%);-webkit-backdrop-filter:blur(4px) grayscale(90%);}
.marketing-wrap .popup {display:flex;position:fixed;top:0;left:0;right:0;bottom:0;justify-content:center;align-items:center;z-index:300;background-color:rgba(0, 0, 0, 0.4);}
.marketing-wrap .pop {padding:20px;margin:30px;z-index:200;background:#fff;border-radius:10px;box-shadow:5px 7px 12px 3px rgba(58, 58, 58, 0.2);}
.marketing-wrap .pop .pop-tit {font-size:1.25rem;font-weight:600;text-align:center;color:#2860A7;padding:4px 0;margin-bottom:6px;}
.marketing-wrap .pop .pop-desc {padding:10px 0 0;color:#333;border-top:2px solid #dce9f4;border-bottom:2px solid #dce9f4;}
.marketing-wrap .pop .pop-desc dt {font:500 16px/24px 'Pretendard';}
.marketing-wrap .pop .pop-desc dd {margin-bottom:10px;font:400 14px/21px 'Pretendard';}
.marketing-wrap .pop .btn {width:100%;text-align:center;padding-top:20px;}
.marketing-wrap .pop .btn button {display:inline-block;padding:4px 20px;text-align:center;font:400 16px/16px 'Pretendard';background:#dce9f4;border-radius:4px;border:none;cursor:pointer;}