@charset "utf-8";

/* layout */
body {letter-spacing:-0.5px;}
.comnTopBnr {position:relative; background:#5DAA74;}
.comnTopBnr .inner {display:flex; justify-content:center; align-items:center; width:100%; max-width:1280px; margin:0 auto; padding:6px 0; gap:12px;}
.comnTopBnr .inner .ico {width:32px; height:28px;}
.comnTopBnr .inner .txt {color:#FFF; font-size:12px; font-weight:600; line-height:1.2;}
.comnTopBnr .inner .txt span {display:block; color:#FFF78B;}

#wrap.renew {background:#F8F8F8;}
#wrap.renew * {font-family:'Pretendard Variable';}

#wrap.renew .btnTel {display:none;}
#wrap.renew .gloHeader {padding:0 20px; border-bottom:1px solid #E4E4E4;}
#wrap.renew .gloHeader h1 {background:none; width:90px; height:25px; background:url(../img/2025/logo.svg) no-repeat 50% 50%; background-size:100%;}
#wrap.renew .gloHeader h1 a {display:block; width:100%; height:100%;}
#wrap.renew .gloHeader .menu {position:absolute; right:4px; top:0; width:48px; height:48px; background:url(../img/2025/mo_menu.svg) no-repeat 50% 50%; background-size:16px 14px;}
#wrap.renew .sideMenu {left:unset; right:-100%;}
#wrap.renew .sideMenu.on {left:unset; right:0;}

#wrap.renew .comnHeadCon {position:relative; padding:20px 20px 30px; background:#F8F8F8;}
#wrap.renew .comnHeadCon .raTxt {margin-top:10px;}
#wrap.renew .mHeadPr {padding:24px 20px; background:#EEFAE9; border-radius:20px;}
#wrap.renew .mHeadPr .inner {position:relative; display:flex; justify-content:flex-start; align-items:flex-start; gap:5px; flex-direction:column; padding-bottom:30px;}
#wrap.renew .mHeadPr .inner .subTxt {color:#333; font-size:16px; font-weight:600; line-height:1.2;}
#wrap.renew .mHeadPr .inner .headTxt {color:#333; font-size:26px; font-weight:700; line-height:1.3;}
#wrap.renew .mHeadPr .inner .speTxt {color:#7C7C7C; font-size:16px; font-weight:400; line-height:1.3;}
#wrap.renew .mHeadPr .inner .prdCode {color:#7C7C7C; font-size:12px; font-weight:400; line-height:1.2;}
#wrap.renew .mHeadPr .inner .perObject {position:absolute; right:18px; bottom:5px; width:87px; height:73px;}
#wrap.renew .mHeadPr .kakaoRegiBtn {margin-bottom: 0;}
#wrap.renew .mHeadPr .kakaoRegiBtn a {box-shadow: 0px 2px 6.3px 0px #D4D6B6; gap:12px; font-size:16px; color:#000;}

#wrap.renew .insureForm {background:#FFF; padding:24px 20px; border-radius:20px; margin:10px 0 0;}
#wrap.renew .insureForm .title {margin:0 0 8px; position:relative; text-align:center;}
#wrap.renew .insureForm .title:after {content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:100%; height:1px; background:#CACACA;}
#wrap.renew .insureForm .title span {position:relative; display:inline-block; color:#4D4D4D; font-size:18px; font-weight:600; line-height:1.4; background:#FFF; padding:0 20px; z-index:1;}
#wrap.renew .insureForm .formBox {padding-bottom:6px;}
#wrap.renew .insureForm .formBox .formBlock {margin-bottom:5px;}
#wrap.renew .insureForm .formBox .formBlock input[type="text"], #wrap.renew .insureForm .formBox .formBlock input[type="number"] {height:48px; line-height:46px;}
#wrap.renew .insureForm .formBox .formBlock .gender {width:96px;}
#wrap.renew .insureForm .formBox .formBlock .gender label {width:48px; height:48px; line-height:46px;}
#wrap.renew .insureForm .formBox .formBlock.name {padding-right:101px;}
#wrap.renew .insureForm .formBox .formBlock.tel {position:relative;}
#wrap.renew .insureForm .formBox .formBlock.tel:after {content:''; position:absolute; left:31.5%; top:50%; transform:translate(0, -50%); width:8px; height:2px; background:#A2A2A2;}
#wrap.renew .insureForm .formBox .formBlock.tel:before {content:''; position:absolute; right:31.5%; top:50%; transform:translate(0, -50%); width:8px; height:2px; background:#A2A2A2;}
#wrap.renew .insureForm .formBtns.con {flex-direction:column; gap:6px;}
#wrap.renew .insureForm .formBtns.con a.btn {width:100%; font-size:18px; padding:12px 0;}
#wrap.renew .insureForm .formBtns .btn.payment {background:#1FC578;}
#wrap.renew .insureForm .formBtns .btn.consulting {background:#FF6F27;}
#wrap.renew .insureForm .formBtns .btn.payment:before, 
#wrap.renew .insureForm .formBtns .btn.consulting:before {display:none;}

#wrap.renew .cont.recommend {background:#f8f8f8; padding:40px 20px;}
#wrap.renew .cont.recommend .contTitle {font-weight:700;}
#wrap.renew .cont.recommend .contTitle em {font-family:'Pretendard Variable'; font-weight:700;}
#wrap.renew .cont.recommend .recommendPrd .perPrd .prdTitle {font-family:'Pretendard Variable'; font-weight:600;}
#wrap.renew .cont.recommend .recommendPrd .perPrd .ico img {height:64px;}
#wrap.renew .cont.recommend .recommendPrd .perPrd .goView {font-weight:600;}

.toastPop .formBtns .btn.payment {background:#1FC578;}
.toastPop .formBtns .btn.consulting {background:#FF6F27;}
.toastPop .formBtns .btn.payment:before,
.toastPop .formBtns .btn.consulting:before {display:none;}

#wrap.driver .conHead {position:relative; padding:40px 20px; background:#EDEDED;}
#wrap.driver .conHead .inner {background:rgba(255, 255, 255, 0.5); box-shadow: 4px 4px 10px 0px rgba(130, 130, 130, 0.10); border-radius:20px; padding:30px;}
#wrap.driver .conHead .inner .title {color:#333; font-size:26px; font-weight:700; line-height:1.3; margin-bottom:10px; text-align:center;}
#wrap.driver .conHead .inner .vChatSec {display:flex; justify-content:flex-start; align-items:flex-start; gap:0; flex-direction:column; padding:0;}
#wrap.driver .conHead .inner .vChatSec .vChatBox {display:flex; justify-content:flex-start; align-items:flex-start; gap:10px; width:100%;}
#wrap.driver .conHead .inner .vChatSec .vChatBox .ico {width:38px; height:38px; flex:0 0 auto;}
#wrap.driver .conHead .inner .vChatSec .vChatBox .vQuest {margin-top:15px; width:calc(100% - 96px); background:#FFF; border-radius:0 10px 10px 10px; padding:14px; color:#333; font-size:16px; font-weight:500; line-height:1.3;}
#wrap.driver .conHead .inner .vChatSec .vChatBox.reverse {flex-direction:row-reverse;}
#wrap.driver .conHead .inner .vChatSec .vChatBox .vAns {margin-top:15px; width:calc(100% - 0px); background:#FFF; border:1px solid #49AD6A; border-radius:10px 0 10px 10px; padding:14px; color:#333; font-size:16px; font-weight:500; line-height:1.3;}
#wrap.driver .conHead .inner .vChatSec .vChatBox .vAns span {box-shadow: inset 0 -10px 0 #D6F7E0; font-weight:600;}

#wrap.driver .perConBox {position:relative; padding:40px 20px;}
#wrap.driver .perConBox .itemSec {position:relative; margin-bottom:12px; z-index:1; padding:0 20px;}
#wrap.driver .perConBox .itemSec .icoTxt {display:inline-block; padding:3px 8px; border-radius:4px; text-align:center; color:#FFF; font-size:14px; font-weight:600; background:#12A041;}
#wrap.driver .perConBox .itemSec .txt {color:#333; font-size:26px; font-weight:500; line-height:1.3; margin:6px 0 0;}
#wrap.driver .perConBox .itemSec .txt strong {font-weight:700;}
#wrap.driver .perConBox .itemSec .txt span {color:#087C2E;}
#wrap.driver .perConBox .itemSec .inImg {position:absolute; right:20px; bottom:-34px; width:92px; z-index:1;}
#wrap.driver .perConBox .nRoundTxt {position:relative; background:#EFFAF3; border-radius:20px; padding:30px 20px; margin-bottom:12px;}
#wrap.driver .perConBox .nRoundTxt.flex {display:flex; justify-content:flex-start; align-items:flex-start; gap:6px; flex-direction:column;}
#wrap.driver .perConBox .nRoundTxt:last-child {margin-bottom:0;}
#wrap.driver .perConBox .nRoundTxt .subDesc {color:#333; font-size:16px; font-weight:500; line-height:1.2;}
#wrap.driver .perConBox .nRoundTxt .title {color:#333; font-size:20px; font-weight:600; line-height:1.4;}
#wrap.driver .perConBox .nRoundTxt .raTxt {color:#7C7C7C; font-size:12px; font-weight:400; line-height:1.4; margin:0; text-align:left;}
#wrap.driver .perConBox .nRoundTxt ul {display:flex; justify-content:flex-start; align-items:flex-start; gap:10px; flex-direction:column; margin-top:12px;}
#wrap.driver .perConBox .nRoundTxt ul li {display:block; padding:18px 20px; background:#FFF; border-radius:10px; width:100%;}
#wrap.driver .perConBox .nRoundTxt ul li .title {color:#333; font-size:16px; font-weight:600; line-height:1.4;}
#wrap.driver .perConBox .nRoundTxt ul li .smTxt {color:#7C7C7C; font-size:12px; font-weight:400; line-height:1.4; margin-top:2px;}

#wrap.driver .perConBox.driver01 {background:#FFF;}
#wrap.driver .perConBox.driver02 {background:#F4F4F4;}
#wrap.driver .perConBox.driver03 {background:#FFF;}

#wrap.driver .icoTxtBox {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:40px; border-radius:20px; background:#FFF; padding:28px 20px 36px;}
#wrap.driver .icoTxtBox .perIcoTxt {display:flex; justify-content:flex-start; align-items:center; position:relative; gap:10px; width:100%;}
#wrap.driver .icoTxtBox .perIcoTxt:after {content:''; position:absolute; left:0; bottom:-20px; width:100%; height:1px; background:#E4E4E4;}
#wrap.driver .icoTxtBox .perIcoTxt:last-child:after {display:none;}
#wrap.driver .icoTxtBox .perIcoTxt .ico {width:80px; text-align:center; padding:0 10px 0; flex:0 0 auto;}
#wrap.driver .icoTxtBox .perIcoTxt .ico img {width:100%; margin-bottom:6px;}
#wrap.driver .icoTxtBox .perIcoTxt .ico .title {color:#333; font-size:12px; font-weight:600; line-height:1.2;}
#wrap.driver .icoTxtBox .perIcoTxt .infoBox {position:relative; width:calc(100% - 80px);}
#wrap.driver .icoTxtBox .perIcoTxt .infoBox .desc {color:#333; font-size:16px; font-weight:600; line-height:1.4;}
#wrap.driver .icoTxtBox .perIcoTxt .infoBox .desc span {display:block; margin-bottom:4px;}
#wrap.driver .icoTxtBox .perIcoTxt .infoBox .desc .ty01 {color:#36B15F;}
#wrap.driver .icoTxtBox .perIcoTxt .infoBox .desc .ty02 {color:#FF6F27;}
#wrap.driver .icoTxtBox .perIcoTxt .infoBox .desc .ty03 {color:#4479B6;}

#wrap.driver .icoTxtBoxTy01 {display:flex; justify-content:flex-start; align-items:stretch; gap:8px; flex-wrap:wrap;}
#wrap.driver .icoTxtBoxTy01 .perTy01 {width:calc(50% - 6px); background:#F4F4F4; border-radius:10px; padding:20px 0; text-align:center;}
#wrap.driver .icoTxtBoxTy01 .perTy01 .ico {width:60px; height:60px; margin:0 auto 10px;}
#wrap.driver .icoTxtBoxTy01 .perTy01 .title {color:#333; font-size:16px; font-weight:600; line-height:1.2; margin-bottom:3px;}
#wrap.driver .icoTxtBoxTy01 .perTy01 .desc {color:#333; font-size:12px; font-weight:400; line-height:1.4;}