@charset "utf-8"; #periodCont, #oriCont, #expCont {display: none;} /*popPeriod*/ #popupPeriod{position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 100;} #popupPeriod .wrap{position: absolute; z-index: 2; width: 480px; height:463px; top: 50%; left: 50%; margin-top: -231px; margin-left: -240px;} #popupPeriod .close { width: 11%; height: 10%; position: absolute; top: 2.5%; right:1.7%; z-index: 2; cursor: pointer; } #popupPeriod .close a{font-size: 0px; position: absolute; width: 100%; height:100%; top:0; left:0;} #popupPeriod .bg { background-color: rgba(0, 0, 0, 0.6); position: absolute; left: 0; top: 0; width: 100%; height: 100%; } /* 231226 팝업 */ #popup231226{position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 100;} #popup231226 .wrap{position: absolute; z-index: 2; width: 480px; height:463px; top: 50%; left: 50%; margin-top: -231px; margin-left: -240px;} #popup231226 .close { width: 11%; height: 10%; position: absolute; top: 2.5%; right:1.7%; z-index: 2; cursor: pointer; } #popup231226 .close a{font-size: 0px; position: absolute; width: 100%; height:100%; top:0; left:0;} #popup231226 .bg { background-color: rgba(0, 0, 0, 0.6); position: absolute; left: 0; top: 0; width: 100%; height: 100%; } /* 231206 팝업 */ #popup231206{position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 100; display:none;} #popup231206 .wrap{position: absolute; z-index: 2; width: 480px; height:463px; top: 50%; left: 50%; margin-top: -231px; margin-left: -240px;} #popup231206 .close { width: 8%; height: 8%; position: absolute; top: 2.5%; right:1.7%; z-index: 2; cursor: pointer; } #popup231206 .close a{font-size: 0px; position: absolute; width: 100%; height:100%; top:0; left:0;} #popup231206 .bg { background-color: rgba(0, 0, 0, 0.6); position: absolute; left: 0; top: 0; width: 100%; height: 100%; } /* 240627 팝업 */ #popup240627{position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 100;} #popup240627 .wrap{position: absolute; z-index: 2; width: 480px; height:463px; top: 50%; left: 50%; margin-top: -231px; margin-left: -240px;} #popup240627 .close { width: 8%; height: 8%; position: absolute; top: 2.5%; right:1.7%; z-index: 2; cursor: pointer; } #popup240627 .close a{font-size: 0px; position: absolute; width: 100%; height:100%; top:0; left:0;} #popup240627 .bg { background-color: rgba(0, 0, 0, 0.6); position: absolute; left: 0; top: 0; width: 100%; height: 100%; } /* common */ #wrap .cont {position:relative; width:100%; max-width:800px; margin:0 auto; padding:140px 0 0 0;} #wrap .cont.sectionHead {max-width:100%; background:#228765; padding:98px 0 70px;} #wrap .cont.sectionHead .contTitle {color:#FFF; font-size:36px; font-weight:500; text-align:center; line-height:1.3;} #wrap .cont.sectionHead .contTitle em {font-family: 'GmarketSansBold';} #wrap .cont.sectionHead .raTxt {color:#FFF; font-size:18px; margin-top:40px; line-height:1.3;} #wrap .cont.last {padding-bottom:80px;} #wrap .cont .conInner {position:relative; width:100%; max-width:800px; margin:0 auto;} #wrap .cont .contTitle {color:#228765; font-size:36px; line-height:1.4; margin-bottom:30px;} #wrap .cont .contTitle em {font-family: 'GmarketSansBold';} #wrap .cont .contTitle i {font-size:18px; font-weight:300;} #wrap .cont .feaTitle {color:#000; font-size:23px; font-weight:400; line-height:1.4; margin-bottom:30px;} #wrap .cont .feaTitle i {color:#58595b; font-size:18px; font-weight:300;} #wrap .cont .roundTxt {padding:25px 35px; border:1px solid #939598; color:#000; font-size:23px; font-weight:500; line-height:1.4; margin-bottom:16px; border-radius:20px;} #wrap .cont .roundTxt:last-child {margin-bottom:0;} #wrap .cont .roundTxt em {display:inline-block; color:#58595b; font-size:18px;} #wrap .cont .roundTxt .title {color:#000; font-size:23px; font-weight:500; line-height:1.4;} #wrap .cont .roundTxt .desc {color:#58595b; font-size:18px; line-height:1.2; margin-top:6px;} #wrap .cont .roundTxt .thin {font-weight:300;} #wrap .cont .roundTxt i {display:inline-block; font-style:normal; color:#58595b; font-size:18px;} #wrap .cont .roundTxt.tyColor {border:1px solid #00aba0; padding:25px 0;} #wrap .cont .roundTxt.tyColor .title {padding:0 20px; color:#000; font-size:18px; font-weight:500; line-height:1.2;} #wrap .cont .roundTxt.tyColor .raTxt {padding:0 20px; text-align:left; margin-top:8px;} #wrap .cont .roundTxt.tyColor .imgSec {margin-top:13px;} #wrap .cont .flexRoundTxt {display:flex; justify-content:flex-start; align-items:center; gap:10px; border:1px solid #939598; padding:18px 10px; margin-bottom:10px; border-radius:10px;} #wrap .cont .flexRoundTxt:last-child {margin-bottom:0;} #wrap .cont .flexRoundTxt .ico {width:51px; height:51px; flex:0 0 51px;} #wrap .cont .flexRoundTxt .frTxt {display:block;} #wrap .cont .flexRoundTxt .frTxt .title {color:#000; font-size:18px; font-weight:500; line-height:1.2;} #wrap .cont .flexRoundTxt .frTxt .title em {display:inline-block; color:#FFF; font-size:12px; padding:4px 5px 2px; border-radius:3px; background:#ff5927; margin-left:4px; vertical-align:2px;} #wrap .cont .flexRoundTxt .frTxt .desc {color:#58595b; font-size:13px; font-weight:500; line-height:1.2; margin-top:12px;} #wrap .cont .vChatSec {position:relative; padding:40px 70px; background:#f6f9f7; border:1px solid #228765; border-radius:10px;} #wrap .cont .vChatSec:after {content:''; clear:both; display:block; height:auto; overflow:hidden;} #wrap .cont .vChatSec .chatBox {width:72%; padding:23px; position:relative; border:1px solid #228765; border-radius:10px; margin-bottom:10px; float:left; display:block;} #wrap .cont .vChatSec .chatBox:last-child {margin-bottom:0;} #wrap .cont .vChatSec .chatBox .inChat {display:flex; justify-content:flex-start; align-items:flex-start; width:100%; color:#000; font-size:23px; font-weight:500; line-height:1.4; gap:15px;} #wrap .cont .vChatSec .chatBox .inChat .item {width:28px; flex:0 0 28px;} #wrap .cont .vChatSec .chatBox .inChat .ipCon {width:calc(100% - 43px);} #wrap .cont .vChatSec .chatBox .inChat em {font-family: 'GmarketSansBold';} #wrap .cont .vChatSec .chatBox.question {background:#FFF;} #wrap .cont .vChatSec .chatBox.question:after {content:''; position:absolute; left:15px; bottom:-11px; width:14px; height:12px; background:url(../img/comn_tail_q.png) no-repeat 50% 50%; background-size:100%;} #wrap .cont .vChatSec .chatBox.answer {background:#4c9c81; float:right; border:1px solid #4c9c81; margin-top:40px;} #wrap .cont .vChatSec .chatBox.answer:after {content:''; position:absolute; right:15px; bottom:-15px; width:20px; height:17px; background:url(../img/comn_tail_a.png) no-repeat 50% 50%; background-size:100%;} #wrap .cont .vChatSec .chatBox.answer .inChat {color:#FFF;} #wrap .cont.recommend {margin-top:80px; padding:140px 0 85px; max-width:100%; background:#f4f4f4;} #wrap .cont.recommend .conInner {width:100%; max-width:800px; margin:0 auto;} #wrap .cont.recommend .contTitle {text-align:center; color:#228765; font-size:36px; font-weight:500; line-height:1.4;} #wrap .cont.recommend .prdBnr {display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; gap:3%; width:500px; margin:0 auto;} #wrap .cont.recommend .prdBnr .perPrd {width:48.5%; text-align:center; border-radius:10px; padding:40px 0 27px; margin-bottom:16px;} #wrap .cont.recommend .prdBnr .perPrd a {display:block;} #wrap .cont.recommend .prdBnr .perPrd.total {background:#01a08a;} #wrap .cont.recommend .prdBnr .perPrd.driver {background:#228765;} #wrap .cont.recommend .prdBnr .perPrd.yrs100 {background:#ffa059;} #wrap .cont.recommend .prdBnr .perPrd.tooth {background:#0d5772;} #wrap .cont.recommend .prdBnr .perPrd.child {background:#666768;} #wrap .cont.recommend .prdBnr .perPrd.life {background:#f26a45;} #wrap .cont.recommend .prdBnr .perPrd.medic {background:#01a08a;} #wrap .cont.recommend .prdBnr .perPrd.rider {background:#f26a45;} #wrap .cont.recommend .prdBnr .perPrd.health {background:#ffa059;} #wrap .cont.recommend .prdBnr .perPrd.cancer {background:#0d5772;} #wrap .cont.recommend .prdBnr .perPrd.young {background:#ffa059;} #wrap .cont.recommend .prdBnr .perPrd .prdTitle {font-size:23px; font-weight:500; color:#FFF; line-height:1.0;} #wrap .cont.recommend .prdBnr .perPrd .ico {margin:26px 0;} #wrap .cont.recommend .prdBnr .perPrd .ico img {width:auto; height:104px;} #wrap .cont.recommend .prdBnr .perPrd .desc {font-size:18px; line-height:1.6; color:#FFF; height:86px; display:flex; justify-content:center; align-items:center; overflow:hidden;} #wrap .cont.recommend .prdBnr .perPrd .goView {font-size:16px; margin-top:20px; color:#FFF;} #wrap .cont.recommend .recommendPrd {display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; gap:20px; width:540px; margin:0 auto;} #wrap .cont.recommend .recommendPrd .perPrd {width:260px; text-align:center; border-radius:10px; padding:40px 0 38px; margin-bottom:16px;} #wrap .cont.recommend .recommendPrd .perPrd a {display:block;} #wrap .cont.recommend .recommendPrd .perPrd .prdTitle {font-size:23px; font-weight:500; color:#FFF; font-family:'GmarketSansBold'; line-height:1.0;} #wrap .cont.recommend .recommendPrd .perPrd .ico {margin:26px 0;} #wrap .cont.recommend .recommendPrd .perPrd .ico img {width:auto; height:104px;} #wrap .cont.recommend .recommendPrd .perPrd .desc {font-size:18px; line-height:1.6; color:#FFF; height:86px; display:flex; justify-content:center; align-items:center; flex-direction:column;} #wrap .cont.recommend .recommendPrd .perPrd .desc em {font-family:'GmarketSansBold';} #wrap .cont.recommend .recommendPrd .perPrd .goView {display:inline-flex; justify-content:center; align-items:center; gap:5px; background:#FFF; padding:12px 22px 10px; font-size:16px; margin-top:25px; border-radius:100px; line-height:1.0;} #wrap .cont.recommend .recommendPrd .perPrd:first-child .goView {color:#01a08a;} #wrap .cont.recommend .recommendPrd .perPrd:nth-child(2) .goView {color:#228765;} #wrap .cont.recommend .recommendPrd .perPrd:nth-child(3) .goView {color:#f26a45;} #wrap .cont.recommend .recommendPrd .perPrd:nth-child(4) .goView {color:#ffa059;} #wrap .cont.recommend .recommendPrd.two .perPrd .goView {padding:12px 22px 10px;} #wrap .cont.recommend .recommendPrd.two .perPrd:first-child {background:#01a08a;} #wrap .cont.recommend .recommendPrd.two .perPrd:first-child .goView {color:#01a08a;} #wrap .cont.recommend .recommendPrd.two .perPrd:first-child .goView:after {content:''; width:8px; height:12px; margin-bottom:3px; background:url(../img/cico_tail_green.png) no-repeat 50% 50%; background-size:100%;} #wrap .cont.recommend .recommendPrd.two .perPrd:nth-child(2) {background:#ffa059;} #wrap .cont.recommend .recommendPrd.two .perPrd:nth-child(2) .goView {color:#ffa059;} #wrap .cont.recommend .recommendPrd.two .perPrd:nth-child(2) .goView:after {content:''; width:8px; height:12px; margin-bottom:3px; background:url(../img/cico_tail_orange.png) no-repeat 50% 50%; background-size:100%;} #wrap .conTabSec {position:relative; background:#f4f4f4; padding-bottom:140px;} #wrap .cont .onlyOne {display:inline-block; color:#FFF; font-size:16px; padding:4px 10px 0px; border-radius:4px; background:#ff5927; margin-left:6px; vertical-align:2px;} .cont .fourIco .perIco {width:calc(25% - 12px); border:1px solid #939598; border-radius:20px; padding:30px 10px 36px;} .cont .fourIco .perIco .ico {display:block; width:100px; margin:0 auto 20px;} .cont .fourIco .perIco .txt {text-align:center; color:#58595b; font-size:18px;} .cont .fourIco .perIco .txt em {display:block; color:#000; font-size:23px; font-weight:500; margin-bottom:5px; line-height:1.3;} /* hemilre */ .hemilre#wrap .gloHeader {position:sticky; left:0; top:0; width:100%; height:67px; background:#FFF; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); z-index:100;} .hemilre#wrap .gloHeader .inner {width:1200px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; height:100%; padding:0 94px;} .hemilre#wrap .gloHeader .inner .logo {display:block; width:111px;} .hemilre#wrap .gloHeader .inner .brand {display:block; width:66px; height:25px; background:url(../images/hemil_logo.png) no-repeat 50% 50%; background-size:100%;} .hemilre#wrap .gloHeader .inner .topTel a {display:inline-block; color:#333; font-size:30px; font-weight:700;} .hemilre#wrap .gloHeader .inner .topTel a em{margin-left:5px; color:#bb3355; font-size:32px; font-weight:700;} .hemilre#wrap .mCont {position:relative; width:1200px; margin:0 auto;} .hemilre#wrap .mCont .section {position:relative;} .hemilre#wrap .mCont .section .inner {padding:120px 0; width:640px; margin:0 auto;} /* .hemilre#wrap .mCont .section.cont01 {background: linear-gradient(to bottom, #594148 0%,#826068 100%);} */ .hemilre#wrap .mCont .section.cont01 {background:#fff7f7;} .hemilre#wrap .mCont .section.cont01 .inner {padding:80px 0 80px 0;} .hemilre#wrap .mCont .section.cont02 {background:#f1eeea;} .hemilre#wrap .mCont .section.cont03 {background:#dbc3be;} .hemilre#wrap .mCont .section.renew {background:#fff7f7;} .hemilre#wrap .mCont .section.renew .inner {padding:0 0 60px;} .hemilre#wrap .mCont .section.notiSec {background:#f6f6f6;} .hemilre#wrap .cont01 .introSec {position:relative;} .hemilre#wrap .cont01 .introSec .introTxt {display:block; width:306px;} .hemilre#wrap .cont01 .introSec .introDesc {color:#434343; font-size:39px; font-weight:600; line-height:1.4; margin:20px 0;} .hemilre#wrap .cont01 .introSec h1 {display:inline-block; background:#ffdfe7; padding:3px 8px; border-radius:6px;} .hemilre#wrap .cont01 .introSec h1 span {color:#bc4364; font-size:39px; font-weight:400;} .hemilre#wrap .cont01 .introSec h1 span strong {font-weight:700;} .hemilre#wrap .cont01 .introSec .prdName {color:#b77e8e; font-size:18px; font-weight:400; line-height:1.4; margin:15px 0; letter-spacing:0;} .hemilre#wrap .cont01 .introSec .tel {display:inline-block; margin-bottom:33px;} .hemilre#wrap .cont01 .introSec .tel a {display:flex; justify-content:flex-start; align-items:center; gap:10px; color:#FFF; font-size:30px; font-weight:600; position:relative; padding:10px 24px 10px 17px; background:#a1455e; border-radius:100px;} .hemilre#wrap .cont01 .introSec .tel a:before {content:''; display:inline-block; width:28px; height:28px; background:url(../images/hemil_phone.png) no-repeat 50% 50%; background-size:100%;} .hemilre#wrap .cont01 .introSec .imgSec {position:absolute; right:0; bottom:0;} .hemilre#wrap .cont01 .introSec .imgSec img {height:380px;} /* edit 240327 S */ .hemilre#wrap .insureBtns {background:#FFF; position:relative; border-radius:20px; padding:50px; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:10px; -webkit-box-shadow: 7px 5px 18px -4px rgba(185,145,155,0.4); -moz-box-shadow: 7px 5px 18px -4px rgba(185,145,155,0.4); box-shadow: 7px 5px 18px -4px rgba(185,145,155,0.4); } .hemilre#wrap .insureBtns a.iBtn {display:block; width:100%; color:#FFF; font-size:42px; font-weight:700; text-align:center; padding:25px 0; border-radius:10px;} .hemilre#wrap .insureBtns a.iBtn.chkCal {background:#8b2738;} .hemilre#wrap .insureBtns a.iBtn.telephone {background:#434343;} .hemilre#wrap .insureBtns a.iBtn.direct {background:#efecec; color:#8b2738; font-weight:600;} .dim {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:1000; display:none;} .hemilre#wrap .insureFormPop {background:#FFF; position:fixed; left:50%; top:50%; width:600px; transform:translate(-50%, -50%); border-radius:20px; z-index:1100; display:none;} .hemilre#wrap .insureFormPop .close { position: absolute; top: 25px; right: 25px; width: 41px; height: 0; padding-top: 41px; background:url("../images/btn_close_agree.png") 50% 50% no-repeat; overflow: hidden; z-index:10;} .hemilre#wrap .insureFormPop .formBox {padding:48px 48px 12px;} .hemilre#wrap .insureFormPop .formBox .formTitle {color:#333; font-size:28px; font-weight:700; margin-bottom:35px; text-align:center;} .hemilre#wrap .insureFormPop .formBox .guideTxt {color:#333; font-size:16px; font-weight:400; margin-bottom:40px;} .hemilre#wrap .insureFormPop input[type="text"], .hemilre#wrap .insureFormPop input[type="number"] {display:inline-block; width:100%; height:65px; border:0; border-radius:10px; background:#f4f4f4; text-align:center; font-size:20px; font-weight:400;} .hemilre#wrap .insureFormPop .formGroup {display:flex; justify-content:flex-start; align-items:center; width:100%; margin-bottom:20px;} .hemilre#wrap .insureFormPop .formGroup:last-child {margin-bottom:0;} .hemilre#wrap .insureFormPop .formGroup.name {gap:12px; align-items:stretch;} .hemilre#wrap .insureFormPop .formGroup.name input {width:calc(64% - 6px);} .hemilre#wrap .insureFormPop .formGroup .gender {width:calc(36% - 6px); position:relative;} .hemilre#wrap .insureFormPop .formGroup .gender:after {content:''; position:absolute; left:50%; top:0; transform:translate(-50%, 0); width:2px; height:100%; background:#FFF;} .hemilre#wrap .insureFormPop .formGroup .gender input[type="radio"] { display: none;} .hemilre#wrap .insureFormPop .formGroup .gender label {float:left; text-align:center; background:#f4f4f4;width:50%; height:100%; line-height:65px; color:#303030; font-size:20px; font-weight:600;} .hemilre#wrap .insureFormPop .formGroup .gender label.m{border-radius:10px 0 0 10px;} .hemilre#wrap .insureFormPop .formGroup .gender label.f{border-radius:0 10px 10px 0; border-left:0;} .hemilre#wrap .insureFormPop .formGroup .gender input[type="radio"]:checked + label {background-color:#434343;color: #fff;} .hemilre#wrap .insureFormPop .formGroup.tel {background:#f4f4f4; border-radius:10px; overflow:hidden;} .hemilre#wrap .insureFormPop .formGroup.tel input {border-radius:0; position:relative; background:transparent;} .hemilre#wrap .insureFormPop .formGroup.tel em {color:#919191; font-size:24px;} .hemilre#wrap .insureFormPop .btns {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:10px; padding:30px 48px 48px;} .hemilre#wrap .insureFormPop .btns a.btn {display:block; width:100%; max-width:330px; margin:0 auto; color:#FFF; font-size:28px; font-weight:600; text-align:center; padding:18px 0; border-radius:10px;} .hemilre#wrap .insureFormPop .btns a.btn.btn1 {background:#b98f5e;} .hemilre#wrap .insureFormPop .btns a.btn.btn2 {background:#434343;} /* edit 240327 E */ .hemilre#wrap .insureForm {background:#FFF; position:relative; border-radius:20px; -webkit-box-shadow: 7px 5px 18px -4px rgba(0,0,0,0.2); -moz-box-shadow: 7px 5px 18px -4px rgba(0,0,0,0.2); box-shadow: 7px 5px 18px -4px rgba(0,0,0,0.2); } .hemilre#wrap .insureForm .formBox {padding:50px 50px 12px;} .hemilre#wrap .insureForm input[type="text"], .hemilre#wrap .insureForm input[type="number"] {display:inline-block; width:100%; height:96px; border:0; border-radius:10px; background:#f4f4f4; text-align:center; font-size:32px; font-weight:400;} .hemilre#wrap .insureForm .formGroup {display:flex; justify-content:flex-start; align-items:center; width:100%; margin-bottom:12px;} .hemilre#wrap .insureForm .formGroup:last-child {margin-bottom:0;} .hemilre#wrap .insureForm .formGroup.name {gap:12px; align-items:stretch;} .hemilre#wrap .insureForm .formGroup.name input {width:calc(64% - 6px);} .hemilre#wrap .insureForm .formGroup .gender {width:calc(36% - 6px); position:relative;} .hemilre#wrap .insureForm .formGroup .gender:after {content:''; position:absolute; left:50%; top:0; transform:translate(-50%, 0); width:2px; height:100%; background:#FFF;} .hemilre#wrap .insureForm .formGroup .gender input[type="radio"] { display: none;} .hemilre#wrap .insureForm .formGroup .gender label {float:left; text-align:center; background:#f4f4f4;width:50%; height:100%; line-height:96px; color:#303030; font-size:32px; font-weight:600;} .hemilre#wrap .insureForm .formGroup .gender label.m{border-radius:6px 0 0 6px;} .hemilre#wrap .insureForm .formGroup .gender label.f{border-radius:0 6px 6px 0; border-left:0;} .hemilre#wrap .insureForm .formGroup .gender input[type="radio"]:checked + label {background-color:#bd9361;color: #fff;} .hemilre#wrap .insureForm .formGroup.tel {background:#f4f4f4; border-radius:10px; overflow:hidden;} .hemilre#wrap .insureForm .formGroup.tel input {border-radius:0; position:relative; background:transparent;} .hemilre#wrap .insureForm .formGroup.tel em {color:#666; font-size:30px;} .hemilre#wrap .insureForm .btns {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:10px; padding:0 50px 50px;} .hemilre#wrap .insureForm .btns a.btn {display:block; width:100%; color:#FFF; font-size:42px; font-weight:600; text-align:center; padding:30px 0; border-radius:10px; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3); } .hemilre#wrap .insureForm .btns a.btn.btn1 {background:#b98f5e;} .hemilre#wrap .insureForm .btns a.btn.btn2 {background:#434343;} .hemilre#wrap .cont02 .introSec {position:relative; padding-bottom:40px;} .hemilre#wrap .cont02 .introSec .introDesc {color:#3d2c2d; font-size:34px; font-weight:400; line-height:1.4;} .hemilre#wrap .cont02 .introSec h2 {color:#9b3434; font-size:48px; font-weight:700; line-height:1.4; margin:20px 0 0;} .hemilre#wrap .cont02 .introSec .imgSec {position:absolute; right:0; bottom:0;} .hemilre#wrap .cont02 .introSec .imgSec img {height:342px;} .hemilre#wrap .cont02 .perFea {display:block; border-radius:20px; border:2px solid #9b3434; background:#FFF; padding:24px 30px 24px 66px; margin-bottom:12px; position:relative;} .hemilre#wrap .cont02 .perFea:before {content:''; position:absolute; left:30px; top:35px; width:20px; height:20px; background:url(../images/hemil_ico_chk.png) no-repeat 50% 50%; background-size:100%;} .hemilre#wrap .cont02 .perFea .txt {color:#000; font-size:34px; font-weight:400; line-height:1.4;} .hemilre#wrap .cont02 .perFea .txt em {display:inline-block; font-weight:600; box-shadow: inset 0 -20px 0 #ffe1da;} .hemilre#wrap .cont02 .perFea .cau {color:#7c7c7c; font-size:24px; margin-top:10px;} .hemilre#wrap .cont02 .feaList {border-radius:20px; background:#FFF; padding:100px 68px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);} .hemilre#wrap .cont02 .feaList .inFea {padding-bottom:60px; margin-bottom:60px; border-bottom:1px dashed #bebebe;} .hemilre#wrap .cont02 .feaList .inFea:last-child {padding-bottom:0; margin-bottom:0; border:none;} .hemilre#wrap .cont02 .feaList .inFea .title {color:#692814; font-size:40px; font-weight:600; line-height:1.3; margin-bottom:20px;} .hemilre#wrap .cont02 .feaList .inFea li {display:block; color:#333; font-size:34px; line-height:1.3; margin-bottom:20px; position:relative; padding-left:24px;} .hemilre#wrap .cont02 .feaList .inFea li:after {content:''; position:absolute; left:0; top:19px; width:10px; height:3px; background:#333;} .hemilre#wrap .cont02 .feaList .inFea li:last-child {margin-bottom:0;} .hemilre#wrap .cont02 .feaList .inFea li em {color:#7c7c7c; font-size:24px;} .hemilre#wrap .mCont .section.cont03 .inner {width:510px;} .hemilre#wrap .cont03 .titleSec {text-align:center; margin-bottom:50px;} .hemilre#wrap .cont03 .titleSec .headCopy {display:inline-block; color:#FFF; font-size:34px; font-weight:400; background:#a65d67; padding:15px 30px; border-radius:50px; margin-bottom:38px;} .hemilre#wrap .cont03 .titleSec .title {color:#313131; font-size:48px; font-weight:700; line-height:1.3;} .hemilre#wrap .cont03 .caseBox {display:flex; justify-content:flex-start; align-items:center; gap:24px; padding:14px 28px; color:#313131; font-size:34px; font-weight:600; border-radius:20px; background:#FFF; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); margin-bottom:10px; } .hemilre#wrap .cont03 .caseBox:last-child {margin-bottom:0;} .hemilre#wrap .cont03 .caseBox .ico {display:block; width:71px;} .hemilre#wrap .notiSec .notiTab {display:flex; justify-content:flex-start; align-items:center; margin-bottom:45px;} .hemilre#wrap .notiSec .notiTab .menu {position:relative; width:25%;} .hemilre#wrap .notiSec .notiTab .menu:after {content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#bebebe;} .hemilre#wrap .notiSec .notiTab .menu:last-child:after {display:none;} .hemilre#wrap .notiSec .notiTab .menu a {display:block; color:#333; font-size:34px; font-weight:600; text-align:center;} .hemilre#wrap .notiSec .notiTab .menu a.on:after {content:''; position:absolute; left:50%; bottom:-10px; width:calc(100% - 40px); height:4px; background:#9b3434; transform:translate(-50%, 0);} .hemilre#wrap .notiSec .tabCont {background:#FFF; padding:40px 24px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);} .hemilre#wrap .notiSec .notiCon {position:relative; display:none;} .hemilre#wrap .notiSec .notiCon .inTab {display:flex; justify-content:flex-start; align-items:center; gap:10px; position:relative;} .hemilre#wrap .notiSec .notiCon .inTab:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#317545;} .hemilre#wrap .notiSec .notiCon .inTab .inMenu {width:calc(50% - 5px); position:relative;} .hemilre#wrap .notiSec .notiCon .inTab .inMenu a {display:block; padding:20px 0; text-align:center; color:#9f9f9f; font-size:34px; font-weight:600; border-radius:20px 20px 0 0; background:#ebebeb; border:2px solid #ebebeb;} .hemilre#wrap .notiSec .notiCon .inTab .inMenu a.on {border:2px solid #317545; background:#FFF; color:#333; border-bottom:0; z-index:10; position:relative;} .hemilre#wrap .notiSec .notiCon .inTab .inMenu a.on:after {content:''; position:absolute; left:0; bottom:-1px; width:100%; height:4px; background:#FFF;} .hemilre#wrap .notiSec .notiCon .inCon {position:relative; display:none; border:0px solid #317545; border-top:0;} .hemilre#wrap .notiSec .notiCon .inCon .paper {position:relative; display:none;} .hemilre#wrap .notiSec .notiCon .inCon .gender {position:absolute; left:24px; top:134px; width:150px; z-index:10;} .hemilre#wrap .notiSec .notiCon .inCon .gender .genderBtn {float:left; width:50%; text-align:center;} .hemilre#wrap .notiSec .notiCon .inCon .gender .genderBtn a {display:block; border:1px solid #317645; color:#317645; font-size:18px; font-weight:400; text-align:center; height:42px; line-height:42px;} .hemilre#wrap .notiSec .notiCon .inCon .gender .genderBtn a.gBtn01 {border-radius:25px 0 0 25px;} .hemilre#wrap .notiSec .notiCon .inCon .gender .genderBtn a.gBtn02 {border-radius:0 25px 25px 0;} .hemilre#wrap .notiSec .notiCon .inCon .gender .genderBtn a.on {background:#317645; color:#FFF;} .hemilre#wrap .raTxt {text-align:center; margin-top:30px; color:#b77e8e; font-size:18px; font-weight:400; letter-spacing:0; line-height:1.3;} .hemilre#wrap .renew .introSec {position:relative; margin-bottom:50px;} .hemilre#wrap .renew .introSec .introDesc {color:#3d2c2d; font-size:34px; font-weight:400; line-height:1.4; text-align:center;} .hemilre#wrap .renew .introSec h2 {color:#9b3434; font-size:48px; font-weight:700; line-height:1.4; margin:16px 0 0; text-align:center;} .hemilre#wrap .renew .introSec h2 span {position:relative;} .hemilre#wrap .renew .introSec h2 span:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:22px; background:#f5d4cb;} .hemilre#wrap .renew .introSec h2 span em {position:relative; z-index:10;} .hemilre#wrap .renew .renewCont {display:block; border-radius:18px; background:#FFF; padding:60px 42px; margin-bottom:40px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18); } .hemilre#wrap .renew .renewCont:last-of-type {margin-bottom:0;} .hemilre#wrap .renew .renewCont .condition {display:block; margin-bottom:32px;} .hemilre#wrap .renew .renewCont .condition li {display:flex; justify-content:flex-start; align-items:center; color:#000; font-size:34px; font-weight:600; line-height:1.6; gap:18px;} .hemilre#wrap .renew .renewCont .condition li:before {content:''; width:50px; height:20px; background:url(../images/hemil_ico_chk.png) no-repeat right 50%; background-size:auto 20px;} .hemilre#wrap .renew .renewCont .specTable {display:block;} .hemilre#wrap .renew .renewCont .specTable table {padding:0; margin:0; width:100%; table-layout:fixed;} .hemilre#wrap .renew .renewCont .specTable th, .hemilre#wrap .renew .renewCont .specTable td {font-size:34px; font-weight:600; padding:16px 30px; line-height:1.4; text-align:center;} .hemilre#wrap .renew .renewCont .specTable th {border:2px solid #b12c43; background:#ffeaef; color:#b12c43;} .hemilre#wrap .renew .renewCont .specTable td {border:1px solid #afafaf; border-right:0; background:transparent; color:#333; text-align:left;} .hemilre#wrap .renew .renewCont .specTable td.arCenter {text-align:center;} .hemilre#wrap .renew .renewCont .specTable td span {display:block; font-weight:400;} .hemilre#wrap .renew .renewCont .raTxt {text-align:left; margin-top:15px; color:#7c7c7c; font-size:18px; line-height:1.4;} .hemilre#wrap .renew .renewCont .exTitle {text-align:center; color:#333; font-size:34px; font-weight:600; margin-bottom:30px;} .hemilre#wrap .renew .renewCont .exTable {display:block;} .hemilre#wrap .renew .renewCont .exTable table {padding:0; margin:0; width:100%; table-layout:fixed;} .hemilre#wrap .renew .renewCont .exTable td {border-top:1px solid #afafaf; border-bottom:1px solid #afafaf; text-align:center; color:#333; font-size:34px; font-weight:600; padding:18px;} .hemilre#wrap .renew .renewCont .exTable td.tight {padding:18px 9px;} .hemilre#wrap .renew .renewCont .exTable td:nth-child(2n) {background:#f8f8f8;} .hemilre#wrap .renew .renewCont .exTable td:first-child {border-left:1px solid #afafaf;} .hemilre#wrap .renew .renewCont .exTable td:last-child {border-right:1px solid #afafaf;} .hemilre#wrap .renew .raTxtSet {display:block; margin-top:20px; padding:0 45px;} .hemilre#wrap .renew .raTxtSet li {display:block; position:relative; padding-left:15px; color:#7c7c7c; font-size:18px; line-height:1.3; width:100%;} .hemilre#wrap .renew .raTxtSet li em {position:absolute; left:0; top:-3px;} /* young */ .young#wrap .cont.sectionHead {padding:98px 0;} .young#wrap .cont.sectionHead .contTitle {margin-bottom:0;} .young#wrap .mHeadPr {background:#e4f6ee url(../img/top_img_young.png) no-repeat 50% 50%; background-size:auto 570px;} .young#wrap .mHeadPr .mcInner .txtSec .desc i {font-size:16px;} .young#wrap .fourIco {display:flex; justify-content:space-between; align-items:stretch; gap:15px; flex-wrap:wrap;} .young#wrap .cont.young01 {background:#228765; padding:98px 0 70px;} .young#wrap .cont.young01 .contTitle {color:#FFF; font-size:36px; font-weight:500; text-align:center; line-height:1.3;} .young#wrap .cont.young01 .contTitle em {font-family: 'GmarketSansBold';} .young#wrap .cont.young01 .raTxt {color:#FFF; font-size:18px; margin-top:40px; line-height:1.3;} .young#wrap .cont.young02 .vChatSec .chatBox {width:82%;} .young#wrap .cont.young02 .vChatSec .chatBox.question {margin-bottom:30px;} .young#wrap .cont.young02 .vChatSec .chatBox.answer {margin-top:15px;} .young#wrap .cont.young02 .onlyOne {margin:0 0 10px 0;} .young#wrap .cont.young05 .imgSec {position:relative;} .young#wrap .cont.recommend .perPrd.total {background:#01a08a;} .young#wrap .cont.recommend .perPrd.driver {background:#4ca9a0;} .young#wrap .cont.recommend .perPrd.health {background:#ffa059;} .young#wrap .cont.recommend .perPrd.life {background:#f26a45;} .young#wrap .cont.recommend .raTxt {margin-top:0px; color:#b3b3b3; font-size:18px; line-height:1.3; text-align:center; letter-spacing:-1px;} /* cancer */ .cancer#wrap .mHeadPr {background:#e4f6ee url(../img/top_img_young.png) no-repeat 50% 50%; background-size:auto 570px;} .cancer#wrap .mHeadPr .mcInner .txtSec .title {font-size:44px; margin:10px 0; line-height:1.2;} .cancer#wrap .mHeadPr .mcInner .txtSec .raTxt {color:#939598; font-size:15px; text-align:left; margin-top:10px;} .cancer#wrap .mHeadPr .mcInner .txtSec .certifyCode {color:#333; font-size:15px; text-align:left; margin-top:10px;} .cancer#wrap .fourIco {display:flex; justify-content:space-between; align-items:stretch; gap:15px; flex-wrap:wrap; margin-bottom:15px;} .cancer#wrap .cont.cancer01 .title {color:#000; font-size:28px; font-weight:500; line-height:1.3; margin-bottom:26px; text-align:center;} .cancer#wrap .cont.cancer01 .graphSec {border-radius:10px; background:#f0f8f3; padding:55px 100px; border:2px solid #4c9c81;} .cancer#wrap .cont.cancer01 .graphSec .inTitle {color:#000; font-size:28px; font-weight:500; margin-bottom:25px;} .cancer#wrap .cont.cancer01 .graphSec .txt {color:#939598; font-size:12px; margin-top:3px;} .cancer#wrap .cont.cancer01 .graphSec .graph {margin-top:10px;} .cancer#wrap .cont.cancer02 .raTxt {text-align:left; font-size:18px; margin-top:10px;} .cancer#wrap .cont.cancer02 .contTitle span {position:relative;} .cancer#wrap .cont.cancer02 .contTitle span:after {content:''; position:absolute; left:-2%; bottom:4px; width:104%; height:15px; background:#fffa7c;} .cancer#wrap .cont.cancer02 .contTitle span em {position:relative; z-index:10;} .cancer#wrap .cont.cancer02 .contTitle i {display:block;} .cancer#wrap .cont.cancer02 .roundImg {background:#f6f9f7; border:1px solid #939598; border-radius:20px; padding:62px; margin-bottom:20px;} .cancer#wrap .cont.cancer02 .roundImg .title {color:#000; font-size:23px; margin-bottom:10px;} .cancer#wrap .cont.cancer02 .roundImg .title span {font-size:18px;} .cancer#wrap .cont.cancer02 .roundTxt {padding:64px 34px;} .cancer#wrap .cont.cancer02 .roundTxt .title {margin-bottom:50px; font-size:30px; line-height:1.4;} .cancer#wrap .cont.cancer02 .roundTxt .title.bdrBottom {font-size:23px; padding-bottom:20px; border-bottom:1px solid #cccfd0; margin-bottom:40px;} .cancer#wrap .cont.cancer02 .roundTxt.withIco {padding:50px 74px;} .cancer#wrap .cont.cancer02 .roundTxt li {display:block; color:#000; font-size:23px; line-height:1.4; padding-left:18px; position:relative; margin-bottom:30px;} .cancer#wrap .cont.cancer02 .roundTxt li em {color:#58595b; font-size:18px;} .cancer#wrap .cont.cancer02 .roundTxt li:last-child {margin-bottom:0;} .cancer#wrap .cont.cancer02 .roundTxt li:after {content:'-'; position:absolute; left:0; top:0;} .cancer#wrap .cont.cancer02 .fourIco .perIco {border-radius:0; border:0; padding:0;} .cancer#wrap .cont.cancer02 .fourIco .perIco .ico {width:110px;} .cancer#wrap .cont.cancer02 .fourIco .perIco .txt {color:#000; font-size:23px;} .cancer#wrap .cont.cancer04 .imgSec {display:block; margin:40px 0 0 0; text-align:right;} .cancer#wrap .cont.cancer04 .imgSec img {width:400px;} .cancer#wrap .cont.cancer05 .deviceSec {display:flex; justify-content:space-between; align-items:center; gap:40px;} .cancer#wrap .cont.cancer05 .deviceSec .txtSec {width:calc(50% - 40px); flex:0 0 auto;} .cancer#wrap .cont.cancer05 .deviceSec .imgSec {width:50%; text-align:right;} .cancer#wrap .cont.cancer05 .deviceSec .imgSec img {width:400px;} .cancer#wrap .cont.cancer05 .raSec {position:relative; padding:0 13px;} .cancer#wrap .cont.cancer05 .raSec .raTxt {color:#58595b; font-size:18px; text-align:left; margin:20px 0 0; line-height:1.5;} .cancer#wrap .cont.cancer05 .raSec ul li {display:block; color:#58595b; font-size:18px; line-height:1.5; padding-left:21px; position:relative;} .cancer#wrap .cont.cancer05 .raSec ul li:after {content:''; position:absolute; left:8px; top:7px; width:4px; height:2px; background:#58595b;} .cancer#wrap .cont.recommend .perPrd.total {background:#01a08a;} .cancer#wrap .cont.recommend .perPrd.driver {background:#4ca9a0;} .cancer#wrap .cont.recommend .perPrd.tooth {background:#ffa059;} .cancer#wrap .cont.recommend .perPrd.life {background:#f26a45;} .cancer#wrap .cont.recommend .raTxt {margin-top:0px; color:#b3b3b3; font-size:18px; line-height:1.3; text-align:center; letter-spacing:-1px;} /* goodsilver */ .goodsilver#wrap .mHeadPr {background:#e4f6ee url(../img/top_img_young.png) no-repeat 50% 50%; background-size:auto 570px;} .goodsilver#wrap .mHeadPr .mcInner .txtSec .title {font-size:44px; margin:10px 0; line-height:1.2;} .goodsilver#wrap .mHeadPr .mcInner .txtSec .raTxt {color:#939598; font-size:15px; text-align:left; margin-top:10px;} .goodsilver#wrap .mHeadPr .mcInner .txtSec .certifyCode {color:#333; font-size:15px; text-align:left;} .goodsilver#wrap .cont.sectionHead {padding:98px 0;} .goodsilver#wrap .cont.sectionHead .contTitle {margin-bottom:0;} .goodsilver#wrap .cont .icoTxtTy {display:flex; justify-content:flex-start; align-items:center; border:1px solid #939598; border-radius:20px; padding:35px 33px; margin-bottom:15px;} .goodsilver#wrap .cont .icoTxtTy:last-child {margin-bottom:0;} .goodsilver#wrap .cont .icoTxtTy * {letter-spacing:0;} .goodsilver#wrap .cont .icoTxtTy .ico {width:132px; flex:0 0 auto;} .goodsilver#wrap .cont .icoTxtTy .ico img {display:block; width:100px;} .goodsilver#wrap .cont .icoTxtTy .txt .inTitle {color:#000; font-size:23px; margin-bottom:6px; font-weight:500;} .goodsilver#wrap .cont .icoTxtTy .txt .inTxt {color:#58595b; font-size:18px; line-height:1.5; font-weight:400;} .goodsilver#wrap .cont .icoTxtTy .txt .raTxt {margin-top:10px; text-align:left; color:#939598; font-size:18px;} .goodsilver#wrap .cont.goodsilver03 {padding-bottom:70px;} .goodsilver#wrap .cont.recommend .perPrd.cancer {background:#01a08a;} .goodsilver#wrap .cont.recommend .perPrd.driver {background:#4ca9a0;} .goodsilver#wrap .cont.recommend .perPrd.health {background:#ffa059;} .goodsilver#wrap .cont.recommend .perPrd.tooth {background:#f26a45;} .goodsilver#wrap .cont.recommend .raTxt {margin-top:0px; color:#b3b3b3; font-size:18px; line-height:1.3; text-align:center; letter-spacing:-1px;} .goodsilver#wrap .cont.recommend .perPrd.cancer .prdTitle {margin-top:-6px;} /* solution */ .solution#wrap .mHeadPr {background:#e4f6ee url(../img/top_img_young.png) no-repeat 50% 50%; background-size:auto 570px;} .solution#wrap .mHeadPr .mcInner .txtSec .title {font-size:44px; margin:10px 0; line-height:1.2;} .solution#wrap .mHeadPr .mcInner .txtSec .raTxt {color:#939598; font-size:15px; text-align:left; margin-top:10px;} .solution#wrap .mHeadPr .mcInner .txtSec .certifyCode {color:#333; font-size:15px; text-align:left;} .solution#wrap .mHeadPr .mcInner .formSec .raTxt {bottom:-45px;} .solution#wrap .cont.sectionHead {padding:98px 0;} .solution#wrap .cont.sectionHead .contTitle {margin-bottom:0;} .solution#wrap .cont.solution01 {padding-bottom:140px;} .solution#wrap .cont.solution01 .raTxtBox {text-align:left; padding:0 35px;} .solution#wrap .cont.solution01 .raTxtBox .raTxt {font-size:14px; text-align:left; line-height:1.4;} .solution#wrap .cont.solution01 .raTxtBox .raTxt.sub {padding-left:20px; text-align:left; margin-top:0;} .solution#wrap .cont .icoTxtTy {display:flex; justify-content:flex-start; align-items:center; border:1px solid #939598; border-radius:20px; padding:35px 33px; margin-bottom:15px;} .solution#wrap .cont .icoTxtTy:last-child {margin-bottom:0;} .solution#wrap .cont .icoTxtTy * {letter-spacing:0;} .solution#wrap .cont .icoTxtTy .ico {width:132px; flex:0 0 auto;} .solution#wrap .cont .icoTxtTy .ico img {display:block; width:100px;} .solution#wrap .cont .icoTxtTy .txt .inTitle {color:#000; font-size:23px; margin-bottom:6px; font-weight:500;} .solution#wrap .cont .icoTxtTy .txt .inTxt {color:#58595b; font-size:18px; line-height:1.5; font-weight:400;} .solution#wrap .cont .icoTxtTy .txt .raTxt {margin-top:10px; text-align:left; color:#939598; font-size:18px;} /* tooth */ .tooth#wrap .mHeadPr {background:#e4f6ee url(../img/top_img_young.png) no-repeat 50% 50%; background-size:auto 570px;} .tooth#wrap .mHeadPr .mcInner .txtSec .title {font-size:44px; margin:10px 0; line-height:1.2;} .tooth#wrap .mHeadPr .mcInner .txtSec .raTxt {color:#939598; font-size:15px; text-align:left; margin-top:10px;} .tooth#wrap .mHeadPr .mcInner .txtSec .certifyCode {color:#333; font-size:15px; text-align:left;} .tooth#wrap .cont.sectionHead {padding:98px 0;} .tooth#wrap .cont.sectionHead .contTitle {margin-bottom:0;} .tooth#wrap .cont.toothIntro {padding-bottom:140px;} .tooth#wrap .cont.toothIntro .graphSec {background:#f6f9f7; border:1px solid #64ab8c; border-radius:20px; padding:50px 65px;} .tooth#wrap .cont.toothIntro .graphSec .grTitle {color:#000; font-weight:500; font-size:23px; padding-bottom:10px;} .tooth#wrap .cont.toothIntro .graphSec .img {display:block; border-top:1px solid #cccfd0;} .tooth#wrap .cont.toothIntro .graphSec .raTxt {color:#939598; margin-top:25px; font-size:14px; text-align:right; padding:0 10px 0 0 !important;} .tooth#wrap .cont.toothIntro .graphSec .raTxt:after {display:none;} .tooth#wrap .cont.tooth02 .raTxtSet {display:flex; justify-content:flex-start; align-items:center; margin-top:20px;} .tooth#wrap .cont.tooth02 .raTxtSet ul {display:block; margin-left:20px;} .tooth#wrap .cont.tooth02 .raTxtSet li {display:block; position:relative; padding-left:20px; color:#939598; font-size:14px; line-height:1.3; width:100%;} .tooth#wrap .cont.tooth02 .raTxtSet li em {position:absolute; left:0; top:0; width:20px;} .tooth#wrap .cont.tooth03 .icoTxtTy {border:1px solid #228765; border-radius:20px; padding:50px 65px; margin-top:20px;} .tooth#wrap .cont.tooth03 .icoTxtTy .partTitle {color:#000; font-size:23px; font-weight:500; padding-bottom:22px; margin-bottom:35px; border-bottom:1px solid #cccfd0;} .tooth#wrap .cont.tooth03 .icoTxtTy .perIco {display:flex; justify-content:flex-start; align-items:center; gap:0px; margin-bottom:30px;} .tooth#wrap .cont.tooth03 .icoTxtTy .perIco .ico {width:180px; text-align:center; flex:0 0 auto;} .tooth#wrap .cont.tooth03 .icoTxtTy .perIco .ico img {width:110px;} .tooth#wrap .cont.tooth03 .icoTxtTy .perIco .ptItem {} .tooth#wrap .cont.tooth03 .icoTxtTy .perIco .ptItem .first {color:#000; font-size:23px; font-weight:500; line-height:1.4;} .tooth#wrap .cont.tooth03 .icoTxtTy .perIco .ptItem .second {color:#939598; font-size:23px; font-weight:500; line-height:1.4;} .tooth#wrap .cont.tooth03 .icoTxtTy .raTxt {color:#939598; font-size:14px; margin-top:10px; text-align:right; padding:0 10px 0 0 !important;} .tooth#wrap .cont.tooth03 .icoTxtTy .raTxt:after {display:none;} .tooth#wrap .cont.tooth03 > .raTxt {font-size:14px; text-align:left; padding:0 40px;} .tooth#wrap .cont.tooth04 {padding-bottom:60px;} .tooth#wrap .cont.tooth04 .imgSec {margin-top:24px;} .tooth#wrap .cont.tooth04 .raTxtSet {margin-top:15px; padding:0 40px;} .tooth#wrap .cont.tooth04 .raTxtSet li {display:block; position:relative; padding-left:20px; color:#939598; font-size:14px; line-height:1.3; width:100%;} .tooth#wrap .cont.tooth04 .raTxtSet li em {position:absolute; left:0; top:0; width:20px;} .tooth#wrap .cont.tooth04 .txtImgSet {display:flex; justify-content:flex-start; align-items:center; gap:15px;} .tooth#wrap .cont.tooth04 .txtImgSet .txtSec {width:440px; flex:0 0 auto;} .tooth#wrap .cont.tooth04 .txtImgSet .imgSec {width:345px; flex:0 0 auto;} .tooth#wrap .toothIco {display:flex; justify-content:flex-start; align-items:stretch; gap:12px;} .tooth#wrap .toothIco .perIco {width:190px; border:1px solid #939598; border-radius:20px; padding:25px 20px;} .tooth#wrap .toothIco .perIco .ico {display:block; width:100px; margin:0 auto 20px;} .tooth#wrap .toothIco .perIco .txt {text-align:center; color:#58595b; font-size:18px;} .tooth#wrap .toothIco .perIco .txt em {display:block; color:#000; font-size:25px; font-weight:500; margin-bottom:10px;} .tooth#wrap .cont.recommend .perPrd.total {background:#01a08a;} .tooth#wrap .cont.recommend .perPrd.driver {background:#4ca9a0;} .tooth#wrap .cont.recommend .perPrd.kids {background:#f26a45;} .tooth#wrap .cont.recommend .perPrd.health {background:#ffa059;} .tooth#wrap .cont.recommend .perPrd.total .goView {color:#01a08a;} .tooth#wrap .cont.recommend .perPrd.driver .goView {color:#4ca9a0;} .tooth#wrap .cont.recommend .perPrd.kids .goView {color:#f26a45;} .tooth#wrap .cont.recommend .perPrd.health .goView {color:#ffa059;} .tooth#wrap .cont.recommend .raTxt {margin-top:20px; color:#b3b3b3; font-size:18px; line-height:1.3; text-align:center; letter-spacing:-1px;} /* kids */ .kids#wrap .mHeadPr {background:#e4f6ee url(../img/top_img_kids.png) no-repeat 50% 50%; background-size:auto 570px;} .kids#wrap .mHeadPr .mcInner .txtSec .title {font-size:44px; margin:10px 0; line-height:1.2;} .kids#wrap .mHeadPr .mcInner .txtSec .raTxt {color:#939598; font-size:15px; text-align:left; margin-top:10px;} .kids#wrap .mHeadPr .mcInner .txtSec .certifyCode {color:#333; font-size:15px; text-align:left;} .kids#wrap .cont.sectionHead {padding:98px 0;} .kids#wrap .cont.sectionHead .contTitle {margin-bottom:0;} .kids#wrap .cont.kids01 .contTitle i {display:block;} .kids#wrap .cont .imgSec {display:flex; justify-content:flex-end; align-items:flex-start; margin-top:40px;} .kids#wrap .cont .imgSec img {width:429px;} .kids#wrap .cont.kids06 .raTxt {text-align:left; color:#58595b; font-size:18px; padding-left:24px; position:relative;} .kids#wrap .cont.kids06 .raTxt em {position:absolute; left:0; top:0;} .kids#wrap .cont.kids06 {padding-bottom:60px;} .kids#wrap .cont.kids07 .halfDevice {display:flex; justify-content:flex-start; align-items:stretch; gap:34px; width:100%; margin-bottom:15px;} .kids#wrap .cont.kids07 .halfDevice .perHalf {display:flex; justify-content:flex-start; align-items:center; padding:35px 40px; gap:25px; border:1px solid #939598; border-radius:20px; width:100%; position:relative;} .kids#wrap .cont.kids07 .halfDevice .perHalf:first-child {z-index:3;} .kids#wrap .cont.kids07 .halfDevice .perHalf:first-child:after {content:''; position:absolute; right:-50px; top:50%; transform:translate(0, -50%); width:60px; height:60px; background:url(../img/kids_ico_plus.png) no-repeat 50% 50%; background-size:100%;} .kids#wrap .cont.kids07 .halfDevice .perHalf .ico {width:100px; height:100px;} .kids#wrap .cont.kids07 .halfDevice .perHalf .txt {width:calc(100% - 125px); color:#000; font-size:23px; line-height:1.4;} .kids#wrap .cont.kids07 .halfDevice .perHalf .txt u {box-shadow: inset 0 -14px 0 #fffeb0; text-decoration:none;} .kids#wrap .cont.kids07 .pointBox {display:block; border:1px solid #ff5c46; border-radius:20px; background:#fff4ef; padding:35px 40px; margin-bottom:60px;} .kids#wrap .cont.kids07 .pointBox .txtPoint {display:inline-block; padding:10px 10px 7px; border-radius:6px; background:#ffded7; color:#ff4026; font-size:18px; font-weight:600; letter-spacing:0; margin-bottom:20px;} .kids#wrap .cont.kids07 .pointBox .desc {color:#000; font-size:23px; font-weight:500; line-height:1.4;} .kids#wrap .cont.kids07 .pointBox .desc strong {color:#ff523a; font-family:'GmarketSansBold';} .kids#wrap .cont.kids07 .exampleTable {display:block; } .kids#wrap .cont.kids07 .exampleTable .exTitle {color:#000; font-size:30px; line-height:1.3; padding-left:50px; position:relative; margin-bottom:35px;} .kids#wrap .cont.kids07 .exampleTable .exTitle:after {content:'※'; position:absolute; left:0; top:0; width:50px; text-align:center;} .kids#wrap .cont.kids07 .exampleTable table {padding:0; margin:0; width:100%; table-layout:fixed;} .kids#wrap .cont.kids07 .exampleTable table:first-of-type {margin-bottom:30px;} .kids#wrap .cont.kids07 .exampleTable th, .kids#wrap .cont.kids07 .exampleTable td {color:#000; font-size:23px; text-align:center; border:1px solid #c5c5c5; padding:20px 0;} .kids#wrap .cont.kids07 .exampleTable th {background:#f2f9f5; font-weight:normal;} .kids#wrap .cont.kids07 .exampleTable td em {display:inline-block; font-family:'GmarketSansBold'; color:#ff5c46; margin-left:5px;} .kids#wrap .cont.kids07 .exampleTable .raTxt {text-align:left; color:#58595b; font-size:18px;} .kids#wrap .cont.kids02 .onlyOne {margin-left:0; font-size:18px; letter-spacing:0; padding:10px 10px 7px; margin-bottom:24px;} .kids#wrap .cont .icoTxtTy {border:1px solid #939598; border-radius:20px; padding:52px 42px; margin-top:20px;} .kids#wrap .cont .icoTxtTy .partTitle {color:#000; font-size:30px; font-weight:500; margin-bottom:50px; line-height:1.3;} .kids#wrap .cont .icoTxtTy .perIco {display:flex; justify-content:flex-start; align-items:center; gap:20px; margin-bottom:35px;} .kids#wrap .cont .icoTxtTy .perIco:last-child {margin-bottom:0;} .kids#wrap .cont .icoTxtTy .perIco .ico {width:90px; text-align:center; flex:0 0 auto;} .kids#wrap .cont .icoTxtTy .perIco .ico img {width:68px;} .kids#wrap .cont .icoTxtTy .perIco .ptItem {} .kids#wrap .cont .icoTxtTy .perIco .ptItem .first {color:#000; font-size:23px; font-weight:500; line-height:1.4;} .kids#wrap .cont .icoTxtTy .perIco .ptItem .first em {color:#58595b; font-size:18px;} .kids#wrap .cont.recommend .perPrd.total {background:#01a08a;} .kids#wrap .cont.recommend .perPrd.driver {background:#4ca9a0;} .kids#wrap .cont.recommend .perPrd.tooth {background:#ffa059;} .kids#wrap .cont.recommend .perPrd.life {background:#f26a45;} .kids#wrap .cont.recommend .raTxt {margin-top:0px; color:#b3b3b3; font-size:18px; line-height:1.3; text-align:center; letter-spacing:-1px;} .kids#wrap .cont.recommend .recommendPrd .perPrd:nth-child(2) .goView {color:#4ca9a0;} .fontGmk .floatCalForm.kids {padding-left:210px;} .fontGmk .floatCalForm.kids h3 {text-align:center; left:24px;} .fontGmk .floatCalForm.kids #frm3 .formBox .gender label {width:50px;} .fontGmk .floatCalForm.kids #frm3 .formBox .birth {width:230px;} .fontGmk .floatCalForm.kids #frm3 .formBox .tel {width:178px;} /* silbi */ .silbi#wrap .mHeadPr {background:#e4f6ee url(../img/top_img_young.png) no-repeat 50% 50%; background-size:auto 570px;} .silbi#wrap .mHeadPr .mcInner .txtSec .title {margin-bottom:8px; font-size:44px;} .silbi#wrap .mHeadPr .mcInner .txtSec .certifyCode {color:#333; font-size:15px; margin-top:20px;} .silbi#wrap .cont.sectionHead {padding:98px 0;} .silbi#wrap .cont.sectionHead .contTitle {margin-bottom:0;} .silbi#wrap .fourIco {display:flex; justify-content:flex-start; align-items:stretch; gap:15px; flex-wrap:wrap;} .silbi#wrap .cont.silbi01 .graphSec {border-radius:20px; padding:36px; text-align:center; border:1px solid #228765;} .silbi#wrap .cont.silbi01 .graphSec img {width:470px; height:283px;} .silbi#wrap .cont.silbi01 .raTxt {display:flex; justify-content:flex-start; align-items:flex-start; gap:10px; padding:0 37px; position:relative; text-align:left; margin-top:20px; color:#939598; font-size:14px; line-height:1.3;} .silbi#wrap .cont.silbi01 .raTxt:before {content:'ⓘ'; display:inline-block;} .silbi#wrap .cont.silbi03 {padding-bottom:60px;} .silbi#wrap .cont.silbi03 .imgSec {display:flex; justify-content:flex-end; align-items:flex-start; margin-top:40px;} .silbi#wrap .cont.silbi03 .imgSec img {width:260px;} .silbi#wrap .cont.silbi03 .raTxt {display:flex; justify-content:flex-start; align-items:flex-start; gap:10px; padding:0 37px; position:relative; text-align:left; margin-top:20px; color:#939598; font-size:14px; line-height:1.3;} .silbi#wrap .cont.silbi03 .raTxt:before {content:'ⓘ'; display:inline-block;} .silbi#wrap .cont.recommend .raTxt {margin-top:0px; color:#b3b3b3; font-size:18px; line-height:1.3; text-align:center; letter-spacing:-1px;} /* silson */ .silson#wrap .mHeadPr {background:#e4f6ee url(../img/top_img_young.png) no-repeat 50% 50%; background-size:auto 570px;} .silson#wrap .mHeadPr .mcInner .txtSec .title {margin-bottom:8px; font-size:44px;} .silson#wrap .mHeadPr .mcInner .txtSec .desc {color:#333; font-size:30px; font-family:'GmarketSans';} .silson#wrap .mHeadPr .mcInner .txtSec .desc em {font-size:18px;} .silson#wrap .mHeadPr .mcInner .txtSec .certifyCode {color:#333; font-size:15px; margin-top:20px;} .silson#wrap .mHeadPr .mcInner .txtSec .raTxt {display:flex; justify-content:flex-start; align-items:flex-start; gap:5px; position:relative; text-align:left; font-size:14px;} .silson#wrap .mHeadPr .mcInner .txtSec .raTxt:before {content:'※'; display:inline-block;} .silson#wrap .cont.sectionHead {padding:98px 0;} .silson#wrap .cont.sectionHead .contTitle {margin-bottom:0;} .silson#wrap .fourIco {display:flex; justify-content:flex-start; align-items:stretch; gap:15px; flex-wrap:wrap;} .silson#wrap .cont.silson01 .graphSec {border-radius:20px; padding:36px; text-align:center; border:1px solid #228765;} .silson#wrap .cont.silson01 .graphSec img {width:470px; height:283px;} .silson#wrap .cont.silson01 .raTxt {display:flex; justify-content:flex-start; align-items:flex-start; gap:10px; padding:0 37px; position:relative; text-align:left; margin-top:20px; color:#939598; font-size:18px; line-height:1.3;} .silson#wrap .cont.silson01 .raTxt:before {content:'※'; display:inline-block;} .silson#wrap .cont.silson01 .imgSec {display:block; margin-top:44px; text-align:right;} .silson#wrap .cont.silson01 .imgSec img {width:372px;} .silson#wrap .cont.silson02 {padding-bottom:60px;} .silson#wrap .cont.silson02 .imgSec {display:flex; justify-content:flex-end; align-items:flex-start; margin-top:40px;} .silson#wrap .cont.silson02 .imgSec img {width:260px;} .silson#wrap .cont.silson02 .raTxt {display:flex; justify-content:flex-start; align-items:flex-start; gap:10px; padding:0 26px; position:relative; text-align:left; margin-top:20px; color:#939598; font-size:18px; line-height:1.3;} .silson#wrap .cont.silson02 .raTxt:before {content:'ⓘ'; display:inline-block;} .silson#wrap .cont.recommend .perPrd.total {background:#01a08a;} .silson#wrap .cont.recommend .perPrd.driver {background:#4ca9a0;} .silson#wrap .cont.recommend .perPrd.health {background:#f26a45;} .silson#wrap .cont.recommend .perPrd.cancer {background:#ffa059;} .silson#wrap .cont.recommend .raTxt {margin-top:0px; color:#b3b3b3; font-size:18px; line-height:1.3; text-align:center; letter-spacing:-1px;} /* accident */ .accident#wrap .mHeadPr {background:#e4f6ee url(../img/top_img_young.png) no-repeat 50% 50%; background-size:auto 570px;} .accident#wrap .mHeadPr .mcInner .txtSec .title {font-size:44px; margin:10px 0; line-height:1.2;} .accident#wrap .mHeadPr .mcInner .txtSec .raTxt {color:#939598; font-size:15px; text-align:left; margin-top:10px;} .accident#wrap .mHeadPr .mcInner .txtSec .certifyCode {color:#333; font-size:15px; text-align:left; margin-top:30px;} .accident#wrap .cont.sectionHead {padding:98px 0;} .accident#wrap .cont.sectionHead .contTitle {margin-bottom:0;} .accident#wrap .cont .raTxtSet li {display:block; position:relative; padding-left:20px; color:#939598; font-size:14px; line-height:1.3; width:100%; margin:20px 0 0 30px;} .accident#wrap .cont .raTxtSet li em {position:absolute; left:0; top:0; width:20px;} .accident#wrap .fourIco {display:flex; justify-content:space-between; align-items:stretch; gap:15px; flex-wrap:wrap;} .accident#wrap .fourIco .perIco {padding-bottom:10px;} .accident#wrap .cont.accident02 .imgSec {margin-top:27px;} .accident#wrap .cont.accident03 {padding-bottom:60px;} .accident#wrap .cont.recommend .perPrd.total {background:#01a08a;} .accident#wrap .cont.recommend .perPrd.driver {background:#4ca9a0;} .accident#wrap .cont.recommend .perPrd.kids {background:#ffa059;} .accident#wrap .cont.recommend .perPrd.health {background:#f26a45;} .accident#wrap .cont.recommend .raTxt {margin-top:0px; color:#b3b3b3; font-size:18px; line-height:1.3; text-align:center; letter-spacing:-1px;} /* house */ .house#wrap .mHeadPr {background:#e4f6ee url(../img/top_img_house.png) no-repeat 50% 50%; background-size:auto 570px;} .house#wrap .mHeadPr .mcInner .txtSec .title {font-size:44px; margin:10px 0; line-height:1.2; color:#228765;} .house#wrap .mHeadPr .mcInner .txtSec .desc {color:#333; font-size:30px; font-family:'GmarketSans';} .house#wrap .mHeadPr .mcInner .txtSec .raTxt {color:#939598; font-size:15px; text-align:left; margin-top:10px;} .house#wrap .mHeadPr .mcInner .txtSec .certifyCode {color:#333; font-size:15px; text-align:left; margin-top:30px;} .house#wrap .cont.sectionHead {padding:98px 0;} .house#wrap .cont.sectionHead .contTitle {margin-bottom:0;} .house#wrap .cont .raTxtSet li {display:block; position:relative; padding-left:20px; color:#939598; font-size:14px; line-height:1.3; width:100%; margin:20px 0 0 30px;} .house#wrap .cont .raTxtSet li em {position:absolute; left:0; top:0; width:20px;} .house#wrap .cont .roundTxt .itemDesc {color:#58595b; line-height:1.3; font-size:18px; position:relative; padding-left:15px; margin-top:6px;} .house#wrap .cont .roundTxt .itemDesc:after {content:'*'; position:absolute; left:5px; top:2px;} .house#wrap .cont .contTitle i {display:block;} .house#wrap .cont.house01 .imgSec {margin-top:66px;} .house#wrap .cont.house02 .contTitle .raTxtSet li {color:#939598; font-size:18px; margin:10px 0 0 0; padding-left:28px;} .house#wrap .cont.house02 .contTitle .raTxtSet li em {left:5px;} .house#wrap .cont.house02 .imgSec {background:#f6f9f7; border:1px solid #4c9c81; border-radius:20px; padding:65px 40px 48px; display:flex; justify-content:space-between; align-items:center;} .house#wrap .cont.house02 .imgSec .txt {color:#000; font-size:23px; line-height:1.3; margin-bottom:15px;} .house#wrap .cont.house02 .imgSec .img {width:460px;} .house#wrap .cont.house03 .imgSec {margin-top:37px;} .house#wrap .cont.house04 {padding-bottom:60px;} .house#wrap .cont.house04 .raTxtSet li {color:#939598; font-size:18px; margin:26px 0 0 35px; padding-left:28px;} .house#wrap .cont.house04 .raTxtSet li em {left:5px;} .house#wrap .cont.house04 .imgSec {margin-top:65px;} .house#wrap .cont.recommend .perPrd.cancer {background:#01a08a;} .house#wrap .cont.recommend .perPrd.driver {background:#4ca9a0;} .house#wrap .cont.recommend .perPrd.health {background:#f26a45;} .house#wrap .cont.recommend .perPrd.tooth {background:#ffa059;} .house#wrap .cont.recommend .perPrd.cancer .goView {color:#01a08a;} .house#wrap .cont.recommend .perPrd.driver .goView {color:#4ca9a0;} .house#wrap .cont.recommend .perPrd.health .goView {color:#f26a45;} .house#wrap .cont.recommend .perPrd.tooth .goView {color:#ffa059;} .house#wrap .cont.recommend .raTxt {color:#b3b3b3; font-size:18px; line-height:1.3; text-align:center; letter-spacing:-1px;} /* dbhappyplus */ .dbhappyplus#wrap .mHeadPr {background:#e4f6ee url(../img/top_img_young.png) no-repeat 50% 50%; background-size:auto 570px;} .dbhappyplus#wrap .mHeadPr .mcInner .txtSec .desc i {color:#228765; font-size:16px; font-family:'GmarketSans';} .dbhappyplus#wrap .mHeadPr .mcInner .txtSec .title {font-size:36px; margin:10px 0; line-height:1.2;} .dbhappyplus#wrap .mHeadPr .mcInner .txtSec .title i {font-size:30px; font-family:'GmarketSansBold';} .dbhappyplus#wrap .mHeadPr .mcInner .txtSec .title span {color:#228765; font-family:'GmarketSansBold';} .dbhappyplus#wrap .mHeadPr .mcInner .txtSec .raTxt {color:#939598; font-size:15px; text-align:left; margin-top:10px;} .dbhappyplus#wrap .mHeadPr .mcInner .txtSec .certifyCode {color:#333; font-size:16px; text-align:left;} .dbhappyplus#wrap .cont.sectionHead {padding:98px 0;} .dbhappyplus#wrap .cont.sectionHead .contTitle {margin-bottom:0;} .dbhappyplus#wrap .cont .raTxtSet li {display:block; position:relative; padding-left:20px; color:#939598; font-size:16px; line-height:1.3; width:100%; margin:20px 0 0 10px;} .dbhappyplus#wrap .cont .raTxtSet li em {position:absolute; left:0; top:0; width:20px;} .dbhappyplus#wrap .cont .chkPoint {position:relative; margin-bottom:10px; padding:0 5px; display:inline-block;} .dbhappyplus#wrap .cont .chkPoint:after {content:''; position:absolute; left:0; bottom:5px; width:100%; height:15px; background:#fffa7c;} .dbhappyplus#wrap .cont .chkPoint span {color:#228765; font-size:24px; position:relative; display:flex; justify-content:flex-start; align-items:center; gap:8px; z-index:1;} .dbhappyplus#wrap .cont .chkPoint span:before {content:''; width:20px; height:20px; background:url(../img/ico_chkpoint.png) no-repeat 50% 50%; background-size:100%;} .dbhappyplus#wrap .cont .contTitle {display:block;} .dbhappyplus#wrap .cont .icoTxtTy .txt .inTitle .onlyOne {margin-right:10px;} .dbhappyplus#wrap .cont .icoTxtTy.plus {position:relative; margin-top:40px;} .dbhappyplus#wrap .cont .icoTxtTy.plus:after {content:''; position:absolute; left:50%; top:-30px; transform:translate(-50%, 0); width:60px; height:60px; background:url(../img/kids_ico_plus.png) no-repeat 50% 50%; background-size:100%;} .dbhappyplus#wrap .cont .icoTxtTy.plus .txt .inTitle {margin-bottom:0;} .dbhappyplus#wrap .cont .icoTxtTy {display:flex; justify-content:flex-start; align-items:center; border:1px solid #939598; border-radius:20px; padding:35px 33px; margin-bottom:15px;} .dbhappyplus#wrap .cont .icoTxtTy:last-child {margin-bottom:0;} .dbhappyplus#wrap .cont .icoTxtTy * {letter-spacing:0;} .dbhappyplus#wrap .cont .icoTxtTy .ico {width:132px; flex:0 0 auto;} .dbhappyplus#wrap .cont .icoTxtTy .ico img {display:block; width:100px;} .dbhappyplus#wrap .cont .icoTxtTy .txt .inTitle {color:#000; font-size:23px; margin-bottom:6px; font-weight:500;} .dbhappyplus#wrap .cont .icoTxtTy .txt .inTxt {color:#58595b; font-size:18px; line-height:1.5; font-weight:400;} .dbhappyplus#wrap .cont .icoTxtTy .txt .raTxt {margin-top:10px; text-align:left; color:#939598; font-size:18px;} .dbhappyplus#wrap .cont.happyplus01 .imgSec {background:#f6f9f7; border:1px solid #4c9c81; border-radius:20px; padding:65px 85px;} .dbhappyplus#wrap .cont.happyplus01 .imgSec .title {color:#000; font-size:23px; padding:0 20px; margin-bottom:25px;} .dbhappyplus#wrap .cont.happyplus01 .raTxt {text-align:left; font-size:18px; padding:0 16px;} .dbhappyplus#wrap .cont.happyplus02 .imgSec {margin-top:55px;} .dbhappyplus#wrap .cont.happyPlus03 .contTitle span {position:relative;} .dbhappyplus#wrap .cont.happyPlus03 .contTitle span:after {content:''; position:absolute; left:-2%; bottom:4px; width:104%; height:15px; background:#fffa7c;} .dbhappyplus#wrap .cont.happyPlus03 .contTitle span em {position:relative; z-index:10;} .dbhappyplus#wrap .cont.happyPlus03 .contTitle i {display:block;} .dbhappyplus#wrap .cont.happyPlus03 .roundImg {background:#f6f9f7; border:1px solid #939598; border-radius:20px; padding:62px; margin-bottom:20px;} .dbhappyplus#wrap .cont.happyPlus03 .roundImg .title {color:#000; font-size:23px; margin-bottom:10px;} .dbhappyplus#wrap .cont.happyPlus03 .roundImg .title span {font-size:18px;} .dbhappyplus#wrap .cont.happyPlus03 .roundTxt {padding:64px 34px;} .dbhappyplus#wrap .cont.happyPlus03 .roundTxt .title {margin-bottom:50px; font-size:30px; line-height:1.4;} .dbhappyplus#wrap .cont.happyPlus03 .roundTxt .title.bdrBottom {font-size:23px; padding-bottom:20px; border-bottom:1px solid #cccfd0; margin-bottom:40px;} .dbhappyplus#wrap .cont.happyPlus03 .roundTxt.withIco {padding:50px 74px;} .dbhappyplus#wrap .cont.happyPlus03 .roundTxt li {display:block; color:#000; font-size:23px; line-height:1.4; padding-left:18px; position:relative; margin-bottom:30px;} .dbhappyplus#wrap .cont.happyPlus03 .roundTxt li em {color:#58595b; font-size:18px;} .dbhappyplus#wrap .cont.happyPlus03 .roundTxt li:last-child {margin-bottom:0;} .dbhappyplus#wrap .cont.happyPlus03 .roundTxt li:after {content:'-'; position:absolute; left:0; top:0;} .dbhappyplus#wrap .cont.happyPlus03 .fourIco .perIco {border-radius:0; border:0; padding:0;} .dbhappyplus#wrap .cont.happyPlus03 .fourIco .perIco .ico {width:110px;} .dbhappyplus#wrap .cont.happyPlus03 .fourIco .perIco .txt {color:#000; font-size:23px;} .dbhappyplus#wrap .cont.happyplus04 .imgSec {margin-top:55px;} .dbhappyplus#wrap .cont.happyplus05 {padding-bottom:60px;} .dbhappyplus#wrap .cont.happyplus05 .roundTxt {padding:50px 38px;} .dbhappyplus#wrap .cont.happyplus05 .raTxt {text-align:left; font-size:18px; padding:0 16px;} .dbhappyplus#wrap .cont.happyplus05 .imgSec {margin-top:55px;} .dbhappyplus#wrap .cont.happyplus05 .vChatSec .chatBox.answer {width:97%;} .dbhappyplus#wrap .cont.happyplus06 .onlyOne {margin:0 0 10px 0;} .dbhappyplus#wrap .cont.happyplus06 .vChatSec .chatBox {width:81%;} .dbhappyplus#wrap .cont.happyplus06 .vChatSec .chatBox.answer {width:74%; margin-bottom:30px;} .dbhappyplus#wrap .cont.happyplus07 .imgSec {display:block; background:#f6f9f7; border:1px solid #4c9c81; padding:50px 90px; border-radius:20px;} .dbhappyplus#wrap .cont.happyplus07 .raTxt {text-align:left; color:#939598; font-size:18px; padding-left:24px; position:relative;} .dbhappyplus#wrap .cont.happyplus07 .raTxt em {position:absolute; left:0; top:0;} .dbhappyplus#wrap .cont .vChatSec {margin-bottom:12px; border-radius:20px;} .dbhappyplus#wrap .cont .vChatSec .chatBox {display:block;} .dbhappyplus#wrap .cont .vChatSec .chatBox.answer {width:99%; margin-top:20px;} .dbhappyplus#wrap .cont .vChatSec .chatBox.answer .inChat {gap:10px;} .dbhappyplus#wrap .fourIco {display:flex; justify-content:flex-start; align-items:stretch; gap:15px; flex-wrap:wrap;} .dbhappyplus#wrap .cont.recommend .perPrd.health {background:#01a08a;} .dbhappyplus#wrap .cont.recommend .perPrd.driver {background:#228765;} .dbhappyplus#wrap .cont.recommend .perPrd.tooth {background:#ffa059;} .dbhappyplus#wrap .cont.recommend .perPrd.life {background:#f26a45;} .dbhappyplus#wrap .cont.recommend .raTxt {margin-top:0px; color:#b3b3b3; font-size:18px; line-height:1.3; text-align:center; letter-spacing:-1px;} /* driver */ .driver#wrap .mHeadPr {background:#e4f6ee url(../img/top_img_driver.png) no-repeat 50% 50%; background-size:auto 570px;} .driver#wrap .mHeadPr .mcInner .txtSec .title {font-size:36px; margin:10px 0; line-height:1.2; color:#333;} .driver#wrap .mHeadPr .mcInner .txtSec .desc {color:#333; font-size:30px; font-family:'GmarketSans';} .driver#wrap .mHeadPr .mcInner .txtSec .desc em {color:#228765; font-family:'GmarketSansBold';} .driver#wrap .mHeadPr .mcInner .txtSec .desc i {color:#228765; font-size:16px; font-family:'GmarketSans';} .driver#wrap .mHeadPr .mcInner .txtSec .raTxt {color:#939598; font-size:15px; text-align:left; margin-top:30px;} .driver#wrap .mHeadPr .mcInner .txtSec .prdName.big {font-family: 'GmarketSans'; font-size: 26px;} .driver#wrap .mHeadPr .mcInner .txtSec .certifyCode {color:#333; font-size:15px; text-align:left; margin-top:0px;} .driver#wrap .cont.driverIntro {position:relative; padding:140px 0; background:#78ba9d; width:100%; max-width:100%;} .driver#wrap .cont.driverIntro .txtImg {display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:25px;} .driver#wrap .cont.driverIntro .txtImg .imgSec {width:350px; flex:0 0 auto;} .driver#wrap .cont.driverIntro .txtImg .txtSec .txt {color:#FFF; font-size:30px; line-height:1.4;} .driver#wrap .cont.driverIntro .txtImg .txtSec .title {color:#fffd2e; font-size:36px; font-family:'GmarketSansBold'; margin-top:25px;} .driver#wrap .cont.driverIntro .icoSec {position:relative; padding:48px 70px; background:#FFF; border-radius:20px; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; gap:25px 0;} .driver#wrap .cont.driverIntro .icoSec .perIco {display:flex; justify-content:flex-start; align-items:center; width:50%; gap:17px;} .driver#wrap .cont.driverIntro .icoSec .perIco .ico {display:block; width:62px;} .driver#wrap .cont.driverIntro .icoSec .perIco .txt {color:#228765; font-size:22px; line-height:1.3;} .driver#wrap .cont.driverIntro .icoSec .perIco .txt span {font-size:18px;} .driver#wrap .cont.driverIntro .raTxt {color:#FFF; font-size:18px; margin-top:20px;} /* .driver#wrap .cont.sectionHead {max-width:100%; background:#228765; padding:140px 0 70px;} .driver#wrap .cont.sectionHead .contTitle {color:#FFF; font-size:44px; font-weight:500; text-align:center; line-height:1.3; margin-bottom:0;} .driver#wrap .cont.sectionHead .contTitle em {font-family: 'GmarketSansBold';} .driver#wrap .cont.sectionHead .raTxt {color:#FFF; font-size:18px; margin-top:35px; line-height:1.3;} */ .driver#wrap .cont.driver01 .contTitle i {display:block;} .driver#wrap .cont.driver01 .tGreen {color:#228765;} .driver#wrap .cont.driver01 .tOrangeBold {color:#ff5927; font-family:'GmarketSansBold'; font-size:30px;} .driver#wrap .cont.driver01 .roundTxt.addAr {margin-bottom:56px; position:relative;} .driver#wrap .cont.driver01 .roundTxt.addAr:after {content:''; position:absolute; left:50%; bottom:-42px; width:16px; height:27px; background:url(../img/driver_ar.png) no-repeat 50% 50%; background-size:100%; transform:translate(-50%, 0);} .driver#wrap .cont.driver01 .roundTxt.orange {border:0; position:relative;} .driver#wrap .cont.driver01 .roundTxt.orange:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid #ff5927; border-radius:20px;} .driver#wrap .cont.driver02 .imgSec {margin-top:87px;} .driver#wrap .cont.driver03 .imgSec {margin-top:-20px;} .driver#wrap .cont.driver04 {padding-bottom:80px;} .driver#wrap .cont.driver05 {width:100%; max-width:100%; padding:140px 0; text-align:center; background:#f4f4f4;} .driver#wrap .cont.driver05 .headPick {display:inline-block; color:#FFF; font-size:30px; padding:6px 0; background:#228765; margin-bottom:40px; border-radius:50px; width:405px;} .driver#wrap .cont.driver05 .contTitle {text-align:center; margin:0;} .driver#wrap .cont.driver05 .contTitle em {color:#228765; font-weight:500;} .driver#wrap .cont.driver05 .vodSec {padding:65px 0;} .driver#wrap .raTxtSet {display:block; padding:0 35px; margin-top:20px;} .driver#wrap .raTxtSet li {display:flex; justify-content:flex-start; align-items:flex-start; color:#939598; font-size:14px; line-height:1.3; margin-bottom:10px;} .driver#wrap .raTxtSet li .item {position:relative; padding-left:20px; width:120px; flex:0 0 auto;} .driver#wrap .raTxtSet li .item:after {content:'ⓘ'; position:absolute; left:0; top:0;} .driver#wrap .raTxtSet li .item.full {width:100%;} .driver#wrap .raTxtSet li div {} .driver#wrap .raTxtSet li div p {position:relative; padding-left:16px;} .driver#wrap .raTxtSet li div p em {position:absolute; left:0; top:0;} .driver#wrap .txtImg {display:flex; justify-content:space-between; align-items:flex-start; gap:0px;} .driver#wrap .txtImg .imgSec {width:287px; flex:0 0 auto;} .driver#wrap .fourIco {display:flex; justify-content:space-between; align-items:stretch; gap:15px; flex-wrap:wrap;} .driver#wrap .fourIco .perIco {padding-bottom:26px;} .driver#wrap .fourIco .perIco .ico {position:relative;} .driver#wrap .fourIco .perIco .ico .icoNew {position:absolute; right:-10px; bottom:-5px; width:40px; height:40px; background:url(../img/ico_new.png) no-repeat 50% 50%; background-size:100%;} .driver#wrap .imgSec {display:flex; justify-content:flex-end; align-items:flex-start;} .driver#wrap .imgSec img {width:287px;} .driver#wrap .cont.recommend .perPrd.medic {background:#01a08a;} .driver#wrap .cont.recommend .perPrd.life {background:#228765;} .driver#wrap .cont.recommend .perPrd.total {background:#ffa059;} .driver#wrap .cont.recommend .perPrd.health {background:#f26a45;} .driver#wrap .cont.recommend .perPrd.medic .goView {color:#01a08a;} .driver#wrap .cont.recommend .perPrd.life .goView {color:#228765;} .driver#wrap .cont.recommend .perPrd.total .goView {color:#ffa059;} .driver#wrap .cont.recommend .perPrd.health .goView {color:#f26a45;} /* familydementia */ .familydementia#wrap .mHeadPr {background:#e4f6ee url(../img/top_img_young.png) no-repeat 50% 50%; background-size:auto 570px;} .familydementia#wrap .mHeadPr .mcInner .txtSec .title {font-size:44px; margin:10px 0; line-height:1.2; color:#333;} .familydementia#wrap .mHeadPr .mcInner .txtSec .desc {color:#333; font-size:30px; font-family:'GmarketSans';} .familydementia#wrap .mHeadPr .mcInner .txtSec .desc em {color:#228765; font-family:'GmarketSansBold';} .familydementia#wrap .mHeadPr .mcInner .txtSec .raTxt {color:#939598; font-size:15px; text-align:left; margin-top:20px;} .familydementia#wrap .mHeadPr .mcInner .txtSec .certifyCode {color:#333; font-size:15px; text-align:left; margin-top:0px;} .familydementia#wrap .cont .raTxtSet {margin-top:20px; padding:0 37px;} .familydementia#wrap .cont .raTxtSet li {display:block; position:relative; padding-left:26px; color:#939598; font-size:18px; line-height:1.4; width:100%;} .familydementia#wrap .cont .raTxtSet li em {position:absolute; left:0; top:0; width:20px;} .familydementia#wrap .cont.family01 {padding:140px 0;} .familydementia#wrap .cont.family01 .imgSec {background:#f6f9f7; border:1px solid #939598; padding:75px 70px 50px; border-radius:20px;} .familydementia#wrap .cont.sectionHead.short {padding:98px 0;} .familydementia#wrap .cont.sectionHead.short .contTitle {margin-bottom:0;} .familydementia#wrap .cont.family02 .imgSec {padding:45px 83px; border:1px solid #939598; color:#000; font-size:23px; font-weight:500; line-height:1.4; margin-bottom:16px; border-radius:20px;} .familydementia#wrap .cont.family02 .imgSec .title {color:#000; font-size:23px; padding:0 15px 20px; margin-bottom:36px; border-bottom:1px solid #939598;} .familydementia#wrap .cont.family02 .imgSec .raTxt {text-align:right; margin-top:44px; font-size:18px;} .familydementia#wrap .cont.flex {display:flex; justify-content:flex-start; align-items:flex-start; gap:0 56px; flex-wrap:wrap;} .familydementia#wrap .cont.flex .imgSec {width:295px; flex:0 0 auto;} .familydementia#wrap .cont.family04 {padding-bottom:80px;} .familydementia#wrap .cont.family04 .contTitle i {display:block;} .familydementia#wrap .cont.recommend .perPrd.health {background:#01a08a;} .familydementia#wrap .cont.recommend .perPrd.driver {background:#4ca9a0;} .familydementia#wrap .cont.recommend .perPrd.tooth {background:#ffa059;} .familydementia#wrap .cont.recommend .perPrd.life {background:#f26a45;} .familydementia#wrap .cont.recommend .perPrd.health .goView {color:#01a08a;} .familydementia#wrap .cont.recommend .perPrd.driver .goView {color:#4ca9a0;} .familydementia#wrap .cont.recommend .perPrd.tooth .goView {color:#ffa059;} .familydementia#wrap .cont.recommend .perPrd.life .goView {color:#f26a45;} .familydementia#wrap .cont.recommend .raTxt {margin-top:15px; color:#b3b3b3; font-size:18px; line-height:1.3; text-align:center; letter-spacing:-1px;} /* tome */ .tome#wrap .mHeadPr {background:#e4f6ee url(../img/top_img_young.png) no-repeat 50% 50%; background-size:auto 570px;} .tome#wrap .mHeadPr .mcInner .txtSec .title {font-size:36px; margin:10px 0; line-height:1.2; color:#333;} .tome#wrap .mHeadPr .mcInner .txtSec .prdName {font-size:18px;} .tome#wrap .mHeadPr .mcInner .txtSec .prdName.big {font-size:26px;} .tome#wrap .mHeadPr .mcInner .txtSec .desc {color:#333; font-size:30px; font-family:'GmarketSans';} .tome#wrap .mHeadPr .mcInner .txtSec .desc em {color:#228765; font-family:'GmarketSansBold';} .tome#wrap .mHeadPr .mcInner .txtSec .desc i {color:#228765; font-size:16px; font-family:'GmarketSans';} .tome#wrap .mHeadPr .mcInner .txtSec .raTxt {color:#939598; font-size:15px; text-align:left; margin-top:20px;} .tome#wrap .mHeadPr .mcInner .txtSec .certifyCode {color:#333; font-size:15px; text-align:left; margin-top:0px;} .tome#wrap .sectionHead {padding:115px 0;} .tome#wrap .sectionHead .contTitle {margin-bottom:0;} .tome#wrap .deviceFlex {display:flex; justify-content:space-between; align-items:center;} .tome#wrap .deviceFlex .txtSec {width:calc(100% - 300px);} .tome#wrap .deviceFlex .imgSec {width:300px; flex:0 0 auto;} .tome#wrap .roundTxt .desc {line-height:1.4;} .tome#wrap .cont.tome01 .imgSec {text-align:center;} .tome#wrap .cont.tome01 .imgSec img {width:424px;} .tome#wrap .cont.tome02 .deviceFlex {border:1px solid #228765; border-radius:20px; padding:39px 39px 39px 0;} .tome#wrap .cont.tome02 .deviceFlex .txtSec {width:calc(100% - 310px); text-align:center;} .tome#wrap .cont.tome02 .deviceFlex .txtSec .title {color:#369071; font-size:23px; font-family:'GmarketSansBold';} .tome#wrap .cont.tome02 .deviceFlex .txtSec .desc {color:#000; font-size:23px; line-height:1.4; margin:28px 0 39px;} .tome#wrap .cont.tome02 .deviceFlex .txtSec .raTxt {font-size:18px; margin:0;} .tome#wrap .cont.tome02 .deviceFlex .imgSec {width:310px; flex:0 0 auto;} .tome#wrap .cont.tome03 .imgSec {border:1px solid #228765; border-radius:20px; padding:0 118px 49px;} .tome#wrap .cont.tome03 .imgSec .title {text-align:center; color:#000; font-size:23px; margin:45px 0 30px;} .tome#wrap .cont.tome04.last {padding-bottom:80px;} .tome#wrap .cont.tome04 .imgSec {margin:50px 0 0 0; text-align:right;} .tome#wrap .cont.tome04 .imgSec img {width:348px;} .tome#wrap .cont.tome06 .imgSec {margin:33px 0 0 0; text-align:right;} .tome#wrap .cont.tome06 .imgSec img {width:348px;} .tome#wrap .cont.tome07 {width:100%; max-width:100%; padding:140px 0; text-align:center; background:#f4f4f4;} .tome#wrap .cont.tome07 .headPick {display:inline-block; color:#FFF; font-size:30px; padding:6px 0; background:#228765; margin-bottom:40px; border-radius:50px; width:405px;} .tome#wrap .cont.tome07 .contTitle {text-align:center; margin:0;} .tome#wrap .cont.tome07 .contTitle em {color:#228765; font-weight:500;} .tome#wrap .cont.tome07 .vodSec {padding:65px 0;} .tome#wrap .cont.tome08 {padding-bottom:80px;} .tome#wrap .cont.tome08 .imgSec {border:1px solid #228765; border-radius:20px; padding:42px 115px;} .tome#wrap .cont.tome09 .raTxt {text-align:left; font-size:18px; margin-top:10px;} .tome#wrap .cont.tome09 .contTitle span {position:relative;} .tome#wrap .cont.tome09 .contTitle span:after {content:''; position:absolute; left:-2%; bottom:4px; width:104%; height:15px; background:#fffa7c;} .tome#wrap .cont.tome09 .contTitle span em {position:relative; z-index:10;} .tome#wrap .cont.tome09 .contTitle i {display:block;} .tome#wrap .cont.tome09 .roundImg {background:#f6f9f7; border:1px solid #939598; border-radius:20px; padding:62px; margin-bottom:20px;} .tome#wrap .cont.tome09 .roundImg .title {color:#000; font-size:23px; margin-bottom:10px;} .tome#wrap .cont.tome09 .roundImg .title span {font-size:18px;} .tome#wrap .cont.tome09 .roundTxt {padding:64px 34px;} .tome#wrap .cont.tome09 .roundTxt .title {margin-bottom:50px; font-size:30px; line-height:1.4;} .tome#wrap .cont.tome09 .roundTxt .title.bdrBottom {font-size:23px; padding-bottom:20px; border-bottom:1px solid #cccfd0; margin-bottom:40px;} .tome#wrap .cont.tome09 .roundTxt.withIco {padding:50px 74px;} .tome#wrap .cont.tome09 .roundTxt li {display:block; color:#000; font-size:23px; line-height:1.4; padding-left:18px; position:relative; margin-bottom:30px;} .tome#wrap .cont.tome09 .roundTxt li em {color:#58595b; font-size:18px;} .tome#wrap .cont.tome09 .roundTxt li:last-child {margin-bottom:0;} .tome#wrap .cont.tome09 .roundTxt li:after {content:'-'; position:absolute; left:0; top:0;} .tome#wrap .cont.tome09 .fourIco {display:flex; justify-content:space-between; align-items:stretch; gap:15px; flex-wrap:wrap; margin-bottom:15px;} .tome#wrap .cont.tome09 .fourIco .perIco {border-radius:0; border:0; padding:0;} .tome#wrap .cont.tome09 .fourIco .perIco .ico {width:110px;} .tome#wrap .cont.tome09 .fourIco .perIco .txt {color:#000; font-size:23px;} .tome#wrap .fourIco {display:flex; justify-content:flex-start; align-items:stretch; gap:15px; flex-wrap:wrap;} .tome#wrap .cont.tome010 .contTitle span {position:relative;} .tome#wrap .cont.tome010 .contTitle span:after {content:''; position:absolute; left:-2%; bottom:4px; width:104%; height:15px; background:#fffa7c;} .tome#wrap .cont.tome010 .contTitle span em {position:relative; z-index:10;} .tome#wrap .cont.tome010 .contTitle i {display:block;} .tome#wrap .cont.tome010 .roundImg {background:#f6f9f7; border:1px solid #939598; border-radius:20px; padding:62px; margin-bottom:20px;} .tome#wrap .cont.tome010 .roundImg .title {color:#000; font-size:23px; margin-bottom:10px;} .tome#wrap .cont.tome010 .roundImg .title span {font-size:18px;} .tome#wrap .cont.tome010 .roundTxt {padding:64px 34px;} .tome#wrap .cont.tome010 .roundTxt .title {margin-bottom:50px; font-size:30px; line-height:1.4;} .tome#wrap .cont.tome010 .roundTxt .title.bdrBottom {font-size:23px; padding-bottom:20px; border-bottom:1px solid #cccfd0; margin-bottom:40px;} .tome#wrap .cont.tome010 .roundTxt.withIco {padding:50px 74px;} .tome#wrap .cont.tome010 .roundTxt li {display:block; color:#000; font-size:23px; line-height:1.4; padding-left:18px; position:relative; margin-bottom:30px;} .tome#wrap .cont.tome010 .roundTxt li em {color:#58595b; font-size:18px;} .tome#wrap .cont.tome010 .roundTxt li:last-child {margin-bottom:0;} .tome#wrap .cont.tome010 .roundTxt li:after {content:'-'; position:absolute; left:0; top:0;} .tome#wrap .cont.tome010 .roundTxt.plat {padding:37px 34px;} .tome#wrap .cont.tome010 .roundTxt.plat .title {font-size:23px; margin-bottom:27px;} .tome#wrap .cont.tome010 .roundTxt.plat li {color:#58595b; font-size:18px; margin-bottom:10px;} .tome#wrap .cont.tome010 .roundTxt.plat li:last-child {margin-bottom:0;} .tome#wrap .cont.tome010 .fourIco .perIco {border-radius:0; border:0; padding:0;} .tome#wrap .cont.tome010 .fourIco .perIco .ico {width:110px;} .tome#wrap .cont.tome010 .fourIco .perIco .txt {color:#000; font-size:23px;} .tome#wrap .cont.tome010 .raTxt {text-align:left; font-size:18px; margin:10px 0 20px 34px;} .tome#wrap .cont.recommend .perPrd.cancer {background:#01a08a;} .tome#wrap .cont.recommend .perPrd.young {background:#228765;} .tome#wrap .cont.recommend .perPrd.tooth {background:#f26a45;} .tome#wrap .cont.recommend .perPrd.medic {background:#ffa059;} .tome#wrap .cont.recommend .raTxt {margin-top:0px; color:#b3b3b3; font-size:18px; line-height:1.3; text-align:center; letter-spacing:-1px;} /* motorcycle */ .motorcycle#wrap .mHeadPr {background:#e4f6ee url(../img/top_img_motorcycle.png) no-repeat 50% 50%; background-size:auto 570px;} .motorcycle#wrap .mHeadPr .mcInner .txtSec .title {font-size:44px; margin:10px 0; line-height:1.2; color:#228765;} .motorcycle#wrap .mHeadPr .mcInner .txtSec .title em {font-family:'GmarketSans'; margin-left:0;} .motorcycle#wrap .mHeadPr .mcInner .txtSec .desc {color:#333; font-size:30px; font-family:'GmarketSans';} .motorcycle#wrap .mHeadPr .mcInner .txtSec .desc em {color:#228765; font-family:'GmarketSansBold';} .motorcycle#wrap .mHeadPr .mcInner .txtSec .desc i {color:#228765; font-size:16px; font-family:'GmarketSans';} .motorcycle#wrap .mHeadPr .mcInner .txtSec .raTxt {color:#939598; font-size:15px; text-align:left; margin-top:20px;} .motorcycle#wrap .mHeadPr .mcInner .txtSec .certifyCode {color:#333; font-size:15px; text-align:left; margin-top:20px;} .motorcycle#wrap .cont.sectionHead {padding:98px 0;} .motorcycle#wrap .cont.sectionHead .contTitle {margin-bottom:0;} .motorcycle#wrap .cont.motorcycle01 {padding-bottom:140px;} .motorcycle#wrap .cont.motorcycle01 .imgSec {border:1px solid #939598; background:#f6f9f7; border-radius:20px; padding:46px 53px; margin-bottom:12px;} .motorcycle#wrap .cont .vChatSec {border-radius:20px;} .motorcycle#wrap .cont .vChatSec .chatBox.question {width:80%;} .motorcycle#wrap .cont .vChatSec .chatBox.answer {width:90%;} .motorcycle#wrap .cont .vChatSec .chatBox.answer:nth-child(3) {margin-top:10px;} .motorcycle#wrap .cont .vChatSec .chatBox.answer .inChat i {display:block; font-size:18px;} .motorcycle#wrap .cont.motorcycle02 .contTitle i {display:block;} .motorcycle#wrap .cont.motorcycle03 {padding-bottom:80px;} .motorcycle#wrap .cont.motorcycle03 .contTitle i {display:block;} .motorcycle#wrap .cont.motorcycle03 .imgSec {text-align:right; margin-top:36px;} .motorcycle#wrap .cont.motorcycle03 .imgSec img {width:390px;} .motorcycle#wrap .deviceFlex {display:flex; justify-content:space-between; align-items:center;} .motorcycle#wrap .deviceFlex .txtSec {width:calc(100% - 390px);} .motorcycle#wrap .deviceFlex .imgSec {width:390px; flex:0 0 auto;} .motorcycle#wrap .cont .raTxtSet {margin-top:34px; padding:0 10px;} .motorcycle#wrap .cont .raTxtSet li {display:block; position:relative; padding-left:26px; color:#939598; font-size:18px; line-height:1.6; width:100%;} .motorcycle#wrap .cont .raTxtSet li em {position:absolute; left:0; top:0; width:26px;} .motorcycle#wrap .cont.recommend .perPrd.cancer {background:#01a08a;} .motorcycle#wrap .cont.recommend .perPrd.driver {background:#4ca9a0;} .motorcycle#wrap .cont.recommend .perPrd.health {background:#f26a45;} .motorcycle#wrap .cont.recommend .perPrd.tooth {background:#ffa059;} .motorcycle#wrap .cont.recommend .perPrd.cancer .goView {color:#01a08a;} .motorcycle#wrap .cont.recommend .perPrd.driver .goView {color:#4ca9a0;} .motorcycle#wrap .cont.recommend .perPrd.health .goView {color:#f26a45;} .motorcycle#wrap .cont.recommend .perPrd.tooth .goView {color:#ffa059;} .motorcycle#wrap .cont.recommend .raTxt {margin-top:15px; color:#b3b3b3; font-size:18px; line-height:1.3; text-align:center; letter-spacing:-1px;} .bannerNotice.motorcycle { position: fixed; width:100%; height:100%; top:0px; left:0px; z-index: 100;} .bannerNotice.motorcycle .close { width:13%; height:15%; position: absolute; top:0%; right:0%; z-index: 2; cursor:pointer; } .bannerNotice.motorcycle a { font-size:0px; position: absolute; width:100%; height:100%; top:0%; left:0%; } .bannerNotice.motorcycle .link2 { width: 96%; height: 11%; bottom: 8%; top:auto; left: 2%; position: absolute; z-index: 2; } .bannerNotice.motorcycle .link.close { top: auto; width: 96%; height: 11%; bottom: 20%; left: 2%; position: absolute; z-index: 2; } .bannerNotice.motorcycle .link3 { width: 96%; height: 11%; bottom: -4%; top:auto; left: 2%; position: absolute; z-index: 2; } .bannerNotice.motorcycle .wrap { position: absolute; z-index: 2; width:450px; height:360px; top:50%; left:50%; margin-top:-180px; margin-left:-225px; } .bannerNotice.motorcycle .wrap img { width:100%; height:auto; } .bannerNotice.motorcycle .bg { background-color: rgba(0, 0, 0, 0.6); position: absolute; left: 0; top: 0; width: 100%; height: 100%; } /* tome311 */ .tome311#wrap .mHeadPr {background:#e4f6ee url(../img/top_img_young.png) no-repeat 50% 50%; background-size:auto 570px;} .tome311#wrap .mHeadPr .mcInner .txtSec .title {font-size:44px; margin:10px 0; line-height:1.2; color:#333;} .tome311#wrap .mHeadPr .mcInner .txtSec .desc {color:#333; font-size:30px; font-family:'GmarketSans';} .tome311#wrap .mHeadPr .mcInner .txtSec .desc em {color:#228765; font-family:'GmarketSansBold';} .tome311#wrap .mHeadPr .mcInner .txtSec .desc i {color:#228765; font-size:16px; font-family:'GmarketSans';} .tome311#wrap .mHeadPr .mcInner .txtSec .raTxt {color:#939598; font-size:15px; text-align:left; margin-top:20px;} .tome311#wrap .mHeadPr .mcInner .txtSec .certifyCode {color:#333; font-size:15px; text-align:left; margin-top:30px;} .tome311#wrap .raTxtSet {margin-top:10px; padding:0;} .tome311#wrap .raTxtSet li {display:block; position:relative; padding-left:20px; color:#939598; font-size:14px; line-height:1.3; width:100%;} .tome311#wrap .raTxtSet li em {position:absolute; left:0; top:0; width:20px;} .tome311#wrap .deviceFlex {display:flex; justify-content:space-between; align-items:center;} .tome311#wrap .deviceFlex .txtSec {width:calc(100% - 300px);} .tome311#wrap .deviceFlex .imgSec {width:300px; flex:0 0 auto;} .tome311#wrap .roundTxt .desc {line-height:1.4;} .tome311#wrap .roundCont {position:relative; border-radius:20px; overflow:hidden;} .tome311#wrap .roundCont:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #939598; border-radius:20px; box-sizing:border-box;} .tome311#wrap .roundCont .title {text-align:center; padding:35px 0; color:#FFF; font-size:23px; background:#228765;} .tome311#wrap .roundCont .inCont {padding:40px 34px 50px; position:relative; z-index:10;} .tome311#wrap .roundCont .inCont li {display:block; position:relative; color:#000; font-size:23px; line-height:1.4; margin-bottom:20px; padding-left:30px;} .tome311#wrap .roundCont .inCont li em {content:''; position:absolute; left:0; top:0;} .tome311#wrap .roundCont .inCont .cauTxt {color:#58595b; font-size:18px;} .tome311#wrap .cont.tome31101 .onlyOne {margin-left:0; margin-bottom:8px;} .tome311#wrap .cont.sectionHead {padding:98px 0;} .tome311#wrap .cont.sectionHead .contTitle {margin-bottom:0;} .tome311#wrap .cont.tome31101 .raTxtSet {padding:0 35px; margin-top:30px;} .tome311#wrap .cont.tome31101 .raTxtSet li {font-size:18px; padding-left:24px; line-height:1.4;} .tome311#wrap .cont.tome31101 .imgSec {text-align:right;} .tome311#wrap .cont.tome31101 .imgSec img {width:300px;} .tome311#wrap .cont.tome31102 {padding-bottom:80px;} .tome311#wrap .cont.tome31104 {padding-bottom:80px;} .tome311#wrap .cont.tome31104 .contTitle i {display:block;} .tome311#wrap .cont.tome31104 .imgSec {margin-top:40px;} .tome311#wrap .cont.tome31105 .onlyOne {margin-left:0; margin-bottom:8px;} .tome311#wrap .cont.tome31105 .imgSec {display:block; background:#f6f9f7; border:1px solid #4c9c81; padding:50px 90px; border-radius:20px;} .tome311#wrap .cont.tome31105 .raTxt {text-align:left; color:#939598; font-size:18px; padding-left:34px; position:relative;} .tome311#wrap .cont.tome31105 .raTxt em {position:absolute; left:10px; top:0;} .tome311#wrap .cont.recommend .perPrd.cancer {background:#01a08a;} .tome311#wrap .cont.recommend .perPrd.young {background:#228765;} .tome311#wrap .cont.recommend .perPrd.tooth {background:#f26a45;} .tome311#wrap .cont.recommend .perPrd.medic {background:#ffa059;} .tome311#wrap .cont.recommend .raTxt {margin-top:0px; color:#b3b3b3; font-size:18px; line-height:1.3; text-align:center; letter-spacing:-1px;} .popQr {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:600px; height:auto; border-radius:25px; background:#f4f3f3; overflow:hidden; z-index:2000; display:none;} .popQr .qrClose {position:absolute; right:50px; top:45px; width:22px; height:22px; background:url(../img/ico_qr_close.png) no-repeat 50% 50%; background-size:100%; cursor:pointer;} .popQr .qrSec {display:block; padding:60px 40px; text-align:center;} .popQr .qrSec img {width:195px; height:192px;} .popQr .qrInfoSec {display:block; background:#FFF; padding:45px 0 55px;} .popQr .qrInfoSec .qrTxt {text-align:center; color:#333; font-size:28px; font-weight:700; line-height:1.4; margin-bottom:24px;} .popQr .qrInfoSec .qrTxt em {color:#881f31;} .popQr .qrInfoSec a.btnQrok {display:block; width:330px; height:65px; line-height:65px; text-align:center; color:#FFF; font-size:28px; font-weight:700; border-radius:16px; margin:0 auto; background:#881f31;} /* care */ .care#wrap .mHeadPr {background:#e4f6ee url(../img/top_img_young.png) no-repeat 50% 50%; background-size:auto 570px;} .care#wrap .mHeadPr .mcInner .txtSec .title {font-size:44px; margin:10px 0; line-height:1.2; color:#228765;} .care#wrap .mHeadPr .mcInner .txtSec .desc {color:#333; font-size:30px; font-family:'GmarketSans';} .care#wrap .mHeadPr .mcInner .txtSec .desc em {color:#228765; font-family:'GmarketSansBold';} .care#wrap .mHeadPr .mcInner .txtSec .raTxt {color:#939598; font-size:15px; text-align:left; margin-top:20px;} .care#wrap .mHeadPr .mcInner .txtSec .certifyCode {color:#333; font-size:15px; text-align:left; margin-top:20px;} .care#wrap .cont .raTxtSet {margin-top:20px; padding:0 37px;} .care#wrap .cont .raTxtSet li {display:block; position:relative; padding-left:26px; color:#939598; font-size:18px; line-height:1.4; width:100%;} .care#wrap .cont .raTxtSet li em {position:absolute; left:0; top:0; width:20px;} .care#wrap .cont.family01 {padding:140px 0;} .care#wrap .cont.family01 .imgSec {background:#f6f9f7; border:1px solid #939598; padding:75px 70px 50px; border-radius:20px;} .care#wrap .cont.sectionHead.short {padding:98px 0;} .care#wrap .cont.sectionHead.short .contTitle {margin-bottom:0;} .care#wrap .cont.family02 .imgSec {padding:45px 83px; border:1px solid #939598; color:#000; font-size:23px; font-weight:500; line-height:1.4; margin-bottom:16px; border-radius:20px;} .care#wrap .cont.family02 .imgSec .title {color:#000; font-size:23px; padding:0 15px 20px; margin-bottom:36px; border-bottom:1px solid #939598;} .care#wrap .cont.family02 .imgSec .raTxt {text-align:right; margin-top:44px; font-size:18px;} .care#wrap .cont.flex {display:flex; justify-content:flex-start; align-items:flex-start; gap:0 56px; flex-wrap:wrap;} .care#wrap .cont.flex .imgSec {width:295px; flex:0 0 auto;} .care#wrap .cont.family04 {padding-bottom:80px;} .care#wrap .cont.family04 .contTitle i {display:block;} .care#wrap .cont.recommend .perPrd.health {background:#01a08a;} .care#wrap .cont.recommend .perPrd.driver {background:#4ca9a0;} .care#wrap .cont.recommend .perPrd.tooth {background:#ffa059;} .care#wrap .cont.recommend .perPrd.life {background:#f26a45;} .care#wrap .cont.recommend .raTxt {margin-top:0px; color:#b3b3b3; font-size:18px; line-height:1.3; text-align:center; letter-spacing:-1px;} /* mental */ .mental#wrap .mHeadPr {background:#e4f6ee url(../img/top_img_young.png) no-repeat 50% 50%; background-size:auto 570px;} .mental#wrap .mHeadPr .mcInner .txtSec .desc i {font-size:16px;} .mental#wrap .mHeadPr .mcInner .txtSec .title {font-size:36px; margin:10px 0; line-height:1.2;} .mental#wrap .mHeadPr .mcInner .txtSec .raTxt {color:#939598; font-size:15px; text-align:left; margin-top:10px;} .mental#wrap .mHeadPr .mcInner .txtSec .certifyCode {color:#333; font-size:15px; text-align:left;} .mental#wrap .cont.sectionHead {padding:98px 0;} .mental#wrap .cont.sectionHead .contTitle {margin-bottom:0;} .mental#wrap .cont.mental01 .contTitle span {position:relative;} .mental#wrap .cont.mental01 .contTitle span:after {content:''; position:absolute; left:-2%; bottom:4px; width:104%; height:15px; background:#fffa7c;} .mental#wrap .cont.mental01 .contTitle span em {position:relative; z-index:10;} .mental#wrap .cont.mental01 .contTitle i {display:block;} .mental#wrap .cont.mental01 .roundImg {background:#f6f9f7; border:1px solid #939598; border-radius:20px; padding:50px 62px; margin-bottom:20px;} .mental#wrap .cont.mental01 .roundImg .title {color:#000; font-size:23px; padding-bottom:20px; border-bottom:1px solid #a9c8bd; margin-bottom:50px;} .mental#wrap .cont.mental01 .roundImg .title span {font-size:18px;} .mental#wrap .cont.mental01 .roundImg .raTxt {text-align:right; color:#939598; font-size:18px; line-height:1.4; margin-top:20px;} .mental#wrap .cont.mental01 .roundTxt {padding:64px 37px;} .mental#wrap .cont.mental01 .roundTxt .title {display:flex; justify-content:center; align-items:flex-end; gap:10px; color:#333; font-size:32px; font-weight:500; margin-bottom:49px;} .mental#wrap .cont.mental01 .roundTxt .title span {color:#939598; font-size:18px; margin-bottom:5px;} .mental#wrap .cont.mental01 .roundTxt .itemTable {display:block; padding:0; margin:0; width:100%; table-layout:fixed;} .mental#wrap .cont.mental01 .roundTxt .itemTable table {width:100%;} .mental#wrap .cont.mental01 .roundTxt .itemTable th, .mental#wrap .cont.mental01 .roundTxt .itemTable td {border:1px solid #c5c5c5; padding:10px; color:#4b4b4b; font-size:22px; font-weight:500; text-align:center;} .mental#wrap .cont.mental01 .roundTxt .itemTable th {background:#838383; color:#FFF; font-weight:500;} .mental#wrap .cont.mental01 .roundTxt .tdCont {display:flex; justify-content:flex-start; align-items:flex-start; line-height:1.4; gap:8px; text-align:left;} .mental#wrap .cont.mental01 .roundTxt .tdCont .onlyOne {font-size:22px;} .mental#wrap .cont.mental01 .roundTxt .tdCont .txt {flex:0 1 auto; margin-top:5px;} .mental#wrap .cont.mental01 .roundTxt .txt {margin-top:5px; text-align:left;} .mental#wrap .cont.mental01 .roundTxt .guideTxt {position:relative; margin-top:20px;} .mental#wrap .cont.mental01 .roundTxt .guideTxt li {position:relative; padding-left:27px; color:#58595b; font-size:18px; line-height:1.4; margin-bottom:8px;} .mental#wrap .cont.mental01 .roundTxt .guideTxt li:last-child {margin-bottom:0;} .mental#wrap .cont.mental01 .roundTxt .guideTxt li:after {content:''; position:absolute; left:8px; top:8px; width:10px; height:3px; background:#58595b;} .mental#wrap .cont.mental01 .raTxt {font-size:18px; text-align:left; padding-left:45px;} .mental#wrap .cont.mental02 .contTitle span {display:block; color:#228765; text-align:left; margin:10px 0 0 0; font-size:18px;} .mental#wrap .cont.recommend .perPrd.cancer {background:#01a08a;} .mental#wrap .cont.recommend .perPrd.young {background:#228765;} .mental#wrap .cont.recommend .perPrd.tooth {background:#f26a45;} .mental#wrap .cont.recommend .perPrd.medic {background:#ffa059;} .mental#wrap .cont.recommend .raTxt {margin-top:20px; color:#b3b3b3; font-size:18px; line-height:1.3; text-align:center; letter-spacing:-1px;}