@charset "utf-8";
/*wsg css*/
.wsgWrap{min-width:1440px;}
.wsgWrap .wsgSection{border-bottom:1px solid #dddddd; position:relative; padding-left:260px;}
.wsgWrap .wsgSection h2{width:259px; text-align:center; padding:60px 0; position:absolute; left:0; top:0; font-size:24px;}
.wsgWrap .wsgSection .sampleContent{border-left:1px solid #dddddd;  padding:60px 50px;}
.wsgWrap .wsgSection .sampleContent > h3{ margin-bottom:15px; margin-top:30px;}
.wsgWrap .wsgSection .sampleContent > h3:first-child{ margin-top:0;}
.wsgWrap .wsgSection .sampleContent .sample{ overflow:hidden;}
.wsgWrap .wsgSection .sampleContent .sample li{margin-left:10px; width:80px; height:80px; line-height:80px; float:left; text-align:center;}
.wsgWrap .wsgSection .sampleContent .sample.full li{margin-left:20px; width:auto; height:auto; line-height:1; float:left; text-align:center;}
.wsgWrap .wsgSection .sampleContent .sample li:first-child{ margin-left:0;}
.wsgWrap .wsgSection .sampleContent .contentBase{ font-size:14px;}
.wsgWrap .wsgSection .sampleContent .contentBase h3{ font-size:16px; margin-bottom:5px; margin-top:0;}
.wsgWrap .wsgSection .sampleContent .contentBase h4{ font-size:14px; margin-bottom:10px;}
.wsgWrap .wsgSection .sampleContent .contentBase > div{ margin-bottom:50px;}
.wsgWrap .wsgSection .sampleContent .contentBase .fontSizeSample{ overflow:hidden;}
.wsgWrap .wsgSection .sampleContent .contentBase .fontSizeSample li{ float:left; margin-right:40px;}

/*skipNavi*/
.skipNavi{ position:relative;z-index:10000}
.skipNavi li{}
.skipNavi li a{ display:block;width:1px; height:1px; overflow:hidden; position:absolute; left:0; top:-999999px;}
.skipNavi li.on a{ width:100%; height:30px; line-height:30px; text-align:center; background:#555555; color:#ffffff; font-size:16px; top:0;}
#contents:focus {outline: 0;} /* 2024웹접근성2차_skip 추가 */
#gnb:focus {outline: 0;} /* 2024웹접근성2차_p23 */

/*font*/
.fontBase{ color:#222222 !important;}
.fontLevel1{ color:#555555 !important;}
.fontLevel2{ color:#777777 !important;}
.fontLevel3{ color:#999999 !important;}
.fontPoint1{ color:#047db5 !important;}
.fontPoint2{ color:#ee5a00 !important;} /* 웹접근성3차202210 */
.fontPoint3{ color:#f0db2b !important;}
.fontPoint4{ color:#e71a35 !important;}
.fontPoint5{ color:#d75100 !important;} /* 202209 접근성22번 */
.fontPoint6{ color:#da5200 !important;} /* 202209 접근성26번 */
.fontPoint7{ color:#ee5a00 !important;} /* 스타일추가220915 */
.fontPoint8{ color:#417800 !important;} /* 추가 250811 */

/*font*/
.fz13{ font-size:13px !important;}
.fz14{ font-size:14px !important;}
.fz15{ font-size:15px !important;}
.fz15 *{ font-size:15px !important;}
.fz16{ font-size:16px !important;}
.fz17{ font-size:17px !important;}
.fz19{ font-size:19px !important;}
.fz20{ font-size:20px !important;}
.fz21{ font-size:21px !important;}
.fz24{ font-size:24px !important;}
.un{ display:inline-block; position:relative;}
.un:after{ content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#555;}
.un.fontPoint1:after{ background:#047db5;}
.un.fontLevel2:after{ background:#999999;}

.let{letter-spacing:-0.06em}
.let1{letter-spacing:-1px;}
/*bg*/
.bg1{ background:#cccccc;}
.bg2{ background:#dddddd;}
.bg3{ background:#f5f5f5;}
/*aline*/
.tac{ text-align:center !important;;}
.tal{ text-align:left !important;;}
.tar{ text-align:right !important;}

/* highlight */
.highlight{width:fit-content; padding:0 5px !important; background-color:#ffa167a3;} /* 청약내용확인-상품설명서에서 사용 */

.lineSolB{border-bottom:1px solid #ddd !important}
.lineDashB{border-bottom:1px dashed #ddd !important}

/*float*/
.fl{ float:left;}
.fr{ float:right;}
.fn{ float:none;}
.clear{ clear:both}
.clearW{ float:left; width:100%;}
.oh{ overflow:hidden;}

/* bullet /2109 /buBelong 2207 */
.buNoticeRed{display:block;padding-left:20px;background:url('/images/common/icon_alert_validation.png') no-repeat 0 4px;line-height:20px;color:#e91010}
.buBelong{display:inline-block;position:relative;padding-left:20px;line-height:1.3em}
.buBelong:before{display:block;content:'';position:absolute;top:3px;left:5px;width:8px;height:8px;box-sizing:border-box;border-left:2px solid #555;border-bottom:2px solid #555;}

/* Icon /202008 장기건강보험 */
.icon{padding-left:21px;min-height:23px;background-repeat:no-repeat;background-position:0 4px;font-size:15px} /* 수정 /20200825 */
.icon.exmark{background-image:url('/images/common/icon_exmark_orange.png')}

/*line-height*/
.lh26{line-height:26px;}
.lh70{line-height:70px !important;}/* 200821 */
/*listStyle*/
.listStyle{ position:relative;}
.listStyle.tline{ border-top:1px solid #eeeeee; padding-top:25px;}
.listStyle.tline2{ border-top:1px solid #eeeeee; padding-top:12px; margin-top:12px;}
.listStyle > li{ margin-bottom:10px; position:relative; padding-left:9px; color:#777777; overflow:hidden;}
.listStyle > li:last-child{ margin-bottom:0}
.listStyle > li.fontBase{ color:#222222;}
.listStyle.noGap > li{ margin-bottom:0}
.listStyle.noGap.leftPadding > li{ margin-bottom:0;padding-left:12px;}
.listStyle.fontLevel1 > li{ color:#555555;}
.listStyle.fontLevel2 > li{ color:#777777;}
.listStyle.fz14 > li{ font-size:14px !important;}
.listStyle.fz15 > li{ font-size:15px !important;}
.listStyle > li.btIn{padding:4px 0 4px 9px}
.listStyle.dot > li.btIn:before{top:14px}  

.listStyle.dot > li:before{ display:block; content:''; width:3px; height:3px; background:#aaaaaa; position:absolute; left:0; top:10px;}
.listStyle.star > li{ padding-left:8px;}
.listStyle.star > li:before{ display:block; content:'*'; position:absolute; left:0; top:3px;}
.listStyle.bar > li{ padding-left:8px;}
.listStyle.bar > li:before{ display:block; content:'-'; position:absolute; left:0; top:-1px;}
.listStyle.number > li{ padding-left:17px;}
.listStyle.number > li:before{ display:block; content:''; position:absolute; left:0; top:-1px;}
.listStyle.number > li:nth-child(1):before{content:'①'}
.listStyle.number > li:nth-child(2):before{content:'②'}
.listStyle.number > li:nth-child(3):before{content:'③'}
.listStyle.number > li:nth-child(4):before{content:'④'}
.listStyle.number > li:nth-child(5):before{content:'⑤'}
.listStyle.number > li:nth-child(6):before{content:'⑥'}
.listStyle.number > li:nth-child(7):before{content:'⑦'}
.listStyle.number > li:nth-child(8):before{content:'⑧'}
.listStyle.number > li:nth-child(9):before{content:'⑨'}
.listStyle.number > li:nth-child(10):before{content:'⑩'}
.listStyle.number > li:nth-child(11):before{content:'⑪'}
.listStyle.number > li:nth-child(12):before{content:'⑫'}
.listStyle.number > li:nth-child(13):before{content:'⑬'}
/* 개선 /2206 */
.listStyle.number2 > li{padding-left:23px;color:#555555;}
.listStyle.number2 > li:before{display:block;content:'';position:absolute;left:0;top:-1px;width:18px;text-align:right}
.listStyle.number2 > li:nth-child(1):before{content:'1.'}
.listStyle.number2 > li:nth-child(2):before{content:'2.'}
.listStyle.number2 > li:nth-child(3):before{content:'3.'}
.listStyle.number2 > li:nth-child(4):before{content:'4.'}
.listStyle.number2 > li:nth-child(5):before{content:'5.'}
.listStyle.number2 > li:nth-child(6):before{content:'6.'}
.listStyle.number2 > li:nth-child(7):before{content:'7.'}
.listStyle.number2 > li:nth-child(8):before{content:'8.'}
.listStyle.number2 > li:nth-child(9):before{content:'9.'}
.listStyle.number2 > li:nth-child(10):before{content:'10.'}
.listStyle.number2 > li:nth-child(11):before{content:'11.'}
.listStyle.number2 > li:nth-child(12):before{content:'12.'}
.listStyle.number2 > li:nth-child(13):before{content:'13.'}
.listStyle.number2 > li:nth-child(14):before{content:'14.'} /* 추가 /2206 */
.listStyle.number2 > li:nth-child(15):before{content:'15.'} /* 추가 /2206 */
.listStyle.number2 > li:nth-child(16):before{content:'16.'} /* 추가 /2206 */
.listStyle.number2 > li:nth-child(17):before{content:'17.'} /* 추가 /2206 */
.listStyle.number2 > li:nth-child(18):before{content:'18.'} /* 추가 /2206 */
.listStyle.number2 > li:nth-child(19):before{content:'19.'} /* 추가 /2206 */
.listStyle.number2 > li:nth-child(20):before{content:'20.'} /* 추가 /2206 */

.listDot > li{font-size: 17px;color: #222222;}
.listBasic{ position:relative; margin-top:5px;}
.listBasic > li{ margin-bottom:3px; position:relative; padding-left:9px; color:#777777; overflow:hidden;}
.listBasic > li:last-child{ margin-bottom:0}
.listBasic > li{ padding-left:8px;}
.listBasic > li:before{ display:block; content:'-'; position:absolute; left:0; top:-1px;}

/* List Icon /2204  */
.listIcon > li{padding:10px 0 10px 67px;background-color:#fff;background-repeat:no-repeat;background-position:5px 11px;line-height:1.4;font-size:15px}
.listIcon > li.ico01{background-image:url('../images/common/icon_info01.png')}
.listIcon > li.ico02{background-image:url('../images/common/icon_info02.png')}

/*input*/
.inputBase{border:1px solid #bbbbbb; position:relative;height:56px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; min-width:70px; background:#ffffff;}
.inputBase.inlineBlock{ display:inline-block;}
.inputBase.h40{border:1px solid #bbbbbb; position:relative;height:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; min-width:70px; background:#ffffff;}
.inputBase.h40 > input{ position:relative; left:auto;top:auto;right:auto;bottom:auto; height:38px;line-height:normal; text-align:left;}
.inputBase > label{ color:#777; font-size:14px; position:absolute; left:0;top:0;transition:all 0.3s;-webkit-transition:all 0.3s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%;height:100%; z-index:2; padding:15px 10px 0 10px;transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0);text-align:left;letter-spacing:-1px;}
.inputBase > input{width:100%; height:32px;border:0; background:transparent; position:absolute; left:0;bottom:0;padding:0 10px; font-size:15px;z-index:1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; line-height:32px; color:#555555; vertical-align:top;}
.inputBase > input:focus{outline:none}
.inputBase > input[type=password]{letter-spacing:0}
.inputBase > input[type=password]:-ms-input-placeholder{ color:#cccccc !important;}
.inputBase > input[type=password]::placeholder{color:#cccccc !important;}
.inputBase > input[type=password]::-moz-placeholder{color:#cccccc !important;}
.inputBase > input[type=password]::-webkit-input-placeholder{color:#cccccc !important;}
.inputBase.value > label,
.inputBase.focus > label{ font-size:14px;transform:translate(0,-11px);-ms-transform:translate(0,-11px);-webkit-transform:translate(0,-11px);height:20px;}
.inputBase.focus {border:1px solid #ee5a00}
.inputBase.value > input,
.inputBase.focus > input{z-index:3}

.inputBase.validation {border:1px solid #e91010; margin-bottom:42px;}
.inputBase.validation > label{color:#e91010}
.inputBase.validationChk .alert{ display:none;}
.inputBase.validation .alert{ display:block; position:absolute; left:10px; bottom:-26px; font-size:14px; color:#e91010; line-height:16px; padding-left:20px;}
.inputBase.validation .alert:before{ display:block; content:'';background:url("/images/common/icon_alert_validation.png"); width:14px; height:14px;line-height:18px; position:absolute; left:0; top:2px;}


.inputBase.inputOnly > input{ position:relative; left:auto; bottom:auto; width:100%; height:100%; line-height:normal;}
.inputBase.placeholder{border:0; height:auto; background:none;}
.inputBase.placeholder.disabled{border:0; background:none !important;}
.inputBase.placeholder.disabled > input{border:1px solid #bbbbbb !important; background:none !important;}
.inputBase.placeholder.focus > input{border:1px solid #ee5a00 !important;outline:1px dotted #ee5a00} /* 202209 접근성 */
.inputBase.placeholder > input[type=text],
.inputBase.placeholder > input[type=password]{ position:relative; left:auto; bottom:auto; width:100%; height:56px; line-height:normal;border:1px solid #bbbbbb; background:#ffffff !important; color:#555555 !important;}

.inputBase.placeholder.h40 > input[type=text],
.inputBase.placeholder.h40 > input[type=password]{ position:relative; left:auto; bottom:auto; width:100%; height:40px; line-height:normal;border:1px solid #bbbbbb !important;  color:#555555 !important;}

.inputBase > input[type=password]{ background:none !important;}
.inputBase.placeholder.bg > input{ background:#edf6fa !important;}
.inputBase.placeholder.bg > input:-ms-input-placeholder{ font-size:15px; color:#999999 !important;}
.inputBase.placeholder.bg > input::placeholder{ font-size:15px;color:#999999 !important;}
.inputBase.placeholder.bg > input::-moz-placeholder{ font-size:15px;color:#999999 !important;}
.inputBase.placeholder.bg > input::-webkit-input-placeholder{ font-size:15px;color:#999999 !important;}

.inputBase.placeholder > input[type=password]:-ms-input-placeholder{ font-size:15px; color:#777777 !important;}
.inputBase.placeholder > input[type=password]::placeholder{ font-size:15px;color:#777777 !important;}
.inputBase.placeholder > input[type=password]::-moz-placeholder{ font-size:15px;color:#777777 !important;}
.inputBase.placeholder > input[type=password]::-webkit-input-placeholder{ font-size:15px;color:#777777 !important;}

.inputBase.disabled { background:#eeeeee !important;border:1px solid #bbbbbb}
.inputBase.disabled > label{ color:#999999;z-index:4}
.inputBase.disabled > input{ color:#999999;}
.inputBase.disabled > input[type=text],
.inputBase.disabled > input[type=password]{background:#eeeeee !important;}
.inputBase.disabled.h40 > label{padding:7px 10px 0 10px;}

.inputBase.rightMouse{margin-right:98px;}
.inputBase.rightMouse .nospos{ position:absolute;right:-98px;top:38px; margin-top:0;}

/* 마우스입력기 /2210 */
.inputBase .inputMouse{display:inline-block;margin-top:5px;height:16px;line-height:15px;}
.inputBase .inputMouse > *{display:inline-block;height:16px;line-height:15px;vertical-align:top;}
.inputBase .inputMouse > label{margin-left:5px;font-size:13px;}

.inputBase .nospos{ position:relative; display:inline-block; vertical-align:bottom; margin-top:8px;}
.inputBase .nospos input{ position:absolute; left:0; top:0; width:17px; height:17px;}
.inputBase .nospos label{ padding-left:22px; position:relative; line-height:17px; display:block; font-size:13px;min-height:17px; color:#777777;}
.inputBase .nospos label:before{ display:block; content:'';border:1px solid #bbbbbb; width:17px; height:17px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:absolute; left:0; top:0; background:#ffffff;z-index:1}
.inputBase .nospos input:checked+label:before{ background:#ffffff url("/images/common/checkbox.png") no-repeat center center; -webkit-background-size:100% 100%; background-size:100% 100%;}
.inputBase .nospos.on label:before{ background:#ffffff url("/images/common/checkbox.png") no-repeat center center;}
.inputBase .nospos input:disabled+label{color:#999999;}
.inputBase .nospos input:disabled+label:before{ background:#eeeeee;}
.inputBase .nospos input:disabled:checked+label:before{ background:#eeeeee url("/images/common/checkbox_disabled.png") no-repeat center center;}
.inputBase .nospos input:focus+label:before{border:1px solid orange !important;}
.inputBase .nospos input:focus-visible + label:before{outline:1px solid #ee5a00} /* 202209 접근성 */


.inputBase.datepicker{ padding-right:54px;}
.inputBase.datepicker > input{ position:relative; left:auto; top:auto; margin-top:22px;}
.inputBase.datepicker .ui-datepicker-trigger{ position:absolute; right:0; top:0;z-index:1}

.inputBase.datepickerSmall{ padding-right:45px; line-height:38px; height:40px;}
.inputBase.datepickerSmall.validation{border:1px solid #e91010; margin-bottom:0;}
.inputBase.datepickerSmall > input{ position:relative; left:auto; top:auto; bottom:auto;height:38px;}
.inputBase.datepickerSmall .ui-datepicker-trigger{ position:absolute; right:0; top:0;z-index:1}

.inputBase.small{ background:none;}
.inputBase.small.btnType{ position:relative;padding-right:37px;height:32px;}
.inputBase.small > input{height:32px !important;font-size:14px;border:1px solid #cccccc}
.inputBase.small .btnRight{display:block;position:absolute; right:0; top:0;height:32px} /* 202209 접근성 */
.inputBase.small .btnRight{ position:absolute; right:0; top:0;}
.inputBase.small > input{ font-size:15px; }
.inputBase.small > input:-ms-input-placeholder{ font-size:15px;color:#777777;}
.inputBase.small > input::placeholder{ font-size:15px;color:#777777;}
.inputBase.small > input::-moz-placeholder{ font-size:15px;color:#777777;}
.inputBase.small > input::-webkit-input-placeholder{font-size:15px;color:#777777;}


.inputBase.rightTxtType{ min-width:70px;}
.inputBase.rightTxtType .inputSet{ position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height:100%; width:100%; padding-right:40px;}
.inputBase.rightTxtType .inputSet .input{}
.inputBase.rightTxtType .inputSet .input input{width:100%; height:32px;border:0; background:transparent; position:absolute; left:0;bottom:0;padding:0 10px; font-size:15px;z-index:1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; line-height:32px; color:#555555;}

.inputBase.rightTxtType.placeholder{ border:1px solid #bbbbbb;}
.inputBase.rightTxtType.placeholder .inputSet{ height:54px;}
.inputBase.rightTxtType.placeholder .inputSet .input input{ height:54px; position:relative; left:auto;bottom:auto}

.inputBase.rightTxtType .inputSet .rightTxt{ position:absolute; right:0; top:0; text-align:right; width:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-right:9px; color:#777; font-size:14px; vertical-align:middle; line-height:54px;}
.inputFile{ position:relative;}
.inputFile .file{ position:absolute; left:0; top:0;opacity:0 !important;; width:100% !important;; height:100% !important;}
.inputFile.btnOnly .btn{margin:0}


.labelTitleInput{ overflow:hidden;}
.labelTitleInput.inlineBlock{ display:inline-block;}
.labelTitleInput label{ line-height:40px; display:block; float:left; margin-right:8px; font-size:14px;}
.labelTitleInput .inputSetAlign{ float:left;width:120px;}
.labelTitleInput .inputSet{border:1px solid #bbbbbb; display:table;line-height:38px;table-layout:fixed; background:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;height:40px; width:100%;}
.labelTitleInput .inputSet .input{ display:table-cell; vertical-align:top;}
.labelTitleInput .inputSet .input input{ height:38px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;padding:0 0 0 14px;border:0;margin:0; vertical-align:top; font-size:15px;width:100%;outline:none}
.labelTitleInput .inputSet .rightTxt{ display:table-cell; text-align:right; width:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-right:9px; color:#777; font-size:14px; vertical-align:top;}
.labelTitleInput.disabled .inputSet{ background:#eeeeee;}
.labelTitleInput.disabled .inputSetinput{ color:#999999;}


.inputArea{margin:0 -5px;}
.inputArea:after{content:''; display:block;clear:both}
.inputArea .item{padding:0 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:relative;}
.inputArea .item.vmiddle{ vertical-align:middle !important;}
.inputArea .item.rline{ border-right:1px solid #eeeeee; padding-right:30px !important; margin-right:30px;}


.inputArea.item2 .item{width:50%;float:left;}
.inputArea.item2.mgNone .item:first-child{padding-right:0}
.inputArea.item2.mgNone .item:first-child .inputBase{border-right:0}
.inputArea.item2.mgNone .item:last-child{padding-left:0}
.inputArea.item2.mgNone + .inputArea.item2.mgNone{margin-top:0}
.inputArea.item2.mgNone + .inputArea.item2.mgNone .item .inputBase{border-top:0}
.inputArea.item3 .item{width:33.3%;float:left;} /* 추가1808 */

.inputArea.inlineBlock{ display:table; width:100%; font-size:0;margin:0;}
.inputArea.inlineBlock .item{ display:inline-block; vertical-align:top;padding:0 10px 0 0; font-size:0;}
.inputArea.inlineBlock .item.rline{border-right:1px solid #eeeeee; padding-right:10px !important; margin-right:12px;}
.inputArea.inlineBlock .item.pr21{ padding-right:21px;}
.inputArea.inlineBlock .item:last-child{ padding-right:0;}
.inputArea.inlineBlock .item .tit{ display:inline-block; font-size:17px; color:#222; line-height:24px;}
.inputArea.inlineBlock .item .gapTxt{ display:inline-block; text-align:center; font-size:14px; color:#999; line-height:56px; width:20px;}
.inputArea.inlineBlock .item .inputBase{ display:inline-block; vertical-align:top;}
.inputArea.inlineBlock .item .selectItem{ display:inline-block; vertical-align:top;}

.inputArea.cardNumber .item{ width:19.278%;float:left;}
.inputArea.cardNumber .item:first-child{ width:22.888%;}

.inputArea.harf28 .item{ width:77.112%;float:left;}
.inputArea.harf28 .item:first-child{ width:22.888%;}

.inputArea.harf73 .item{ width:32.439%;float:left;}
.inputArea.harf73 .item:first-child{ width:67.561%;}

/* 장기 간편산출 타이틀 추가210706 */
.inputTable .type { margin-top:20px}
.inputTable .type .tit { float:left; font-size:16px; color:##222222; position:relative;}
.inputTable .type .agreeRadio {float:right;}
.inputTable .type:after{ content:''; display:block;clear:both}

/*checkbox*/
.checkbox{ position:relative; display:inline-block; vertical-align:top;}
.checkbox.block{display:block}
.checkbox input{ position:absolute; left:0; top:0;opacity:0;width:1px;height:1px;z-index:2}
.checkbox label{ padding-left:33px; position:relative; line-height:23px; display:block; font-size:15px;min-height:24px;}
.checkbox label:before{ display:block; content:'';border:1px solid #bbbbbb; width:24px; height:24px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:absolute; left:0; top:0; background:#ffffff;z-index:1}
.checkbox.on label:before{ background:#ffffff url("/images/common/checkbox.png") no-repeat center center;}
.checkbox input:disabled+label{color:#999999;}
.checkbox input:disabled+label:before{ background:#eeeeee;}
.checkbox input:disabled:checked+label:before{ background:#eeeeee url('/images/common/checkbox_disabled.png') no-repeat center center !important;} /* 수정 /220822 */
.checkbox input:focus+label:before{border:1px dashed orange !important;}
.checkbox input:checked+label:before{ background:#ffffff url("/images/common/checkbox.png") no-repeat center center !important; -webkit-background-size:100% 100%; background-size:100% 100%;}
.checkbox input:focus-visible + label{outline:1px dotted #ee5a00} /* 202209 접근성 */
.checkbox.small input{width:17px; height:17px;}
.checkbox.small label{ padding-left:22px; line-height:17px; font-size:13px; color:#777; height:17px;min-height:17px;}
.checkbox.small label:before{ width:17px; height:17px;}

.checkbox.right input{ left:auto;right:0;}
.checkbox.right label{ padding:0 33px 0 0;}
.checkbox.right label:before{ left:auto;right:0;}
.checkbox.big label{ font-size:17px; color:#222222;}


/*radio*/
.radio{ position:relative; display:inline-block;}
.radio.block{display:block}
.radio.block label{display:inline-block !important;}
.radio input{ position:absolute; left:0; top:0;opacity:0;width:24px;height:24px;z-index:2}
.radio label{ padding-left:33px; position:relative; line-height:23px; display:block; font-size:15px; min-height:24px;}
.radio label img{ vertical-align:middle;}
.radio label:before{ display:block; content:'';border:1px solid #bbbbbb; width:24px; height:24px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:absolute; left:0; top:0; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px; background:#ffffff;}
.radio input:checked+label:before{ background:#ffffff url("/images/common/radio.png") no-repeat center center;}
.radio.on label:before{ background:#ffffff url("/images/common/radio.png") no-repeat center center;}
.radio input:disabled+label{ color:#999999;}
.radio input:disabled+label:before{ background:#eeeeee;}
.radio input:disabled:checked+label:before{ background:#eeeeee url("/images/common/radio_disabled.png") no-repeat center center;}
.radio input:focus + label:before{border:1px solid #ee5a00} /* 202209 접근성 */
.radio input:focus-visible + label{outline:1px dotted #ee5a00} /* 202209 접근성 */


/*checkbox+radio 골프보험 보험기간 선택 2310*/
.checkbox.radius input[type=radio]+label:before{border-radius:12px;}

/*select*/
.selectItem{position:relative;;}
.selectItem.inlineBlock{display:inline-block;}
.selectItem *{vertical-align:top;}
.selectItem.disabled .select-title,
.selectItem.small.disabled .select-title{background-color:#eeeeee !important} /* 추가 /1904 */
.selectItem.disabled .select-title strong{color:#999 !important} /* 추가 /1904 */
.select-option.small.sel13 li span, .sel13 strong {font-size: 13px !important;} /*추가221024*/

select{
    opacity:0;
    width:100%;
    border:1px solid #bbbbbb;
    position:relative;
    height:56px;
    padding:0 14px;
    line-height:56px;
    font-size:16px;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-bottom:15px;
}

/* fake form - select */
.select-title {
    border:1px solid #bbbbbb;
    position:relative;
    height:56px;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
    width:100%;
    display:inline-block;
    background:#ffffff url("/images/common/selectArr_open.png") no-repeat right top;
    line-height:56px;
    font-size:14px;
}
.select-title strong {
    font-weight:normal !important;
    display: block;
    word-break: break-all;
    overflow: hidden;
    padding:0 10px;
    color:#999;
}
.select-title.focus,
.select-title.active {border-color: #ee5a00;outline:1px dotted #999;} /* 202209 접근성 */
.select-title.focus {background-position: right top;border-color: #ee5a00;}

.select-title.active {background:#ffffff url("/images/common/selectArr.png") no-repeat right top;}
.select-title.value strong{font-size:15px; color:#555;}
.select-title.disabled {color: #999; text-shadow: 1px 1px 0 #fff; border-color: #bbb; background-color: #eee;}
.select-option {border: 1px solid #ee5a00; background: #fff; overflow: auto;outline:1px dotted #999;} /* 202209 접근성 */
.select-option ul {margin: 0; padding: 0;}
.select-option li {list-style: none;border-bottom: 1px solid #ccc; font-size:15px; line-height:56px;}
.select-option li:last-child { border-bottom:0 !important;}
.select-option span,
.select-option strong {font-weight: normal; color: #555555; white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; cursor: default;padding:0 10px;}
.select-option li li span {}
.select-option span:hover,
.select-option span.selected {background: #f5f5f5;}
.select-option .disabled span,
.select-option .disabled strong {color: #999999; text-decoration: line-through; background: none;}

.selectItem.inTable{ display:inline-block;}
.selectItem.inTable .select-title {
    border:1px solid transparent;
    position:relative;
    height:38px;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
    width:100%;
    display:inline-block;
    background:url("/images/common/selectArr_open_s.png") no-repeat right top;
    line-height:36px;
    font-size:15px;
    text-align:right;
    padding-right:17px;
}
.selectItem.inTable .select-title strong{ color:#222222;}
.selectItem.inTable .select-title.active {border:1px solid #ee5a00; border-bottom:1px solid #cccccc;background:url("/images/common/selectArr_s.png") no-repeat right top;}
.select-option.inTable li {
    list-style: none;
    border-bottom: 1px solid #eeeeee;
    font-size: 15px;
    line-height: 34px;
    text-align:right;
}
.select-option.inTable li span,
.select-option.inTable li a{ padding-right:30px;}

.select-option.inTable.tal li {
    list-style: none;
    border-bottom: 1px solid #eeeeee;
    font-size: 15px;
    line-height: 34px;
    text-align:left;
}
.select-option.inTable.tal li span,
.select-option.inTable.tal li a{ padding:0 10px;}

.selectItem.small{}
.selectItem.small .select-title {
    background-color:#ffffff !important;
    border:1px solid #bbbbbb;
    position:relative;
    height:40px;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
    width:100%;
    display:inline-block;
    background:url("/images/common/selectArr_open_s.png") no-repeat right center;
    line-height:38px;
    font-size:15px;
    text-align:left;
    padding-right:17px;
}
.selectItem.small .select-title.focus {border-color: #ee5a00;}
.selectItem.small .select-title.active {border:1px solid #ee5a00; border-bottom:1px solid #cccccc;background:url("/images/common/selectArr_s.png") no-repeat right center;}
.select-option.small li {
    list-style: none;
    border-bottom: 1px solid #eeeeee;
    font-size: 15px;
    line-height: 34px;
}
.cardKind{}
.cardKind > *{ vertical-align:top;}
.select-option.cardType{display:none;z-index:4;position:absolute;left:5px;top:55px;overflow:hidden;width:332px;} /* 수정 /2105 */
.select-option.cardType ul{ margin-bottom:-1px;overflow:hidden}
.select-option.cardType li {
    list-style: none;
    float:left;
    width:110px;
    height:54px; /* 수정 /2105 */
    border-bottom:1px solid #eeeeee; /* 수정 /2105 */
    border-right:1px solid #eeeeee; /* 수정 /2105 */
    text-align:center;
    font-size:14px;
}
.select-option.cardType li:nth-child(3n) { /* 수정 /2105 */
    border-right:0; /* 수정 /2105 */
}
.select-option.cardType li a{display:block;height:100%;}
.select-option.cardType li a:hover,
.select-option.cardType li a:focus,
.select-option.cardType li.active a{ background:#f5f5f5;}

/* Card Type - List /2210 */
.select-option.cardType2{display:none;z-index:4;position:absolute;left:5px;top:55px;overflow:hidden;width:410px;box-sizing: border-box;}
.select-option.cardType2 li{position:relative}
.select-option.cardType2 li a{display:block;padding:0 14px}
.select-option.cardType2 li a:hover,
.select-option.cardType2 li a:focus,
.select-option.cardType2 li.active a{background:#f5f5f5;}
.select-option.cardType2 .optionPointArea{position:absolute;top:16px;right:0;height:22px;line-height:21px;}
.select-option.cardType2 .optionPointArea .pointBlue{display:inline-block;padding-left:25px;padding-right:15px;min-height:22px;line-height:21px;background:url('../images/common/ic_option_point.png') no-repeat 0 center;font-size:14px;color:#047db5}
.select-option.cardType2 .optionPointArea .cashOrg{display:inline-block;padding-left:25px;padding-right:15px;min-height:22px;line-height:21px;background:url('../images/common/ic_option_cash.png') no-repeat 0 center;font-size:14px;color:#ee5a00}

.select-option.small li span,
.select-option.small li a{}

/* 보험료 결제 - 카드리스트 텍스트 타입 /2404 */
.select-option.cardType2.txtList{width:240px;}
.select-option.cardType2.txtList li.point a::after{position: absolute; top:0; right:15px; padding:0 0 0 35px; color:#047db5; font-size:14px; content:"포인트 이용 가능"; background-position: 0 50%; background-size: 35% 35%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23028CED'/%3E%3Cpath d='M6 5V12' stroke='white' stroke-width='1.5625' stroke-linecap='round'/%3E%3Cpath d='M6 5H8.84375C9.93106 5 10.8125 5.88144 10.8125 6.96875V6.96875C10.8125 8.05606 9.93106 8.9375 8.84375 8.9375H6V5Z' stroke='white' stroke-width='1.56' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}

/*btnArea*/
.btnAreaWrap{ position:relative; overflow:hidden; font-size:0; width:100%; display:table;}
.btnAreaWrap.right{ overflow:inherit; text-align:right;} /* 웹접근성3차202210 */
.btnAreaWrap.right .btnArea{ float:right;width:50%;}
.btnAreaWrap.txtBtn .txtArea{ float:left; font-size:14px;}
.btnAreaWrap.txtBtn .txtArea .btn.small{margin:0 5px;vertical-align:middle;}
.btnAreaWrap.txtBtn .btnArea{ float:right;}
.btnArea{ position:relative;}
.btnArea:after{content:""; display:block;clear:both}
.btnArea li{ float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.btnArea.full li{ width:100%;}
.btnArea.item3 li{ width:33%;}
.btnArea.item3 li:first-child{ width:34%;}
.btnArea.item4 li{width:25%;} /* 추가 /2207 */
.btnArea.item37 li:first-child{ width:50%;}
.btnArea.item37 li:last-child{ width:50%;}
.btnArea.item46 li:first-child{ width:40%;}
.btnArea.item46 li:last-child{ width:60%;}
.btnArea.item55 li:first-child{ width:50%;}
.btnArea.item55 li:last-child{ width:50%;}
.btnArea.item55 li:only-child{ width:100%;}
.btnArea.item56 li{display:inline-block;width:28%;} /* IA1812 */

.btnArea.gap{display:flex;justify-content:space-between} /* 웹접근성 수정 /2004 */
.btnArea.gap li{float:none;padding-left:10px} /* 웹접근성 수정 /2004 */
.btnArea.gap li:first-child{padding-left:0} /* 웹접근성 수정 /2004 */
.btn.pass{background:#ee5a00 !important;}
.btn.join{background:#047db5 !important}
.btn.join.h35{height:35px !important;line-height:35px !important;}/* 슬림형 */
.btn.join2{background:#003170 !important} /* 추가 /2112 */
.btnArea.gap.item56{justify-content:flex-start;-webkit-justify-content:flex-start;} /* IA1812 */
/* 자동차보험 상품설명서 /2206 */
.btnArea.gap.item4e{justify-content:flex-start;}
.btnArea.gap.item4e li{width:21%}
.btnArea.gap.item4e li > a.btn.line{height:49px;line-height:48px}
.btnArea.gap.item4e li > a.btn.line > .mtLine{padding:6px 0 5px;height:37px;line-height:1.3em;font-size:14px}
.btnArea.gap.item4e + .pdfAttay{width:15%;text-align:center}

/* 하단버튼 말풍선/2507 */
.btnArea .btn_noti{position:absolute; top:-38px; left:50%; z-index:1; display:flex; justify-content:space-between; align-items:center; gap:5px; width:-webkit-max-content; width:-moz-max-content; width:max-content; padding: 5px 22px 5px 12px; transform: translateX(-50%); -webkit-transform: translateX(-50%); color: #fff; font-size:14px; font-weight:500; line-height:1.5em; letter-spacing:-0.04em; background-color: #3F3F41; border-radius:6px;}
.btnArea .btn_noti:after{content: ""; position:absolute; bottom:-6px; left: 50%; width: 10px; height:6px; transform: scaleY(-1) translateX(-50%); -webkit-transform: scaleY(-1) translateX(-50%); background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6L10 6L5.76822 0.921865C5.36843 0.442111 4.63157 0.442111 4.23178 0.921865L0 6Z' fill='%233F3F41'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;}
.btnArea .btn_noti .btn_close{position:absolute;top:6px;right:6px;width:9px;height:8px;box-sizing:border-box;border:none; background:url('/images/common/btn_popup_close.png') no-repeat; background-size: cover; cursor:pointer;}

/* kakao sign /2101 */
.btnArea li a.btnKakao{background:#fae102;text-align:center;color:#000}
.btn.rightArr.btnKakao span{background:url('/images/common/btn_arr_rightGray.png') no-repeat right center; padding-right:23px}

.btn{ display:block;height:55px; line-height:55px; font-size:19px; color:#ffffff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;letter-spacing:-1px; overflow:hidden; vertical-align:top;}
.btn.inlineBlock{ display:inline-block;margin:0 5px; vertical-align:top;}
.btn span{margin-top:-1px;}
.btn:focus-visible{outline:2px dotted #000}  /* s: 2024웹접근성 추가 p74 */ /* 202209 접근성 */

.btn.prev{ text-align:left; padding-left:30px; background:#86807b;font-family:'NotoRegular'} /* 접근성25번 */
.btn.prev span{ display:block; background:url("/images/common/btn_arr_left.png") no-repeat left center; padding-left:23px;}
.btn.prev.noArr span{ background:none; padding-left:0;}

.btn.next{ text-align:right; padding-right:30px; background:#ee5a00;font-family:"NotoRegular"}
.btn.next span{ display:block; background:url("/images/common/btn_arr_right.png") no-repeat right center; padding-right:23px;}
.btn.next.noArr span{ background:none; padding-right:0;}
.btn.next.gray{background-color:#767676 !important} /* 웹접근성 수정 /2004 */

.btn.rightArr{font-family:"NotoRegular"}
.btn.rightArr span{ display:inline-block; background:url("/images/common/btn_arr_right.png") no-repeat right center; padding-right:23px;}

.btn.blue{ text-align:center;background:#009ab1;}
.btn.orange{ text-align:center; background:#ee5a00;}
.btn.orange.h55{ line-height:55px; height:55px;}
.btn.orange.h55 span{ line-height:55px; font-size:19px !important;}
.btn.gray{text-align:center;background:#767676;} /* 웹 접근성 /2004 */ 
.btn.red{background:#d42630;} /* 추가 /1812 */
.btn.blueDark{ text-align:center;background:#009ab1;} /* 접근성24번 */
.btn.bglightOrg{background-color:#e67401 !important;} /* 230718 */
.btn.bluedarkBtn{ text-align:center;background:#2d51a5;} /* 컬러추가230912 */
.btn.middle.blue_solid{ text-align:center; font-color:#047db5; border: 1px solid #047db5;}
.btn.middle.blue_solid span {color:#047db5;} /* 버튼추가 250730 */

/* border 제거 230718 */
.bdn{border:none !important;}

.btn.home{ text-align:center; background:#ee5a00;font-family:"NotoRegular"}
.btn.home span{ display:inline-block; background:url("/images/common/icon_home.png") no-repeat left center; padding-left:33px; font-size:19px;}

.btn.plus_minus{ text-align:center; background:#ee5a00;font-family:"NotoRegular"}
.btn.plus_minus span{ display:inline-block; background:url("/images/common/icon_plus_minus.png") no-repeat left center; padding-left:23px;}
.btn.plus_minus.gray{background-color:#a39d98 !important} /* 추가 /1907 */

.btn.small{ display:inline-block;border:1px solid #dddddd;padding:0 9px; line-height:28px; height:30px; background:#ffffff; vertical-align:top;}
.btn.small span{ display:inline-block; color:#777777; font-size:13px; vertical-align:top;}
.btn.small.mail span{ background:url("/images/common/icon_mail.png") no-repeat left center; padding-left:22px;}
.btn.small.arr span{ background:url("/images/common/btn_arr_right_small.png") no-repeat right center; padding-right:16px;}

.btn.small.check{ width:120px; text-align:center;}
.btn.small.check span{ background:url("/images/common/btn_check_off.png") no-repeat left center; padding-left:20px; font-size:15px;}
.btn.small.check.on{border:1px solid #ee5a00}
.btn.small.check.on span{ background:url("/images/common/btn_check_on.png") no-repeat left center; color:#ee5a00;}
.btn.small.orange{border:1px solid #ee5a00}
/* button small color blue Arrow /2201 */
.btn.small.cBlueArw{position:relative;padding:0 38px 0 15px;border:1px solid #bcdfef;background-color:#eaf7fd;line-height:27px;}
.btn.small.cBlueArw:before{content:'';display:block;position:absolute;top:50%;right:13px;margin-top:-6.5px;width:9px;height:13px;background:url('/images/common/bt_arw_blue.png') no-repeat 0 0;background-size:9px 13px}
.btn.small.cBlueArw span{display:block;margin-top:0;color:#047db5}

/* 우측 화살표 있는 버튼 */
.btn.arrowThin.h36{display:inline-block;height:36px;line-height:36px;padding:0 12px;font-size:17px;}
.btn.arrowThin.h36 span{ display:block;background:url('/images/common/lnb_dep2_arr.png') no-repeat right 12px;padding-right:20px;}

/* 플랜선택 /202006 */
.btn.big.h36{height:36px;line-height:35px;}
.btn.big.h36.arr span{background:url("/images/common/btn_arr_right_small.png") no-repeat right center; padding-right:16px;}

/* 접근성 /2005 */
.btn.small.check2{height:26px;line-height:26px;border:1px solid #ffffff;text-align:center}
.btn.small.check2:focus{border:1px dotted #ee5a00}
.btn.small.check2 span{position:relative;padding-left:32px;font-size:15px;}
.btn.small.check2 span:after{content:'';display:block;position:absolute;top:50%;left:0;margin-top:-12px;width:24px;height:24px;background:url('/images/common/btn_check2_off.gif') no-repeat left center;}
.btn.small.check2.on span{color:#ee5a00;}
.btn.small.check2.on span:after{background:url('/images/common/btn_check2_on.gif') no-repeat left center;}

.btn.small2{ display:inline-block;border:1px solid #dddddd;padding:0 10px; line-height:22px; height:24px; background:#ffffff; vertical-align:top;}
.btn.small2 span{ display:inline-block; color:#777777; font-size:13px; vertical-align:top;}
.btn.small2.time span{background:url("/images/common/icon_time2.png") no-repeat left center; padding-left:20px;}
.btn.small2.math{border:1px solid #ee5a00;}
.btn.small2.math span{background:url("/images/common/icon_math2.png") no-repeat left center; padding-left:20px; color:#ee5a00; margin-top:0;}

/* 상담신청 자세히보기 버튼 추가 202106 */
.btn.callme{ display:inline-block;border:1px solid #dddddd;padding:0 10px; line-height:22px; height:24px; background:#ffffff; vertical-align:top;}
.btn.callme span{ display:inline-block; color:#777777; font-size:13px; vertical-align:top;}

/* 암보장예시팝업(주황색배경)200608 */
.btn_bgOrange {display:inline-block;border:1px solid #ee5a00;padding:8px 12px 3px; height:30px; background:#ee5a00; vertical-align:top;}
.btn_bgOrange span {display:inline-block; color:#fff; font-size:16px; vertical-align:top; background:url("../images/common/icon_whitego.png") no-repeat right; height:29px; padding-right:33px;}

/* 카카오인증버튼200113 */ /* 접근성27번 */
.btn.small4{ display:inline-block;border:1px solid #008ca1;padding:0 5px; line-height:24px; height:26px; background:#ffffff; vertical-align:top; margin-left:5px;}
.btn.small4.kakao span{display:inline-block; color:#008ca1; font-size:13px; vertical-align:top;} /* top추가200130 */

.btn.mini{ display:inline-block;border:1px solid #cccccc;padding:0 6px; line-height:20px; height:22px; background:#f5f5f5; vertical-align:middle; margin-top:-2px;}
.btn.mini span{ display:inline-block; color:#777777; font-size:13px; vertical-align:top;}
.btn.mini2{ display:inline-block;border:1px solid #ee5a00;padding:0 6px; line-height:20px; height:22px; background:#f5f5f5; vertical-align:middle; margin-top:-2px;}
.btn.mini2 span{ display:inline-block; color:#ee5a00; font-size:13px; vertical-align:top;}

.btn.line{ text-align:center;border:1px solid #dddddd;padding:0 9px; line-height:43px; height:45px; position:relative;}
.btn.line span{ display:inline-block; color:#777777; font-size:15px; vertical-align:top;}
.btn.line.pdf{padding:0 19px;border:1px solid #cccccc;}
.btn.line.pdf span{ background:url("/images/common/icon_pdf.png") no-repeat left center; padding-left:28px; color:#555555;}

/* .btn.line.arr:after{ content:''; display:block; position:absolute; left:14px; top:9px; background:url("/images/common/icon_item_select_off.png") no-repeat; width:18px; height:14px; -webkit-background-size:100% 100%; background-size:100% 100%;} */
.btn.line.arr.on{border:1px solid #ee5a00; position:relative;}
.btn.line.arr.on:after{ content:''; display:block; position:absolute; left:14px; top:9px; background:url("/images/common/icon_item_select.png") no-repeat; width:18px; height:14px; -webkit-background-size:100% 100%; background-size:100% 100%;}
.btn.line.arr.on span{color:#ee5a00}

.btn.line.inlineBlock { border:0; line-height:45px;padding:0 15px;min-width:90px;}
.btn.line.inlineBlock span{ color:#ffffff;font-size:17px;}

/* s:상품설명개정/2503-1 */
.btn.line.inlineBlock.disabled {
  background: #efeff1 !important;
  color: #b7b7b9 !important;
}
/* e:상품설명개정/2503-1 */

/* 전화상담신청버튼추가230525 */
.btn.line.inlineBlock.tell { border:0; line-height:45px;padding:0 15px;min-width:90px;}
.btn.line.inlineBlock.tell span{ color:#ffffff;font-size:17px; background:url('/images/telephone_product/topimg_phoneicon.png') no-repeat left 15px; padding-left: 20px;}

.btn.line2{ text-align:center;border:1px solid #dddddd;padding:0 9px; line-height:43px; height:45px; background:#ffffff;}
.btn.line2 span{ display:inline-block; color:#777777; font-size:15px; vertical-align:top;}


.btn.line2.arr.on{border:1px solid #ee5a00; position:relative;}
.btn.line2.arr.on:after{ content:''; display:block; position:absolute; left:14px; top:9px; background:url("/images/common/icon_item_select.png") no-repeat; width:18px; height:14px;}
.btn.line2.arr.on span{color:#ee5a00}

.btn.radius { text-align:center;border:1px solid #ee5a00; padding:0 15px; line-height:24px; height:26px;border-radius:26px;}
.btn.radius span{ color:#ee5a00;font-size:14px; display:inline-block; vertical-align:top;}

.btn.middle{ text-align:center; display:inline-block;border:1px solid #cccccc;padding:0 9px; line-height:33px; height:35px;min-width:82px; background:#ffffff;}
.btn.middle.h40{ height:40px; line-height:38px; min-width:65px;}
.btn.middle.lineOrange{border:1px solid #ee5a00;}
.btn.middle span{ display:inline-block; color:#555555; font-size:15px; vertical-align:top;}
.btn.middle.plus span{ background:url("/images/common/icon_plus.png") no-repeat left center; padding-left:16px;}
.btn.middle.btnDel span{ background:url("/images/common/btn_del.png") no-repeat left center; padding-left:20px;}

.btn.middle.math_big{border:1px solid #ee5a00; width:126px;}
.btn.middle.math_big span{background:url("/images/common/icon_math_big.png") no-repeat left center; padding-left:17px; color:/*#ee5a00*/ #d75100; margin-top:0; width:82px; text-align:center;} /* 2024웹접근성_78 */

.btn.middle.time{border:1px solid #009ab1; width:126px;}
.btn.middle.time span{background:url("/images/common/icon_time_big.png") no-repeat left center; padding-left:23px; color:/*#009ab1*/ #00889c;; margin-top:0; font-size:14px;} /* 2024웹접근성_78 */

.btn.middle02{ text-align:center; display:inline-block;border:1px solid #cccccc;padding:0 9px; line-height:32px; height:34px;min-width:82px; background:#ffffff;}
.btn.middle02 span{ display:inline-block; color:#555555; font-size:14px; vertical-align:top;}
.btn.middle02.mail span{ background:url("/images/common/icon_mail02.png") no-repeat left center; padding-left:22px;}
.btn.middle02.tel span{ background:url("/images/common/icon_phone.png") no-repeat left 10px; padding-left:20px;}
.btn.middle02.width {padding:0 5px;}
.btn.middle02.or {border:1px solid #ee5a00;} /* 추가220915 */

/* 가입확인서발급버튼추가200714 */
.btn.middle03{text-align:center;display:inline-block;border:1px solid #dbdbdb;padding:0 9px;line-height:32px;height:34px;min-width:82px;background:#f2f2f2;}
.btn.middle03 span{display:inline-block;color:#858585;font-size:14px;vertical-align:top;}

.btn.big{ text-align:center;border:1px solid #ee5a00;padding:0 9px; line-height:54px; height:56px; background:#ffffff;}
.btn.big.h45{  height:45px; line-height:45px; min-width:65px;}
.btn.big span{ display:inline-block; color:#555555; font-size:15px; vertical-align:top;}
.btn.big.math{ width:346px;}
.btn.big.math span{ background:url("/images/common/icon_math.png") no-repeat left center; padding-left:29px; color:#222222; font-size:17px;}
.btn.big.bdBlue{border:1px solid #047db5} /* 추가 /2003 */

.btn.emptyOrange{display:inline-block;height:43px;line-height:41px;text-align:center;border:1px solid #ee5a00;color:#ee5a00;background-color:#fff;font-size:17px;}/* 추가 200812 */

 /* 법인자동차보험 버튼 /2005 */
.btn.big.btCarMore{position:relative;padding-left:72px;line-height:60px;height:62px;background:url('/images/common/bu_car_corp.gif') no-repeat 20px center;text-align:left}
.btn.big.btCarMore:after{content:'';display:block;position:absolute;top:22px;right:16px;width:10px;height:16px;background:url('/images/common/bt_arw_org.png') no-repeat 0 0}
.btn.big.btCarMore span{font-size:16px}

/* .btn.big 클래스가 충돌나는 곳이 있어서(자동차보험 계약자 휴대폰인증) 복사하여 .btn.big2를 만들어 구분을 함. */
.btn.big2{ text-align:center;border:1px solid #ee5a00;padding:0 9px; line-height:54px; height:56px; background:#ffffff;}
.btn.big2.h45{  height:45px; line-height:45px; min-width:65px;}
.btn.big2 span{ display:inline-block; color:#555555; font-size:15px; vertical-align:top;}
.btn.big2.math{ width:346px;}
.btn.big2.math span{ background:url('/images/common/icon_math.png') no-repeat left center; padding-left:29px; color:#222222; font-size:17px;}

.btn.big3{ border:1px solid #ee5a00;padding:0 9px; line-height:28px; height:60px; background:#ffffff;}
.btn.big3{position:relative;line-height:28px;height:62px;}
.btn.big3.btHiBiz:after{content:'';display:block;position:absolute;top:22px;right:16px;width:10px;height:16px;background:url('/images/common/bt_arw_org.png') no-repeat 0 0}
.btn.big3 span{display:inline-block;color:#555555; font-size:16px}
.btn.big3 span.p10{padding-left:10px;}
.btn.big3 span.p20{padding-left:20px;}
/* 동의서 우측화살표 202408_01 */
.btn_agree_right {
    display: inline-block;
    width: 25px; height: 23px;
    background: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 21L10.5 14L17.5 7' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center 2px;
    background-size: contain;
    transform: rotate(180deg);
    vertical-align: text-top;
}
.text_agree_right {text-align: right;}
.text_agree_right .txt {font-weight: bold;}
.text_agree_right .yes {margin-left: 10px; margin-right: 8px;}

/* s: 상품동의 상태 뱃지 R20240809_0033 */
.badge_state {display: inline-block; border-radius: 10px; font-size: 12px; min-width: 40px; text-align: center; padding: 5px 8px 6px;  color: #fff; line-height: 1; margin-left: 10px; vertical-align: text-top;}
.badge_state.risk1 {background: #3881b8;}
.badge_state.risk2 {background: #629866;}
.badge_state.risk3 {background: #a69344;}
.badge_state.risk4 {background: #bb6c30;}
.badge_state.risk5 {background: #a94f44;}

/* s: 상품동의 박스 안 체크박스 */
.adcheckbox_list {display: flex; flex-direction: column; }
.adcheckbox_list .adcheckbox_all {margin-bottom: 5px;}
.adcheckbox_list ul.in_list {display: flex; flex-direction: row; margin-left: 0;}
.adcheckbox_list ul li {margin-right: 10px; padding: 0 !important;}
.adcheckbox_list .checkbox label {font-size: 13px; padding-left:25px}
.adcheckbox_list .checkbox label:before {width: 18px; height: 18px; top:3px;}

/* 등급 */
.termsCommon .risk_rating_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.termsCommon .risk_rating_wrap .risk_rating_box {
    width: 464px;
}

.termsCommon .risk_rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
}

.termsCommon .risk_rating .risk {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    height: 10px;
    margin-top: 30px;
    text-align: center;
}

.termsCommon .risk_rating .risk.on:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 3px solid #3881b8;
    border-radius: 50%;
    background: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.termsCommon .risk_rating .risk:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 2px;
    height: 10px;
    background: #fff;
}

.termsCommon .risk_rating .risk:first-child {
    border-radius: 10px 0 0 10px;
}

.termsCommon .risk_rating .risk:first-child:before {
    display: none;
}

.termsCommon .risk_rating .risk:last-child {
    border-radius: 0 10px 10px 0;
}

.termsCommon .risk_rating .risk span {
    position: absolute;
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    font-size: 13px;
}

.termsCommon .risk_rating .risk.risk1 {
    background-color: #3881b8;
}

.termsCommon .risk_rating .risk.risk1.on {
    color: #3881b8;
}

.termsCommon .risk_rating .risk.risk1.on:after {
    border-color: #3881b8;
}

.termsCommon .risk_rating .risk.risk2 {
    background-color: #629866;
}

.termsCommon .risk_rating .risk.risk2.on {
    color: #629866;
}

.termsCommon .risk_rating .risk.risk2.on:after {
    border-color: #629866;
}

.termsCommon .risk_rating .risk.risk3 {
    background-color: #a69344;
}

.termsCommon .risk_rating .risk.risk3.on {
    color: #a69344;
}

.termsCommon .risk_rating .risk.risk3.on:after {
    border-color: #a69344;
}

.termsCommon .risk_rating .risk.risk4 {
    background-color: #a94f44;
}

.termsCommon .risk_rating .risk.risk4.on {
    color: #a94f44;
}

.termsCommon .risk_rating .risk.risk4.on:after {
    border-color: #a94f44;
}

.termsCommon .risk_rating .risk.risk5 {
    background-color: #a94f44;
}

.termsCommon .risk_rating .risk.risk5.on {
    color: #a94f44;
}

.termsCommon .risk_rating .risk.risk5.on:after {
    border-color: #a94f44;
}

.termsCommon .risk_rating .bul_imp {
    margin-top: 20px;
}

.termsCommon .risk_rating_wrap .qrcode {
    display: block;
    width: 100px;
    height: 100px;
    text-align: center;
}

.termsCommon .risk_rating_wrap .qrcode img {
    width: 100%;
}
/* e:  R20240809_0033 */


/* 배너 버튼 /2201 */
.btBnArea > a.bt{display:block;position:relative;padding:10px 20px 10px 25px;line-height:1.25;border:1px solid #bbb;background-color:#fff}
.btBnArea > a.bt:after{content:'';display:block;position:absolute;top:50%;right:30px;margin-top:-8.5px;width:11px;height:17px;background:url('/images/common/bt_arw_blue.png') no-repeat 0 0}
.btBnArea > a.bt > span{display:inline-block;font-size:19px;color:#555}
.btBnArea > a.bt.cBlue{border:1px solid #bcdfef;background-color:#eaf7fd}
.btBnArea > a.bt.cBlue > span{color:#047db5}

/* 자동차보험-보험다모아관련버튼추가190904 */
.btn.middle.damoa{border:none;width:185px; background:#047db5; height:32px; border-radius:20px; top:25px;}
.btn.middle.damoa span{background:url("../images/common/btn_datepicker_next_W.png") no-repeat right; padding-right:13px; margin-top:0; color:#fff; font-size:14px;}
.carInfoInputSelect .moreData .btn.middle.damoa {right:170px; top:24px;}

.zipSearchIcon {background: #ffffff url("/images/common/btn_search_small.png") no-repeat right 0.5rem center !important;}
.zipSearchIcon.disabled{border:1px solid #bbbbbb;background-color:#eeeeee !important} /* 추가 /1904 */
.zipSearchIcon.c_org{padding: 0 28px 0 9px;background:#ffffff url('/images/common/btn_search_org.png') no-repeat right 0.5rem center !important;} /* 추가 /2004 */
.zipSearchIcon.c_org span{color:#ee5a00;} /* 추가 /2004 */
.btn.bline{display:inline-block;height:45px;line-height:40px;margin:0 5px;border:1px solid #cccccc;background:#ffffff;padding: 0 15px;min-width: 90px;}
.btn.bline span{color:#555555;font-size:15px;}
.btn.bline.orange{border:1px solid #ee5a00;}
.btn.bline.orange span{color:#ee5a00;}

.btn.bline.blue {width:80px; border: 1px solid #009ab1; margin: 0; height: 40px; line-height: 35px; padding: 0;}/* 재조회버튼추가 251016 */

/* 마우스 입력기 버튼 /2004 */
.btMouse{display:block;padding:2px 0;width:38px;height:50px;border-top:1px solid #bbbbbb;border-right:1px solid #bbbbbb;border-bottom:1px solid #bbbbbb;background:#ffffff url('/images/common/ic_mouse.png') no-repeat center center;text-align:center}

/* 다수차량 추가 /1911 */
.btn.lineOrange.arrOrg{margin:0;padding:8px 0;width:100%;height:auto;background:#f5f5f5 url('/images/common/pop_img_tab_arr.png') no-repeat 90% center;background-size:7px auto;text-align:center;line-height:1.3em;font-size:14px;color:#000}
.btn.lineOrange.arrOrg span{padding-right: 0;background:none;font-size:13px;color:#ee5a00}

/*171017추가*/
.btn.apply{ text-align:center; background:#ee5a00;width:150px}
.btn.apply span{ display:inline-block; background:url("/images/common/icon_employ.png") no-repeat left center; padding-left:24px; font-size:19px;}
.btn.apply02{ text-align:center; background:#ee5a00;width:98px;height:34px;border:1px solid #ee5a00;vertical-align:middle;}
.btn.apply02 span{ display:inline-block; background:url("/images/common/icon_employ02.png") no-repeat left center; padding-left:20px; font-size:14px;color:#ffffff;}

/*180720  */
.btn_blue02 {display: inline-block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 35px;height: 35px;text-align: center;width: 160px;background: #047db5;color: #fff;}

.btnWrap{}
.btnArea .btn.prev.disabled{ background:#cccccc;}
.btnArea .btn.next.disabled{ background:#dddddd;}
/* 개선1808 */
.btCirOrg{vertical-align:top;display:inline-block;margin:1px 0 0 5px;width:16px;height:16px;border-radius:50%;background:#ee5a00 url("/images/common/btn_icon_arrRw100.png") no-repeat center center;text-align:center;font-size:0}

.btCirOrg:focus-visible {outline: 2px dotted #fff !important;} /* 2024웹접근성2차_p44 추가 */
.btCirOrg:focus {outline: 2px dotted #fff !important;} /* 2024웹접근성2차_p44 추가 */

/* 버튼-입력완료 /2205 */
a.btCompb{display:inline-block;padding:0 18px;line-height:54px;height:56px;box-sizing:border-box;border:1px solid #009ab1;background-color:#fff;background-position:8px center;background-size:22px auto;text-align:center;font-size:15px;color:#222;-webkit-transition:all .2s ease;transition:all .2s ease;}
a.btCompb.on{padding:0 18px 0 24px;background:#009ab1 url('/images/common/checkbox_white.png');background-repeat:no-repeat;background-position:12px center;color:#fff}

/***
* New Layout - Button /2311 
***/
.newD .btn_area .bt_n{display:inline-block; height:auto; font-weight:700; text-align:center; white-space:nowrap; vertical-align:middle;padding:18px 24px; font-size:19px; line-height:26px; border-radius:12px;font-family:"NotoDemiLight","돋움",Dotum,"굴림",Gulim,"Apple SD Gothic Neo",AppleGothic,Sans-serif;}
.newD .btn_area .bt_n.fill01{color:#fff; background-color:#F8670D;}
.newD .btn_area .bt_n.fill01.hover,
.newD .btn_area .bt_n.fill01:hover{background-color:#F95F00;}
.newD .btn_area .bt_n.fill01:focus,
.newD .btn_area .bt_n.fill01.focus{background:#E25A05;}
.newD .btn_area .bt_n.fill01.disabled,
.newD .btn_area .bt_n.fill01:disabled{background:#EFEFF1 !important; color:#B7B7B9;}
.newD .btn_area .bt_n.fill01:not(:disabled):not(.disabled):active,
.newD .btn_area .bt_n.fill01:not(:disabled):not(.disabled).active{color:#fff; border:0px solid transparent; background-color:#E25A05;}
.newD .btn_area .bt_n.fill02{color:#fff; background-color:#909090;}
.newD .btn_area .bt_n.fill02.hover,
.newD .btn_area .bt_n.fill02:hover{background-color:#767678;}
.newD .btn_area .bt_n.fill02:focus,
.newD .btn_area .bt_n.fill02.focus{background:#3F3F41;}
.newD .btn_area .bt_n.fill02.disabled,
.newD .btn_area .bt_n.fill02:disabled{background:#EFEFF1 !important; color:#B7B7B9;}
.newD .btn_area .bt_n.fill02:not(:disabled):not(.disabled):active,
.newD .btn_area .bt_n.fill02:not(:disabled):not(.disabled).active{background-color:#3F3F41;}
.newD .btn_area .bt_n.fill03{color:#028CED; background-color:#F5F5F7; border:1px solid #F5F5F7;}
.newD .btn_area .bt_n.fill03.hover,
.newD .btn_area .bt_n.fill03:hover{background-color:#F1F1F3; border:1px solid #F1F1F3;}
.newD .btn_area .bt_n.fill03:focus,
.newD .btn_area .bt_n.fill03.focus{background:#F1F1F3; border:1px solid #F18D00;}
.newD .btn_area .bt_n.fill03.disabled,
.newD .btn_area .bt_n.fill03:disabled{background:#EFEFF1 !important; color:#B7B7B9;}
.newD .btn_area .bt_n.fill03:not(:disabled):not(.disabled):active,
.newD .btn_area .bt_n.fill03:not(:disabled):not(.disabled).active{background-color:#F1F1F3; color:#028CED;}
.newD .btn_area .bt_n.fill03.arrow{position:relative; padding-right:44px;}
.newD .btn_area .bt_n.fill03.arrow:after{
  content:""; z-index:1; position:absolute; top:50%; right:20px; width:20px; height:20px; margin-top:-10px; 
  background:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 5L12.5 10L7.5 15' stroke='%23767678' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
}
.newD .btn_area .bt_n.fill03.arrow:after{
  background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 5L12.5 10L7.5 15' stroke='%23028ced' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.newD .btn_area .bt_n.fill03.arrow.hover:after,
.newD .btn_area .bt_n.fill03.arrow:hover:after{
  background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 5L12.5 10L7.5 15' stroke='%23008cd3' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.newD .btn_area .bt_n.fill03.arrow:focus:after,
.newD .btn_area .bt_n.fill03.arrow.focus:after{
  background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 5L12.5 10L7.5 15' stroke='%23003070' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.newD .btn_area .bt_n.fill03.arrow.disabled:after,
.newD .btn_area .bt_n.fill03.arrow:disabled:after{
  background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 5L12.5 10L7.5 15' stroke='%23B7B7B9' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.newD .btn_area .bt_n.fill03.arrow:not(:disabled):not(.disabled):active:after,
.newD .btn_area .bt_n.fill03.arrow:not(:disabled):not(.disabled).active:after{
  background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 5L12.5 10L7.5 15' stroke='%23003070' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.newD .btn_area .bt_n.fill04{color:#ffffff; background-color:#3F3F41;}
.newD .btn_area .bt_n.fill04.hover,
.newD .btn_area .bt_n.fill04:hover{background-color:#1F1F21;}
.newD .btn_area .bt_n.fill04:focus,
.newD .btn_area .bt_n.fill04.focus{color:#F8670D; background:#3F3F41;}
.newD .btn_area .bt_n.fill04.disabled,
.newD .btn_area .bt_n.fill04:disabled{background:#EFEFF1 !important; color:#B7B7B9;}
.newD .btn_area .bt_n.fill04:not(:disabled):not(.disabled):active,
.newD .btn_area .bt_n.fill04:not(:disabled):not(.disabled).active{color:#ffffff; background-color:#1F1F21;}

/*tabStyle*/
.lineTabWrap .lineTabList{margin:0 -1px 0px 0;min-height:50px} /* 202209 접근성 */
.lineTabWrap .lineTabList.inRec{overflow:inherit;height:70px} /* 플랜추천 /수정20201230 */
.lineTabWrap .lineTabList li{ float:left;width:50%;margin:0 0 0 -1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:relative;border-bottom:1px solid #555555;}
.lineTabWrap .lineTabList li:first-child{ margin-left:0;}
.lineTabWrap .lineTabList.item3 li{ width:274px;}
.lineTabWrap .lineTabList.item3 li:first-child{ width:275px;}
.lineTabWrap .lineTabList.item3w li{ width:281px;}
.lineTabWrap .lineTabList.item3w li a{line-height:50px;}
.lineTabWrap .lineTabList li a{ display:block; background:#eeeeee; line-height:48px; text-align:center; font-size:15px;border:1px solid #dddddd; border-bottom:0;}
.lineTabWrap .lineTabList li.on{z-index:1;border-bottom:1px solid transparent;}
.lineTabWrap .lineTabList li.on a{background:#fff; color:#ee5a00; border:1px solid #555555; border-bottom:0;}

/* item3 /해외유학장기체류보험 /1808 */
.lineTabWrap .lineTabList.item3n li{width:33.33%}
.lineTabWrap .lineTabList.item3n li a{padding:14px 0 12px;height:22px;line-height:1.2rem;font-size:14px}
.lineTabWrap .lineTabList.item3n li:nth-child(2) a{padding:5px 0 4px;height:39px}

/* 해외여행보험 탭2줄 추가 210105 */
.lineTabWrap .lineTabList.item3n.trip li a{padding:5px 0 4px;height:39px;line-height:1.2rem;font-size:14px}

/*tabStyle tab4개 추가 20180612 */
.lineTabWrap .lineTabList.item4w li:first-child{ width:213px;}
.lineTabWrap .lineTabList.item4w li{ width:210px;}
.lineTabWrap .lineTabList.item4w li a{line-height:50px;}
.lineTabWrap .lineTabList li a{ display:block; background:#eeeeee; line-height:48px; text-align:center; font-size:15px;border:1px solid #dddddd; border-bottom:0;}
.lineTabWrap .lineTabList li.on{z-index:1;border-bottom:1px solid transparent;}
.lineTabWrap .lineTabList li.on a{background:#fff; color:#ee5a00; border:1px solid #555555; border-bottom:0;}

/* item4 /가정보장보험 /202010  */
.lineTabWrap .lineTabList.item4n li{width:25%;}
.lineTabWrap .lineTabList.item4n li a{padding:14px 0 12px;height:22px;line-height:1.2rem}

.lineTabWrap .lineTabList.item7 li{ width:121px;}
.lineTabWrap .lineTabList.item7 li:first-child{ width:110px;}
.lineTabWrap .lineTabList.item7 li:nth-child(3){ width:131px;}
.lineTabWrap .lineTabList.item7 li a{background:#eeeeee}
.lineTabWrap .lineTabList.item7 li.on a{background:#fff;}
.lineTabWrap .lineTabList.item5{margin:0 -4px 0 0;}
.lineTabWrap .lineTabList.item5 li{ width:20%;}
.lineTabWrap .lineTabList.item5 li img{vertical-align:middle;}

.lineTabWrap .lineTabList.big li a{ display:table; width:100%; height:69px;  text-align:center;border-bottom:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.lineTabWrap .lineTabList.big li a .vmiddle{ display:table-cell;vertical-align:middle; text-align:center; line-height:1; padding-bottom:1px; position:relative;}
.lineTabWrap .lineTabList.big li a .vmiddle .txt{ color:#777777; font-size:13px; display:block;margin-bottom:8px;}
.lineTabWrap .lineTabList.big li a .vmiddle .tit{ color:#555555; font-size:17px; display:block; }

.lineTabWrap .lineTabList.big li.on a .vmiddle .txt{ color:#777777;}
.lineTabWrap .lineTabList.big li.on a .vmiddle .tit{ color:#ee5a00;}
.lineTabWrap .lineTabList.big li.vote a .vmiddle:after{ content:'추천'; display:block; position:absolute; right:0; top:0; background:url("/images/common/tab_right_bg.png") no-repeat; width:57px; height:41px; color:#ffffff !important; font-size:13px; line-height:1; text-align:right;padding:6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
/* 플랜추천 /수정20201230 */
.lineTabWrap .lineTabList.inRec li.rec:after,
.lineTabWrap .lineTabList.inPlan li.rec:after{content:'추천';display:block;position:absolute;right:10px;top:-26px;background:url('/images/common/ic_plan_rec.png') no-repeat 0 0;width:40px;height:47px;font-size:0;text-align:center}
.tabCon{ display:none;}
.tabCon.on{ display:block;}
.tabCon .tabHiddenTitle{position:absolute;overflow:hidden;margin:-1px;padding:0;width:1px;height:1px;border:0;clip:rect(0 0 0 0);} /* 웹접근성 /2004 */

/* 플랜 및 담보 선택 - flex /202006 */
.lineTabWrap .lineTabList.inPlan{display:flex;overflow:inherit;margin:0;height:90px} /* 플랜추천 수정/202006 */
.lineTabWrap .lineTabList.inPlan li{width:246px}
.lineTabWrap .lineTabList.inPlan li:first-child{width:330px}
.lineTabWrap .lineTabList.big.inPlan li{float:none}
.lineTabWrap .lineTabList.big.inPlan li a{display:block;height:89px;}
.lineTabWrap .lineTabList.big.inPlan li a .vmiddle.vRdo{display:block;padding-top:35px}
.lineTabWrap .lineTabList.big.inPlan li a .vmiddle.vRdo .tit{line-height:1.3}
.lineTabWrap .lineTabList.big.inPlan li a .vmiddle.vRdo .point_rdo{display:block;position:absolute;top:8px;left:50%;margin-left:-12px;width:24px;height:24px;box-sizing:border-box;border-radius:12px;border:1px solid #bdbdbd;background-color:#fff}
.lineTabWrap .lineTabList.big.inPlan li.on{border-bottom:1px solid #555}
.lineTabWrap .lineTabList.big.inPlan li.on a{background-color:#ee5a00}
.lineTabWrap .lineTabList.big.inPlan li.on a .vmiddle.vRdo .tit{color:#fff}
.lineTabWrap .lineTabList.big.inPlan li.on a .vmiddle.vRdo .point_rdo:after{content:'';display:block;position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-5px;width:10px;height:10px;border-radius:5px;background-color:#fc843b}
.lineTabWrap .lineTabList.big.inPlan li .tabTh{display:table;box-sizing:border-box;width:100%;height:89px;line-height:48px;border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;background:#eee;text-align:center;font-size:15px}
.lineTabWrap .lineTabList.big.inPlan li .tabTh .vmiddle{display:table-cell;position:relative;padding-bottom:1px;vertical-align:middle;text-align:center;line-height:1}
.lineTabWrap .lineTabList.big.inPlan li .tabTh .vmiddle .tit{display:block;font-size:17px;color:#555}

/*openContentArea*/
.openContentArea{border-top:2px solid #555555}
.openContentArea.noTline{ border-top:0;}
.openContentArea > li{border-bottom:1px solid #dddddd;}
.openContentArea > li > a{line-height:40px; display:block; font-size:15px; color:#222222; position:relative;}
.openContentArea > li > a.iconAlert{ padding-left:20px; background:url("/images/common/icon_alert.png") no-repeat left center;}
.openContentArea > li > a:after{ content:''; display:block;background:url("/images/common/slideArr_down.png") no-repeat; width:16px; height:10px; position:absolute; right:15px; top:50%;margin-top:-5px;z-index:1}
.openContentArea > li.on > a:after{ background:url("/images/common/slideArr_up.png") no-repeat;}
.openContentArea > li > .openContent{background:#f5f5f5;padding:15px 20px; border-top:1px solid #dddddd;}
.openContentArea > li > .openContent > .title{ margin-bottom:7px; color:#047db5;}
.openContentArea.big{ margin-bottom:30px;}
.openContentArea.big > li > a{line-height:48px; display:block; font-size:17px; color:#222222; position:relative;}

/*sexSelect*/
.sexSelect{margin:0 -1px 0 0 ;height:56px;} /* 202209 접근성 */
.sexSelect li{ float:left;width:62px;border:1px solid #cccccc;margin:0 0 0 -1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:relative;}
.sexSelect li:first-child{ margin-left:0;}
.sexSelect li a{ display:block; line-height:54px; text-align:center; font-size:14px;}
.sexSelect li.on{z-index:1;border:2px solid #ee5a00;}
.sexSelect li.on a{color:#ee5a00; line-height:52px; text-decoration:underline;} /* 2024웹접근성2차_32 */
.sexSelect.disabled li a{ background:#eeeeee !important;}
/*circleSlide*/
.circleSlide{ display:inline-block;width:75px; height:24px;border:1px solid #cccccc; background:#eeeeee; border-radius:24px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:relative;cursor:pointer;cursor:hand}
.circleSlide .circle{border:1px solid #dddddd; background:#ffffff; width:26px; height:26px;border-radius:26px; position:absolute; left:-2px; top:-2px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;transition:all 0.2s}
.circleSlide ul li{ font-size:13px; color:#777; line-height:22px; text-align:right; padding-right:12px;}
.circleSlide ul li:first-child{ display:block;}
.circleSlide ul li:last-child{ display:none;}

.circleSlide.on{ background:#ee5a00;border:1px solid #ee5a00}
.circleSlide.on .circle{transform:translate(51px,0);-webkit-transform:translate(51px,0);-ms-transform:translate(51px,0);}
.circleSlide.on ul li{ color:#ffffff; text-align:left; padding-left:18px;}
.circleSlide.on ul li:first-child{ display:none;}
.circleSlide.on ul li:last-child{ display:block;}

/* 보험료계산 미가입떄 231023 */
.circleSlide_notJoin{ display:inline-block;width:75px; height:24px;border:1px solid #cccccc; background:#eeeeee; border-radius:24px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:relative;}
.circleSlide_notJoin .circle{border:1px solid #dddddd; background:#ffffff; width:26px; height:26px;border-radius:26px; position:absolute; left:-2px; top:-2px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;transition:all 0.2s}
.circleSlide_notJoin ul li{display:block; font-size:13px; color:#777; line-height:22px; text-align:right; padding-right:12px;}

/*sexSelect*/
.confirm{min-height:40px} /* 202209 접근성 */
.confirm li{float:left;width:90px;border:1px solid #cccccc;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:relative; margin-left:10px;} /* 2024웹접근성2차_32 */
.confirm li:first-child{margin-left:0;}
.confirm li a{display:block; line-height:38px; text-align:center; font-size:15px;}
.confirm li.on{z-index:1;border:2px solid #ee5a00;}
.confirm li.on a{color:#ee5a00; line-height:36px;text-decoration:underline;} /* 수정 /2207 */ /* 2024웹접근성2차_32 */
.confirm.disabled li a{background:#eeeeee !important;}


/* 장기 간편산출 추가210706 */
.confirm.easy li {width:70px;}
.confirm.easy li a{display:block; line-height:53px; text-align:center; font-size:15px;}
.confirm li.on{z-index:1;border:1px solid #ee5a00;}
.confirm.easy li.on a{color:#ee5a00; line-height:53px;}

/*datepicker customer*/
.ui-widget{ font-family:inherit;}
.ui-datepicker{z-index:5 !important;}
.ui-datepicker-multi-2:after{ content:''; display:block; position:absolute;left:50%;top:0; background:#e7e7e7; width:1px; height:100%;}
.ui-widget.ui-widget-content{border:1px solid #555555;border-radius:0 !important;margin-left:-1px;padding:0 !important;}
.ui-datepicker .ui-datepicker-header{padding:0 !important; background:#ffffff;height:34px; line-height:34px;border:0 !important;border-radius:0 !important; text-align:center;}
.ui-datepicker .ui-datepicker-title{height:34px; line-height:34px; display:inline-block;margin:0;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year{margin:0 5px 0 0;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year:after{ content:'년'; display:inline-block;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month{ float:right;}
.ui-datepicker .ui-datepicker-prev{ background:url("/images/common/btn_datepicker_prev.png") no-repeat; width:10px !important; height:16px !important;left:54px !important;top:9px !important;border:0 !important;}
.ui-datepicker .ui-datepicker-prev span{ opacity:0;}
.ui-datepicker .ui-datepicker-next{ background:url("/images/common/btn_datepicker_next.png") no-repeat; width:10px !important; height:16px !important;right:54px !important;top:9px !important;border:0 !important;}
.ui-datepicker .ui-datepicker-next span{ opacity:0;}
.ui-datepicker-multi .ui-datepicker-group table{ width:100%; margin:0;}
.ui-datepicker th {padding:0;text-align: center;font-weight: normal;border: 0; background:#f5f5f5; height:25px; font-size:12px; color:#777777; width:14%;}
.ui-datepicker th:first-child { color:#f64e3d; width:15%;}
.ui-datepicker th:last-child { color:#047db5; width:15%;}
.ui-datepicker td{height:31px; border-top:1px solid #eeeeee; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;padding:0;}
.ui-datepicker td span, .ui-datepicker td a {display: block;padding:0;text-decoration: none; background:#ffffff !important;border:0 !important; height:100%;line-height:28px; color:#777777 !important; font-size:13px; position:relative;text-align:center !important;}

.ui-datepicker tr td a.ui-state-highlight:after{ content:''; display:block; width:100%; height:calc(100% - 5px);position:absolute; left:0; right:0;margin:0 auto;top:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;border:2px solid #ee5a00;}
.ui-datepicker tr td.dp-highlight span,
.ui-datepicker tr td.dp-highlight a{ background:#ee5a00  !important; color:#ffffff !important;}


/*autoComplete*/
.autoComplete{ position:relative;}
.autoComplete .autoCompleteList{ position:absolute; left:0; top:32px; width:100%;border:1px solid #cccccc; border-top:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;padding:7px 0; display:none;z-index:4; background:#ffffff;max-height:211px;overflow:auto}
.carDetailWrap .autoComplete .autoCompleteList{ width:233px;}
.autoComplete .autoCompleteList li a{ line-height:28px; font-size:14px; color:#777777; display:block;padding:0 15px;}
.autoComplete .autoCompleteList li a:hover,
.autoComplete .autoCompleteList li a:focus,
.autoComplete .autoCompleteList li.on a:focus{ background:#f5f5f5; color:#047db5;}



.alertSet{ position:relative;z-index:20}
.dim_bg.dim_alert{z-index:20}
.alertArea{ display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);width:360px;border:2px solid #222222;padding-bottom:27px;z-index:21; background:#ffffff;}
.alertArea .btnClose{position:absolute;right:19px;top:9px;}
.alertArea .titArea{height:37px;line-height:37px;border-bottom:1px solid #eeeeee;;padding:0 18px; color:#222222;}
.alertArea .txtArea{padding:0 18px;font-size:14px;color:#555555;min-height:37px;}
.alertArea .txtArea .exmark li{position:relative;padding-left:20px;}
.alertArea .txtArea .exmark li:before{content:'';position:absolute;left:0;top:4px;width:14px;height:14px;background:url(/images/common/icon_alert.png);}
.btn.m10h4{display: inline-block;margin:0 5px;padding:0 15px;min-width:100px;height:40px;line-height:40px;border:0;vertical-align:top;}
.btn.m10h4 span{color:#ffffff;}

.quickAreaRight{position:fixed;left:50%;margin-left:570px;top:120px;width:100px;}
.quickAreaRight .box1{background:url("/images/common/quick_bg.png") repeat-y; padding:16px 0 0 14px;height:135px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.quickAreaRight .box1 .tit{color:#222222; font-size:17px; line-height:22px;}
.quickAreaRight .box1 .txt{color:#777777; font-size:13px; line-height:18px; margin-top:9px;}
.quickAreaRight .box2{display:block;background:url("/images/common/quick_bg2.png") repeat-y;/* padding:16px 0 0 0px;height:112px;*/ padding:10px 0 0 0px;height:112px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; /*text-align:center;*/text-align:left;}
.quickAreaRight .box2 span{padding-left:3px; text-align:left; color:#003170; font-size:15px; display:inline-block; line-height:19px; font-weight:bold;}
.quickAreaRight .box2 span.title_or {padding-top:13px; font-size:20px; color:#ee5a00; background:url("/images/common/quick_icon_mouse.png") no-repeat right top 0px;height:40px; width:80px;}
.quickAreaRight .box2 span.box3{background:none; font-weight:normal;padding-top:10px;}
.quickAreaRight .btnClick2Call{display:block;padding:6px 0;line-height:19px;text-align:center;color:#ffffff; background:#003170; letter-spacing:-1px; text-indent:0; width:auto; height:auto;margin:0;} /* 수정 /202006 */
/* quick 자동차보험 /수정202006 */
.quickAreaRight .typeCar{margin-bottom:10px;} /* 퀵배너카드혜택배너가려짐에따라조정200325 */
.quickAreaRight .typeCar .btnClick2Call{padding:2px;background-color:#ee5a00;line-height:19px}
.quickAreaRight .typeCard{}
.quickAreaRight .typeCard dt{padding:6px 0;background:radial-gradient(#08438f,#073c80);font-size:15px;text-align:center;color:#fff}
.quickAreaRight .typeCard dd{background:#fff8d7 url('/images/common/quick_bg_cardBenefit.gif') repeat-y 0 0}
.quickAreaRight .typeCard dd a{display:block}
.quickAreaRight .typeCard dd+dd:before{content:'';display:block;margin:0 auto;width:83px;height:1px;background-color:#d3cfbf}
.quickAreaRight .typeCard dd.img{text-align:center} /* 추가 /202006 */

.quickWrapper{position:fixed;top:25px;left:50%;margin-left:570px;width:110px}
.quickWrapper .quickMenuWrap{width:110px;letter-spacing:-1px;text-align:center}
.quickWrapper .quickMenuWrap img{vertical-align:top}
/* Quick-Guide /202008 */
.quickWrapper .quickMenuWrap .quickGuide{/*padding-bottom:5px;*/border-bottom:1px solid #b5b5b6;background-color:#fff} /* 변경1_221104 */
.quickWrapper .quickMenuWrap .quickGuide dt{padding:12px 0 11px;height:15px;line-height:14px;border-bottom:1px solid #b5b5b6;background-color:#e9eaea;font-size:15px;color:#3e3a39} /* 변경2_221104 */
.quickWrapper .quickMenuWrap .quickGuide dd{position:relative;background-color:#fff;}
.quickWrapper .quickMenuWrap .quickGuide dd a{display:block;padding:37px 0 14px;height:14px;line-height:13px;font-size:14px;color:#636363}
.quickWrapper .quickMenuWrap .quickGuide dd:first-child a{display:block}
.quickWrapper .quickMenuWrap .quickGuide dd.bg-ic01 a{padding-top:42px;background:url('/images/common/quick_guide_ic01.png') no-repeat center 14px}
.quickWrapper .quickMenuWrap .quickGuide dd.bg-ic02 a{padding-top:37px;background:url('/images/common/quick_guide_ic02.png') no-repeat center 15px}
.quickWrapper .quickMenuWrap .quickGuide dd.bg-ic03 a{padding-top:44px;background:url('/images/common/quick_guide_ic03.png') no-repeat center 15px}
.quickWrapper .quickMenuWrap .quickGuide dd.bg-ic04 a{padding-top:45px;background:url('/images/common/quick_guide_ic04.png') no-repeat center 15px}
.quickWrapper .quickMenuWrap .quickGuide dd.bg-ic05 a{padding-top:37px;background:url('/images/common/quick_guide_ic05.png') no-repeat center 15px}
.quickWrapper .quickMenuWrap .quickGuide dd.bg-ic06 a{padding-top:37px;background:url('/images/common/quick_guide_ic06.png') no-repeat center 15px}
.quickWrapper .quickMenuWrap .quickGuide dd.bg-ic07 a{padding-top:42px;background:url('/images/common/quick_guide_ic07.png') no-repeat center 15px}
.quickWrapper .quickMenuWrap .quickGuide dd.bg-ic08 a{padding-top:42px;background:url('/images/common/quick_guide_ic08.png') no-repeat center 15px} /* 챗봇추가220915 */
.quickWrapper .quickMenuWrap .quickGuide dd + dd:before{content:'';display:block;position:absolute;top:0;left:50%;margin-left:-32px;width:64px;height:1px;background-color:#dcdcdc}
/* Quick-Guide - guideCarType /202008 */
.quickWrapper .quickMenuWrap .quickGuide.carType dd a{padding:33px 0 9px}
.quickWrapper .quickMenuWrap .quickGuide.carType dd.bg-ic01 a{padding-top:33px;background:url('/images/common/quick_guide_ic01.png') no-repeat center 7px} /* 변경3-9_221104 */
.quickWrapper .quickMenuWrap .quickGuide.carType dd.bg-ic02 a{padding-top:26px;background:url('/images/common/quick_guide_ic02.png') no-repeat center 7px}
.quickWrapper .quickMenuWrap .quickGuide.carType dd.bg-ic03 a{padding-top:29px;background:url('/images/common/quick_guide_ic03.png') no-repeat center 7px}
.quickWrapper .quickMenuWrap .quickGuide.carType dd.bg-ic04 a{padding-top:33px;background:url('/images/common/quick_guide_ic04.png') no-repeat center 7px}
.quickWrapper .quickMenuWrap .quickGuide.carType dd.bg-ic05 a{padding-top:29px;background:url('/images/common/quick_guide_ic05.png') no-repeat center 7px}
.quickWrapper .quickMenuWrap .quickGuide.carType dd.bg-ic06 a{padding-top:32px;background:url('/images/common/quick_guide_ic06.png') no-repeat center 7px}
.quickWrapper .quickMenuWrap .quickGuide.carType dd.bg-ic07 a{padding-top:32px;background:url('/images/common/quick_guide_ic07.png') no-repeat center 7px}
.quickWrapper .quickMenuWrap .quickGuide.carType dd.bg-ic08 a{padding-top:32px;background:url('/images/common/quick_guide_ic08.png') no-repeat center 5px} /* 챗봇추가2_220915 */

/* s: R20240910_0028 보험가입상담 추가 */
.productMainWrap .quickWrapper {top:60px}
.quickWrapper .quickMenuWrap .quickGuide + .quickGuide {margin-top: 40px;} 
.quickWrapper .quickMenuWrap .quickGuide.cs_banner dd + dd:before { width:100px; margin-left: -50px;}
.quickWrapper .quickMenuWrap .quickGuide.cs_banner .txt1 {color: #ea7404; font-size: 16px; font-family: 'NotoRegular'; }
.quickWrapper .quickMenuWrap .quickGuide.cs_banner .txt2 {color: #1f1f21; font-size: 20px; font-family: 'NotoRegular'; font-weight: 600; line-height: 1;}
.quickWrapper .quickMenuWrap .quickGuide.cs_banner .txt3 {color: #555557; font-size: 14px;background: #daebfd; padding: 4px; border-radius: 8px; margin: 10px 6px 0; line-height: 1.2;}
.quickWrapper .quickMenuWrap .quickGuide.cs_banner dd.bg-ictel01 {
  padding:56px 0 10px 0;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='레이어_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 80.4 68.4' style='enable-background:new 0 0 80.4 68.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23EF8200;%7D .st1%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M80.2,54.4c0,3.4-2.8,6.2-6.3,6.2H6.5c-3.5,0-6.3-2.8-6.3-6.2V6.5c0-3.4,2.8-6.2,6.3-6.2h67.4 c3.5,0,6.3,2.8,6.3,6.2V54.4z'/%3E%3Crect x='5.2' y='6.1' class='st1' width='69.9' height='48.6'/%3E%3Crect x='24.2' y='57.5' class='st0' width='32.1' height='5.9'/%3E%3Crect x='17.4' y='64.5' class='st0' width='45.7' height='3.8'/%3E%3Cpath class='st0' d='M55.4,30.3c0-8.4-7.5-15.2-16.7-15.2S22,21.9,22,30.3c0,8.4,7.5,15.2,16.7,15.2c2.4,0,4.7-0.5,6.7-1.3 c0.9-0.3,1.8-0.4,2.7-0.2l5.6,1.5c0.6,0.2,1.1-0.4,1-1l-1.3-4.7c-0.3-1-0.1-2.1,0.3-3C54.8,34.8,55.4,32.6,55.4,30.3z M35.3,30.6 c-0.1,1.3-1.1,2.4-2.4,2.4c-1.5,0.1-2.8-1.2-2.7-2.7c0.1-1.3,1.1-2.4,2.4-2.4C34.2,27.8,35.4,29.1,35.3,30.6z M41.3,30.6 c-0.1,1.3-1.1,2.4-2.4,2.4c-1.5,0.1-2.8-1.2-2.7-2.7c0.1-1.3,1.1-2.4,2.4-2.4C40.1,27.8,41.4,29.1,41.3,30.6z M47.3,30.6 c-0.1,1.3-1.1,2.4-2.4,2.4c-1.5,0.1-2.8-1.2-2.7-2.7c0.1-1.3,1.1-2.4,2.4-2.4C46.1,27.8,47.4,29.1,47.3,30.6z'/%3E%3C/g%3E%3C/svg%3E%0A");  background-repeat: no-repeat;
  background-position: center 16px;
  background-size: 46px 40px;
} 
.quickWrapper .quickMenuWrap .quickGuide.cs_banner dd.bg-ictel02 {
  padding:56px 0 10px 0;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='레이어_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 80.4 68.4' style='enable-background:new 0 0 80.4 68.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23EF8200;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M48.6,66H36.1v-5h12.4c8.7,0,15.8-6.9,15.8-15.5V25.1c0-10.9-9.1-19.7-20.2-19.7H36c-11,0-20.1,8.8-20.1,19.7 V45h-5.1V25.1c0-13.7,11.4-24.8,25.3-24.8h8.1c14,0,25.3,11.1,25.3,24.8v20.4C69.5,56.8,60.1,66,48.6,66z'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M45.3,63.3c0,2.8-2.3,5-5.1,5s-5.1-2.2-5.1-5c0-2.8,2.3-5,5.1-5C43,58.3,45.3,60.6,45.3,63.3z'/%3E%3Cg%3E%3Cpath class='st0' d='M12.6,49.7L12.6,49.7c-6.9,0-12.4-5.4-12.4-12.2l0,0c0-6.7,5.6-12.2,12.4-12.2l0,0c1.8,0,3.3,1.4,3.3,3.2 v17.8C16,48.2,14.5,49.7,12.6,49.7z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M67.8,49.7L67.8,49.7c6.9,0,12.4-5.4,12.4-12.2l0,0c0-6.7-5.6-12.2-12.4-12.2l0,0c-1.8,0-3.3,1.4-3.3,3.2 v17.8C64.4,48.2,65.9,49.7,67.8,49.7z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M33,30.1v-1.2c0-1.6-1.4-3-3-3s-3,1.3-3,3v1.2c0,1.6,1.4,3,3,3S33,31.7,33,30.1z'/%3E%3Cpath class='st0' d='M50.6,25.9c-1.7,0-3,1.3-3,3v1.2c0,1.6,1.4,3,3,3c1.7,0,3-1.3,3-3v-1.2C53.6,27.2,52.2,25.9,50.6,25.9z'/%3E%3Cpath class='st0' d='M44.8,40c-2.5,2.4-6.6,2.4-9.1,0c-1-1-2.7-1-3.8,0c-1,1-1,2.7,0,3.7c2.2,2.2,5.2,3.4,8.3,3.4s6.1-1.2,8.3-3.4 c1-1,1-2.7,0-3.7C47.5,39,45.9,39,44.8,40z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center 16px;
  background-size: 46px 40px;
} 
/* e: R20240910_0028 보험가입상담 추가 */

/* Quick-Card /202008 */
.quickWrapper .quickMenuWrap .quickCard{border-bottom:1px solid #b5b5b6;background-color:#fff}
.quickWrapper .quickMenuWrap .quickCard dt{padding:12px 0 11px;height:15px;line-height:14px;border-bottom:1px solid #b5b5b6;background-color:#e9eaea;font-size:15px;color:#3e3a39}
.quickWrapper .quickMenuWrap .quickCard dd+dd{border-top:1px solid #dcdcdc}
.quickWrapper .quickMenuWrap .quickCard dd a{display:block}

/* Quick-Event /202009 */
.quickWrapper .quickMenuWrap .quickEvent{border-bottom:1px solid #b5b5b6;background-color:#fff}
.quickWrapper .quickMenuWrap .quickEvent dt{padding:12px 0 11px;height:15px;line-height:14px;border-bottom:1px solid #b5b5b6;background-color:#e9eaea;font-size:15px;color:#3e3a39}
.quickWrapper .quickMenuWrap .quickEvent dd + dd{border-top:1px solid #dcdcdc}
.quickWrapper .quickMenuWrap .quickEvent dd a{display:block}
/* Quick-Tip /202009 */
.quickWrapper .quickMenuWrap .quickTip{border-bottom:1px solid #b5b5b6;background-color:#fff}
.quickWrapper .quickMenuWrap .quickTip dt{padding:12px 0 11px;height:15px;line-height:14px;border-bottom:1px solid #b5b5b6;background-color:#e9eaea;font-size:14px;color:#3e3a39}
.quickWrapper .quickMenuWrap .quickTip dd{padding:10px 7px;}
.quickWrapper .quickMenuWrap .quickTip dd + dd{border-top:1px solid #dcdcdc}
.quickWrapper .quickMenuWrap .quickTip dd a{display:block}
.quickWrapper .quickMenuWrap .quickTip .txtBox{padding:10px 2px;border-radius:6px;background:#efefef;line-height:1.1em}
.quickWrapper .quickMenuWrap .quickTip .txtBox .tit{margin-bottom:5px;font-weight:600;font-size:13px}
.quickWrapper .quickMenuWrap .quickTip .txtBox .txt{font-size:12px}
/* Quick-Point /202009 */
.quickWrapper .quickMenuWrap .quickPoint dd a{display:block}

/* Quick Button /202008 */
.quickTogBtn{z-index:1;position:fixed;top:120px;left:50%;margin-left:550px;width:20px;height:80px;border:0}
.quickTogBtn a{display:block;position:relative;width:20px;height:80px;border-top-left-radius:10px;border-bottom-left-radius:10px;border:0;background:/*#bebab7*/ #8a8a8a;} /* 2024웹접근성_78 */
.quickTogBtn a:after{content:'';display:block;position:absolute;top:50%;left:50%;margin:-7.5px 0 0 -7.5px;width:15px;height:15px;background:url('../images/common/quick_btn_arw.png') no-repeat center center;-webkit-transition:all 0.3s;transition:all 0.3s}
.quickTogBtn.off a:after{-webkit-transform:rotate(-180deg);transform:rotate(180deg)}

/** Quick Menu /202008 **/
.quickAreaRight{position:fixed;top:25px;left:50%;margin-left:570px;width:110px}
.quickAreaRight .quickMenuWrap{width:110px;letter-spacing:-1px;text-align:center}
.quickAreaRight .quickMenuWrap img{vertical-align:top}
/* Quick-Guide /202008 */
.quickAreaRight .quickMenuWrap .quickGuide{padding-bottom:5px;border-bottom:1px solid #b5b5b6;background-color:#fff}
.quickAreaRight .quickMenuWrap .quickGuide dt{padding:12px 0 11px;height:15px;line-height:14px;border-bottom:1px solid #b5b5b6;background-color:#e9eaea;font-size:15px;color:#3e3a39}
.quickAreaRight .quickMenuWrap .quickGuide dd{position:relative;background-color:#fff;}
.quickAreaRight .quickMenuWrap .quickGuide dd a{display:block;padding:37px 0 14px;height:14px;line-height:13px;font-size:14px;color:#636363}
.quickAreaRight .quickMenuWrap .quickGuide dd:first-child a{display:block}
.quickAreaRight .quickMenuWrap .quickGuide dd.bg-ic01 a{padding-top:42px;background:url('../images/common/quick_guide_ic01.png') no-repeat center 14px}
.quickAreaRight .quickMenuWrap .quickGuide dd.bg-ic02 a{padding-top:37px;background:url('../images/common/quick_guide_ic02.png') no-repeat center 15px}
.quickAreaRight .quickMenuWrap .quickGuide dd.bg-ic03 a{padding-top:44px;background:url('../images/common/quick_guide_ic03.png') no-repeat center 15px}
.quickAreaRight .quickMenuWrap .quickGuide dd.bg-ic04 a{padding-top:45px;background:url('../images/common/quick_guide_ic04.png') no-repeat center 15px}
.quickAreaRight .quickMenuWrap .quickGuide dd.bg-ic05 a{padding-top:37px;background:url('../images/common/quick_guide_ic05.png') no-repeat center 15px}
.quickAreaRight .quickMenuWrap .quickGuide dd.bg-ic06 a{padding-top:37px;background:url('../images/common/quick_guide_ic06.png') no-repeat center 15px}
.quickAreaRight .quickMenuWrap .quickGuide dd.bg-ic07 a{padding-top:42px;background:url('../images/common/quick_guide_ic07.png') no-repeat center 15px}
.quickAreaRight .quickMenuWrap .quickGuide dd + dd:before{content:'';display:block;position:absolute;top:0;left:50%;margin-left:-32px;width:64px;height:1px;background-color:#dcdcdc}

.loadingWrap{ background:rgba(100%,100%,100%,0.6); position:fixed; width:100%; height:100%;z-index:20; color:#555555; font-size:15px; left:0; top:0;}
.loadingWrap .loading{ position:absolute; left:50%; top:50%; text-align:center;margin:-154px 0 0 -192px; width:384px;background:rgba(100%,100%,100%,0.7); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:40px 0 35px 0; font-size:15px;border:1px solid #ee5a00 }
.loadingWrap .loading .txt{ margin:10px 0 7px 0; color:#ee5a00; font-size:19px;}
.loadingWrap .loading .txt2{ color:#222222;}
.loadingWrap .loading .txt3{color:#636363;}
.loadingWrap .loading .txt4{color:#666666; font-size:18px; padding-top:15px; margin-top: 10px; border-top:1px solid #e0e0e0;} /* 실손전환화면_로딩 250703 */

/*
.loadingBg{z-index:1000;display:block;position:fixed;top:0;left:0;visibility:visible;filter:alpha(opacity=50);opacity:0.5;width:100%;height:100%;background-color:#000}
.loadingWrap{position:absolute;left:50%;top:50%;z-index:99999;overflow:hidden;margin-top:-144px;margin-left:-184px;width:369px;height:288px;text-align:center}
.loadingWrap .box{display:inline-block;position:relative;width:149px;height:149px}
.loadingWrap .box .loadImg{position:absolute;left:0;top:0;opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
.loadingWrap .box .loadImg.on{opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
.loadingWrap .slogan{margin-top:15px}
*/

/* other /1807 */
.bx_recom{display:inline-block;padding:0 7px;height:20px;line-height:20px;background:#009ab1;font-size:13px;color:#fff}
.bx_tip_blue{display:inline-block;box-sizing:border-box;padding:0 6px;height:26px;line-height:26px;border:1px solid #047db5;font-size:14px;color:#047db5}

/* 자동차보험 6단계 / IA1812 */
.pdfAttay{position:absolute;right:0;top:25px;}
.infoTableWrap .infoTable.arraySimple .item dl{padding-left:135px;}

.btnAreaWrap.glow{overflow:auto;}

.btn.line.arr.glow{
	animation:glowing 1300ms infinite;
	transform:rotate(0.001deg);
	border:#ee5a00;
}

/* 개인정보동의 상세내용 등급/2304 */
.agreeFlex{display:flex;align-items:center;}

/* 휴대폰동의 약관 개정 2402 */
.badge.red{display: inline-block; height:28px; margin:0 0 10px; padding:3px 12px 4px; box-sizing:border-box; color:#FF2D55; font-size: 13px; font-weight: 500; line-height: 1.5em; letter-spacing: -0.04em; background: #ffffff; border:1px solid #FF2D55; border-radius: 99px;}
.terms_area .title .tit{float:initial !important;}
.terms_intro{margin:10px 0 5px; padding:25px 30px; color:#000; font-size:16px; line-height:28px; background:#e8f2ff; border-radius:10px;}
.terms_list > li:not(.no_check){position:relative; text-align:right; font-size:16px;}
.terms_list > li:not(:first-child){margin-top:21px;}
.terms_list .no_check{display:flex; justify-content:space-between;} /* 동의 사항이 없는 경우 */
.terms_list .no_check > span{font-size:18px; color:#000;}
.terms_list .radio_title {position:absolute; top:2px; left:0; padding-left:10px;}
.terms_list .radio_title:before {position:absolute; top:11px; left:0; width:3px; height:3px; content:''; background:#000; border-radius: 50%;}
.terms_list .radio_set{display:flex; justify-content:flex-end;}
.terms_list .radio_set .radio{margin:0 10px 0 0;}
.btn_agree.active{border-color:transparent; background:#ea7404;}
.btn_agree.active div{color:#fff !important;}
.terms_area .btn_agree.active > div:after{display:inline-block; margin-left:4px;} /* 2024웹접근성 수정 p70 content:'완료';삭제 */ 
.terms_area .radio input:checked+label:before{background : #ffffff url("/images/common/radio.png") no-repeat center center}
.terms_area .terms_list .law{color:#767678; font-size:14px;}

@keyframes glowing{
	0%{box-shadow:0 0 5px #ee5a00;}
	50%{box-shadow:0 0 15px #ee5a00;}
	100%{box-shadow:0 0 5px #ee5a00;}
}


/* R20241015_0101 아코디언 */
.acc_wrap {
  margin-top: 20px;
  padding: 10px;
  background: #e6e6e6;
}
.acc_wrap .stit {
  cursor: pointer;
  color: #000;
  font-weight: 500;
  position: relative;
  display: block;
}
.acc_wrap .stit .ic_arrow {
  display: inline-block;
  position: absolute;
  width: 28px;
  height: 28px;
  background-position: 50% 50%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  top: -4px;
  right: -4px;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 11.6666L14 18.6666L21 11.6666' stroke='%23767678' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.acc_wrap .stit.active .ic_arrow {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.acc_wrap .acc_cont {
  display: none;
  margin-top: 20px;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.acc_wrap .acc_cont .contentTable {
  border-top: 2px solid #999;
}
.acc_wrap .acc_cont .contentTable td {
  background: #fff;
}

/* contentTable_테이블_th_색상변경  */
.contentTable.bg_terms th {
  background: #007ab9;
  color: #fff;
}


/* s: 리뉴얼 팝업 스타일 추가 */
.renewalPopWrap {
	border-radius: 16px;
	min-width: 464px;
	max-width: 688px;
	width: auto !important;
	overflow: hidden;
	position: fixed !important;
	top: 0 !important;
	right: 0;
	bottom: 0;
	left: 0;
	outline: 0;
	background: transparent !important;
	display: none;
}
.renewalPopWrap .modal_dialog {
	position: relative;
	width: auto;
	height: auto;
	min-height: 100%;
	margin: 0 auto;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.renewalPopWrap .modal_content {
	position: relative;
	min-width: 464px;
	max-width: 688px;
	max-height: 795px;
	margin: 0 auto;
	border-radius: 16px;
	background: #fff;
}
.renewalPopWrap.full .modal_content {
	width: 668px;
	min-width: 668px;
}

.renewalPopWrap .modal_header .modal_title {
	padding: 40px 77px 40px 40px;
	color: #1f1f21;
	font-size: 27px;
	font-weight: 700;
	line-height: 1.4em;
	letter-spacing: -0.02em;
	word-break: break-word;
	font-family: 'NotoRegular';
}
.modal .modal_header .wrapper .modal_title strong {
	color: #ff2d55;
}
.renewalPopWrap .modal_body {
	overflow-x: hidden;
	overflow-y: scroll;
	position: relative;
	max-height: 533px;
	margin-bottom: 144px;
	outline: 0;
}
.renewalPopWrap .modal_body .wrapper {
	overflow: hidden;
	position: relative;
	padding-left: 40px;
	padding-right: 19px;
}
.renewalPopWrap .modal_body .wrapper .comp {
	position: relative;
}
.renewalPopWrap .modal_body .wrapper .comp::after {
	display: block;
	content: '';
	clear: both;
}
.renewalPopWrap .modal_body .wrapper .comp + .comp {
	margin-top: 32px;
}
.renewalPopWrap .modal_body .title_area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 0 24px;
}
.renewalPopWrap .modal_body .title_area .h3 {
	color: #3f3f41;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.4em;
	letter-spacing: -0.02em;
}
.renewalPopWrap .modal_body .h4 {
	font-size: 17px;
	font-weight: 500;
	line-height: 1.4em;
	letter-spacing: -0.02em;
	color: #3f3f41;
}
.renewalPopWrap .modal_body h4 + ul {
	margin-top: 8px;
}
.renewalPopWrap .modal_body .subtit_r {
	font-size: 17px;
	font-weight: 400;
	line-height: 1.4em;
	letter-spacing: -0.02em;
	color: #555557;
}
.renewalPopWrap .modal_body p {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5em;
	letter-spacing: -0.04em;
	color: #767678;
}
.renewalPopWrap .modal_body p + p {
	margin-top: 4px;
}
.renewalPopWrap .modal_body .uol_list ul > li {
	position: relative;
	padding-left: 10px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5em;
	letter-spacing: -0.04em;
	color: #555557;
	word-break: break-all;
}
.renewalPopWrap .modal_body .uol_list ul > li:before {
	content: '';
	position: absolute;
	left: 3px;
	top: 11px;
	width: 2px;
	height: 2px;
	background-color: #555557;
	border-radius: 50%;
}
.renewalPopWrap .modal_body .uol_list ul + h4 {
	margin-top: 24px;
}
.renewalPopWrap .modal_body .accordion {
	margin-top: 80px;
	border-top: 1px solid #000000;
}
.renewalPopWrap .modal_body .accordion .item {
	border-top-color: #efeff1;
}
.renewalPopWrap .modal_body .accordion .fold_header {
	background: #fff;
}

.renewalPopWrap .modal_body .accordion .fold_header a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	padding: 20px 0;
}

.renewalPopWrap .modal_body .accordion .fold_header .title {
	position: relative;
}
.renewalPopWrap .modal_body .accordion .item .fold_header .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: calc(100% - 36px);
}

.renewalPopWrap .modal_body .accordion .item .fold_header .title strong {
	color: #1f1f21;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.4em;
	letter-spacing: -0.02em;
	line-height: 28px;
	word-break: break-word;
}

.renewalPopWrap .modal_body .accordion .item .fold_header .title span {
	color: #1f1f21;
	word-break: break-word;
	text-align: right;
}

.renewalPopWrap .modal_body .accordion .item .fold_header .icon_angle {
	content: '';
	position: absolute;
	width: 28px;
	height: 28px;
	background-position: 50% 50%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	top: 20px;
	right: 20px;
	background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 11.6666L14 18.6666L21 11.6666' stroke='%23767678' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	-webkit-transform: rotate(0);
	transform: rotate(0);
}

.renewalPopWrap .modal_body .accordion .item .fold_header .icon_angle span {
	position: absolute;
	display: inline-block;
	font-size: 1px;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	visibility: hidden;
	overflow: hidden;
	border: 0;
	clip: rect(0, 0, 0, 0);
}

.renewalPopWrap .modal_body .accordion .item .fold_body {
	display: none;
	padding: 2px 20px 20px 20px;
	border-bottom: 1px solid #efeff1;
}
.renewalPopWrap .modal_body .accordion.open .item .fold_body {
	display: block;
}
.renewalPopWrap .modal_body .accordion .item:first-child {
	border-top: none;
}

.renewalPopWrap .modal_body .accordion.open .item .fold_header a .icon_angle {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.renewalPopWrap .modal_body .accordion + .accordion {
	border-top: 0;
}
.renewalPopWrap .modal_body .accordion .fold_body.uol_list ul li {
	color: #555557;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5em;
	letter-spacing: -0.04em;
}
.renewalPopWrap .btn_modal_close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 36px;
	height: 36px;
	background: url("data:image/svg+xml,%3Csvg width='36' height='36' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:gray;%7D.cls-1,.cls-2%7Bfill-rule:evenodd;stroke-width:0px;%7D.cls-2%7Bfill:%23f2f2f3;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='m16,32c8.84,0,16-7.16,16-16S24.84,0,16,0,0,7.16,0,16s7.16,16,16,16Z'/%3E%3Cpath class='cls-1' d='m21.63,10.63c-.47-.47-1.24-.47-1.71,0l-3.99,3.99-3.91-3.91c-.47-.47-1.24-.47-1.71,0-.47.47-.47,1.24,0,1.71l3.91,3.91-3.99,3.99c-.47.47-.47,1.24,0,1.71.47.47,1.24.47,1.71,0l3.99-3.99,3.91,3.91c.47.47,1.24.47,1.71,0,.47-.47.47-1.24,0-1.71l-3.91-3.91,3.99-3.99c.47-.47.47-1.24,0-1.71Z'/%3E%3C/svg%3E")
		no-repeat center center;
	z-index: 2;
	border: 0;
	cursor: pointer;
}

.renewalPopWrap .btn_modal_close span {
	position: absolute;
	display: inline-block;
	font-size: 1px;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	visibility: hidden;
	overflow: hidden;
	border: 0;
	clip: rect(0, 0, 0, 0);
}

.renewalPopWrap .modal_footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 0 0 40px;
	z-index: 1;
	background: #ffffff;
	border-radius: 0 0 16px 16px;
}

.renewalPopWrap .modal_footer .footer {
	background: #ffffff;
}

.renewalPopWrap .modal_footer .btn_area {
	padding: 0 40px;
	margin-top: 24px;
}
.renewalPopWrap .modal_footer .btn_area.footer {
	margin-top: 0;
	display: flex;
	justify-content: center;
}
.renewalPopWrap .modal_footer .btn_area.footer .btn {
	min-width: 256px;
	padding: 16px 24px;
	font-size: 17px;
	font-weight: 700;
	line-height: 22px;
	letter-spacing: -0.02em;
	border-radius: 12px;
	outline: none;
	border: 0;
	-webkit-appearance: button;
	cursor: pointer;
}

.renewalPopWrap .modal_footer .btn_area.footer .btn:focus-visible {
	outline: 2px dotted #000;
}
.renewalPopWrap .btn.fill01 {
	color: #fff;
	background-color: /*#F8670D*/ #ee5a00;
}
.renewalPopWrap .btn.fill01.hover,
.renewalPopWrap .btn.fill01:hover {
	background-color: #f95f00;
}
/* e: 리뉴얼 팝업 스타일 추가 */

/* s: R20250124_0060 */
.listStyle.import > li {
	padding-left: 18px;
}
.listStyle.import > li:before {
	display: block;
	content: '※';
	position: absolute;
	left: 0;
	top: 0;
}
/* e: R20250124_0060 */

/* s: R20250124_0060_2 */
.tb_input_wrap {
	display: flex;
	gap: 5px;
}
.tb_input_wrap input {
	width: 75px;
	padding: 0 10px;
	color: #555555;
	line-height: 22px;
	text-align: right;
	border: 1px solid #e5e5e5;
}
.tb_input_wrap span {
	flex: none;
}
/* e: R20250124_0060_2 */
/* s: 상품설명서공통라인_2503 */
.comBorder_line {
	border: 1px solid #cccccc;
	padding: 15px;
}
.boxstep_wrap {
	margin-top: 20px;
}
.boxstep_wrap .box_cont {
	position: relative;
	margin-bottom: 40px;
}
.boxstep_wrap .box_cont .list-dot {
	position: absolute;
	left: 250px;
	top: 0;
}
.boxstep_wrap .box_cont .list-dot li {
	font-size: 13px;
position: relative;
	padding-left: 10px;
}
.boxstep_wrap .box_cont .list-dot li::before {
	display: block;
	content: '';
	background: #777;
	width: 2px;
	height: 2px;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 8px;

}

.boxstep_wrap .box_cont .intext {
	display: block;
	border: 1px solid #cccccc;
	padding:10px 0;
	text-align: center;
	width: 230px;
	position: relative;
	font-size: 15px;
}
.boxstep_wrap .box_cont .intext::after {
	display: block;
	content: '';
	position: absolute;
	left: 103px;
	top: 50px;
	width: 24px;
	height: 24px;
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M6 10L12 16L18 10" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
}
.boxstep_wrap .box_cont:last-child .intext::after {
	display: none;

}
/* e: 상품설명서공통라인_2503 */
/* s: 상품설명개정/2503 */
.boxstep_wrap.type2 .box_cont .intext {
  padding: 10px;
  width: 100%;
  text-align: left;
}
.boxstep_wrap.type2 .box_cont .intext::after {
  top: auto;
  bottom: -32px;
  left: 50%;
  margin-left: -12px;
}
/* e: 상품설명개정/2503 */

/* s: 어린이태아_qr팝업 */
.qrcode_area {
	text-align: center;
}
.qrcode_area .qrcode .qr_link {
	display: block;
	width: 180px;
	height: 180px;
	margin: 0 auto 24px;
	border: 1px solid #dfdfe1;
}
.qrcode_area .qrcode .qr_link > img {
	width: 100%;
}
.qrcode_area .qr_text .title {
	color: #1f1f21;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4em;
	letter-spacing: -0.02em;
	font-family: 'NotoMideum';
}
.qrcode_area .qr_text .title + .desc {
	margin-top: 10px;
}
.qrcode_area .qr_text .desc {
	color: #1f1f21;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.4em;
	letter-spacing: -0.02em;
	color: #555557;
}
/* e: 어린이태아_qr팝업 */