@charset "utf-8";
@font-face {
    font-family: 'GmarketSans';
    src: url('./font/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    font-weight: 700;
    font-style: normal;
    src: url('./font/GmarketSansBold.eot');
    src: url('./font/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
         url('./font/GmarketSansBold.woff2') format('woff2'),
         url('./font/GmarketSansBold.woff') format('woff'),
         url('./font/GmarketSansBold.ttf') format("truetype");
    font-display: swap;
}

@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: local('Pretendard Variable'), url('./font/PretendardVariable.woff2') format('woff2-variations');
}

/****** Reset ******/
*{margin:0;padding:0; box-sizing:border-box;}
html,body{width:100%;}
html {scroll-behavior: smooth;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}

body,h1,h2,h3,h4,input,button{font-family: "Pretendard Variable"; font-size:14px; font-weight:400; letter-spacing:-1px; color:#333;}
body{background:#FFF; word-break:keep-all; padding:0; margin:0; position:relative;}
body.noScroll {position:fixed; width:100%; height:100%; left:0; top:0; overflow:hidden;}
img,fieldset,iframe{border:0 none}
div {display:block; box-sizing:border-box;}
li{list-style:none; box-sizing:border-box;}
input,select,button{vertical-align:middle; font-family: "Pretendard Variable", sans-serif; font-size:14px; font-weight:300; letter-spacing:-1px; outline:none; color:#333;}
textarea {font-family: "Pretendard Variable", sans-serif;}
input {letter-spacing:0;}
input, select:focus {outline: none;}
*:focus {outline:none; box-shadow: none;}
optgroup {font-weight: bolder;}
img{vertical-align:middle; width:100%;}
label,button{cursor:pointer}
button{margin:0;padding:0; border:0; background:none; cursor:pointer;}
a{color:#333;text-decoration:none}
a:hover{text-decoration:none;}
legend,hr{visibility:hidden;width:0;height:0;font-size:0;line-height:0}
caption{display:none; overflow:hidden;}
table{border-collapse:collapse;table-layout:fixed; border-collapse:collapse;border-spacing:0;}
table caption{display:none;}
.clearfix:after { display:block; clear:both; height:0px; visibility:hidden; content:"."; }
i, em, address {font-style:normal;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #bdbdbd;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #bdbdbd;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #bdbdbd;
}
:-moz-placeholder { /* Firefox 18- */
  color: #bdbdbd;
}

/* input, textarea, button {-webkit-appearance:none; -moz-appearance:none; appearance:none;} */
input, textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}

@keyframes blink-effect {
  50% {opacity: 0;}
}
.blink {animation: blink-effect 1s step-end infinite;}

.fontGmk * {font-family:'GmarketSans';}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe, .embed-container object, .embed-container embed , .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.comnHeader {position:sticky; left:0; top:0; width:100%; height:70px; background:#FFF; z-index:100; border-bottom:1px solid #dee1e0;}
.comnHeader .inner {width:1200px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; height:100%; padding:0;}
.comnHeader .inner .logo {display:block; width:111px;}

.comnHeader .inner nav {display:block;}
.comnHeader .inner nav ul {display:flex; justify-content:center; align-items:center;}
.comnHeader .inner nav ul li {position:relative;}
.comnHeader .inner nav ul li > a {display:block; position:relative; padding:25px 20px; color:#000; font-size:18px; font-weight:400;}
.comnHeader .inner nav ul li > a span {position:relative;}
.comnHeader .inner nav ul li > a span:before {content:''; position:absolute; width:0%; height:2px; left:50%; bottom:-5px; transform:translate(-50%, 0); background:#1c8549; transition:.3s all;}
.comnHeader .inner nav ul li dl {height:0; position:absolute; width:100%; min-width:120px; left:50%; top:60px; transform:translate(-50%, 0); background:#FFF; border-radius:10px; box-shadow:0px 0px 7px rgb(65 65 65 / 20%); padding:0px; transition:.4s all;}
.comnHeader .inner nav ul li dl.wide {width:156px;}
.comnHeader .inner nav ul li dl dt {display:none;}
.comnHeader .inner nav ul li dl dd {display:block;}
.comnHeader .inner nav ul li dl dd a {display:block; opacity:0; padding:0; font-size:16px; text-align:center; color:#333; transition:.3s all;}
.comnHeader .inner nav ul li dl dd a:hover {background:#f4f4f4; border-radius:3px; color:#1c8549;}
.comnHeader .inner nav ul li.over > a {color:#1c8549;}
.comnHeader .inner nav ul li.over > a span:before {width:100%;}
.comnHeader .inner nav ul li.over dl {height:auto; padding:10px 5px;}
.comnHeader .inner nav ul li.over dl dd {height:auto;}
.comnHeader .inner nav ul li.over dl dd a {display:block; padding:7px 5px; opacity:1.0;}
.comnHeader .inner nav ul li.active > a {color:#1c8549;}
.comnHeader .inner nav ul li.active > a span:before {width:100%;}

.comnHeader .inner .callCenter {display:flex; justify-content:center; align-items:center; padding:5px 12px; font-size:15px; color:#228765; background:#ecf9f0; border:2px solid #228765; font-weight:600; border-radius:100px; gap:9px; font-family:'Pretendard Variable'; letter-spacing:0;}
.comnHeader .inner .callCenter:before {content:''; display:inline-block; width:20px; height:20px; background:url(../images/menu_num_icon.svg) no-repeat 50% 50%; background-size:100%;}

.mContents {position:relative;}
.subComnWrap {position:relative;}

/* common */
.mHeadPr {position:relative; height:570px; display:flex; justify-content:center; align-items:center;}
.mHeadPr .mcInner {width:100%; max-width:1200px; display:flex; justify-content:space-between; align-items:center;}
.mHeadPr .mcInner .txtSec {position:relative;}
.mHeadPr .mcInner .txtSec .referTxt {color:#939598; font-size:16px; margin-bottom:6px;}
.mHeadPr .mcInner .txtSec .desc {color:#228765; font-size:30px; font-family: 'GmarketSansBold';}
.mHeadPr .mcInner .txtSec .title {color:#333; font-size:36px; font-family: 'GmarketSansBold'; line-height:1.3; margin:10px 0 20px;}
.mHeadPr .mcInner .txtSec .title em {display:inline-block; color:#939598; font-size:16px; font-family:'GmarketSans'; margin-left:10px;}
.mHeadPr .mcInner .txtSec .prdName {color:#333; font-size:16px;}
.mHeadPr .mcInner .txtSec .prdName.big {font-size:30px; font-family: 'GmarketSansBold';}
.mHeadPr .mcInner .formSec {width:500px; position:relative;}
.mHeadPr .mcInner .formSec .raTxt {position:absolute; left:50%; bottom:-34px; transform:translate(-50%, 0); width:100%; text-align:center; margin-top:0; color:#939598; font-size:14px; letter-spacing:-0.5px;}

.formSec .insureForm {padding:48px; border-radius:28px; background:#FFF; -webkit-box-shadow: 0px 0px 15px 0px rgba(195,214,205,0.5); -moz-box-shadow: 0px 0px 15px 0px rgba(195,214,205,0.5); box-shadow: 0px 0px 15px 0px rgba(195,214,205,0.5);}
.formSec .insureForm .title {position:relative; margin-bottom:20px;}
.formSec .insureForm .title span {color:#000; font-size:18px;}
.formSec .insureForm .formBox {position:relative;}
.formSec .insureForm .formBox .formBlock {position:relative; margin-bottom:6px;}
.formSec .insureForm .formBox .formBlock input[type="text"], 
.formSec .insureForm .formBox .formBlock input[type="number"] {display:inline-block; width:100%; height:65px; line-height:65px; text-align:center; border:1px solid #bdbdbd; border-radius:6px; font-size:20px; color:#000;}
.formSec .insureForm .formBox .formBlock.name {padding-right:146px;}
.formSec .insureForm .formBox .formBlock .gender {position:absolute; right:0; top:0; width:140px; height:auto;}
.formSec .insureForm .formBox .formBlock .gender input[type="radio"] { display: none;}
.formSec .insureForm .formBox .formBlock .gender label {float:left; text-align:center; background-color: #fff;width: 70px;height: 65px;line-height: 65px;border: 1px solid #bdbdbd; color:#bdbdbd; font-size:20px;}
.formSec .insureForm .formBox .formBlock .gender label.m{border-radius:6px 0 0 6px;}
.formSec .insureForm .formBox .formBlock .gender label.f{border-radius:0 6px 6px 0; border-left:0;}
.formSec .insureForm .formBox .formBlock .gender input[type="radio"]:checked + label {background-color:#228765;color: #fff; border:1px solid #228765;}
.formSec .insureForm .formBox .formBlock.tel {border:1px solid #bdbdbd; border-radius:6px; display:flex; justify-content:flex-start; align-items:center; overflow:hidden; position:relative;}
.formSec .insureForm .formBox .formBlock.tel:before {content:'-'; position:absolute; left:31%; top:50%; transform:translate(0, -50%); font-size:20px; color:#999;}
.formSec .insureForm .formBox .formBlock.tel:after {content:'-'; position:absolute; right:32%; top:50%; transform:translate(0, -50%); font-size:20px; color:#999;}
.formSec .insureForm .formBox .formBlock.tel input[type="text"] {float:left; width:33.3333%; border:0; border-radius:0; background:transparent;}

.formSec .insureForm .formBtns {display:flex; align-items:center; gap:6px;}
.formSec .insureForm .formBtns .btn {width:50%; display:flex; justify-content:center; align-items:center; gap:8px; color:#FFF; font-size:18px; font-weight:500; border-radius:6px; position:relative; padding:19px 0;}
.formSec .insureForm .formBtns .btn.payment {background:#228765;}
.formSec .insureForm .formBtns .btn.consulting {background:#f47920;}
.formSec .insureForm .formBtns .btn.consulting.full {width:100%; background:#f47920;}
.formSec .insureForm .formBtns .btn.consulting.full:before {content:''; display:inline-block; width:26px; height:24px; background:url(../img/ico_consulting.png) no-repeat 50% 50%; background-size:100%;}

.formSec .insureForm .midBnr {display:flex; justify-content:space-between; align-items:center; padding:22px 38px; background:#87c0a7; border-radius:6px; margin-top:6px;}
.formSec .insureForm .midBnr .txt {color:#FFF; font-size:14px; font-weight:300; line-height:1.3;}
.formSec .insureForm .midBnr .txt em {display:block; font-size:21px; font-family: 'GmarketSansBold';}
.formSec .insureForm .midBnr img {width:75px;}
.raTxt {margin-top:20px; text-align:center; color:#939598; font-size:12px; line-height:1.2;}
.raTxt.noto {font-family:'Noto Sans KR';}

.insureInfo {position:relative; padding:0px 20px 40px;}

/* newChatbot */
.hemilre#wrap .floatCalForm {background:#3b3b3b; border-radius:20px; padding:0 200px 0 170px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.hemilre#wrap #hemilInsureForm { transition: opacity 0.6s, transform 0.5s; position: fixed; left: calc(50% - 600px); z-index:100; bottom:30px; width: 1200px;} 
.hemilre#wrap #hemilInsureForm h3 {position:absolute; left:40px; top:50%; transform:translate(0 ,-50%); color:#FFF; font-size:25px; font-weight:600; line-height:1.3;} 
.hemilre#wrap #hemilInsureForm #frm3 { height: 100%; line-height: 82px; } 
.hemilre#wrap #hemilInsureForm #frm3 .formBox {display:flex; justify-content:space-between; align-items:center; gap:14px; padding:20px 40px 20px 0;}
.hemilre#wrap #hemilInsureForm #frm3 .btns {position:absolute; right:0; top:0; width:200px; height:100%; background:#bd9361; border-radius:0 20px 20px 0;}
.hemilre#wrap #hemilInsureForm #frm3 .btns .btn .icon { width: 33px; height: 33px; background-size: cover; z-index: 1; filter: invert(100%) sepia(0%) saturate(3303%) hue-rotate(98deg) brightness(111%) contrast(106%);; } 
.hemilre#wrap #hemilInsureForm #frm3 .btns .btn {display:flex; justify-content:center; align-items:center; gap:0px; border-radius:0 20px 20px 0; color: #fff; height: 100%; font-size: 32px; font-weight: 600; padding-right: 0px; text-align: center; position: absolute; right: 0; bottom: 0; width:100%;} 
.hemilre#wrap #hemilInsureForm #frm3 .btns .btn div { display: inline-block; overflow: hidden; line-height: initial; height: 40px; vertical-align: middle; } 
.hemilre#wrap #hemilInsureForm #frm3 .btns .btn span { display: inline-block; line-height: initial; text-shadow: 0px 33px 0px #fff; -webkit-animation: textWave 2s linear both; animation: textWave 2s linear both; animation-iteration-count: infinite; } 
.hemilre#wrap #hemilInsureForm #frm3 .btns .btn span:nth-child(1) { animation-delay: 0.1s; } 
.hemilre#wrap #hemilInsureForm #frm3 .btns .btn span:nth-child(2) { animation-delay: 0.2s; margin-left: -4px; } 
.hemilre#wrap #hemilInsureForm #frm3 .btns .btn span:nth-child(3) { animation-delay: 0.3s; margin-left: -4px; } 
.hemilre#wrap #hemilInsureForm #frm3 .btns .btn span:nth-child(4) { animation-delay: 0.4s; margin-left: -4px; } 
.hemilre#wrap #hemilInsureForm #frm3 .formBox .gender input[type="radio"] { position: absolute; left: -9999px; width: 1px; height: 1px; margin: -1px; overflow: hidden; opacity: 0; } 
.hemilre#wrap #hemilInsureForm #frm3 .formBox .gender label { font-size:17px; color:#919191; position: static; background:#FFF; display: inline-block; width: 50px; line-height: 50px; text-align: center; } 
.hemilre#wrap #hemilInsureForm #frm3 .formBox .gender label.m {border-radius:10px 0 0 10px;} 
.hemilre#wrap #hemilInsureForm #frm3 .formBox .gender label.f {border-radius:0 10px 10px 0; margin-left:-1px;} 
.hemilre#wrap #hemilInsureForm #frm3 .formBox .gender input[type="radio"]:checked + label { background-color: #bd9361; color:#FFF; } 
.hemilre#wrap #hemilInsureForm #frm3 .formBox .formGroup { width: 200px; line-height:0px; display: inline-block; vertical-align: middle; } 
.hemilre#wrap #hemilInsureForm #frm3 .formBox .name { width: 184px;} 
.hemilre#wrap #hemilInsureForm #frm3 .formBox .birth {width:230px;}
.hemilre#wrap #hemilInsureForm #frm3 .formBox .gender { width:auto; } 
.hemilre#wrap #hemilInsureForm #frm3 .formBox .tel { background-color:#fff; padding: 0; border-radius:10px; padding: 0; box-sizing: border-box; width:230px;} 
.hemilre#wrap #hemilInsureForm #frm3 .formBox .tel em { margin:0 5px; color:#bababa; } 
.hemilre#wrap #hemilInsureForm #frm3 .formBox .tel input {float:left; width:33.3333%; border:0; border-radius:none; background:transparent;} 
.hemilre#wrap #hemilInsureForm #frm3 .formBox .input {display:inline-block; width:100%; font-size:18px; font-weight:400; height: 50px; background-color:#fff; border:0; border-radius: 10px; padding: 0 5px; text-align: center; vertical-align: top; box-sizing:border-box;} 
.hemilre#wrap #hemilInsureForm.hide { transform: translateY(190%); opacity: 0; pointer-events: none; } 

/* care */
.care#wrap #hemilInsureForm { transition: opacity 0.6s, transform 0.5s; position: fixed; left: calc(50% - 600px); z-index:100; bottom:30px; width: 1200px;} 
.care#wrap #hemilInsureForm h3 {position:absolute; left:40px; top:50%; transform:translate(0 ,-50%); color:#FFF; font-size:25px; font-weight:600; line-height:1.3;} 
.care#wrap #hemilInsureForm #frm3 { height: 100%; line-height: 82px; } 
.care#wrap #hemilInsureForm #frm3 .formBox {display:flex; justify-content:space-between; align-items:center; gap:14px; padding:20px 40px 20px 0;}
.care#wrap #hemilInsureForm #frm3 .btns {position:absolute; right:0; top:0; width:200px; height:100%; background:#f56e2b; border-radius:0 20px 20px 0;}
.care#wrap #hemilInsureForm #frm3 .btns .btn .icon { width: 33px; height: 33px; background-size: cover; z-index: 1; filter: invert(100%) sepia(0%) saturate(3303%) hue-rotate(98deg) brightness(111%) contrast(106%);; } 
.care#wrap #hemilInsureForm #frm3 .btns .btn {display:flex; justify-content:center; align-items:center; gap:0px; border-radius:0 20px 20px 0; color: #fff; height: 100%; font-size: 32px; font-weight: 600; padding-right: 0px; text-align: center; position: absolute; right: 0; bottom: 0; width:100%;} 
.care#wrap #hemilInsureForm #frm3 .btns .btn div { display: inline-block; overflow: hidden; line-height: initial; height: 40px; vertical-align: middle; } 
.care#wrap #hemilInsureForm #frm3 .btns .btn span { display: inline-block; line-height: initial; text-shadow: 0px 33px 0px #fff; -webkit-animation: textWave 2s linear both; animation: textWave 2s linear both; animation-iteration-count: infinite; } 
.care#wrap #hemilInsureForm #frm3 .btns .btn span:nth-child(1) { animation-delay: 0.1s; } 
.care#wrap #hemilInsureForm #frm3 .btns .btn span:nth-child(2) { animation-delay: 0.2s; margin-left: -4px; } 
.care#wrap #hemilInsureForm #frm3 .btns .btn span:nth-child(3) { animation-delay: 0.3s; margin-left: -4px; } 
.care#wrap #hemilInsureForm #frm3 .btns .btn span:nth-child(4) { animation-delay: 0.4s; margin-left: -4px; } 
.care#wrap #hemilInsureForm #frm3 .formBox .gender input[type="radio"] { position: absolute; left: -9999px; width: 1px; height: 1px; margin: -1px; overflow: hidden; opacity: 0; } 
.care#wrap #hemilInsureForm #frm3 .formBox .gender label { font-size:17px; color:#919191; position: static; background:#FFF; display: inline-block; width: 50px; line-height: 50px; text-align: center; } 
.care#wrap #hemilInsureForm #frm3 .formBox .gender label.m {border-radius:10px 0 0 10px;} 
.care#wrap #hemilInsureForm #frm3 .formBox .gender label.f {border-radius:0 10px 10px 0; margin-left:-1px;} 
.care#wrap #hemilInsureForm #frm3 .formBox .gender input[type="radio"]:checked + label { background-color: #f56e2b; color:#FFF; } 
.care#wrap #hemilInsureForm #frm3 .formBox .formGroup { width: 200px; line-height:0px; display: inline-block; vertical-align: middle; } 
.care#wrap #hemilInsureForm #frm3 .formBox .name { width: 184px;} 
.care#wrap #hemilInsureForm #frm3 .formBox .birth {width:230px;}
.care#wrap #hemilInsureForm #frm3 .formBox .gender { width:auto; } 
.care#wrap #hemilInsureForm #frm3 .formBox .tel { background-color:#fff; padding: 0; border-radius:10px; padding: 0; box-sizing: border-box; width:230px;} 
.care#wrap #hemilInsureForm #frm3 .formBox .tel em { margin:0 5px; color:#bababa; } 
.care#wrap #hemilInsureForm #frm3 .formBox .tel input {float:left; width:33.3333%; border:0; border-radius:none; background:transparent;} 
.care#wrap #hemilInsureForm #frm3 .formBox .input {display:inline-block; width:100%; font-size:18px; font-weight:400; height: 50px; background-color:#fff; border:0; border-radius: 10px; padding: 0 5px; text-align: center; vertical-align: top; box-sizing:border-box;} 
.care#wrap #hemilInsureForm.hide { transform: translateY(190%); opacity: 0; pointer-events: none; } 


/*popup*/
.agreePop {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9999; display:none;}
.agreePop * {font-family:'Pretendard Variable';}
.agreePop .frame { position: absolute; top: 50%; left: 50%; width: 600px; background-color: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius:30px; padding:45px 35px;}
.agreePop .close { position: absolute; top: 0px; right: 0px; width: 41px; height: 0; padding-top: 41px; background:url("../img/btn_close_agree.png") 50% 50% no-repeat; overflow: hidden;} 
.agreePop .header { position: relative; text-align: center; color: #333;} 
.agreePop .header h2 { font-size: 28px; font-weight:600; margin-bottom:30px;} 
.agreePop .cont {position:relative; padding:0;} 
.agreePop .cont .all {display:flex; justify-content:space-between; align-items:center; padding:27px 0 20px; border-top:1px solid #e1e1e1;}
.agreePop .cont .all p {color:#333; font-size:16px; font-weight:400; line-height:1.3; padding-left:5px;}
.agreePop .cont .all .btnAll { width:190px; height:40px; font-size:21px; font-weight:600; line-height:22px; color:#fff; background: #158450; border-radius:10px; } 
.agreePop .cont .contBox { } 
.agreePop .cont .contBox .agreeSet { height:28px; } 
.agreePop .cont .contBox .agreeSet::after { content:""; display:block; clear: both; } 
.agreePop .cont .contBox .agreeSet .warn { display:none; width:335px; float: left; position: relative; padding-left:5px; font-size:16px; font-weight:500; line-height: 28px; color:#ed620d; } 
.agreePop .cont .contBox .agreeSet .warn.on { display: block; } 
.agreePop .cont .contBox .radioBox { float:right; padding-top:3px; } 
.agreePop .cont .contBox .radioBox .lb { vertical-align: middle; margin-left:20px; } 
.agreePop .cont .contBox .radioBox .lb input { vertical-align: middle; width:18px; height:18px; } 
.agreePop .cont .contBox .radioBox .lb {display:inline-block; margin:0 25px 0 0; cursor:pointer; vertical-align:middle; padding:0;}
.agreePop .cont .contBox .radioBox .lb:last-child {margin-right:0;}
.agreePop .cont .contBox .radioBox .lb input {position:absolute; visibility:hidden;}
.agreePop .cont .contBox .radioBox .lb input + span {display:inline-block; padding:0px 0px 0px 22px; background:url(../img/bg_chk_off.png) no-repeat left 0px; background-size:18px 18px; font-size:16px; color:#333; font-weight:500;}
.agreePop .cont .contBox .radioBox .lb input:checked + span {background:url(../img/bg_chk_g_on.png) no-repeat left 0px; background-size:18px 18px; color:#333;}
.agreePop .cont .contBox .rollBox { width:530px; height:108px; overflow: auto; padding:10px; margin-bottom: 12px; background: #fbfbfb; border:1px solid #e1e1e1; font-size:12px; font-weight:400; letter-spacing:-0.04em; } 
.agreePop .cont .contBox .rollBox.small { height:78px; } 
.agreePop .cont .contBox .rollBox a { text-decoration: underline; } 
.agreePop .cont .contBox .rollBox h3 { margin-top:12px; font-size:18px; } 
.agreePop .cont .contBox .rollBox p, .agreePop .cont .contBox .rollBox ul { margin-top:10px; line-height:18px; } 
.agreePop .cont .contBox .rollBox ul .sub { margin:0 0 0 10px; } 
.agreePop .cont .btnCheck { display:block; width:330px; height:65px; margin:26px auto 0; background:#ed620d; font-size:28px; font-weight:700; color:#fff; border-radius:10px;}
.agreePop .cont .btnCheck.gr { background-color: #158450; } 

/*hemilre popup S*/
.agreePop.hemilre .cont .contBox .radioBox .lb input + span {display:inline-block; padding:0px 0px 0px 22px; background:url(../img/bg_chk_off.png) no-repeat left 0px; background-size:18px 18px; font-size:16px; color:#333; font-weight:500;}
.agreePop.hemilre .cont .contBox .radioBox .lb input:checked + span {background:url(../img/bg_chk_on.png) no-repeat left 0px; background-size:18px 18px; color:#333;}
.agreePop.hemilre .cont .all .btnAll { width:190px; height:40px; font-size:21px; font-weight:600; line-height:22px; color:#fff; background: #7b4552; border-radius:10px; } 
.agreePop.hemilre .cont .btnCheck { display:block; width:330px; height:65px; margin:26px auto 0; background:#b98f5e; font-size:28px; font-weight:700; color:#fff; border-radius:10px;}
.agreePop.hemilre .cont .btnCheck.gr { background-color: #158450; } 
/*hemilre popup E*/

.result { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9999; } 
.result .frame { position: absolute; top: 50%; left: 50%; width: 800px; background-color: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } 
.result .close { position: absolute; top: 11px; right: 11px; width: 41px; height: 0; padding-top: 41px; background: #17513b url("../images/btn_close_result.png") 50% 50% no-repeat; overflow: hidden; } 
.result .header { position: relative; height: 62px; text-align: center; font-size: 24px; line-height: 62px; color: #fff; background-color: #1ca77e; } 
.result .header h2 { font-size:28px; color:#FFF;} 
.result .header span { font-weight: 700; } 
.result .cont { height: 475px; padding: 33px 52px 30px 303px; text-align: center; background: #f8fdff url("../images/bg_result.png") 35px 0 no-repeat; display:flex; justify-content:center; align-items:center; flex-direction:column;} 
.result .cont h3 { margin-bottom: 24px; font-size: 35px; } 
.result .cont h3 span { font-weight: 700; color: #17513b; } 
.result .box { padding: 22px 0; border-top: 1px solid #dfe0e1; border-bottom: 1px solid #dfe0e1; } 
.result .box .ageType1 p { font-size:25px; line-height:1.4; } 
.result .main { font-size: 34px; } 
.result .main .name { font-size: 35px; font-weight: 700; } 
.result .rst { font-size: 25px; line-height: 1; } 
.result .rst .label { display: inline-block; width: 4em; text-align: right; vertical-align: bottom; font-size: 34px; } 
.result .rst .fee { font-size: 46px; font-weight: 700; } 
.result .rst .type1 .fee,.result .rst .type2 .fee { font-size: 40px; letter-spacing: -2px; } 
.result .rst .orange { color: #ed620d; margin-right: 5px; } 
.result .rst .type { position: relative; display: inline-block; line-height:1.3; border}  
.result .rst .type p { font-size:28px; font-weight:700; margin-right:10px; display: inline-block } 
.result .cf { margin-top: 50px; font-size: 15px; display: none; } 
.result .gift { display: inline-block; margin-top: 20px; } 
.result .btnCall { display: block; width: 320px; margin: 20px auto 0; padding: 16px 0; font-size: 21px; color: #fff; background-color: #ed620d; } 
.result .btnCall span { position: relative; } 
.result .btnCall span:before { content: ""; position: absolute; top: 50%; right: 100%; width: 14px; height: 19px; margin-top: -10px; margin-right: 10px; background: url("../images/ico_tel.png") no-repeat; } 
.result .gift { font-size: 18px; line-height: 24px; text-align: left; padding-left: 114px; background: url("../images/gift.png") 0 50%/104px auto no-repeat; } 
.result .gift p { font-weight: 700; } 
.result .gift span { display: block; font-size: 12px; letter-spacing: -0.015em; font-weight: 400; } 
.result .boxType1.box .type {position: relative; display: inline-block; line-height: 1.3; font-size: 20px;}

.result .box.boxType2 {border-bottom:0; padding-bottom:0;}
.result .boxType2 .rst .type {border-bottom: 1px solid #dfe0e1; padding-bottom:20px;}
.result .boxType2 .cauTxt {text-align:center; color:#999; font-size:14px; line-height:1.3; margin-top:20px; letter-spacing:0;}

.layer { display:none; position:fixed; top:0; left:0; width:100%; height:100%; font-weight:300; background-color:rgba(0,0,0,0.5); z-index:9999; } 
.layer .frame { position:absolute; top:50%; left:50%; width:800px; padding:30px 35px; background-color:#fff; transform:translate(-50%, -50%); } 
.layer .header { margin-bottom:30px; text-align:center; } 
.layer .header h2 { margin-bottom:20px; padding-bottom:15px; font-size:32px; border-bottom:2px solid #a5a5a5; } 
.layer .cont ul { margin-bottom:20px; padding:25px 35px; background-color:#ececec; } 
.layer .cont li p { margin-top:12px; font-size:17px; font-weight:500; } 
.layer .cont li:first-of-type p { margin-top:0; } 
.layer .cont a:hover { text-decoration:underline; } 
.layer .chk { margin-top:20px; text-align:center; } 
.layer .chk label { margin:0 15px; cursor:pointer; } 

@keyframes textWave { 
	0% { transform: translateY(0px); } 
	30% { transform: translateY(-33px); } 
	100% { transform: translateY(-33px); } 
}
@-webkit-keyframes textWave { 
	0% { transform: translateY(0px); } 
	30% { transform: translateY(-33px); } 
	100% { transform: translateY(-33px); } 
}

/* newChatbot */
.fontGmk .floatCalForm {background:#3b3b3b; border-radius:20px; padding:0 180px 0 250px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.fontGmk .floatCalForm { transition: opacity 0.6s, transform 0.5s; position: fixed; left:50%; transform:translate(-50%, 0); z-index:100; bottom:30px; width: 1080px;} 
.fontGmk .floatCalForm.hide { transform: translate(-50%, 190%); opacity: 0; pointer-events: none;} 
.fontGmk .floatCalForm h3 {position:absolute; left:40px; top:54%; transform:translate(0 ,-50%); color:#FFF; font-size:23px; font-weight:600; line-height:1.3;} 
.fontGmk .floatCalForm #frm3 { height: 100%; line-height: 82px; } 
.fontGmk .floatCalForm #frm3 .formBox {display:flex; justify-content:space-between; align-items:center; gap:12px; padding:20px 25px 20px 0;}
.fontGmk .floatCalForm #frm3 .btns {position:absolute; right:0; top:0; width:180px; height:100%; background:#f06141; border-radius:0 20px 20px 0;}
.fontGmk .floatCalForm #frm3 .btns .btn .icon { width: 33px; height: 33px; background-size: cover; z-index: 1; filter: invert(100%) sepia(0%) saturate(3303%) hue-rotate(98deg) brightness(111%) contrast(106%);; } 
.fontGmk .floatCalForm #frm3 .btns .btn {display:flex; justify-content:center; align-items:center; gap:0px; border-radius:0 20px 20px 0; color: #fff; height: 100%; font-size: 25px; font-weight: 600; text-align: center; position: absolute; right: 0; bottom: 0; width:100%;} 
.fontGmk .floatCalForm #frm3 .btns .btn div {margin-top:6px; height:36px; display:flex; justify-content:flex-start; align-items:center; overflow:hidden;} 
.fontGmk .floatCalForm #frm3 .btns .btn span {text-shadow: 0px 33px 0px #fff; -webkit-animation: textWave 2s linear both; animation: textWave 2s linear both; animation-iteration-count: infinite; padding:0 1px;} 
.fontGmk .floatCalForm #frm3 .btns .btn span:nth-child(1) { animation-delay: 0.1s;} 
.fontGmk .floatCalForm #frm3 .btns .btn span:nth-child(2) { animation-delay: 0.2s;} 
.fontGmk .floatCalForm #frm3 .btns .btn span:nth-child(3) { animation-delay: 0.3s;} 
.fontGmk .floatCalForm #frm3 .btns .btn span:nth-child(4) { animation-delay: 0.4s;} 
.fontGmk .floatCalForm #frm3 .formBox .gender input[type="radio"] { position: absolute; left: -9999px; width: 1px; height: 1px; margin: -1px; overflow: hidden; opacity: 0; } 
.fontGmk .floatCalForm #frm3 .formBox .gender label { font-size:17px; color:#919191; position: static; background:#FFF; display: inline-block; width: 40px; line-height: 40px; text-align: center; font-family:'Pretendard Variable'; color:#bdbdbd;}
.fontGmk .floatCalForm #frm3 .formBox .gender label.m {border-radius:100px 0 0 100px;} 
.fontGmk .floatCalForm #frm3 .formBox .gender label.f {border-radius:0 100px 100px 0; margin-left:-1px;} 
.fontGmk .floatCalForm #frm3 .formBox .gender input[type="radio"]:checked + label { background-color: #228765; color:#FFF; } 
.fontGmk .floatCalForm #frm3 .formBox .formGroup { width: 200px; line-height:0px; display: inline-block; vertical-align: middle; } 
.fontGmk .floatCalForm #frm3 .formBox .name { width: 105px;} 
.fontGmk .floatCalForm #frm3 .formBox .birth {width:206px;}
.fontGmk .floatCalForm #frm3 .formBox .gender { width:auto; } 
.fontGmk .floatCalForm #frm3 .formBox .tel { background-color:#fff; padding: 0; border-radius:100px; padding:0 10px; box-sizing: border-box; width:195px;} 
.fontGmk .floatCalForm #frm3 .formBox .tel em { margin:0 5px; color:#bababa; } 
.fontGmk .floatCalForm #frm3 .formBox .tel input {float:left; width:33.3333%; border:0; border-radius:none; background:transparent;} 
.fontGmk .floatCalForm #frm3 .formBox .input {display:inline-block; width:100%; font-size:18px; font-weight:400; height: 40px; background-color:#fff; border:0; border-radius: 100px; padding: 0 5px; text-align: center; vertical-align: top; box-sizing:border-box; font-family:'Pretendard Variable';} 

.fontGmk .floatCalForm #chatbot {position:absolute; cursor:pointer; width:410px; height:50px; top:-60px; right:0; background:#fff; border-radius:25px; box-shadow:0px 0px 10px rgb(65 65 65 / 20%); display:flex; justify-content:flex-start; align-items:center; gap:8px; padding:0 10px 0 20px;}
.fontGmk .floatCalForm #chatbot p { display:inline-block; width: 53%; overflow: hidden; height: 100%; } 
.fontGmk .floatCalForm #chatbot p span { margin-top: 0; line-height: 1.5; color: #000; font-size: 18px; font-weight: 600; } 
.fontGmk .floatCalForm #chatbot .mark {width:28px; height:28px;} 
.fontGmk .floatCalForm #chatbot .mark img {width:100%;}
.fontGmk .floatCalForm #chatbot .txt {font-size:18px; width:calc(100% - 40px);}
.fontGmk .floatCalForm #chatbot .txt a {color:#ff4c16; margin-left:10px; position:relative; display:inline-flex; justify-content:center; align-items:center; gap:0px;} 
.fontGmk .floatCalForm #chatbot .txt a:after {content:''; display:inline-block; width:23px; height:23px; background:url(../img/ar_tail.svg) no-repeat 50% 50%; background-size:100%; filter: invert(49%) sepia(72%) saturate(5953%) hue-rotate(352deg) brightness(106%) contrast(101%);}

/*chatbot banner*/
@keyframes slideEffect { 
 0% { left:-100%; } 100% { left:145px } 
 } 
/* chatbot(왼쪽하단)*/
.fontGmk #chatbotBanner {position:fixed; bottom: 108px; left: -100%; width:301px; height:148px; background:url(../img/bg_chatbot.png) no-repeat 50% 50%; background-size:100%; z-index:100;}
.fontGmk #chatbotBanner a {display:flex; width:100%; height:100%; justify-content:center; align-items:center; text-align:center; color:#333; font-size:18px; font-weight:400; line-height:1.3;}
.fontGmk #chatbotBanner.slide { animation-name: slideEffect; animation-delay: 0s; animation-duration: 1s; animation-fill-mode: forwards; animation-iteration-count: 1; } 

/* 상세보기 */
.fontGmk #tabContainer {padding:0; width:100%; max-width:800px; margin:0 auto; border-radius:20px; background:#FFF; border:1px solid #bdbdbd; padding:15px;}
.fontGmk #tabContainer #tab ul {display:flex; justify-content:space-between; align-items:center;} 
.fontGmk #tabContainer #tab li {width:25%; position:relative;} 
.fontGmk #tabContainer #tab li:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:50%; background:#e6e6e6;}
.fontGmk #tabContainer #tab li:last-child:after {display:none;}
.fontGmk #tabContainer #tab li.active a:after {width:46%;} 
.fontGmk #tabContainer #tab li a {display:block; font-size:23px; color:#333; text-align:center; padding:15px 0; position:relative;}
.fontGmk #tabContainer #tab li a:after {content:''; position:absolute; left:50%; bottom:5px; width:0%; height:4px; background:#228765; transform:translate(-50%, 0); transition:.3s all;}
.fontGmk #tabContainer #tabContent {position:relative; padding:0 24px;} 
.fontGmk #tabContainer #tabContent .content {display:none;}
.fontGmk #tabContainer #tabContent .content img { width:100%; } 

.fontGmk #tabContent .content2 .gender {position:absolute; left:50px; top:172px; margin-bottom:0px; width:150px; height:44px; overflow: hidden; border-radius: 100px; border: 1px solid #317645;}
.fontGmk #tabContent .content2 .gender label { height: 42px; font-size:15px; color:#888888; line-height:42px; background:#FFF; display: block; position:absolute; top:0px; width: 50%; text-align: center; cursor: pointer; } 
.fontGmk #tabContent .content2 .gender label.m { left:0px;} 
.fontGmk #tabContent .content2 .gender label.f { right:0px;} 
.fontGmk #tabContent .content2 .gender input[type="radio"] { position: absolute; left: -9999px; width: 1px; height: 1px; margin: -1px; overflow: hidden; opacity: 0; } 
.fontGmk #tabContent .content2 .gender input[type="radio"]:checked + label {border:1px solid #317645; color: #FFF; background:#317645; z-index: 2; } 
.fontGmk #tabContent .content2 .con { display: none; } 

.fontGmk .myInsureCal {position:relative; padding:140px 0; background:#f4faf3;}
.fontGmk .myInsureCal .micInner {width:100%; max-width:944px; margin:0 auto;}
.fontGmk .myInsureCal .micInner .micTitle {text-align:center; color:#228765; font-size:36px; font-family:'GmarketSansBold'; margin-bottom:60px;}
.fontGmk .myInsureCal .formBox {display:flex; justify-content:flex-start; align-items:center; gap:1%;}
.fontGmk .myInsureCal .formBox .formGroup.name {width:27%;}
.fontGmk .myInsureCal .formBox .formGroup.gender {width:14%;}
.fontGmk .myInsureCal .formBox .formGroup.birth {width:26%;}
.fontGmk .myInsureCal .formBox .formGroup.tel {width:31%; border:1px solid #bdbdbd; border-radius:5px; border-radius:6px; overflow:hidden;}
.fontGmk .myInsureCal .formBox .formGroup.tel div {display:flex; justify-content:flex-start; align-items:center; position:relative;}
.fontGmk .myInsureCal .formBox .formGroup.tel div:before {content:'-'; position:absolute; left:31%; top:50%; transform:translate(0, -50%); font-size:20px; color:#999;}
.fontGmk .myInsureCal .formBox .formGroup.tel div:after {content:'-'; position:absolute; right:32%; top:50%; transform:translate(0, -50%); font-size:20px; color:#999;}
.fontGmk .myInsureCal .formBox .formGroup.tel input[type="text"] {width:33.33334%; border-radius:0; border:0;}
.fontGmk .myInsureCal .formBox .formGroup input[type="text"],
.fontGmk .myInsureCal .formBox .formGroup input[type="number"] {display:inline-block; width:100%; height:65px; line-height:65px; border:1px solid #bdbdbd; border-radius:6px; font-size:20px; background:#FFF; text-align:center;}
.fontGmk .myInsureCal .formBox .formGroup.gender input[type="radio"] { display: none;}
.fontGmk .myInsureCal .formBox .formGroup.gender label {float:left; text-align:center; background-color: #fff;width: 50%;height: 65px;line-height: 65px;border: 1px solid #bdbdbd; color:#bdbdbd; font-size:20px;}
.fontGmk .myInsureCal .formBox .formGroup.gender label.m{border-radius:6px 0 0 6px;}
.fontGmk .myInsureCal .formBox .formGroup.gender label.f{border-radius:0 6px 6px 0; border-left:0;}
.fontGmk .myInsureCal .formBox .formGroup.gender input[type="radio"]:checked + label {background:#228765; color:#FFF; border:1px solid #228765;}
.fontGmk .myInsureCal .btns {margin-top:40px; display:flex; justify-content:center; align-items:center; gap:20px;}
.fontGmk .myInsureCal .btns .btn {padding:16px 0; text-align:center; border-radius:8px; color:#FFF; font-size:20px; width:254px;}
.fontGmk .myInsureCal .btns .btn.btn1 {background:#228765;}
.fontGmk .myInsureCal .btns .btn.btn2 {background:#f26a45;}

.footer {position:relative; background:#4d4d4d;}
.footer * {font-family:'Pretendard Variable';}
.footer .inner {padding:55px 0; width:640px; margin:0 auto;}
.footer .inner .corp {color:#FFF; font-size:24px; font-weight:700; margin-bottom:20px;}
.footer .inner .corpInfo p {color:#FFF; font-size:20px; font-weight:400; line-height:1.6; letter-spacing:0;}
.footer .inner .corpInfo p strong {font-weight:700;}

.topBnr {display:block; height:100px; background:#edf3cd; text-align:center;}
.topBnr .bnrInner {width:1200px; margin:0 auto;}
.topBnr img {height:100px;}

/* 241002 추가 */
.formSec .insureForm .midBnr {display:none;}
.result .gift {display:none;}

/* sns Login */
.snsLoginBtns {position:relative; margin-top:10px;}
.snsLoginBtns a.snsBtn {display:flex; justify-content:center; align-items:center; padding:20px 0; color:#FFF; font-size:21px; gap:5px; border-radius:6px; font-family:'Pretendard Variable';}
.snsLoginBtns a.snsBtn.naver {background:#03c75a;}
.snsLoginBtns a.snsBtn.naver:before {content:''; width:20px; height:20px; background:url(../img/bi_naver.png) no-repeat 50% 50%; background-size:cover;}