@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:12px 0; gap:12px;}
.comnTopBnr .inner .ico {width:38px; height:34px;}
.comnTopBnr .inner .txt {color:#FFF; font-size:20px; font-weight:600; line-height:1.2;}
.comnTopBnr .inner .txt span {color:#FFF78B;}

#wrap.renew {background:#F8F8F8;}
#wrap.renew * {font-family:'Pretendard Variable';}
#wrap.renew .comnBtmWrap {position:relative;}
#wrap.renew .comnHeader .inner nav ul li > a {font-weight:600;}
#wrap.renew .mContents {width:100%; max-width:1280px; margin:0 auto;}
#wrap.renew .mHeadPr {background:#EEFAE9; border-radius:20px; padding:60px 110px 40px;}
#wrap.renew .mHeadPr .mcInner {width:100%; max-width:100%; align-items:stretch; gap:60px;}
#wrap.renew .mHeadPr .mcInner .txtSec {flex:1 0 auto; padding-top:20px;}
#wrap.renew .mHeadPr .mcInner .txtSec .expTxt {display:inline-block; color:#333; font-size:22px; font-weight:600; background:#AAF290; padding:4px 14px; border-radius:100px; margin-bottom:24px; position:relative;}
#wrap.renew .mHeadPr .mcInner .txtSec .expTxt:after {content:''; position:absolute; left:23px; bottom:-7px; width:8px; height:9px; background:url(../img/2025/tail_exp.svg) no-repeat 50% 50%; background-size:100%;}
#wrap.renew .mHeadPr .mcInner .txtSec .perObject {position:absolute; right:0; bottom:55px;}
#wrap.renew .mHeadPr .mcInner .txtSec .subTxt {color:#333; font-size:20px; font-weight:600; margin-bottom:4px;}
#wrap.renew .mHeadPr .mcInner .txtSec .headTxt {color:#333; font-size:38px; font-weight:700; line-height:1.4;}
#wrap.renew .mHeadPr .mcInner .txtSec .headTxt em {display:block; color:#058B3A;}
#wrap.renew .mHeadPr .mcInner .txtSec .headTxt i {font-size:18px;}
#wrap.renew .mHeadPr .mcInner .txtSec .speTxt {color:#727272; font-size:24px; font-weight:400; line-height:1.4;}
#wrap.renew .mHeadPr .mcInner .headForm {width:468px; position:relative; flex:0 0 auto;}
#wrap.renew .mHeadPr .mcInner .headForm .formSec {position:relative; width:100%; padding:0px 40px 40px; border-radius:20px; background:#FFF; box-shadow: 4px 4px 7.1px 0px rgba(227, 242, 227, 0.86);}
#wrap.renew .mHeadPr .mcInner .headForm .formSec .insureForm {padding:0; background:transparent; border-radius:0; box-shadow:none;}
#wrap.renew .mHeadPr .mcInner .headForm .formSec .formTitle {display:flex; justify-content:center; align-items:center; gap:8px; color:#333; font-size:24px; font-weight:600; padding:28px 0;}
#wrap.renew .mHeadPr .mcInner .headForm .formSec .formTitle:after {content:''; width:19px; height:23px; background:url(../img/2025/comn_ico_cal.svg) no-repeat 50% 50%; background-size:100%;}
#wrap.renew .mHeadPr .mcInner .headForm .raTxt {margin-top:14px; font-size:14px; line-height:1.4; font-weight:500;}

#wrap.renew .formSec .insureForm .formBox .formBlock.name {padding-right:166px;}
#wrap.renew .formSec .insureForm .formBox .formBlock input[type="text"], .formSec .insureForm .formBox .formBlock input[type="number"] {height:60px;}
#wrap.renew .formSec .insureForm .formBox .formBlock .gender {width:160px;}
#wrap.renew .formSec .insureForm .formBox .formBlock .gender label {width:80px; height:60px; line-height:59px;}
#wrap.renew .formSec .insureForm .formBox .formBlock .gender input[type="radio"]:checked + label {background:#04983F; border:1px solid #04983F;}
#wrap.renew .formSec .insureForm .formBtns .btn {padding:20px 0; font-size:22px;}
#wrap.renew .formSec .insureForm .formBtns .btn.payment {background:#04983F;}
#wrap.renew .formSec .insureForm .formBtns .btn.consulting {background:#FF6F27;}

#wrap.renew .cont.recommend {background:#f8f8f8; padding:80px 0; margin:0;}
#wrap.renew .cont .contTitle {font-weight:800; font-size:38px; margin-bottom:40px;}
#wrap.renew .cont.recommend .contTitle em {font-family:'Pretendard Variable'; font-weight:800;}
#wrap.renew .cont.recommend .recommendPrd .perPrd .prdTitle {font-family:'Pretendard Variable'; font-size:24px; font-weight:600;}
#wrap.renew .cont.recommend .recommendPrd .perPrd .desc {font-size:20px; font-weight:600;}
#wrap.renew .cont.recommend .recommendPrd .perPrd .goView {font-weight:600; position:relative; padding:12px 22px;}
#wrap.renew .cont.recommend .recommendPrd .perPrd .goView em {margin-bottom:2px;}
#wrap.renew .conTabSec {background:#f8f8f8; padding:80px 0 0;}
#wrap.renew #tabContainer #tab li a {font-size:24px; font-weight:600;}
#wrap.renew .myInsureCal .micInner .micTitle {font-weight:600; margin-bottom:40px;}
#wrap.renew .myInsureCal .formBox .formGroup input[type="text"], 
#wrap.renew .myInsureCal .formBox .formGroup input[type="number"] {height:60px; line-height:58px;}
#wrap.renew .myInsureCal .formBox .formGroup.gender label {height:60px; line-height:58px;}
#wrap.renew .myInsureCal .formBox .formGroup.gender input[type="radio"]:checked + label {background:#1FC578; border:1px solid #1FC578;}
#wrap.renew .myInsureCal .btns .btn {font-size:22px; font-weight:500; padding:17px 0;}
#wrap.renew .myInsureCal .btns .btn.btn1 {background:#1FC578;}
#wrap.renew .myInsureCal .btns .btn.btn2 {background:#FF6F27;}
#wrap.renew .floatCalForm #chatbot .txt a {color:#FF6F27;}
#wrap.renew .floatCalForm #frm3 .btns {background:#FF6F27;}
#wrap.renew #chatbotBanner a {padding-bottom:10px;}
#wrap.renew .floatCalForm #frm3 .btns .btn div {margin-top:0;}
#wrap.renew .floatCalForm #chatbot {width:380px;}

#wrap.renew .footer .inner .corpInfo p {font-size:16px;}
#wrap.renew .myInsureCal {padding:80px 0; background:#f8f8f8;}

#wrap.renew .midBnrSec {position:relative; margin:10px 0;}
#wrap.renew .midBnrSec .rBnr {position:relative; border-radius:20px; padding:36px 0; display:flex; justify-content:center; align-items:center;}
#wrap.renew .midBnrSec .rBnr.ty01 {background:#F9EBDE;}
#wrap.renew .midBnrSec .rBnr.ty02 {background:#DEF1F9;}
#wrap.renew .midBnrSec .rBnr .bnrCont {display:flex; justify-content:space-between; align-items:center; width:100%; max-width:730px;}
#wrap.renew .midBnrSec .rBnr .txtSec {position:relative;}
#wrap.renew .midBnrSec .rBnr .txtSec .title {color:#333; font-size:24px; font-weight:600; line-height:1.3;}
#wrap.renew .midBnrSec .rBnr .txtSec .title span {display:inline-block; color:#727272; font-size:24px; font-weight:400;}
#wrap.renew .midBnrSec .rBnr .txtSec .cauTxt {color:#727272; font-size:14px; margin-top:6px;}
#wrap.renew .midBnrSec .rBnr .obj {width:104px;}
#wrap.renew .midBnrSec .pa-pagination {position:absolute; left:unset; bottom:unset; right:240px; top:24px; border-radius: 18px; background: rgba(255, 255, 255, 0.60); background-blend-mode: overlay; padding:0 8px; color:#939598; font-size:14px; font-weight:500; z-index:10; width:auto; height:auto;}
#wrap.renew .midBnrSec .pa-pagination .swiper-pagination-current {color:#099B57; font-size:14px; font-weight:500;}
#wrap.renew .midBnrSec .pa-pagination .swiper-pagination-total {color:#939598; font-size:14px; font-weight:500;}

#wrap.renew .prdRecommend {background:#FFF; padding:120px 0 80px;}
#wrap.renew .prdRecommend .prdInner {width:100%; max-width:1280px; margin:0 auto; display:flex; justify-content:space-between; align-items:flex-start; padding:0 110px;}
#wrap.renew .prdRecommend .prdInner .txtSec {color:#333; font-size:32px; font-weight:700; line-height:1.4;}
#wrap.renew .prdRecommend .prdInner .prdList {display:flex; justify-content:flex-start; align-items:stretch; gap:8px; flex-wrap:wrap; width:658px;}
#wrap.renew .prdRecommend .prdInner .prdList .perPrd {width:calc(50% - 4px); background:#F9F9F9; border:1px solid #E9E9E9; border-radius:20px; padding:40px; display:flex; justify-content:space-between; align-items:flex-start; flex-direction:column;}
#wrap.renew .prdRecommend .prdInner .prdList .perPrd .txtSec {position:relative; margin-bottom:20px;}
#wrap.renew .prdRecommend .prdInner .prdList .perPrd .txtSec .title {color:#333; font-size:28px; font-weight:600; line-height:1.0;}
#wrap.renew .prdRecommend .prdInner .prdList .perPrd .txtSec .desc {color:#333; font-size:20px; font-weight:400; line-height:1.4; margin:8px 0 34px; height:84px;}
#wrap.renew .prdRecommend .prdInner .prdList .perPrd .btnSec {position:relative; display:flex; justify-content:flex-start; align-items:flex-end; gap:20px; flex-direction:column; width:100%;}
#wrap.renew .prdRecommend .prdInner .prdList .perPrd .btnSec .ico {display:block; width:125px; height:117px;}
#wrap.renew .prdRecommend .prdInner .prdList .perPrd .btnSec a.goPrd {display:flex; justify-content:center; align-items:center; gap:4px; position:relative; color:#FFF; font-size:20px; font-weight:600; padding:15px 0; border-radius:100px; background:#FF6F27; width:100%;}
#wrap.renew .prdRecommend .prdInner .prdList .perPrd .btnSec a.goPrd:after {content:''; width:16px; height:16px; background:url(../img/2025/rc_btn_tail.svg) no-repeat 50% 50%; background-size:100%;}

.perPrd.dbhappyplus .btnSec .ico {background:url(../img/2025/rcico_dbhappyplus.png) no-repeat 50% 50%; background-size:100%;}
.perPrd.mental .btnSec .ico {background:url(../img/2025/rcico_mental.png) no-repeat 50% 50%; background-size:100%;}
.perPrd.young .btnSec .ico {background:url(../img/2025/rcico_young.png) no-repeat 50% 50%; background-size:100%;}
.perPrd.driver .btnSec .ico {background:url(../img/2025/rcico_driver.png) no-repeat 50% 50%; background-size:100%;}

/* driver */
#wrap.driver .conHead {position:relative; margin:10px 0; text-align:center; padding:25px 0; background:#E5EBE7; border-radius:20px;}
#wrap.driver .conHead .subDesc {color:#464646; font-size:22px; font-weight:600; line-height:1.3;}
#wrap.driver .conHead .headTxt {display:flex; justify-content:center; align-items:center; gap:4px; color:#333; font-size:28px; font-weight:600; line-height:1.3;}
#wrap.driver .conHead .headTxt span {color:#087C2E;}
#wrap.driver .conHead .headTxt:before {content:''; width:27px; height:27px; background:url(../img/2025/driver_ico_protect.svg) no-repeat 50% 50%; background-size:100%;}
#wrap.driver .conHead .headTxt .speTxt {color:#727272; font-size:20px; font-weight:400;}

#wrap.driver .inConWrap {display:flex; justify-content:flex-start; align-items:flex-start; gap:120px; flex-direction:column; padding:80px 110px; background:#FFF; border-radius:20px;}
#wrap.driver .perConBox {display:flex; justify-content:flex-start; align-items:flex-start; width:100%; position:relative;}
#wrap.driver .perConBox .itemSec {width:385px; flex:0 0 auto;}
#wrap.driver .perConBox .itemSec .icoTxt {display:inline-block; padding:3px 12px; border-radius:4px; text-align:center; color:#FFF; font-size:24px; font-weight:600; background:#12A041;}
#wrap.driver .perConBox .itemSec .txt {color:#333; font-size:32px; font-weight:500; line-height:1.4; margin:4px 0;}
#wrap.driver .perConBox .itemSec .txt strong {font-weight:700;}
#wrap.driver .perConBox .itemSec .txt span {color:#087C2E;}
#wrap.driver .perConBox .itemSec .txt em {color:#727272; font-size:24px; font-weight:500;}
#wrap.driver .perConBox .itemSec .speTxt {color:#727272; font-size:24px; font-weight:400;}
#wrap.driver .perConBox .itemSec .inImg {margin:50px auto 0; width:230px;}
#wrap.driver .perConBox .ipConSec {width:675px;}
#wrap.driver .perConBox .ipConSec .titleSec {position:relative; margin-bottom:40px;}
#wrap.driver .perConBox .ipConSec .pcTitle {color:#333; font-size:24px; font-weight:600; line-height:1.4;}
#wrap.driver .perConBox .ipConSec .pcTitle span {color:#087C2E;}
#wrap.driver .perConBox .ipConSec .raTxt {color:#7C7C7C; font-size:14px; font-weight:400; line-height:1.4; margin-top:8px; text-align:left;}
#wrap.driver .perConBox .ipConSec ul {display:flex; justify-content:flex-start; align-items:flex-start; gap:10px; flex-direction:column; margin-top:14px; width:405px;}
#wrap.driver .perConBox .ipConSec ul li {display:block; padding:20px; background:#F5F5F5; border-radius:10px; width:100%;}
#wrap.driver .perConBox .ipConSec ul li .title {color:#333; font-size:20px; font-weight:600; line-height:1.4;}
#wrap.driver .perConBox .ipConSec ul li .smTxt {color:#7C7C7C; font-size:14px; font-weight:400; line-height:1.4; margin-top:2px;}
#wrap.driver .icoTxtBox {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:40px;}
#wrap.driver .icoTxtBox .perIcoTxt {display:flex; justify-content:flex-start; align-items:center;}
#wrap.driver .icoTxtBox .perIcoTxt .ico {width:168px; text-align:center;}
#wrap.driver .icoTxtBox .perIcoTxt .ico img {width:110px;}
#wrap.driver .icoTxtBox .perIcoTxt .infoBox {position:relative;}
#wrap.driver .icoTxtBox .perIcoTxt .infoBox .title {color:#333; font-size:24px; font-weight:600;}
#wrap.driver .icoTxtBox .perIcoTxt .infoBox .desc {color:#333; font-size:20px; font-weight:600; line-height:1.4; margin-top:10px;}
#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(25% - 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:20px; font-weight:600; line-height:1.2; margin-bottom:3px;}
#wrap.driver .icoTxtBoxTy01 .perTy01 .desc {color:#333; font-size:14px; font-weight:400; line-height:1.4;}
#wrap.driver .perConBox.driver01 {gap:168px;}
#wrap.driver .perConBox.driver02 {gap:0px;}

/* cancer */
#wrap.cancer .mHeadPr {height:auto;}
#wrap.cancer .mHeadPr .mcInner {gap:0;}
#wrap.cancer .mHeadPr .mcInner .txtSec {padding-top:0;}
#wrap.cancer .mHeadPr .mcInner .txtSec .perObject {width:401px; height:234px; right:0;}

#wrap.cancer .inConWrap {position:relative; background:#FFF; border-radius:20px; padding:80px 110px; display:flex; justify-content:flex-start; align-items:flex-start; gap:120px; flex-direction:column;}
#wrap.cancer .perConBox {display:flex; justify-content:space-between; align-items:stretch; width:100%;}
#wrap.cancer .perConBox .txtSec {position:relative;}
#wrap.cancer .perConBox .txtSec .title {color:#333; font-size:32px; font-weight:700; line-height:1.4;}
#wrap.cancer .perConBox .txtSec .title .speTxt {display:block; color:#727272; font-size:24px; font-weight:400;}
#wrap.cancer .perConBox .txtSec .desc {margin-top:20px; color:#333; font-size:20px; line-height:1.4; font-weight:400;}
#wrap.cancer .perConBox .icoSec {position:relative; width:348px; display:flex; justify-content:flex-start; align-items:stretch; gap:8px; flex-wrap:wrap;}
#wrap.cancer .perConBox .icoSec .perIco {width:calc(50% - 4px); background:#F4F4F4; border-radius:20px; padding:24px 0; display:flex; justify-content:center; align-items:center; gap:10px; flex-direction:column;}
#wrap.cancer .perConBox .icoSec .perIco .ico {display:block; position:relative; width:70px; flex:0 0 auto;}
#wrap.cancer .perConBox .icoSec .perIco .ico em {position:absolute; left:50%; top:-8px; transform:translate(-50%, 0); width:44px;}
#wrap.cancer .perConBox .icoSec .perIco .txt {text-align:center; color:#333; font-size:20px; font-weight:600;}
#wrap.cancer .perConBox .icoSec .perIco .txt .speTxt {color:#333; font-size:14px; font-weight:400;}
#wrap.cancer .perConBox .icoSec.ty01 .perIco {width:100%; flex-direction:row; justify-content:flex-start; padding:20px 0 20px 24px; gap:14px;}
#wrap.cancer .perConBox .icoSec.ty01 .perIco .txt {text-align:left;}
#wrap.cancer .perConBox .icoSec.ty01 .perIco .txt .cauTxt {position:relative; color:#333; font-size:14px; font-weight:400; line-height:1.4; display:flex; justify-content:flex-start; align-items:flex-start; gap:3px; margin-top:4px;}
#wrap.cancer .perConBox .icoSec.ty01 .perIco .txt .cauTxt:before {content:'*';}

#wrap.cancer .vChatSec {position:relative; background:#EDEDED; border-radius:20px; padding:80px 110px; display:flex; justify-content:space-between; align-items:center; margin-top:10px;}
#wrap.cancer .vChatSec .txtSec {color:#333; font-size:38px; font-weight:700; line-height:1.4;}
#wrap.cancer .vChatSec .vChatBox {position:relative; padding:60px 40px; border-radius: 20px; background: rgba(255, 255, 255, 0.50); box-shadow: 4px 4px 10px 0 rgba(130, 130, 130, 0.10);
	display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:30px; width:658px;
}
#wrap.cancer .vChatSec .vChatBox .dialogueBox {width:100%;}
#wrap.cancer .vChatSec .vChatBox .dialogue {position:relative; display:flex; justify-content:flex-start; align-items:flex-start; gap:10px; width:100%;}
#wrap.cancer .vChatSec .vChatBox .dialogue .ico {display:block; width:38px; flex:0 0 auto;}
#wrap.cancer .vChatSec .vChatBox .dialogue .txt {position:relative;}
#wrap.cancer .vChatSec .vChatBox .dialogue .txt .inTxt {color:#333; font-size:20px; font-weight:500; padding:14px; background:#FFF; border-radius:0 10px 10px 10px; margin-top:15px;}
#wrap.cancer .vChatSec .vChatBox .dialogue .txt .inTxt span {box-shadow: inset 0 -10px 0px #D6F7E0; padding-bottom:2px;}
#wrap.cancer .vChatSec .vChatBox .dialogue .txt .inTxt strong {font-weight:700; font-size:24px;}
#wrap.cancer .vChatSec .vChatBox .dialogue:nth-child(even) {flex-direction:row-reverse;}
#wrap.cancer .vChatSec .vChatBox .dialogue:nth-child(even) .txt .inTxt {border:1px solid #49AD6A; border-radius:10px 0 10px 10px;}