@charset "utf-8";

/* ====================
	가입
==================== */
.head-terms p{position:relative;margin-top:0;padding-left:11rem;font-size:14rem;color:#3d414a;}
.head-terms p::before {content:'';position:absolute;left:0;top:8rem;width:3rem;height:3rem;border-radius:50%;background-color:#385673;}

/* ====================
	주소 찾기
==================== */
.address-area .tab-menu{margin-bottom:32rem;}
.address-area .content-sec.line{margin-top:40rem;padding-top:0;}
.address-area .post{font-size:16rem;color:var(--color-primary);font-weight:600;line-height:var(--line-height-16);}
.address-area .list-group{overflow:auto;}
.address-area .list-group li{padding:20rem 0 !important;border:0;border-bottom:1rem solid #e5e5e5;}
.address-area .list-group p,
.address-area .detail-addr p{margin-top:4rem;line-height:1.715;}
.address-area .detail-addr p:first-child{margin-top:0;}
.address-area ul.detail-addr{border-top:1rem solid #e5e5e5;}
.address-area .detail-addr > li >*:first-child{margin-top:0;}
.address-area .detail-addr > li{padding:20rem 0;}
.address-area .detail-addr > li ~ li{border-top:1rem solid #e5e5e5;}
.address-area .detail-addr > li:last-child{padding-bottom:0;}
.address-area .detail-addr .tits3{margin-bottom:8rem;}
.address-area .list-group button{text-align:left;}
.address-area .addr em{display:inline-block;position:relative;}
.address-area .detail-addr{margin-top:20rem;}
.address-area .detail-addr:first-child{border-top:none;}
.address-area .detail-addr[style*="none"] + .detail-addr{margin-top:0;border-top:0;}
.address-area .detail-addr .forms{margin-top:8rem;}
.address-area .btns{margin-top:24rem;}

/* ====================
	상품
==================== */
.content-goods > *:first-child:not(.goods-post),
.content-goods > *:first-child.blind + *{margin-top:0 !important;}
.content-goods .tits2 + [class^="list-"]{margin-top:12rem;}
.content-goods .tits2{margin:24rem 0 12rem;}
.content-goods .tits3{margin:16rem 0 8rem;}
.content-goods .tits3 + .list-dot{margin-top:8rem;}
.content-goods [class^="tits"].point{margin-top:24rem;}
.content-goods .tits.under{margin-top:24rem;}

.content-goods .txt-tip{padding-left:20rem;font-size:13rem;font-weight: 500;}
.content-goods .txt-tip.c1{margin-top:6rem;}
.content-goods .txt-tip::before{top:1rem;left:-1rem;width:16rem;height:16rem;}

.content-goods .guide-tel,
.content-goods .guide-web,
.content-goods .guide-addr,
.content-goods .guide-team{gap:6rem 8rem}

.content-goods .list-group{margin-top: 12rem;}
.content-goods .list-group.md{margin-top:16rem;}
.content-goods .list-group > li,
.content-goods .list-group > li ~ li{margin-top:8rem;}

.content-goods [class^="list-"]:not(.list-group, .board-guide){margin-top:8rem;}
.content-goods .list-dot > ul > li::before{top:7rem;}
.content-goods .list-dot > ul > li::before,
.content-goods .box-solid .list-dot > ul > li::before{width:4rem;height:4rem;background-color: #8a8a8a;}
.content-goods .box-solid .list-dot > ul > li::before{top:6rem;}
.content-goods .list-dot.lg > ul > li.bold::before{top:8rem;background-color: var(--color-black-1);}
.content-goods [class^="list-"].list-dot > ul > li > [class^="list-"],
.content-goods [class^="list-"].list-dot > ul > li > .boards,
.content-goods .list-dot > ul > li > [class^="txt-tip"]{margin-left:-11rem;}
.content-goods [class^="list-"]:not(.list-chk, .list-dot)  > ul > li{padding-left:0;}
.content-goods [class^="list-"]:not(.list-chk, .list-dot) > ul > li::before{display:inline-block;position:static;margin:-4rem 4rem 0 0;vertical-align: middle;}
.content-goods [class^="list-"] .boards{margin-top:8rem;}
.content-goods [class^="list-"] > ul > li{color:var(--color-black-0)}
.content-goods [class^="list-"] > ul > li:first-child{margin-top:0 !important;}
.content-goods .list-dot > ul > li ~li,
.content-goods .list-dot > ul > li [class^="list-"]{margin-top:8rem;}
.content-goods .list-dot > ul > li [class^="list-"] li{margin-top:6rem;}
.content-goods .list-dot > ul >  li.bold{color:var(--color-black-1) !important;word-break: break-word;}
.content-goods .list-dot > ul >  li.bold::before{top:7rem;}
.content-goods .list-dot > ul >  li strong.bold{color:#666;}
.content-goods .list-dot > ul > li [class^="list-"] > ul > li ~ li{margin-top:6rem;}
.content-goods .list-dot > ul > li .blk-bold{margin-left:-11rem;font-size:13rem;line-height: 1.384;}
.content-goods .list-dash + .tits2{margin-top:24rem;}
.content-goods .list-dash > ul > li::before{top:8rem;position: relative;display: inline-block;vertical-align: top;}
.content-goods [class^="list-"] > ul > li.logo{display: flex;align-items: center;}
.content-goods [class^="list-"] > ul > li.logo span.logo-img{display: block;margin: 10px 18px 4px 10px;width: 91px;height: auto;}
.content-goods [class^="list-"] > ul > li.logo span.logo-img img{display: block;width: 100%;height: auto;object-fit: cover;aspect-ratio: 20 / 13;}

.content-goods .board-guide{margin-top:16rem;}
.content-goods .board-guide.list-dot > ul > li::before{width:3rem;height:3rem;}
.content-goods .tab-menu{margin-bottom:0;}
.content-goods .tab-menu-sub{margin-top:16rem;margin-bottom:40rem;}

.content-goods .box-solid.etc .sm-tit{font-size:13rem;font-weight: 500;}
.content-goods .box-solid.etc [class^="list-"] > ul > li,
.content-goods .box-solid.noti [class^="list-"] > ul > li{font-size:13rem;color:#666;}
.content-goods .box-solid.etc [class^="list-"] > ul > li::before,
.content-goods .box-solid.noti [class^="list-"] > ul > li::before{top:7rem;}
.content-goods .box-solid.noti [class^="list-"] > ul > li > .list-dash > ul > li{padding-left:11rem;}
.content-goods .box-solid.noti [class^="list-"] > ul > li ~ li{margin-top:6rem;}
.content-goods .box-solid.etc [class^="list-"] > ul > li.bold{margin-top:8rem;}
.content-goods .box-solid.noti{margin:16rem 0;padding:20rem 20rem 20rem 28rem;border-radius: 16rem;background-color: #f8f8f8;}
.content-goods .box-solid.noti > .title{margin-left:-8rem;}
.content-goods .box-solid.noti p{margin-top:6rem;font-size:13rem;color:#666;}
.content-goods .box-solid.full{margin-top:0;}
.content-goods .box-solid .txt-tip.title + [class^="list-"]{margin-top:8rem;}

.content-goods .goods-link [class^="btn-"]{justify-content: space-between;width:100%;}
.content-goods .goods-link [class^="btn-"]::after{width:12rem;height:12rem;background-image: url(../images/btn/btn_round_arrow.png);}
.content-goods .goods-link [class^="btn-"] + [class^="btn-"]{margin-top:8rem;}

[class^="goods_intro"] .img-view .tit{display:block;margin-bottom:12rem;font-size:16rem;font-weight: 500;color:var(--color-black-1);}
[class^="goods_intro"] .img-view.box{padding:24rem 16rem;border-radius:16rem;box-shadow: 0 4rem 12rem rgba(0,0,0,.08);}

/* 상품 : 다이렉트  */
.direct-area{display: flex;gap:0 8rem;}
.direct-area .list-dash{margin-top:0;}
.direct-area .btn-direct{display:inline-flex;align-items:center;position:relative;min-width:56rem;height:56rem;margin-left:auto;margin-top:-34rem;text-align:center;box-shadow: 0 4rem 8rem rgba(0,0,0,.12);border-radius:28rem;white-space:nowrap;}
.btn-direct .on{display:inline-flex;align-items:baseline;width:0;font-size:0;font-weight:600;color:#fff;vertical-align: top;transition: .35s cubic-bezier(0.250, 0.460, 0.450, 0.940);opacity: 0;overflow:hidden;}
.btn-direct .on span{margin-left:4rem;font-size: 18rem;font-weight: 600;}
.btn-direct .on .down{font-size:1rem;color:transparent;clip:rect(1rem,1rem,1rem,1rem);}
.btn-direct .on .down::before{content: '↓';display: inline-block;font-size: 18rem;color:#fff;}
.btn-direct .off{position:absolute;top:46rem;right:-4rem;width:64rem;height:28rem;padding-top:7rem;background:url(../images/content/btn_direct.png) no-repeat center / auto 100%;font-size:12rem;font-weight: 600;color:#7056f5;opacity: 1;transition: 1s cubic-bezier(0.250, 0.460, 0.450, 0.940)}
.btn-direct .off:not(:hover),
.btn-direct .off:not(:focus){animation: tipBounce 10s infinite 2s both;transform-origin: center top;}

.btn-direct .inr-box{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:0;right:0;width:56rem;height:56rem;border-radius:28rem;background-color: #7056f5;transition: .3s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.btn-direct .inr-box::before{content:'';position:absolute;top:0;left:0;width:56rem;height:56rem;border-radius:50%;background: url(../images/content/btn_direct_ico.png) no-repeat center / auto 32rem;box-shadow:inset 0 3rem 6rem rgba(0,0,0,.16);}
.btn-direct:hover .inr-box,
.btn-direct:focus .inr-box{width:auto;padding:0 24rem 0 12rem;}
.btn-direct:hover .inr-box::before,
.btn-direct:focus .inr-box::before{left:12rem;box-shadow: none;}
.btn-direct:hover .off,
.btn-direct:focus .off{top:36rem;opacity: 0;}
.btn-direct:hover .on,
.btn-direct:focus .on{width:auto;margin-left:50rem;font-size:12rem;opacity: 1;}

@keyframes tipBounce {
    0% {
        transform: scale(1);
    }

    1.4% {
        transform: scale(1.25);
    }

    2.8% {
        transform: scale(1);
    }

    4.2% {
        transform: scale(1.25);
    }

    7%,100% {
        transform: scale(1);
    }
}

.goods-intro-head{margin-top:32rem;}
.goods-intro-head.line{border-top:1rem solid #dbdbdb;}
.goods-intro-head .tit{font-size:20rem;font-weight: 600;color:var(--color-black-1);word-break: keep-all;}
.goods-intro-head .sub-tit{margin-top:8rem;margin-bottom:-4rem;font-size:16rem;line-height:var(--line-height-16);color:var(--color-black-1);word-break: keep-all;}
.goods-intro-head .sub-tit > strong{word-break: keep-all;}
.goods-intro-head .sub-desc{display:block;margin-top:8rem;font-size: 16rem;font-weight: 300;word-break: keep-all;}
.goods-intro-head .desc{display:block;margin-top:6rem;font-size:14rem;word-break: keep-all;}
.goods-intro-head .list-dash{margin-top:6rem;}
.goods-intro-head .list-dash li{font-size:14rem;color:var(--color-black-1);word-break: keep-all;}
.goods-intro-head .list-dash li + li{margin-top:4rem;}
.goods-intro-head.line{padding-top:32rem;border-top:1rem solid #dbdbdb;}

.goods-intro-step{margin-top:16rem;padding:48rem 24rem 0;border-radius: 16rem;box-shadow: 0 4rem 12rem rgba(0,0,0,.08);text-align:center;}
.goods-intro-step::before{content: '';display:block;width:104rem;height:87rem;margin:0 auto 24rem;background: url(../images/content/goods_intro_step.png) no-repeat center / auto 100%;}
.goods-intro-step > ol{display:inline-block;max-width:-webkit-fill-available;width:240rem;margin-left:24rem;}
.goods-intro-step li{position:relative;}
.goods-intro-step li::before,
.goods-intro-step li::after{content: '';position:absolute;background-size:auto 100%;background-repeat: no-repeat;background-position: center;}
.goods-intro-step li::before{top:24rem;left:0;width:16rem;height:16rem;border-radius:50%;background-image: url(../images/content/goods_intro_step_dot_off.png);}
.goods-intro-step li::after{left:6rem;top:46rem;width:4rem;height:64rem;background-image: url(../images/content/goods_intro_step_line_off.png);}
.goods-intro-step li:last-child::after{content: none;}
.goods-intro-step li [class^="step"]{display:flex;align-items:center;min-height:64rem;padding-left:56rem;margin-bottom:28rem;}
.goods-intro-step li:first-child [class^="step"]{margin-top:0;}
.goods-intro-step li [class^="step"]::before{content: '';display:inline-block;width:48rem;height: 48rem;margin-right:40rem;background-size: auto 100%;}
.goods-intro-step li .step1::before{background-image:url(../images/content/goods_intro_step1.png);}
.goods-intro-step li .step2::before{background-image:url(../images/content/goods_intro_step2.png);}
.goods-intro-step li .step3::before{background-image:url(../images/content/goods_intro_step3.png);}
.goods-intro-step li .step4::before{background-image:url(../images/content/goods_intro_step4.png);}
.goods-intro-step li .step5::before{background-image:url(../images/content/goods_intro_step5.png);}
.goods-intro-step li .step6::before{background-image:url(../images/content/goods_intro_step6.png);}
.goods-intro-step span{position:absolute;bottom:-28rem;left:12rem;margin-left:106rem;padding:8rem 16rem 7rem;border-radius:20rem;background-color: rgba(112, 86, 245, .12);font-size:13rem;line-height:1;}
.goods-intro-step span::before,
.goods-intro-step span::after{content: '';position:absolute;background-repeat: no-repeat;background-position: left top;}
.goods-intro-step span::before{top:50%;left:-106rem;width:100rem;height:1rem;background-image: url(../images/content/goods_intro_step_line_row_off.png); background-size:auto 1rem;}
.goods-intro-step span::after{top:50%;left:-7rem;width:12rem;height:12rem;margin-top:-6rem;background-image: url(../images/content/goods_intro_step_arrow_off.png); background-size:auto 100%;}
.goods-intro-step li.on::before{background-image: url(../images/content/goods_intro_step_dot_on.png);box-shadow: 0 4rem 12rem rgba(0,0,0,.08);} 
.goods-intro-step li.on::after{background-image: url(../images/content/goods_intro_step_line_on.png);}
.goods-intro-step .on .tit{color:#7056f5;font-weight: 600;}
.goods-intro-step .on span{background-color: rgba(112, 86, 245, 1);color:#fff;font-weight: 500;}
.goods-intro-step .on span::before{background-image: url(../images/content/goods_intro_step_line_row_on.png);}
.goods-intro-step .on span::after{background-image: url(../images/content/goods_intro_step_arrow_on.png);}

[class^="goods-intro-cont"] .qna-area{margin-top:64rem;padding:24rem 20rem;border-radius:16rem;background-color:#f8f8f8;text-align:left;}
[class^="goods-intro-cont"] .qna-area .goods-intro-head{margin-top:0;}
[class^="goods-intro-cont"] .qna-area .goods-intro-head .tit{font-size:18rem;line-height:1.35;}
[class^="goods-intro-cont"] .qna-area .qna-list{margin-top: 16rem;}
[class^="goods-intro-cont"] .qna-area .qna-list > ul > li{display: flex;flex-direction: column;gap:8rem;}
[class^="goods-intro-cont"] .qna-area .qna-list > ul > li ~ li{margin-top:16rem;}
[class^="goods-intro-cont"] .qna-area .qna-list > ul > li > .list-dec{margin-top:0;}
[class^="goods-intro-cont"] .qna-area .qna-list .tit{display: flex;font-size: 16rem;font-weight: 600;color:var(--color-black-1);line-height: 1.2;}
[class^="goods-intro-cont"] .qna-area .qna-list .tit .q{color:#7056f5}

.color.list-dec-one{margin-top:32rem;}
.color.list-dec-one > ol > li{font-size:14rem;color:#385673;font-weight: 500;}
.color.list-dec-one > ol > li::before{width:16rem;height:16rem;margin:1rem 8rem 0 0;padding-top:1rem;border:0;background-color:#385673;font-weight:600;color:#fff;}
.color.list-dec-one > ol > li ~ li{margin-top:12rem;}
.color.list-dec-one > ol > li.on{color:#7056f5;}
.color.list-dec-one > ol > li.on::before{background-color: #7056f5;}

.content-goods .help-desk{margin:32rem 0;}

.content-goods .division-dot{margin:32rem 0;}
.content-goods .acco-box .division-dot{margin:24rem 0;}

.content-goods .inr-btn{display:flex;align-items: flex-start;word-break: keep-all;}
.content-goods .inr-btn .btn-link{align-items: center;margin-left:12rem;}
.content-goods li.inr-btn::before{margin-top:8rem !important;}


.content-goods .goods-post{margin:-32rem -24rem 0;}
.goods-post .goods-header{min-height:176rem;padding:40rem 24rem 66rem;background-color: #2d58b7;color:#fff;}
.goods-post .goods-header.bg-2{background-color: #3c7fd2;}
.goods-post .goods-header.bg-3{background-color: #6d5ce1;}
.goods-post .goods-header .title{display:inline-flex;font-size:24rem;font-weight:600;line-height:1.33;}
.goods-post .goods-header .desc{margin-top:12rem;font-size:16rem;line-height:var(--line-height-16);word-break: keep-all;}
.goods-post .goods-header .txt-tip{font-weight:300;color:#d5ddf1;}
.goods-post .goods-header .txt-tip::before{left:0;background-image: url(../images/common/tip_ico3.png);}
.goods-post .goods-header .tip-area{margin-top:8rem;color:#d5ddf1;font-weight: 300;}
.goods-post .goods-header .tip-area .btn-tooltip{width:16rem;height:16rem;background-image: url(../images/btn/btn_tooltip_ty4.png);}

.content-goods .goods-post [class^="goods-intro-cont"]{padding:0 24rem;} /* 개발 요청 */
.content-goods .goods-post .goods-link{margin:0 24rem;}

.goods-info{margin:-48rem 24rem 32rem;padding:20rem 24rem;border-radius:12rem;background-color: #fff;box-shadow: 8rem 8rem 12rem rgba(177,177,177,.16);}
.goods-info li + li{margin-top:12rem;}
.goods-info .ico{position: relative;padding-left:44rem;}
.goods-info .ico::before{content:'';position:absolute;top:4rem;left:0;width:32rem;height:32rem;background-color: #199b00;}
.goods-info .tit{display:flex;align-items:center;position:relative;font-size:13rem;font-weight: 600;color:var(--color-black-1);line-height:var(--line-height-13);}
.goods-info .tit::before{content: '';width:12rem;height:12rem;margin-right:4rem;background: url(../images/ico/box_card_chk_blue.png) no-repeat center / auto 100%;}
.goods-info .tit .point{position: relative;font-weight:600;z-index:1;}
.goods-info .tit .point::after{content:'';position: absolute;left:0;bottom:0;width:100%;height:6rem;border-radius:3rem;background-color: #e0f3fe;z-index:-1;}
.goods-info .desc{margin-top:6rem;font-size:14rem;color:var(--color-black-1);word-break: keep-all;}
.goods-info .desc em{font-weight: 600;}

.box-card{display:flex;flex-direction: column;height:100%;padding:32rem 24rem 24rem;border:1rem solid #dbdbdb;border-radius: 12rem;background-color:#fff;box-shadow: 4rem 8rem 12rem rgba(0, 0, 0, .04);}
.box-card .title{display:flex;align-items:center;margin:-4rem 0;font-size:18rem;font-weight: 500;line-height:var(--line-height-18);color:var(--color-black-1);}
.box-card .title .tip-area{margin:0 0 0 auto;color:var(--color-primary);}
.box-card .desc{margin:12rem 0;color:#666;}
.box-card .footer{display:flex;align-items:center;gap:0 8rem;width:100%;margin-top:16rem}
.box-card .footer [class^="btn-"]{flex:1;font-weight: 500;}
.box-card .footer [class^="btn-"].btn-outline-primary{font-weight: 600;}
.box-card .footer [class^="btn-"].type{height: 45rem;line-height: 21px;}
.box-card .footer [class^="txt-tip"]{flex:1;margin-top:0;padding:8rem;border-radius:8rem;background-color: #f8f8f8;font-weight:500;text-align:center;}
.box-card .footer .txt-tip::before{position: static;display: inline-block;margin:1rem 4rem 0 0;vertical-align: top;}
.box-card .tip-area{margin-top:auto;font-size:14rem;line-height:1;}
.box-card .tip-area .tooltips .btn-tooltip{width:16rem;height:16rem;line-height:16rem;}

.box-card [class*="ico-"]{display:block;margin-top:16rem;width:48rem;height:48rem;background-size:auto 100%;background-position: left center;background-repeat: no-repeat;}
/* .box-card .ico1{background-image: url(../images/product/ico_goods_card1.png);}
.box-card .ico2{background-image: url(../images/product/ico_goods_card2.png);}
.box-card .ico3{background-image: url(../images/product/ico_goods_card3.png);}
.box-card .ico4{background-image: url(../images/product/ico_goods_card4.png);}
.box-card .ico5{background-image: url(../images/product/ico_goods_card5.png);}
.box-card .ico6{background-image: url(../images/product/ico_goods_card6.png);}
.box-card .ico7{background-image: url(../images/product/ico_goods_card7.png);}
.box-card .ico8{background-image: url(../images/product/ico_goods_card8.png);}
.box-card .ico9{background-image: url(../images/product/ico_goods_card9.png);}
.box-card .ico10{background-image: url(../images/product/ico_goods_card10.png);}
.box-card .ico11{background-image: url(../images/product/ico_goods_card11.png);}
.box-card .ico12{background-image: url(../images/product/ico_goods_card12.png);}
.box-card .ico13{background-image: url(../images/product/ico_goods_card13.png);}
.box-card .ico14{background-image: url(../images/product/ico_goods_card14.png);}
.box-card .ico15{background-image: url(../images/product/ico_goods_card15.png);}
.box-card .ico16{background-image: url(../images/product/ico_goods_card16.png);}
.box-card .ico17{background-image: url(../images/product/ico_goods_card17.png);}
.box-card .ico18{background-image: url(../images/product/ico_goods_card18.png);}
.box-card .ico19{background-image: url(../images/product/ico_goods_card19.png);}
.box-card .ico20{background-image: url(../images/product/ico_goods_card20.png);}
.box-card .ico21{background-image: url(../images/product/ico_goods_card21.png);}
.box-card .ico22{background-image: url(../images/product/ico_goods_card22.png);}
.box-card .ico23{background-image: url(../images/product/ico_goods_card23.png);}
.box-card .ico24{background-image: url(../images/product/ico_goods_card24.png);}
.box-card .ico25{background-image: url(../images/product/ico_goods_card25.png);}
.box-card .ico26{background-image: url(../images/product/ico_goods_card26.png);}
.box-card .ico27{background-image: url(../images/product/ico_goods_card27.png);}
.box-card .ico28{background-image: url(../images/product/ico_goods_card28.png);}
.box-card .ico29{background-image: url(../images/product/ico_goods_card29.png);}
.box-card .ico30{background-image: url(../images/product/ico_goods_card30.png);}
.box-card .ico31{background-image: url(../images/product/ico_goods_card31.png);}
.box-card .ico32{background-image: url(../images/product/ico_goods_card32.png);}
.box-card .ico33{background-image: url(../images/product/ico_goods_card33.png);}
.box-card .ico34{background-image: url(../images/product/ico_goods_card34.png);}
.box-card .ico35{background-image: url(../images/product/ico_goods_card35.png);}
.box-card .ico36{background-image: url(../images/product/ico_goods_card36.png);}
.box-card .ico37{background-image: url(../images/product/ico_goods_card37.png);}
.box-card .ico38{background-image: url(../images/product/ico_goods_card38.png);}
.box-card .ico39{background-image: url(../images/product/ico_goods_card39.png);}
.box-card .ico40{background-image: url(../images/product/ico_goods_card40.png);}
.box-card .ico41{background-image: url(../images/product/ico_goods_card41.png);}
.box-card .ico42{background-image: url(../images/product/ico_goods_card42.png);}
.box-card .ico43{background-image: url(../images/product/ico_goods_card43.png);}
.box-card .ico44{background-image: url(../images/product/ico_goods_card44.png);} */

/* 개발 요청건 */
.box-card .ico-28977{background-image: url(../images/product/ico_goods_card1.png);} /* 지급보증보험 > 건설기계대여 */
.box-card .ico-28113{background-image: url(../images/product/ico_goods_card2.png);} /* 지급보증보험 > 하도급대금 */
.box-card .ico-28972{background-image: url(../images/product/ico_goods_card3.png);} /* 지급보증보험 > 에너지공사 */ /* 2024-08-01 : 에너지공사 삭제 */
.box-card .ico-28405{background-image: url(../images/product/ico_goods_card4.png);} /* 지급보증보험 > 보험대리점 */
.box-card .ico-28969{background-image: url(../images/product/ico_goods_card5.png);} /* 지급보증보험 > 보험지원 */
.box-card .ico-28962{background-image: url(../images/product/ico_goods_card6.png);} /* 지급보증보험 > 보험수당 */
.box-card .ico-28949{background-image: url(../images/product/ico_goods_card7.png);} /* 지급보증보험 > 투자권유인 */
.box-card .ico-22003{background-image: url(../images/product/ico_goods_card8.png);} /* 전세금보장신용보험(개인용) */
.box-card .ico-22403{background-image: url(../images/product/ico_goods_card9.png);} /* 전세금보장신용보험(법인용) */
.box-card .ico-15001{background-image: url(../images/product/ico_goods_card10.png);} /* 전세금반환보증보험(개인임차인용) */
.box-card .ico-15401{background-image: url(../images/product/ico_goods_card11.png);} /* 전세금반환보증보험(법인임차인용) */
.box-card .ico-28401{background-image: url(../images/product/ico_goods_card12.png);} /* 지급보증보험 > 공공요금 */
.box-card .ico-28917{background-image: url(../images/product/ico_goods_card13.png);} /* 지급보증보험 > 정부보조금 */
.box-card .ico-28936{background-image: url(../images/product/ico_goods_card47.png);} /* 지급보증보험 > 장애인지원 ***250904*****/
.box-card .ico-28937{background-image: url(../images/product/ico_goods_card14.png);} /* 지급보증보험 > 협약지원금 */
.box-card .ico-28938{background-image: url(../images/product/ico_goods_card15.png);} /* 지급보증보험 > 의무상환금 */
.box-card .ico-51660{background-image: url(../images/product/ico_goods_card16.png);} /* 인허가보증보험(자격등록) > 부동산중개사 */
.box-card .ico-51180{background-image: url(../images/product/ico_goods_card17.png);} /* 인허가보증보험(자격등록) > 감정평가 */
.box-card .ico-51209{background-image: url(../images/product/ico_goods_card18.png);} /* 인허가보증보험(자격등록) > 산업지도사 */
.box-card .ico-51383{background-image: url(../images/product/ico_goods_card19.png);} /* 인허가보증보험(자격등록) > 노무사등록 */
.box-card .ico-51694{background-image: url(../images/product/ico_goods_card20.png);} /* 인허가보증보험(자격등록) > 법무사등록 */
.box-card .ico-51720{background-image: url(../images/product/ico_goods_card21.png);} /* 인허가보증보험(자격등록) > 손해사정 */
.box-card .ico-51770{background-image: url(../images/product/ico_goods_card22.png);} /* 인허가보증보험(자격등록) > 공증신원 */
.box-card .ico-51781{background-image: url(../images/product/ico_goods_card23.png);} /* 인허가보증보험(자격등록) > 부동산경매 */
.box-card .ico-51002{background-image: url(../images/product/ico_goods_card24.png);} /* 인허가보증보험(영업등록) > 건설기계 */
.box-card .ico-51012{background-image: url(../images/product/ico_goods_card25.png);} /* 인허가보증보험(영업등록) > 환자유치업 */
.box-card .ico-51110{background-image: url(../images/product/ico_goods_card26.png);} /* 인허가보증보험(영업등록) > 자동차매매 */
.box-card .ico-51600{background-image: url(../images/product/ico_goods_card27.png);} /* 인허가보증보험(영업등록) > 국외직업 */
.box-card .ico-51760{background-image: url(../images/product/ico_goods_card28.png);} /* 인허가보증보험(영업등록) > 국내직업 */
.box-card .ico-51608{background-image: url(../images/product/ico_goods_card29.png);} /* 인허가보증보험(영업등록) > 어선중개업 */
.box-card .ico-51010{background-image: url(../images/product/ico_goods_card3.png);} /* 인허가보증보험(영업등록) > 국내결혼  ******250904********/  
.box-card .ico-51011{background-image: url(../images/product/ico_goods_card45.png);} /* 인허가보증보험(영업등록)  > 국제결혼  ******250904********/  
.box-card .ico-51470{background-image: url(../images/product/ico_goods_card46.png);} /* 인허가보증보험(영업등록) > 여행알선   ******250904********/  
.box-card .ico-51350{background-image: url(../images/product/ico_goods_card30.png);} /* 인허가보증보험(원상복구) > 형질변경 */
.box-card .ico-51140{background-image: url(../images/product/ico_goods_card31.png);} /* 인허가보증보험(원상복구) > 산림훼손 */
.box-card .ico-51150{background-image: url(../images/product/ico_goods_card32.png);} /* 인허가보증보험(원상복구) > 토석채취 */
.box-card .ico-51370{background-image: url(../images/product/ico_goods_card33.png);} /* 인허가보증보험(원상복구) > 골재복구 */
.box-card .ico-27310{background-image: url(../images/product/ico_goods_card34.png);} /* 물품대금보증보험 > 외상물품 */
.box-card .ico-27750{background-image: url(../images/product/ico_goods_card35.png);} /* 물품대금보증보험 > 중도매인 */
.box-card .ico-27321{background-image: url(../images/product/ico_goods_card36.png);} /* 물품대금보증보험 > 화장품방판 */
.box-card .ico-28151{background-image: url(../images/product/ico_goods_card37.png);} /* 지급보증보험 > 위탁판매 */
.box-card .ico-28137{background-image: url(../images/product/ico_goods_card38.png);} /* 지급보증보험 > 택배위수탁 */
.box-card .ico-28941{background-image: url(../images/product/ico_goods_card40.png);} /* 지급보증보험 > 홈쇼핑영업 */
.box-card .ico-28301{background-image: url(../images/product/ico_goods_card41.png);} /* 지급보증보험 > 복권판매 */
.box-card .ico-28984{background-image: url(../images/product/ico_goods_card42.png);} /* 지급보증보험 > 통신사업 */
.box-card .ico-28928{background-image: url(../images/product/ico_goods_card43.png);} /* 지급보증보험 > 금융결제 */
.box-card .ico-28130{background-image: url(../images/product/ico_goods_card44.png);} /* 지급보증보험 > 카드가맹점 */

.box-card-terms{position:relative;padding:40rem 24rem;border:1rem solid #e5e5e5;border-radius:12rem;background-color:#fff;}
.box-card-terms .tag{position:absolute;top:-4rem;right:-12rem;width:74rem;height:72rem;padding:12rem 10rem 19rem;font-size:13rem;font-weight:500;line-height:1.23;color:#fff;text-align:center;background: url(../images/ico/box_card_tag.png) no-repeat center / 100%;}
.box-card-terms .tit{display:block;font-size: 20rem;font-weight: 600;color:var(--color-black-1);}
.box-card-terms .desc{color:#666;}
.box-card-terms .desc p{margin-top:8rem;}
.box-card-terms .target{margin-top:32rem;}
.box-card-terms .target dl{padding-left:19rem;background: url(../images/ico/box_card_chk.png) no-repeat left 2rem / auto 16rem;}
.box-card-terms .target dt{font-weight:500;color:var(--color-black-1);}
.box-card-terms .target dd{margin-top:8rem;font-weight:500;color:var(--color-primary); word-break: keep-all;}
.box-card-terms .btns{gap:0 8rem;min-height:32rem;margin-top:32rem;}
.box-card-terms .btns [class^="btn-"]{align-self:stretch;padding:6rem;min-width: calc(50% - 4rem);height:auto;line-height:1.2;word-break: keep-all;white-space: normal;}
.box-card-terms .btns [class^="btn-"]:first-child:nth-last-child(1) br{display:none;}

.step-list.goods{margin-top:12rem;padding:32rem 24rem;border:1rem solid #dbdbdb;border-radius:8rem;}
.step-list.goods [class^="ico"] {top:50%;width:32rem;height:32rem;border-radius:0;background-size:auto 100%;background-color:transparent;transform: translateY(-50%);}
.step-list.goods [class^="ico"].ico1{background-image:url(../images/content/ico_step_goods1.png)}
.step-list.goods [class^="ico"].ico2{background-image:url(../images/content/ico_step_goods2.png)}
.step-list.goods [class^="ico"].ico3{background-image:url(../images/content/ico_step_goods3.png)}
.step-list.goods [class^="ico"].ico4{background-image:url(../images/content/ico_step_goods4.png)}
.step-list.goods [class^="ico"].ico5{background-image:url(../images/content/ico_step_goods5.png)}
.step-list.goods [class^="ico"].ico6{background-image:url(../images/content/ico_step_goods6.png)}
.step-list.goods [class^="ico"].ico7{background-image:url(../images/content/ico_step_goods7.png)}
.step-list.goods [class^="ico"].ico8{background-image:url(../images/content/ico_step_goods8.png)}
.step-list.goods [class^="ico"].ico9{background-image:url(../images/content/ico_step_goods9.png)}
.step-list.goods > ol > li{padding-bottom:0}
.step-list.goods > ol > li ~ li{margin-top:24rem;}
.step-list.goods > ol > li::after{top:50%;left:52rem;width:8rem;height:100%;background:url(../images/common/step_dot_arrow2.png) no-repeat left center / auto 56rem;transform: translateY(-50%);}
.step-list.goods > ol > li:last-child::after{content:'';}
.step-list.goods .box{padding-left:80rem;}
.step-list.goods .box > strong{display:inline-block;font-size:14rem;font-weight:600;}
.step-list.goods .box > strong::before{content:counter(list-counter, decimal-leading-zero);display:inline-block;margin:0 4rem 0 0;font-size:14rem;color:var(--color-primary);font-weight: 600;}
.step-list.goods.type-2 .box{min-height:56rem;}
.step-list.goods.type-2 .box > strong::before{content:'STEP ' counter(list-counter, decimal-leading-zero);color:#7056f5;}
.step-list.goods.type-2 .box .list-dash > ul > li{padding:0;}
.step-list.goods .box .list-dot,
.step-list.goods .box .list-dash{margin-top:8rem;}
.step-list.goods .box .list-dash > ul > li{padding:0 0 0 8rem;font-size:13rem;line-height:var(--line-height-13);}
.step-list.goods .box .list-dash > ul  > li::before{top:8rem;}
.step-list.goods .box .list-dash > ul > li ~ li{margin-top:4rem;}
.step-list.goods .box .txt{font-size:13rem;color:var(--color-black-0);line-height: var(--line-height-13);font-weight: 300;}
.goods .box-solid.etc{padding:12rem 16rem;}
.goods .box-solid.etc [class^="list-"],
.goods .box-solid.etc [class^="list-"] > ol > li ~ li,
.goods .box-solid.etc .txt-tip.title + *{margin-top:6rem;}
.goods .box-solid.etc .list-dec-one li{font-size: 13rem;color:#666;}
.goods .box-solid.etc .list-dot> ul > li > *:first-child.bold{color:var(--color-black-0)}
.goods .box-guide{margin-top:24rem;padding-top:24rem;overflow: hidden;border-top:1rem dashed #ccc;}
.goods .box-guide .tit{font-size: 14rem;font-weight: 600;color: var(--color-black-1);}

.confimed{margin-top:32rem;padding-top:24rem;border-top:1rem solid #dbdbdb;font-size:13rem;color:#666;line-height:var(--line-height-13);}

.content-goods .acco-box.qna > .header{padding-top:12rem;padding-bottom:12rem;}
.content-goods .acco-box.qna > .header h3{line-height:1.2}
.content-goods .acco-box.qna > .header:after{top:12rem;}

.ui-acco-sticky{margin-top:32rem;}
.ui-acco-sticky > .acco-box.qna:first-child{margin-top:0;}
.acco-box.sticky.on > .header{position: sticky;top:48rem;z-index:10;transition:top .4s var(--easeOutSine) 0.2s}
html.header-off .acco-box.sticky.on > .header{top:0;}
.acco-box.sticky.on > .header::before{content: '';position: absolute;bottom:-1rem;left:0;right:0;width:100%;height:1rem;background-color: var(--color-black-1);}

.acco-txt-area{position:relative;/*padding-right:54rem;*/}
.acco-txt-area .acco-txt{/*position:absolute;top:0;right:0;*/float:right;align-items:center;width:auto;font-size:13rem;font-weight:500;line-height:var(--line-height-13);color:var(--color-primary);white-space: nowrap;}
.acco-txt-area .acco-txt::after{content: '';display: inline-block;width:12rem;height:12rem;margin-left:4rem;background: url(../images/btn/ico_arrow_open.png) no-repeat center / auto 100%;transform: rotate(0deg);transition: all .3s ease;}
/* .acco-txt-area > *:not(.acco-txt){margin-right:-54rem;} */
.acco-txt-area .panel{display:none;margin-top:12rem;}
.acco-txt-area .panel > *:first-child{margin-top: 0 !important;}
.acco-txt-area .panel.type-box{padding:16rem;margin-top:6rem;background-color: #f8f8f8;}
[class^="list-"] .acco-txt-area .panel.type-box .list-dot{margin-left:0;}
[class^="list-"] .acco-txt-area .panel.type-box .list-dot > ul > li::before{top:7rem;}
.acco-txt-area.on .panel{display:block}
.acco-txt-area.on .acco-txt::after{transform: rotate(180deg);}

.cont-img{margin-top:16px;text-align: center;}

/* ====================
	채용
==================== */
/* 인재상 */
.talent-area{position:relative;margin-top:24rem;padding:32rem 24rem 50rem;border:1rem solid #e5e5e5;border-radius: 16rem;box-shadow:0 4rem 12rem rgba(0, 0, 0, .08);}
.talent-area .talent-list{position:relative;width:272rem;height:246rem;margin:0 auto;background: url(../images/content/talent_list.png) no-repeat center / auto 246rem;}
.talent-area .talent-list li{position:absolute;}
.talent-area .talent-list li{top:0;left:64rem;}
.talent-area .talent-list li:nth-child(2){top:102rem;left:0;}
.talent-area .talent-list li:nth-child(3){top:102rem;left:128rem;}
.talent-area .talent-list .box{display: flex;flex-direction: column;justify-content: center;align-items: center;width:144rem;height:144rem;line-height: 1.5;color:#fff;}
.talent-area .talent-list .box .header{display: flex;align-items: center;gap:0 2rem;}
.talent-area .talent-list .box .tit{font-size:16rem;font-weight: 600;line-height: 1.188;}
.talent-area .talent-list .box .tooltips{top:0;}
.talent-area .talent-list .box .tag{display: flex;flex-direction: column;align-items: center;margin-top:6rem;font-size:12rem;font-weight: 500;line-height:var(--line-height-12);}
.talent-area .talent-list .box .tag span{font-size:12rem;font-weight: 500;line-height:var(--line-height-12);}
.talent-area .talent-ci{position:absolute;bottom:-30rem;left:50%;width:200rem;height:56rem;border:1rem solid #e5e5e5;border-radius:16rem 8rem;background:#fff url(../images/content/talent_ci.png) no-repeat center / auto 20rem;box-shadow:0 4rem 12rem rgba(0, 0, 0, .08);transform: translateX(-50%);}

/* 인사제도 */
.step-list.recruit > ol > li::after{left:37rem;top:66rem;background: url(../images/common/step_dot_arrow3.png) no-repeat left center / auto 21rem;transform: translateY(18rem);}
.step-list.recruit > ol > li:last-child::after{content: none;}
.step-list.recruit [class^="ico"]{width:80rem;height:80rem;box-shadow:0 2rem 8rem rgba(0, 0, 0, .08);background-color:#fff;background-size:48rem auto;}
.step-list.recruit [class^="ico"].ico1{background-image: url(../images/content/recruit_step1.png);}
.step-list.recruit [class^="ico"].ico2{background-image: url(../images/content/recruit_step2.png);}
.step-list.recruit [class^="ico"].ico3{background-image: url(../images/content/recruit_step3.png);}
.step-list.recruit .box{min-height: 80rem;}
.step-list.recruit .box .tit{font-size:18rem;font-weight: 600;color:var(--color-black-1);line-height:var(--line-height-18);}
.step-list.recruit .box .sub{margin-top:6rem;font-weight:500;color:#7056f5;line-height: 1.286;}
.step-list.recruit .box .desc{margin-top:8rem;}

.recruit_benefits .tit{display:flex;align-items:center;gap:0 20rem;min-height:64rem;margin-bottom:16rem;font-size:18rem;font-weight: 600;line-height:var(--line-height-18);color: var(--color-black-1);}
.recruit_benefits [class*="ico"]::before{content:'';display: inline-block;width:64rem;height:64rem;border-radius: 50%;background-color: #fff;background-size:auto 36rem;background-repeat:no-repeat;background-position:center;box-shadow:0 4rem 12rem rgba(0, 0, 0, .08);}
.recruit_benefits [class*="ico"].ico1:before{background-image: url(../images/content/recruit_benefits1.png);}
.recruit_benefits [class*="ico"].ico2:before{background-image: url(../images/content/recruit_benefits2.png);}
.recruit_benefits [class*="ico"].ico3:before{background-image: url(../images/content/recruit_benefits3.png);}
.recruit_benefits [class*="ico"].ico4:before{background-image: url(../images/content/recruit_benefits4.png);}
.recruit_benefits [class*="ico"].ico5:before{background-image: url(../images/content/recruit_benefits5.png);}
.recruit_benefits .list-dot > ul > li span{font-weight:500;}
.recruit_benefits .list-dot > ul > li ~ li{margin-top:6rem;}
.recruit_benefits .list-dot > ul > li::before{width:4rem;height:4rem;background-color: var(--color-black-1);}

.recruit_edu .tit{font-size: 16rem;font-weight: 600;color:var(--color-primary);}
.recruit_edu .tit + .list-dot{margin-top:8rem;}
.recruit_edu .list-dot > ul > li{font-size:14rem;}
.recruit_edu .list-dot > ul > li ~ li{margin-top:8rem;font-size:14rem;}
.recruit_edu .list-dot.col2 > ul{display: flex;flex-wrap: wrap;gap:8rem 24rem;}
.recruit_edu .list-dot.col2 > ul > li{flex:1 calc(50% - 12rem);margin:0;}

/* ====================
	가입
==================== */
.payment-box{display:flex;justify-content:space-between;align-items:center;position:sticky;bottom:0;padding:18rem 24rem;margin-top:auto;background-color:var(--color-primary);}
.payment-box .total{color:#fff;}
.payment-box .total em{font-weight:600;}
.payment-box .btn-link.arrow-r{color:#fff !important;}
.payment-box .btn-link.arrow-r::after{width:12rem;height:12rem;background-image: url(../images/btn/ico_arrow_r_white.png);}

/* 보험가입 */
.box-info.info-insur{position:relative;padding:32rem 24rem;}
.box-info.info-insur [class*="ico"]{position:absolute;right:24rem;top:24rem;width:48rem;height:48rem;margin:0;background-position:center;background-size:100% auto;background-repeat:no-repeat;}
.box-info.info-insur [class^="ico"].ico1{background-image:url(../images/content/info-insur1.png);}
.box-info.info-insur [class^="ico"].ico2{background-image:url(../images/content/info-insur2.png);}
.box-info.info-insur [class^="ico"].ico3{background-image:url(../images/content/info-insur3.png);}
.box-info.info-insur .desc{padding-right:88rem;word-break:keep-all;color:var(--color-black-0);}

/* 무이자할부 안내 */
.card-list > li{padding:24rem 0 !important;}
.card-list .card-item{position:relative;}
.card-list .card-item .logo{position: absolute;top:0;left:0;width:40rem;height:40rem;padding:2rem;border-radius: 50%;background-color: #F8F8F8;}
.card-list .card-item .tits3{margin:0;font-weight: 500;}
.card-list .card-item .period{margin-top:4rem;color:var(--color-primary);}
.card-list .card-item .list-dot{margin-top:8rem;}
.card-list .card-item .list-dot > ul > li{color:#666;}
.card-list .card-item .list-dot > ul > li ~ li{margin-top:4rem;}

/* ====================
	고객지원
==================== */
.insur-box{margin-top:-2rem;}
.insur-box a{position:relative;display:inline;margin:2rem 0;white-space:normal;}
.insur-box a::after{content:'';display:inline-block;width:1rem;height:8rem;margin:0 8rem;background-color:#ccc;vertical-align:middle;}
.insur-box a:last-child::after{display:none;}

.help-desk-round{margin-bottom:40rem;padding:24rem;border: 1rem solid #e5e5e5;border-radius:12rem;}
.help-desk-round .tit{font-size: 18rem;color:var(--color-black-1);font-weight: 600;}
.help-desk-round .tit .btn-link{margin-left:8rem;font-weight: inherit;}
.help-desk-round .tit + .msg,
.help-desk-round .text{margin-top:12rem;}
.help-desk-round .desc-sub{margin-top:12rem;font-size: 13rem;color:#666;}
.help-desk-round .desc-cont{margin-top:24rem;}
.help-desk-round dl.info{margin-top:24rem;}
.help-desk-round dl.info dt,
.help-desk-round dl.info dd{font-weight:500;}
.help-desk-round dl.info dd .num{position:relative;top:-1rem;font-family:initial;}
.help-desk-round .link-area{margin-top:24rem;text-align: right;}
.help-desk-round .link-area .btn-link{font-weight:500;}
.help-desk-round + .help-desk{margin-top:8rem;}
.help-desk-round.sm{margin:8rem 0;}

.box-info.etc-site{position:relative;padding-left:76rem;}
.box-info.etc-site [class*="ico"]{position: absolute;left:20rem;top:50%;width:40rem;height:40rem;margin:0;background-position:center;background-size:auto 100%;background-repeat:no-repeat;transform: translateY(-50%);}
.box-info.etc-site [class*="ico"].ico1{background-image: url(../images/content/etc_site1.png);}
.box-info.etc-site [class*="ico"].ico2{background-image: url(../images/content/etc_site2.png);}
.box-info.etc-site [class*="ico"].ico3{background-image: url(../images/content/etc_site3.png);}

.step-list.adjust{margin-bottom:24rem;}
.step-list.adjust .box{min-height:auto;padding-left: 86rem;}
.step-list.adjust .box > strong{font-size:16rem;}
.step-list.adjust > ol > li{padding-bottom:65rem;}
.step-list.adjust > ol > li::after{top:auto;left:50%;bottom:0;height:65rem;background-position: center;transform: translateY(-3rem);}
.step-list.adjust > ol > li:last-child::after{content: none;}
.step-list.adjust [class^="ico"]{width:64rem;height:64rem;}
.step-list.adjust [class^="ico"].ico1{background-image: url(../images/content/ico_step_adjust1.png);background-size:auto 24rem;}
.step-list.adjust [class^="ico"].ico2{background-image: url(../images/content/ico_step_adjust2.png);background-size:auto 23rem;}
.step-list.adjust [class^="ico"].ico3{background-image: url(../images/content/ico_step_adjust3.png);background-size:auto 25rem;}
.step-list.adjust [class^="ico"].ico4{background-image: url(../images/content/ico_step_adjust4.png);background-size:auto 24rem;}

.map-area{position:relative;margin-top:24rem;background-color:#f6f8fd;} /* min-height:210rem; height:58.335vw; */
.map-area.wide{margin:-24rem -24rem 24rem;}
.map-area.full{margin:-32rem -24rem 0;}
.map-area.fixed{position:sticky;left:0;top:48rem;z-index:2;transition:top .4s var(--easeOutSine) 0.2s}
html.header-off .map-area.fixed{top:0;}
.map-area img{width: 100%;}

.popup-content > .map-area {position:absolute;left:0;right:0;top:0;bottom:0;margin:0;}

.cs-info{margin:-32rem -24rem 0;padding:98rem 0 130rem;height:304rem;text-align:center;background:#f6f8fd url(../images/content/img_cs_phone.png) no-repeat center 24rem;background-size:264rem auto;}
.cs-info span{font-size:14rem;font-weight:500;}
.cs-info strong{display:block;margin-top:4rem;font-size:24rem;font-weight:600;color:var(--color-primary);}
.cs-info p{font-size:12rem;color:#666;}

.list-check > ul{display:inline-flex;flex-wrap:wrap;gap:12rem 24rem}
.list-check > ul > li{position:relative;padding-left:20rem;font-size:14rem;color:#3d414a;}
.list-check > ul > li::before{content:'';position:absolute;left:0;top:50%;margin-top:-8rem;width:16rem;height:16rem;background:url(../images/ico/ico_check.png) no-repeat left center;background-size:16rem auto;}
.list-check > ul > li ~ li{margin-top:0;}

.consult-info .tits{align-items:flex-end;}
.consult-info .tits.under{border-bottom-color:var(--color-primary);}
.consult-info .tits::after{content: '';display:block;width:40rem;height:40rem;background:url(../images/content/ico_call.png) no-repeat right center / auto 100%;}
.consult-info .tits [class^="tits"]{color:var(--color-primary);}
.consult-info .list-dec-one{margin-top:16rem;}
.consult-info .list-dec-one li{font-size:16rem;}
.consult-info .list-dec-one > ol > li::before{width:24rem;height:24rem;margin:0 12rem 0 0;border-color:var(--color-primary);font-size:13rem;font-weight:600;line-height:23rem;color:var(--color-primary);vertical-align:middle;}
.consult-info .list-dec-one > ol > li ~ li{margin-top:12rem;}
.consult-info .list-dec-one.call > ol > li::before{content:none;}
.consult-info .list-dec-one.call > ol > li .call-num {display:inline-block;width:24rem;height:24rem;margin:0 12rem 0 0;border-color:var(--color-primary);font-size:13rem;font-weight:600;line-height:23rem;color:var(--color-primary);text-align:center;border:1px solid var(--color-primary);border-radius:50%;vertical-align:middle;}

/* ARS 안내 */
.help-desk-gate.ars{margin:-32rem -24rem 0 !important;background-color: #f6f8fd;}
.help-desk-gate.ars .main-box::before{left:24rem;right:auto;top:32rem;width:64rem;height:64rem;background: #fff url(../images/ico/ico_help_desk_gate2.png) no-repeat center / auto 100%;}
.help-desk-gate.ars .main-box{min-height:auto;padding:32rem 24rem 0 104rem;background-color: transparent;color:var(--color-black-1);}
.help-desk-gate.ars .main-box .tit{justify-content: center;min-height:64rem;font-size: 20rem;font-weight: 600;line-height: var(--line-height-20);}
.help-desk-gate.ars .main-box .sub{margin-top:4rem;font-size:14rem;font-weight:300;line-height:var(--line-height-14);color:#666;;}
.help-desk-gate.ars .link-area{display:flex;padding:16rem 24rem 32rem;margin:0;}
.help-desk-gate.ars .link-area > span{flex:1}
.help-desk-gate.ars .link-area .btn-link{font-size: 18rem;font-weight: 500;line-height: var(--line-height-18);background-size: auto 20rem;background-position:0 4rem;background-image: url(../images/ico/guide_ico_tel2.png);}
.consult-info .tits.blk-type{padding-bottom:16rem;border-bottom:1rem solid #e5e5e5;}
.consult-info .tits.blk-type::after{content: none;}
.consult-info .tits.blk-type [class^="tits"]{color:var(--color-black-1);}
.consult-info .tits.blk-type .desc-tit{margin-top:12rem;}
.consult-info.ars {margin-bottom:18rem;padding-bottom:24rem;border-bottom:1rem solid #e5e5e5;}
.consult-info.ars .list-dec-one{margin-top:24rem;}
.consult-info.ars .list-dec-one > ol > li ~ li{margin-top:16rem;}
.consult-info.ars .list-dec-one > ol > li .depth{margin:4rem 0 0 36rem;}
.consult-info.ars .list-dec-one > ol > li .depth ol{display: flex;gap:0 8rem;}
.consult-info.ars .list-dec-one > ol > li .depth li::before{width:13rem;height:13rem;margin:3rem 4rem 0 0;border-color:var(--color-black-0);font-size:9rem;color:var(--color-black-0);vertical-align: top;}
.consult-info.ars .list-dec-one > ol > li .depth li{margin:0 !important;color:#666;}

/* 대리점안내 */
.agency .header{display:flex;flex-wrap:wrap;width:100%;}
.agency .header .tit{flex:1;}
.agency .header + .box-divide{margin-top:24rem;}
.stars{width:88rem;height:16rem;background: #ff3700;background: url(../images/common/star_off.png) no-repeat left top / auto 100%;}
.stars::before{content: '';display:inline-block;width:0;height:100%;background: url(../images/common/star_on.png) no-repeat left top / auto 100%;}
.stars.star0::before{width:calc(100% / 5 * 0);}
.stars.star1::before{width:calc(100% / 5 * 1);}
.stars.star2::before{width:calc(100% / 5 * 2);}
.stars.star3::before{width:calc(100% / 5 * 3);}
.stars.star4::before{width:calc(100% / 5 * 4);}
.stars.star5::before{width:100%;}
.agency .badge-box{display:flex;gap:4rem;margin-left:auto;margin-top:-2rem;}
.agency .badge-box span{width:24rem;height:24rem;background-repeat: no-repeat;background-position: center;background-size: auto 100%;}
.agency .badge-box span.agent{background-image: url(../images/content/badge_agent.png);}
.agency .badge-box span.certi{background-image: url(../images/content/badge_certi.png);}
.agency .badge-box span.blue-ribbon{background-image: url(../images/content/badge_ribbon.png);}
.agency .badge-box span.masters{background-image: url(../images/content/badge_masters.png);}
.agency .space8{margin-top:8rem}

.acco-box.agency{padding:16rem;border:1rem solid #e5e5e5;border-radius:8rem;}
.acco-box.agency .header{padding:0 24rem 0 0;}
.acco-box.agency .header::after{top:-4rem;}
.acco-box.agency .header h4{font-size: 14rem;}
.acco-box.agency .info-box{display: flex;align-items: center;margin-top:8rem;}
.acco-box.agency .cont-area .box-divide{margin-top:24rem;}
.acco-box.agency.on{border-color:var(--color-black-1);}

.info-list.agency .badge-box{align-self: flex-start;}
.info-list.agency .stars{display: inline-flex;}

/* 지점안내 : 업무별 */
.help-desk-gate{margin:-24rem -24rem 0;background-color: #f8f8f8;}
.help-desk-gate .main-box{position:relative;min-height:183rem;padding:40rem 24rem 0;border-radius:0 0 0 24rem;background-color:#154292;color:#fff;}
.help-desk-gate .main-box .tit{display:flex;flex-direction: column;font-size: 16rem;font-weight: 500;line-height: var(--line-height-16);}
.help-desk-gate .main-box .tit .lg{display:block;margin-top:8rem;font-size: 22rem;font-weight: 600;line-height: var(--line-height-22);}
.help-desk-gate .main-box .desc{margin-top:12rem;}
.help-desk-gate .main-box::before{content:'';position:absolute;top:38rem;right:24rem;width:56rem;height:56rem;border-radius:50%;background:#0d3375 url(../images/ico/ico_help_desk_gate.png) no-repeat center / auto 100%;}
.help-desk-gate .box{padding:16rem 24rem;color:#666;}
.help-desk-gate .box .link-area{margin-top:16rem;}

/* 이용안내 > 장애인고객 */
.box-info.info-handicap{padding:0;}
.box-info.info-handicap [class^="ico"]{width:64rem;height:64rem;border-radius:50%;background-color: #f6f8fd;}
.box-info.info-handicap [class^="ico"].ico1{background-image: url(../images/content/info_handicap1.png);}
.box-info.info-handicap [class^="ico"].ico2{background-image: url(../images/content/info_handicap2.png);}
.box-info.info-handicap [class^="ico"].ico3{background-image: url(../images/content/info_handicap3.png);}
.box-info.info-handicap [class^="ico"].ico4{background-image: url(../images/content/info_handicap4.png);}
.box-info.info-handicap .desc + .list-dot{margin-top:24rem;}

/* 이용안내 > 고객확인제도 */
.info-user-chk{padding:0;}
.info-user-chk [class^="ico"]{width:40rem;height:40rem;}
.info-user-chk [class^="ico"].ico1{background-image: url(../images/content/info_user_chk1.png);}
.info-user-chk [class^="ico"].ico2{background-image: url(../images/content/info_user_chk2.png);}
.info-user-chk [class^="ico"].ico3{background-image: url(../images/content/info_user_chk3.png);}
.info-user-chk [class^="ico"].ico4{background-image: url(../images/content/info_user_chk4.png);}

/*이용안내 > 전자서명안내 */
.box-info.elcsgza{position:relative;padding-left:76rem;background-color:#f8f8f8}
.box-info.elcsgza>strong{display:block;margin:5rem 0 12rem;font-size:16rem;font-weight:600;line-height:var(--line-height-16);color:#050f26;}
.box-info.elcsgza [class*="ico"]{position: absolute;left:20rem;top:50%;width:40rem;height:40rem;margin:0;background-position:center;background-size:auto 100%;background-repeat:no-repeat;transform: translateY(-50%);}
.box-info.elcsgza [class*="ico"].ico1{background-image: url(../images/content/ico_insure_info2.png);}
.box-info.elcsgza [class*="ico"].ico2{background-image: url(../images/content/ico_step_goods2.png);}

/* ====================
	보상
==================== */
.reason-area{padding-bottom:20rem;border-bottom:1rem solid #e5e5e5;}
.reason-area .box-solid.etc{margin-top:20rem;border-radius:0;}
.reason-area .box-solid.etc .tit{display:block;margin-bottom:8rem;font-weight: 600;color:#385673;line-height:1.12;}
.reason-area .box-solid.etc p{color:var(--color-black-1);}

/* ====================
	회사소개
==================== */
.company-area .visual {margin:24rem 0 32rem;}
.company-area .visual .top-img {margin:24rem -24rem 0;text-align:center;}
.company-area .visual .top-img img {width:100%;}
.company-area .desc-tit {font-size:18rem;font-weight:300;line-height:28rem;text-align:center;word-break:keep-all;word-wrap:break-word;white-space:normal;}
.company-area .desc-sub-tit{display:block;margin-bottom:32rem;font-size:18rem;font-weight:600;line-height:28rem;word-break:keep-all;word-wrap:break-word;white-space:normal;}
.company-area .ceo-img {margin:24rem -24rem 32rem;text-align:center;}
.company-area .txt {font-size:16rem;line-height:24rem;color:#050f26;}
.company-area .txt ~ .txt {margin-top:32rem;}
.company-area .sign {display:flex;align-items:end;justify-content:end;margin-top:32rem;}
.company-area .sign strong {font-weight:600;line-height:1;}
.company-area .con-tit {margin:32rem 0 16rem;font-size:22rem;line-height:32rem;color:#050f26;}
.company-area .sign .img {margin-left:12rem;}
.company-area .sign .img img {width:80rem;}
.company-area .con-box {margin-top:32rem;}
.company-area .con-box .inr {position:relative;padding:21rem 24rem 20rem;border:1rem solid rgba(30,91,197,.48);border-radius:8rem;background-color:#f9faff;box-shadow:0 2rem 8rem rgba(0,0,0,.08);}
.company-area .con-box .inr ~ .inr {margin-top:16rem;}
.company-area .con-box .inr::before {content:'';position:absolute;right:24rem;top:24rem;width:64rem;height:68rem;background-repeat:no-repeat;background-position:0 0;background-size:64rem auto;}
.company-area .con-box .inr:nth-child(1)::before {background-image:url(../images/content/ico_company1.png);}
.company-area .con-box .inr:nth-child(2)::before {background-image:url(../images/content/ico_company2.png);}
.company-area .con-box .inr:nth-child(3)::before {background-image:url(../images/content/ico_company3.png);}
.company-area .con-box strong {display:block;min-height:72rem;padding-right:85rem;font-size:16rem;font-weight:500;line-height:24rem;color:#050f26;word-break:keep-all;word-wrap:break-word;white-space:normal;}
.company-area .con-box p {margin-top:12rem;font-size:14rem;line-height:22rem;color:#666;}
.company-history .his-state {position:sticky;top:96rem;z-index:2;margin-top:-16rem;padding:16rem 0 24rem;background:linear-gradient(180deg, #fff, #fff 92%, rgba(255,255,255,0) 100%);transition:top .4s var(--easeOutSine) 0.2s}
html.header-off .company-history .his-state{top:48rem;}
.company-history .his-state .img{position:relative;overflow:hidden;width:624rem;max-width:100%;margin:0 auto;border-radius:16rem;}
.company-history .his-state .img:before{content:'';display:block;padding-top:calc(240 / 624 * 100%);}
.company-history .his-state .img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:clip-path 1s var(--easeOutSine);}
.company-history .his-state .img {padding-top:16rem;background-color:#fff;text-align:center;}
.company-history .his-state .img img.prev{clip-path:ellipse(50% 0 at 50% -100%);}
.company-history .his-state .img img.next{clip-path:ellipse(50% 0 at 50% 100%);}
.company-history .his-state .img img.backup{z-index:1;clip-path:none;transition:none;animation:imgZoomOut 1.5s forwards}
.company-history .his-state .img img.on{animation:imgZoomOut 1.5s forwards;z-index:2;}
.company-history .his-state .img img.prev.on{clip-path:ellipse(300% 300% at 50% -100%);}
.company-history .his-state .img img.next.on{clip-path:ellipse(300% 300% at 50% 100%);}
@keyframes imgZoomOut{
	0%{transform:scale(1.3);}
	100%{transform:scale(1);}
}
.company-history .his-state + .his-point{margin-top:0;}
.company-history .his-point{display:flex;align-items:center;margin-bottom:24rem;font-size:22rem;font-weight:600;line-height:32rem;color:#1e5bc5;margin-top:32rem;}
.company-history .his-point .inner{border-bottom:1rem solid #1e5bc5;}
.company-history .his-point strong,
.company-history .his-point span{font-weight:bold;}
.company-history .his-point span.mark{padding:0 4rem;}
.company-history .his-list:last-child{padding-bottom:24rem;}
.company-history .his-list li ~ li {margin-top:15rem;}
.company-history .his-list .dt {font-size:16rem;font-weight:500;line-height:24rem;color:#050f26;}
.company-history .his-list .dd {margin-top:4rem;font-size:14rem;line-height:22rem;color:#050f26;word-break:keep-all;word-wrap:break-word;white-space:normal;}
.company-area .con-career::before {content:'';display:block;height:12rem;margin:32rem -24rem 0;background-color:#f8f8f8;}
.company-area .con-career .sec-box {font-size:14rem;line-height:22rem;}
.company-area .con-career .sec-box .sec + .sec{margin-top:8rem;}
.company-area .con-career .tit {overflow:hidden;position:absolute;z-index:-1;width:1rem;height:1rem;font-size:1rem;opacity:.01;clip:rect(1rem,1rem,1rem,1rem);}
.company-area .con-career .toggle-btn {display:flex;align-items:center;justify-content:center;margin-top:24rem;background:url(../images/common/div_dot.png) repeat-x 0 50%;background-size:auto 1rem;}
.company-area .con-career .toggle-btn button {display:inline-flex;align-items:center;justify-content:center;width:82rem;height:32rem;padding-left:8rem;background-color:#fff;border-radius:32rem;box-shadow:0 0 4rem rgba(5,15,38,.08);font-size:13rem;color:#3d414a;}
.company-area .con-career .toggle-btn button::after {content:'';display:inline-block;width:24rem;height:24rem;background:url(../images/btn/btn_more.png) no-repeat 50% / 12rem;transition:all .3s ease;}
.company-area .con-career .toggle-btn button.on::after {transform:rotate(180deg);}
.company-area .con-career .toggle-btn button span:not(.blind) {width:35rem;}
.company-area .pf-list li {font-size:14rem;line-height:22rem;}
.company-area .pf-list li ~ li {margin-top:8rem;}
.company-area .pf-list .dt {font-weight:500;color:#1e5bc5;}
.company-area .pf-list .dd {margin-top:2rem;color:#050f26;word-break:keep-all;word-wrap:break-word;white-space:normal;}
.company-area .acco-box.qna:last-child {margin-bottom:-40rem;border-bottom:0;}
.company-area .acco-box.qna .dot {height:1rem;margin:24rem 0;background:url(../images/common/div_dot.png) repeat-x 0 50%;background-size:auto 1rem;}
.company-area .acco-box.qna .pf-list .dt {float:left;width:66rem;}
.company-area .acco-box.qna .pf-list .dd {overflow:hidden;}

/* 케이스 */
.case-list > .case ~ .case {margin-top:32rem;}
.case-list > .case ~ .case::before {content: '';display:block;width:100%;height:1rem;background:url(../../pc/images/common/div_dot.png) repeat-x center / auto 100%;}