@charset "utf-8";

.rd_box {position:relative; border:1px #ccc solid; border-radius:15px;}
.mobile .rd_box { border-radius:10px;/* box-shadow:0 4px 8px rgba(0,0,0,0.1);*/ }

/*필요한 서비스 */
.win .add_service {margin-top:50px;}
.win .service_board { position:relative;background:#f6f6f6;border-radius:10px;padding:40px 0;margin-top:20px; }
.win .service_board .service_list { position:relative;margin:0 auto;text-align:center; }
.win .service_board .service_list > ul { display:inline-flex; }
.win .service_board .service_list > ul > li { width:130px; }
.win .service_board .service_list > ul > li > .btn_service { position:relative;display:block;color:#777;text-align:center; }
.service_board .service_list > ul > li > .btn_service > .ico { position:relative; display:block; width:88px; height:88px; border-radius:50%; background:#fff;margin:0 auto 15px; }
.service_board .service_list > ul > li > .btn_service > .ico:after {position:absolute; content:''; width:60px; height:60px; top:calc(50% - 30px); left:calc(50% - 30px); background-image:url(/assets/images/web/ico_shortcut.png);}
.service_board .service_list > ul > li > .btn_service > .m02:after {background-position:-60px 0;}
.service_board .service_list > ul > li > .btn_service > .m03:after {background-position:-120px 0;}
.service_board .service_list > ul > li > .btn_service > .m04:after {background-position:-180px 0;}
.service_board .service_list > ul > li > .btn_service > .m05:after {background-position:-240px 0;}
.service_board .service_list > ul > li > .btn_service > .m06:after {background-position:0 -60px;}
.service_board .service_list > ul > li > .btn_service > .m07:after {background-position:-60px -60px;}
.service_board .service_list > ul > li > .btn_service > .m08:after {background-position:-120px -60px;}
.service_board .service_list > ul > li > .btn_service > .m09:after {background-position:-180px -60px;}
.service_board .service_list > ul > li > .btn_service > .m10:after {background-position:-240px -60px;}
.service_board .service_list > ul > li > .btn_service > .m11:after {background-position:0 -120px;}
.service_board .service_list > ul > li > .btn_service > .m12:after {background-position:-60px -120px;}
.service_board .service_list > ul > li > .btn_service > .m13:after {background-position:-120px -120px;}
.service_board .service_list > ul > li > .btn_service > .m14:after {background-position:-180px -120px;}
.service_board .service_list > ul > li > .btn_service > .m15:after {background-position:-240px -120px;}
.service_board .service_list > ul > li > .btn_service > .m16:after {background-position:0 -180px;}
/* .service_board .service_list > ul > li > .btn_service > .m15:after {background-position:-240px -120px;} */
.win .service_board a[class*="btn_slide_"] { position:absolute;top:50%;width:15px;height:27px;transform:translateY(-50%); }
.win .service_board a[class*="btn_slide_"] > .arrow { display:block;width:100%;height:100%;font-size:xx-small;text-indent:-9999px; }
.win .service_board .btn_slide_prev { left:30px; }
.win .service_board .btn_slide_next { right:30px; }
.win .service_board .btn_slide_prev > .arrow { background:url(/assets/images/ico_arrow_prev.png) 0 -27px no-repeat; }
.win .service_board .btn_slide_next > .arrow { background:url(/assets/images/ico_arrow_next.png) 0 -27px no-repeat; }
.win .service_board .btn_slide_prev.disabled > .arrow, 
.win .service_board .btn_slide_next.disabled > .arrow { background-position:0 0; }

.mobile .service_board { position:relative;margin-top:20px; }
.mobile .service_board .service_list { position:relative;overflow-x:auto;padding:0 0 40px;text-align:center;}
.mobile .service_board .service_list > ul { display:inline-flex; margin:0 20px;}
.mobile .service_board .service_list > ul > li { width:80px; }
.mobile .service_board .service_list > ul > li > .btn_service { display:block; font-size:14px;color:#000;line-height:18px;word-break:keep-all; }
.mobile .service_board .service_list > ul > li > .btn_service > .ico { width:60px; height:60px; margin:0 auto 10px; }
.mobile .service_board .service_list > ul > li > .btn_service > .ico:after { background-image:url(/assets/images/mobile/ico_shortcut.png); background-size:300px auto;}
.mobile .service_board a[class*="btn_slide_"] { display:none; }
.mobile .add_service { background:#f6f6f6;padding:40px 0 0;margin:40px -20px 0 -20px; }
.mobile .add_service > .h3 { padding:0 20px; }
.mobile .add_service + .accordion, .mobile .dialog_content .tbl_col + .accordion { margin-top:40px; }

/* 금액입력 ui 공통 */
.win .form_wrap .price_ui_input {width:350px;}
.win .price_ui_input .btn_price {margin-top:18px;}
.win .info_price .price_ui_input {overflow: hidden;}
.win .info_price .price_ui_input {width:316px; overflow: hidden;}
.win .active .info_price .price_ui_input .inp_txt {color:#000; font-weight:700;}
.btn_price, .btn_date {display:flex; justify-content: space-between; margin-top:15px;}
.btn_price .btn, .btn_date .btn {width:100%; margin-left:6px; }
.btn_price .btn:first-child, .btn_date .btn:first-child { margin-left:0; }
.btn.sgrey {height:38px; font-size:15px; font-weight:400; line-height:38px; padding:0; background:#fdf1e5; border-radius:19px;}
.btn_date .btn.on {background:#ea7404; color:#fff;}

.mobile .price_ui_input .auto_input {position: relative; text-align:center;}
.mobile .price_ui_input span.inp_txt {font-size:30px; padding:0 2px;}
.mobile .price_ui_input .btn_price { margin:15px auto 0 auto}
.mobile .price_ui_input .btn_price .btn.sgrey{margin-left:5px;}
.mobile .price_ui_input .btn_price .btn.sgrey:first-child{margin-left:0;}
.mobile .rd_box .price_ui_input .btn_price {max-width:285px;}


.mobile .btn.sgrey {font-size:13px; height:32px; border-radius:20px; line-height:32px; min-width:54px;}
.mobile .btn_date > .btn.sgrey:not(:first-child) { margin-left:5px; }

/* mobile 약관동의 small radio */
.mobile input[type="radio"].agree_rdo + label {font-size:14px; min-height:24px; line-height:24px; padding-left:32px;}
.mobile input[type="radio"].agree_rdo + label:before {width:24px; height:24px;}
.mobile input[type="radio"].agree_rdo:checked + label:before {background-position:-90px 0;} 

/* 계약별 신청금액 입력 리스트 /개선2302 */
.toggle_select{display:flex;justify-content:space-between;align-items:center;}
.toggle_select > span{display:inline-block;background:#fdf1e5;color:#000;}
.win .toggle_select {margin:25px 0 15px;min-height:32px;}
.win .toggle_select > span{padding:0 24px;height:32px;line-height:31px;border-radius:19px;font-size:16px;}
.mobile .toggle_select {margin:35px 0 20px;}
.mobile .toggle_select > span{padding:0 15px;min-height:28px;line-height:28px;border-radius:14px;}


/* 계약조회 목록 ****************************************************/
.win .filter_wrap .insu_result { font-size:17px; }
.win .filter_wrap .insu_result .result_cnt { display:inline-block; border-bottom:1px #000 solid; }
.win .filter_wrap .insu_result .result_cnt > strong { font-weight:700; }

.mobile .filter_wrap .insu_result { position:absolute;top:0;left:0;font-size:15px; }
.mobile .filter_wrap .insu_result .result_cnt { display:inline-block; border-bottom:1px #000 solid; }
.mobile .filter_wrap .insu_result .result_cnt > strong { font-weight:700; }

.win .filter_wrap + .insu_list { margin-top:10px; }
.win .insu_list .insu_item {position:relative; display:flex; margin-top:20px; padding:45px 50px; flex-wrap:wrap; }
.win .insu_list .insu_item:first-of-type { margin-top:0; }
.win .insu_list .insu_item .insu_title { width:350px; padding:0 40px 94px 0; }
.win .insu_list .insu_item .insu_detail {width:calc(100% - 350px); position:relative;}
.win .insu_list .rd_box.insu_item .insu_detail { display:flex; flex-direction:column; justify-content:space-between; min-height:225px;} /* 수정240827 */
/* .win .insu_list:not(.mypage):not(.parallel) .insu_item .insu_detail {padding-bottom:135px; } */
.win .insu_list .insu_item.nothing { height:400px; margin:0; padding:0; align-items:center; justify-content:center; }
.win .insu_list .insu_item.nothing > p { font-size:20px; color:#777; padding-top:150px; background:url(/assets/images/web/ico_insure_none.png) center top no-repeat; }
.win .insu_item .insu_name { font-size:24px;font-weight:500;line-height:30px; }
.win .insu_item .insu_name > .tag { margin-right:5px; margin-top:-2px; vertical-align:middle; }
.win .insu_item .name { font-size:24px;font-weight:500;line-height:30px;margin-top:10px; }
.win .insu_item .insu_company { font-size:28px;font-weight:700;line-height:1;margin-top:20px; }
.win .insu_item .car_number  { font-size:34px;font-weight:700;margin-top:15px; }
.win .insu_item .insu_pay { font-size:34px; line-height:1; margin-top:10px; }
.win .insu_item .insu_pay > .pay { font-weight:700; }
.win .insu_item .sub { font-size:17px; font-weight:300; }
/* 보험계약목록 버튼 영역 /2408 */
.win .insu_item .btns {position:relative; margin-top:-45px;width:225px;}
.win .insu_item .btns > .btn{border-radius:5px;width:100%;}
.win .insu_item .btns > .btn:not(:first-child){margin-top:10px;}
.win .insu_item .btns > .btn.carInsuRe{display:block;margin-top:-55px;width:100%;height:40px;line-height:37px;box-sizing:border-box;border:1px solid #ea7404;font-weight:500;font-size:15px;color:#ea7404;}
.win .insu_item .btns > .btn.carInsuRe::before{content:'';display:inline-block;position:relative;margin-right:10px;top:3px;width:26px;height:17px;background:url(/assets/images/web/bu_carInsuRe.png) no-repeat 0 0;}
/* 자동차보험 갱신 /2408 */
.mobile .insu_item .btns > .btn.carInsuRe{display:none;}
.win .btnCarInsuRe{display:none;}
.mobile .btnCarInsuRe{display:block;margin-top:25px;}
.mobile .btnCarInsuRe > a.btn.line{padding:0 15px;min-width:145px;height:30px;line-height:29px;border:1px solid #666;font-weight:500;font-size:12px;}
.mobile .btnCarInsuRe > a.btn.line::before{content:'';display:inline-block;position:relative;top:1px;margin-right:8px;width:19px;height:12.5px;background:url(/assets/images/mobile/bu_carInsuRe_m.png) no-repeat 0 0;background-size:19px 12.5px;}
.win .rd_box.insu_item .insu_title .tag + .insu_name { margin-top:12px; }
.win .rd_box .info_list dl {display:flex; flex-wrap: wrap; line-height:24px;}
.win .rd_box .info_list dl dt {width:140px; font-size:16px; color:#777; padding-top:15px;}
.win .rd_box .info_list dl dd {width:calc(100% - 140px); font-size:18px; padding-top:15px; min-height:24px;}
.win .rd_box .info_list dl dt:first-child, 
.win .rd_box .info_list dl dt:first-child + dd {padding-top:0;}
/* .win .insu_item .bar_chart { position:absolute; left:0; right:0; bottom:0; display:flex; flex-wrap:wrap; justify-content:space-between; } */
.win .insu_item .bar_chart { position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:40px; }
.win .insu_item .bar_chart p { font-size:17px; padding-bottom:12px; }
.win .insu_item .bar_chart .bar_graph{position:relative;width:100%;height:14px;background:#ddd; border-radius:12px}
.win .insu_item .bar_chart .total{position:absolute;top:12px;right:0;line-height:1}
.win .insu_item .bar_chart .bar{position:relative;min-width:40px;width:0;height:14px;padding-left:10px;border-radius:12px;font-size:13px;text-align:left;background:linear-gradient(to right, #ff7c00, #ff4200)}
.win .insu_item .bar_chart > span {color:#777; line-height:21px; margin-top:10px;}
.win .insu_item .bar_chart > span span {display:block;}
.win .insu_item .bar_chart .end {text-align:right;}
.win .insu_item .btm{position:absolute;bottom:0;left:10px;right:10px}
.win .insu_item .btm a{display:block;height:53px;line-height:50px;border-width:1px;border-style:solid;border-color:#e3e3e3;background-color:#f8f8f8;border-radius:0 0 10px 10px;font-size:16px;font-weight:500;color:#767676;text-align:center}
.win .insu_list.parallel { position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:0; }
.win .insu_list.parallel .insu_item { display:block; width:calc(50% - 10px); text-align:center; padding:30px 0 180px; margin-top:30px; }
.win .insu_list.parallel .insu_item .insu_title { width:auto; padding:0; }
.win .insu_list.parallel .insu_item .insu_company { display:block; font-size:24px; font-weight:700; }
.win .insu_list.parallel .insu_detail { width:auto; text-align:center; margin:15px 0 0; position:static;}
.win .insu_list.parallel .insu_detail .insu_name { font-size:17px; font-weight:400; line-height:26px; padding:0 30px; margin-top:0; }
.win .insu_list.parallel .insu_pay { position:absolute; left:0; bottom:110px; width:100%; text-align:center; font-size:20px !important; margin-top:0; }
.win .insu_list.parallel .insu_pay > .pay { font-size:30px; font-weight:700; }
.win .insu_list.parallel .btns { position:absolute; left:0; bottom:0; width:100%; text-align:center; padding-bottom:30px; margin:0; }

/* 계약조회조건 /2411 */
.filter_fixedWrap{visibility:hidden;display:flex;align-items:center;z-index:5;position:fixed;top:-100px;left:0;width:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(255,255,255,0.8);transition:all .3s ease;opacity:0;}
.filter_fixedWrap.active{visibility:visible;top:65px;opacity:1;}
.filter_fixedWrap .governing{display:flex;}
.win .filter_fixedWrap + .insu_list {margin-top:10px;}
.win .filter_fixedWrap{justify-content:center;padding:20px 0 15px;height:85px;}
.win .filter_fixedWrap .filterTit{margin-right:60px;line-height:25px;font-weight:500;font-size:22px;}
.win .filter_fixedWrap .governing_title:not(:first-child){margin-left:30px;}
.win .filter_fixedWrap .governing_title .governing_select.grayBar{min-width:110px;}
.win .filter_fixedWrap .governing_title .governing_select.grayBar .select::after{background-color:#7f7f7f;}
.mobile .filter_fixedWrap{flex-wrap:wrap;justify-content:space-between;padding:15px 25px 10px;min-height:60px;}
.mobile .filter_fixedWrap .filterTit{line-height:19px;font-weight:400;font-size:16px;}
.mobile .filter_fixedWrap .governing_title:not(:first-child){margin-left:15px;}
.mobile .filter_fixedWrap .governing_title .governing_select.grayBar::after{background-color:#7f7f7f;}

/* 태그 */
.tag.good { color:#028ced; border-color:#028ced; }
.tag.bad { color:#ea7404; border-color:#ea7404; }
.tag.normal { color:#369d00; border-color:#369d00; }
.tag.new { color:#ea7404; border-color:#ea7404; }
.tag.add { color:#369d00; border-color:#369d00; }
.tag.continue { color:#028ced; border-color:#028ced; }
.tag.nonpay, /* 보험료납입 미납 /추가2509 */
.tag.withdraw { color:#ed0014; border-color:#ed0014; }
.tag.cargood { color:#003070; border-color:#003070;}
.tag.group { color:#fff; border-color:transparent; background:#003070; }
.tag.surely,
.tag.pick { color:#e91515; border-color:#e91515; margin-right:4px; height:29px; padding:0 12px; line-height:26px; font-size:20px;}  /* 약관동의 선택 */

.tag { display:inline-block;height:25px;font-size:15px;font-weight:500;line-height:22px;background:#fff;border-width:1px;border-style:solid;border-radius:30px;padding:0 15px; }
.mobile .tag { font-size:13px;height:26px; line-height:24px; border-width:1px;border-style:solid;border-radius:13px;padding:0 12px;margin:0 5px; }

.mobile .tag.surely,
.mobile .tag.pick {font-size:15px; font-weight:700; height:22px; line-height: 20px;;}

.mobile .insu_list .insu_item {position:relative; display:flex; margin-top:20px;flex-direction:column; }
.mobile .insu_list .insu_item:first-of-type { margin-top:0; }
.mobile .insu_list .insu_item > .insu_title { text-align:center;padding:25px 25px 10px; }
.mobile .insu_item .insu_name { font-size:15px; }
.mobile .insu_item .tag + .insu_name { margin-top:15px; }
.mobile .insu_item .name { font-size:17px;font-weight:500;padding-bottom:10px; }
.mobile .insu_item .car_number { font-size:25px;font-weight:700;margin-top:5px; }
.mobile .insu_item .insu_pay { font-size:16px; margin-top:5px; }
.mobile .insu_item .insu_pay > .pay { font-size:25px; font-weight:700; }
.mobile .insu_item .insu_pay.analysis { font-size:15px; margin-top:20px; }
.mobile .insu_item .insu_pay.analysis > .pay { font-size:25px; }
.mobile .insu_item .insu_company { font-size:21px;font-weight:700;margin-top:15px; }
.mobile .insu_item .sub { font-size:13px; font-weight:300; }
.mobile .insu_item .btns {position:relative;display:flex;border-top:1px #ccc solid;border-radius:0 0 10px 10px;overflow:hidden;}
.mobile .insu_item .btns > a { display:block;height:48px;font-size:15px;font-weight:700;min-width:auto;color:#000;line-height:48px;border:0;border-radius:0;margin:0;flex:1; background:#f4f4f4;}
.mobile .insu_item .btns > a:last-of-type {border-left:1px #ccc solid;margin-top:0;}
.mobile .insu_item .btns > a:first-of-type { border-left:0; }
.mobile .rd_box .insu_detail {padding:0 25px;}
/* .mobile .rd_box .insu_detail > .m_toggle_cont { margin-top:15px; } */
.mobile .rd_box .insu_detail .info_list {margin-top:15px;}
.mobile .rd_box .insu_detail .info_list dl{justify-content: center; color: #999;}
/* .mobile .rd_box .insu_detail .info_list dl dt{width: inherit;margin-right:5px;} */
.mobile .rd_box .insu_detail .info_list dl dd{/*width: inherit;*/font-weight:400;}
.mobile .rd_box .m_toggle_btn { position:relative;display:block;width:40px;height:40px;margin:0 auto; }
.mobile .rd_box .m_toggle_btn::before { content:'';position:absolute;display:block;top:calc(50% - 3px);left:calc(50% - 6px);width:12px;height:6px;background:url(/assets/images/mobile/ico_openarrow.png) center/100% no-repeat;transition:transform 0.3s linear; }
.mobile .rd_box .m_toggle_btn.active::before { transform:rotateZ(180deg); }
.mobile .rd_box .m_toggle_btn > .arrow { display:block; width:100%; height:100%;font-size:1px; opacity:0;overflow:hidden; }
.mobile .rd_box .info_list dl {display:flex; flex-wrap: wrap; line-height:24px;}
.mobile .rd_box .info_list dl dt {width:42%; font-size:13px; color:#999; padding-top:10px;}
.mobile .rd_box .info_list dl dd {width:58%; font-size:15px; font-weight:500; color:#000; padding-top:10px;}
.mobile .rd_box dl dt:first-child, 
.mobile .rd_box dl dt:first-child + dd {padding-top:0;}
.mobile .insu_item .bar_chart { position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:10px; }
.mobile .insu_item .bar_chart p { position:relative;width:100%;font-size:15px;text-align:center;padding-top:20px; }
.mobile .insu_item .bar_chart p::before { content:'';position:absolute;top:0;left:-25px;width:calc(100% + 50px);height:1px;background:#ebebeb; }
.mobile .insu_item .bar_chart .bar_graph{position:relative;width:100%;height:14px;background:#ddd;border-radius:12px;}
.mobile .insu_item .bar_chart p + .bar_graph { margin-top:10px; }
.mobile .insu_item .bar_chart .total{position:absolute;top:12px;right:0;line-height:1}
.mobile .insu_item .bar_chart .bar{position:relative;min-width:40px;width:0;height:14px;padding-left:10px;border-radius:12px;font-size:13px;text-align:left;background:linear-gradient(to right, #ff7c00, #ff4200)}
.mobile .insu_item .bar_chart > span { font-size:12px; color:#777; line-height:21px; margin-top:5px;}
.mobile .insu_item .bar_chart > span span {display:none;}
.mobile .insu_item .bar_chart .end {text-align:right;}
.mobile .insu_item .btm{position:absolute;bottom:0;left:10px;right:10px}
.mobile .insu_item .btm a{display:block;height:53px;line-height:50px;border-width:1px;border-style:solid;border-color:#e3e3e3;background-color:#f8f8f8;border-radius:0 0 10px 10px;font-size:16px;font-weight:500;color:#767676;text-align:center}
.mobile .insu_list.parallel { position:relative; }
.mobile .insu_list.parallel .insu_item { display:block; padding:0; }
.mobile .insu_list.parallel .insu_item .insu_company { display:block; font-size:21px; font-weight:700; margin-top:15px; }
.mobile .insu_list.parallel .insu_title { padding-bottom:5px; }
.mobile .insu_list.parallel .insu_detail { width:auto; text-align:center; }
.mobile .insu_list.parallel .insu_detail .insu_name { display:block; font-size:15px; font-weight:400; margin-top:0; }
.mobile .insu_list.parallel .insu_pay { font-size:17px; padding-bottom:30px; margin-top:25px; }
.mobile .insu_list.parallel .insu_pay > .pay { font-size:25px; font-weight:700; }
.mobile .insu_list.parallel .btns { position:relative; display:block; text-align:center; margin:0; }
.mobile .insu_list.parallel .btns > a { border-left:0; }


/* 계약조회 대출 가능 금액 ****************************************************/
.win .loan_board { position:relative; border:1px #fbf7c9 solid; border-radius:15px; background:#fffcdc; margin-top:20px; overflow:hidden; padding:32px 0; }
.win .loan_board::before { content:''; position:absolute; top:-10px; left:-70px; width:203px; height:86px; background:url(/assets/images/web/bg_loanbnr_img1.png) no-repeat; pointer-events:none; }
.win .loan_board::after { content:''; position:absolute; bottom:-90px; right:-30px; width:208px; height:214px; background:url(/assets/images/web/bg_loanbnr_img2.png) no-repeat; pointer-events:none; }
.win .loan_board.mt40 { margin-top:40px; }
.win .loan_board > a { position:relative; display:flex; width:100%; height:100%; color:#000; flex-direction:column; align-items:center; justify-content:center; }
.win .loan_board .loan_tit { font-size:20px; }
.win .loan_board .date { position:absolute; top:20px; right:20px; font-size:16px; color:#777; }
.win .loan_board .loan_money { font-size:26px; font-weight:500; margin-top:15px; }
.win .loan_board .loan_money .value { display:inline-block; font-size:46px; font-weight:700; line-height:1; }
.win .loan_board .btn.ofill { margin-top:25px; }

.win .dialog .governing:not(.pc_hide) + .loan_board { margin-top:40px !important; }
.win .dialog .loan_board::before { top:-5px; left:-55px; width:156px; height:67px; background-size:100%; }
.win .dialog .loan_board::after { bottom:-50px; width:133px; height:137px; background-size:100%; }
.win .dialog .loan_board.sel_insu { height:200px; }
.win .dialog .loan_board .loan_insuname { font-size:18px; margin-bottom:5px; }
.win .dialog .loan_board .loan_tit { font-size:18px; }
.win .dialog .loan_board .date { position:relative; top:auto; right:auto; font-size:16px; margin-top:15px; }
.win .dialog .loan_board .loan_money { font-size:20px; margin-top:10px; }
.win .dialog .loan_board .loan_money .value { font-size:38px; }

.mobile .loan_board { position:relative; border:1px #fbf7c9 solid; border-radius:10px; background:#fffcdc; margin-top:10px; overflow:hidden; }
.mobile .loan_board::before { content:''; position:absolute; top:-3px; left:-19px; width:100px; height:103px; background:url(/assets/images/mobile/bg_loanbnr_img1.png) 0 0/100% no-repeat; pointer-events:none; }
.mobile .loan_board::after { content:''; position:absolute; bottom:-35px; right:-20px; width:95px; height:100px; background:url(/assets/images/mobile/bg_loanbnr_img2.png) 0 0/100% no-repeat; pointer-events:none; }
.mobile .loan_board.mt40 { margin-top:40px; }
.mobile .loan_board.sel_insu { height:150px; }
.mobile .loan_board > a { position:relative; display:flex; width:100%; height:100%; color:#000; flex-direction:column; align-items:center; justify-content:center; padding:25px 0; }
.mobile .dialog .loan_board .loan_insuname { font-size:15px; font-weight:500; }
.mobile .loan_board .loan_tit { font-size:15px; font-weight:500; }
.mobile .loan_board .date { font-size:12px; color:#777; margin-top:10px; }
.mobile .loan_board .loan_money { font-size:17px; font-weight:500; margin-top:5px; }
.mobile .loan_board .loan_money .value { display:inline-block; font-size:30px; font-weight:700; line-height:1; }
.mobile .loan_board .btn.ofill { width:calc(100% - 50px); margin-top:10px; }


/* 계약조회 상품 상세 팝업 ****************************************************/
.win .dialog_content .insu_item { position:relative;text-align:center; }
.win .dialog_content .insu_item .tag { vertical-align:middle;margin-right:3px; margin-top:-11px; }
.win .dialog_content .insu_item .insu_name { display:inline-block; font-size:27px; }
.win .dialog_content .insu_item .insu_company + .insu_name { max-width:520px; font-size:18px; font-weight:400; line-height:32px; margin:15px auto 0; word-break:keep-all; }
.win .dialog_content .insu_item .car_number { font-size:38px;line-height:1;margin-top:15px; }
.win .dialog_content .insu_item .insu_pay { font-size:35px; }
.win .dialog_content .insu_item .insu_pay.analysis { font-size:20px; margin-top:25px; }
.win .dialog_content .insu_item .insu_pay.analysis > .pay { font-size:26px; }
.win .dialog_content .insu_item + .tab_section { margin-top:55px; }
.win .dialog_content .h3 + .tbl_row,
.win .dialog_content .h3 + .tbl_col { margin-top:20px; }
.win .dialog_content .tbl_row .tag { margin-left:5px; }
.win .dialog_content .add_service + .accordion, .win .dialog_content .tbl_col + .accordion { margin-top:60px; }
.win .dialog_content .hi_planner { margin-top:20px; }
.win .dialog_content .hi_planner::after { content:''; display:block; clear:both; }
.win .dialog_content .hi_planner > .planner_item { float:left;position:relative;display:block;width:calc(50% - 5px);height:80px;border:1px #ddd solid;border-radius:80px;padding:15px 0 15px 100px;pointer-events:none; }
.win .dialog_content .hi_planner > .planner_item:last-of-type { margin-left:10px; }
.win .dialog_content .hi_planner > .planner_item > .ico { position:absolute;display:block;top:calc(50% - 18px);left:40px;width:38px;height:36px;background-repeat:no-repeat; }
.win .dialog_content .hi_planner > .planner_item.planner > .ico { background-image:url(/assets/images/ico_hiplanner1.png); }
.win .dialog_content .hi_planner > .planner_item.agency > .ico { background-image:url(/assets/images/ico_hiplanner2.png); }
.win .dialog_content .hi_planner > .planner_item > .tit { font-size:17px;font-weight:500;color:#000; }
.win .dialog_content .hi_planner > .planner_item > .phone { color:#666; }

.mobile .dialog_content .insu_item { position:relative;text-align:center;padding:0; }
.mobile .dialog_content .insu_item .insu_name { margin-top:10px; }
.mobile .dialog_content .insu_item .insu_company + .insu_name { max-width:240px; font-weight:400; margin:5px auto 0; }
.mobile .dialog_content .insu_item + .tab_section { margin-top:20px; }
.mobile .dialog_content .h3 + .tbl_row,
.mobile .dialog_content .h3 + .tbl_col { margin-top:15px; }
.mobile .dialog_content .hi_planner { margin-top:20px; }
.mobile .dialog_content .hi_planner > .planner_item { position:relative;display:flex;height:55px;border:1px #ddd solid;border-radius:55px;padding:0 60px 0 25px;align-items:center; }
.mobile .dialog_content .hi_planner > .planner_item:last-of-type { margin-top:12px; }
.mobile .dialog_content .hi_planner > .planner_item .ico { position:absolute;display:block;top:calc(50% - 10px);right:20px;width:20px;height:20px;background:url(/assets/images/mobile/ico_hitel.png) center/100% no-repeat; }
.mobile .dialog_content .hi_planner > .planner_item .tit { width:50%;font-size:14px;color:#777; }
.mobile .dialog_content .hi_planner > .planner_item .phone { width:50%;font-weight:700;color:#000;text-align:right; }

/* 하이헬스챌린지 /2209 */
.hihealthInfo{background-color:#f4f4f4;text-align:center;}
.hihealthInfo .h4{font-weight:normal;}
.hihealthInfo .h4 strong{font-weight:bold;}
.hihealthInfo .infoTxt{text-align:center;font-weight:normal;}
.hihealthInfo .infoTxt strong{font-weight:bold;}
.hihealthInfo .infoBox{box-sizing:border-box;}
.hihealthInfo .infoBox .btnArea{display:flex;justify-content:space-between;}
.hihealthInfo .infoBox .btnArea a{background-color:#fff;}
.win .hihealthInfo{padding:50px 50px 54px;border-radius:15px;}
.win .hihealthInfo .h4{margin-bottom:10px;line-height:1.4em;font-size:28px;}
.win .hihealthInfo .infoTxt{font-size:18px;}
.win .hihealthInfo .infoTxt:not(:first-of-type){margin-top:25px;}
.win .hihealthInfo .infoTxt strong{font-size:26px;}
.win .hihealthInfo .infoBox{margin-top:30px;padding:32px 100px 40px;min-height:174px;border-radius:15px;background:#fff url('/assets/images/web/ico_hihealth_info.jpg') no-repeat center 30px;}
.win .hihealthInfo .infoBox .btnArea{margin-top:128px;}
.win .hihealthInfo .infoBox .btnArea a{min-width:160px;}
.mobile .hihealthInfo{padding:35px 20px 100px;border-radius:10px;}
.mobile .hihealthInfo .h4{margin-bottom:10px;line-height:1.5em;font-size:20px;letter-spacing:-1px;}
.mobile .hihealthInfo .infoTxt{line-height:1.4em;font-size:14px;}
.mobile .hihealthInfo .infoTxt:not(:first-of-type){margin-top:15px;}
.mobile .hihealthInfo .infoTxt strong{line-height:1.5em;font-size:18px;}
.mobile .hihealthInfo .infoBox{margin-top:25px;padding:0;min-height:160px;border-radius:10px;background:#fff url('/assets/images/mobile/ico_hihealth_info.jpg') no-repeat center center;background-size:132px auto;}
.mobile .hihealthInfo .infoBox .btnArea{position:relative;bottom:-180px;}
.mobile .hihealthInfo .infoBox .btnArea li{width:50%;}
.mobile .hihealthInfo .infoBox .btnArea li + li{margin-left:10px;}
.mobile .hihealthInfo .infoBox .btnArea li a{padding:0;min-width:100%;}
/* POP QR코드 /2209 */
.win .dialog_wrap.qr_wrap{width:470px}
.dialog_wrap.qr_wrap .dialog_header{padding:0}
.dialog_wrap.qr_wrap .dialog_content.qr_content{padding:0;text-align:center}
.dialog_wrap.qr_wrap .dialog_content.qr_content .qrImg{display:inline-block;padding:20px;border-radius:10px;border:1px solid #ff800e;}
.dialog_wrap.qr_wrap .dialog_content.qr_content .qrTxt{margin-top:35px;}
.dialog_wrap.qr_wrap .dialog_content.qr_content .qrTxt .tit{line-height:1.4em;font-weight:blod;font-size:24px;}
.dialog_wrap.qr_wrap .dialog_content.qr_content .qrTxt .txt{margin-top:20px;font-size:18px;color:#777}


/* 마이페이지 - 알림 *************************************************/
.mobile .governing.mypage { background:url(/assets/images/mobile/bg_mypage_home.png) right bottom/auto 68px no-repeat; }
.win .mypage_btns { display:none; }
.mobile .mypage_btns { position:absolute; display:flex; top:0; right:0; }
.mobile .mypage_btns button[class*="btn_"] { display:block; height:36px; border-radius:36px; border:1px #ccc solid; margin-left:10px; }
.mobile .mypage_btns button[class*="btn_"]:first-child { margin-left:0; }
.mobile .mypage_btns .btn_big { width:65px; background:#fff url(/assets/images/mobile/ico_big.png) center -4px/auto 40px no-repeat; }
.mobile .mypage_btns .btn_setting { width:36px; background:#fff url(/assets/images/mobile/ico_alim_setting.png) center/20px no-repeat; }

p.my_latest {font-size:16px; color:#555; text-align:right; font-weight: 300; line-height: 24px; margin-top:-10px; padding-bottom:23px;}
.mobile p.my_latest {font-weight: 400; font-size: 13px; margin-top:-5px; padding-bottom:16px;}
.mobile div.my_latest {font-size: 18px; color:#444; line-height: 28px; margin:25px 0 -7px 0;}

.mypage_top_info { display:flex; justify-content:space-between; margin-bottom:15px; }
.mypage_top_info > .h3 { margin:0 !important; }
.mypage_top_info > p { font-size:17px; }
.mypage_top_info .cnt { display:inline-block; border-bottom:1px #000 solid; }
.mypage_top_info .btn_allview { font-size:17px; color:#003070; border-bottom:1px #003070 solid; }

.mobile .mypage_top_info > p { font-size:15px; }
.mobile .mypage_top_info .btn_allview { font-size:15px; }
.mobile .mypage_top_info .h3:not(.offscr) + * { margin-top:0 !important; }

.mypage_alim { position:relative; background:#fff; }
.mypage_alim.multi::before { content:''; position:absolute; top:10px; left:10px; width:100%; height:100%; background:#f4f4f4; border:1px #ccc solid; border-radius:10px; }
.mypage_alim .alim_item { position:relative; display:none; padding:45px 50px; background:#fff; border:1px #ccc solid; border-radius:10px; }
.mypage_alim .alim_item:first-of-type { display:flex; flex-wrap:wrap; }
.mypage_alim .alim_item > .btn_alim_close { position:absolute; top:20px; right:20px; width:25px; height:25px; }
.mypage_alim .alim_item > .btn_alim_close::before,
.mypage_alim .alim_item > .btn_alim_close::after { content:''; position:absolute; background:#000; transform:rotateZ(45deg); }
.mypage_alim .alim_item > .btn_alim_close::before { top:calc(50% - 1px); left:calc(50% - 13px); width:26px; height:2px; }
.mypage_alim .alim_item > .btn_alim_close::after { top:calc(50% - 13px); left:calc(50% - 1px); width:2px; height:26px; }
.mypage_alim .alim_item > .subject { width:350px; }
.mypage_alim .alim_item > .subject .title { font-size:24px; font-weight:500; line-height:34px; padding-right:70px; }
.mypage_alim .alim_item > .subject.birth { display:flex; align-items:center; }
.mypage_alim .alim_item > .cont { width:calc(100% - 350px); }
.mypage_alim .alim_item > .cont p { font-size:16px; line-height:26px; word-break:keep-all; }
.mypage_alim .alim_item .alim_btns { margin-top:25px; }
.mypage_alim .alim_item .alim_btns .btn.ass{padding:8px 27px;} /* 추가/2302 */
.mypage_alim .alim_item .alim_btns .btn.ass:not(:first-child){margin-left:6px;} /* 추가/2302 */
/* .mypage_alim .alim_item .alim_btns .btn { min-width:auto; height:40px; font-size:14px; line-height:38px; padding:0 15px; } */
.mypage_alim .alim_item .birthday { position:relative; width:160px; height:160px; border-radius:100%; background:url(/assets/images/web/img_happybirthday.gif) no-repeat; margin:0 auto; }
.mypage_alim.type_list .alim_item { display:flex; flex-wrap:wrap; width:100% !important;}
.mypage_alim.type_list .alim_item:not(:first-of-type) { margin-top:20px; }
/* Mypage - 자동차보험 만기/2408 */
.mypage_alim .alim_item.itemCarInsu{display:flex;flex-wrap:wrap;justify-content:space-between;}
.mypage_alim .alim_item.itemCarInsu .carNum{overflow:hidden;padding:124px 40px 6px;width:230px;height:168px;background:url(/assets/images/web/img_mypage_carNum.png) no-repeat 0 0;line-height:38px;text-align:center;font-family:'Pretendard', 'Noto Sans','Malgun Gothic',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif !important;font-weight:700;font-size:24px;color:#003070;}
.mypage_alim .alim_item.itemCarInsu .cont{width:calc(100% - 317px);}
.mypage_alim .alim_item.itemCarInsu .cont .subject{margin-top:-4px;margin-bottom:8px;line-height:32px;font-weight:500;font-size:24px;}
.mypage_alim .alim_item.itemCarInsu .cont .txt{line-height:24px;word-break:keep-all;font-size:16px;}
.mobile .mypage_alim .alim_item.itemCarInsu,
.mobile .mypage_alim .alim_item.itemCarInsu:first-child{display:flex;flex-direction:column;align-items:center;}
.mobile .mypage_alim .alim_item.itemCarInsu .carNum{padding:5px 15px;width:160px;height:40px;background:url(/assets/images/mobile/img_mypage_carNum_m.png) no-repeat 0 0;background-size:160px 40px;line-height:30px;font-size:21px;}
.mobile .mypage_alim .alim_item.itemCarInsu .cont{margin-top:20px;width:100%;}
.mobile .mypage_alim .alim_item.itemCarInsu .cont .subject{margin-top:0;margin-bottom:15px;line-height:30px;font-size:21px;}
.mobile .mypage_alim .alim_item.itemCarInsu .cont .txt{line-height:22px;font-size:14px;}
/* 하이헬스/2302 */
.mypage_alim .alim_item.itemHihealth > .subject{padding-left:80px;background:url(/assets/images/web/img_mypage_doctor.png) no-repeat 0 8px;}
.mypage_alim .alim_item.itemHihealth > .subject .title{padding-right:20px;}
.mypage_alim .alim_item.itemHihealth > .cont .listHihealth{margin-top:10px;}
.mypage_alim .alim_item.itemHihealth > .cont .listHihealth > li{padding-left:34px;background:url(/assets/images/web/bu_list_hihealth.png) no-repeat 0 1px;}
.mobile .mypage_alim .alim_item.itemHihealth > .subject{padding-left:70px;background:url(/assets/images/mobile/img_mypage_doctor.png) no-repeat 0 0;background-size:51px auto;}
.mobile .mypage_alim .alim_item.itemHihealth > .subject .title{line-height:26px;}
.mobile .mypage_alim .alim_item.itemHihealth > .cont .listHihealth{margin-top:10px;}
.mobile .mypage_alim .alim_item.itemHihealth > .cont .listHihealth > li{padding-left:30px;line-height:22px;background:url(/assets/images/mobile/bu_list_hihealth.png) no-repeat 0 3px;background-size:20px auto;font-size:14px;}
.mobile .mypage_alim .alim_item.itemHihealth .alim_btns .btn.ass{padding:0 24px;}
/* 대출상품/2405 */
.mypage_alim .alim_item.itemLoan > .subject{padding-left:80px; background:url(/assets/images/web/img_mypage_man.png) no-repeat 0 8px;}
.mypage_alim .alim_item.itemLoan > .subject.woman{padding-left:80px; background:url(/assets/images/web/img_mypage_woman.png) no-repeat 0 8px;}
.mypage_alim .alim_item.itemLoan > .subject .title{padding-right:20px;}
.mypage_alim .alim_item.itemLoan .cont{font-size:16px;}
.mypage_alim .alim_item.itemLoan > .cont .listLoan{margin-top:10px;}
.mypage_alim .alim_item.itemLoan > .cont .listLoan > li{padding-left:34px;background:url(/assets/images/web/bu_list_hihealth.png) no-repeat 0 1px;}
.mypage_alim .alim_item.itemLoan .alim_btns .btn.ass{padding:8px 15px;}
.mobile .mypage_alim .alim_item.itemLoan > .subject{padding-left:70px;background:url(/assets/images/mobile/img_mypage_man.png) no-repeat 0 0;background-size:51px auto;}
.mobile .mypage_alim .alim_item.itemLoan > .subject.woman{padding-left:70px;background:url(/assets/images/mobile/img_mypage_woman.png) no-repeat 0 0;background-size:51px auto;}
.mobile .mypage_alim .alim_item.itemLoan > .subject .title{line-height:26px;}
.mobile .mypage_alim .alim_item.itemLoan > .cont .listLoan{margin-top:10px;}
.mobile .mypage_alim .alim_item.itemLoan > .cont .listLoan > li{padding-left:30px;line-height:22px;background:url(/assets/images/mobile/bu_list_hihealth.png) no-repeat 0 3px;background-size:20px auto;font-size:14px;}
.mobile .mypage_alim .alim_item.itemLoan .alim_btns .btn.ass{padding:0 13px;}
@media screen and (max-width:340px) {
  .mobile .mypage_alim .alim_item.itemHihealth > .subject .title{line-height:24px;font-size:18px;}
}

.mobile .mypage_alim.multi::before { top:8px; left:8px; width:calc(100% - 5px); }
.mobile .mypage_alim .alim_item { padding:30px 25px; overflow:hidden; }
.mobile .mypage_alim .alim_item:first-of-type { display:block; }
.mobile .mypage_alim .alim_item > .btn_alim_close { top:16px; right:16px; width:20px; height:20px; }
.mobile .mypage_alim .alim_item > .btn_alim_close::before { top:calc(50% - 1px); left:calc(50% - 9px); width:18px; height:2px; }
.mobile .mypage_alim .alim_item > .btn_alim_close::after { top:calc(50% - 9px); left:calc(50% - 1px); width:2px; height:18px; }
.mobile .mypage_alim .alim_item > div { width:100%; }
.mobile .mypage_alim .alim_item > .subject .title { font-size:20px; font-weight:700; line-height:30px; padding-right:0; }
.mobile .mypage_alim .alim_item > .cont { margin-top:15px; }
.mobile .mypage_alim .alim_item > .cont p { font-size:14px; line-height:22px; }
.mobile .mypage_alim .alim_item .alim_btns { margin-top:20px; text-align:center; }
/* .mobile .mypage_alim .alim_item .alim_btns .btn { min-width:auto; height:30px; font-size:12px; line-height:28px; border-radius:5px; } */
.mobile .mypage_alim .alim_item .birthday { width:130px; height:130px; margin-top:30px; background:url(/assets/images/mobile/img_happybirthday.gif) center/100% no-repeat; }
.mobile .mypage_alim.multi .alim_item { width:calc(100% - 5px); }

.mypage_menu { position:relative; margin-top:40px; }
.mypage_menu > ul > li { display:inline-block; padding:0 25px; }
.mypage_menu > ul > li:first-child { padding-left:0; }
.mypage_menu > ul > li::after { content:''; position:absolute; top:calc(50% - 9px); right:0; width:1px; height:18px; background:#ddd; }
.mypage_menu > ul > li:last-child::after { display:none; }
.mypage_menu button[class*="btn_"] { position:relative; font-size:18px; padding-left:25px; }
.mypage_menu button[class*="btn_"]:focus, .mypage_menu button[class*="btn_"].active { color:#ea7404; }
.mypage_menu button[class*="btn_"] > .ico { position:absolute; left:0; top:calc(50% - 9px); width:18px; height:18px; background:url(/assets/images/web/ico_mypage_menu.png) no-repeat; }
.mypage_menu button.btn_privacy > .ico { background-position:0 0; }
.mypage_menu button.btn_question > .ico { background-position:-18px 0; }
.mypage_menu button.btn_event > .ico { background-position:-36px 0; }
.mypage_menu button.btn_privacy:focus > .ico, .mypage_menu button.btn_privacy.active > .ico { background-position:0 -18px; }
.mypage_menu button.btn_question:focus > .ico { background-position:-18px -18px; }
.mypage_menu button.btn_event:focus > .ico { background-position:-36px -18px; }
.mypage_menu .info_privacy { position:relative; display:block; width:100%; color:#fff; border-radius:15px; margin-top:15px; padding:35px 40px 30px; background:#003070; }
.mypage_menu .info_privacy::before { content:''; position:absolute; top:-5px; left:40px; width:20px; height:20px; border-radius:5px; background:#003070; transform:rotateZ(50deg) skewX(10deg); }
.mypage_menu .info_privacy .info_item { display:flex; flex-wrap:wrap; }
.mypage_menu .info_privacy .subject { width:350px; font-size:20px; font-weight:500; line-height:34px; padding-right:70px; }
.mypage_menu .info_privacy .cont { width:calc(100% - 350px); }
.mypage_menu .info_privacy .cont .list_dot { color:#fff; }
.mypage_menu .info_privacy .cont .list_dot > li::before { background:#fff; }
.mypage_menu .info_privacy .btns { width:100%; margin-top:10px; }
.mypage_menu .info_privacy .btns > .btn { height:36px; font-size:15px; line-height:36px; border:0; border-radius:5px; background:#fff; padding:0 15px; }
.mypage_menu .info_privacy .btns > .btn:last-child { margin-left:8px; }
.mypage_menu + .tab_section { margin-top:80px; }

.win .mypage_menu > ul > li { position:relative; }
.mobile .mypage_menu { margin-top:30px; }
.mobile .mypage_menu > ul { display:flex; justify-content:space-around; }
.mobile .mypage_menu > ul > li { padding:0; }
.mobile .mypage_menu > ul > li::after { display:none; }
.mobile .mypage_menu button[class*="btn_"] { font-size:15px; padding-left:22px; }
.mobile .mypage_menu button[class*="btn_"] > .ico { top:calc(50% - 8px); width:17px; height:16px; background:url(/assets/images/mobile/ico_mypage_menu.png) 0 0/51px 32px no-repeat; }
.mobile .mypage_menu button.btn_privacy > .ico { background-position:0 0; }
.mobile .mypage_menu button.btn_question > .ico { background-position:-17px 0; }
.mobile .mypage_menu button.btn_event > .ico { background-position:-34px 0; }
.mobile .mypage_menu button.btn_privacy:focus > .ico { background-position:0 -16px; }
.mobile .mypage_menu button.btn_question:focus > .ico { background-position:-17px -16px; }
.mobile .mypage_menu button.btn_event:focus > .ico { background-position:-34px -16px; }
.mobile .mypage_menu .info_privacy { padding:25px 20px; }
.mobile .mypage_menu .info_privacy::before { left:50px; }
.mobile .mypage_menu .info_privacy .info_item { display:block; }
.mobile .mypage_menu .info_privacy .subject { width:auto; font-size:15px; line-height:26px; padding-right:0; }
.mobile .mypage_menu .info_privacy .cont { width:auto; }
.mobile .mypage_menu .info_privacy .list_dot { font-size:13px; margin-top:10px; }
.mobile .mypage_menu .info_privacy .list_dot > li { margin-top:5px; }
.mobile .mypage_menu .info_privacy .btns { text-align:center; margin-top:25px; }
.mobile .mypage_menu .info_privacy .btns > .btn { width:auto; height:35px; font-size:14px; line-height:35px; padding:0 15px; margin-top:0; }
.mobile .mypage_menu + .tab_section { margin-top:40px; }

.insu_list.mypage .insu_name { font-size:18px; }
.insu_list.mypage .car_number,
.insu_list.mypage .insu_pay { font-size:34px; font-weight:500; }
.insu_list.mypage .insu_pay > .pay { font-weight:inherit; }
.insu_list.mypage .insu_expect { font-size:16px; margin-top:10px; }
.insu_list.mypage .insu_expect > .pay { font-size:24px; font-weight:500; color:#ea7404; }
.insu_list.mypage .warning > .pay { color:#e91515; }

.mobile .tab_section .governing.mypage { background:none; }
.mobile .tab_section .governing.mypage > .governing_title { font-size:21px; line-height:31px; }

.mobile .insu_list.mypage .insu_title { padding-top:35px; }
.mobile .insu_list.mypage .insu_name { font-size:16px; }
.mobile .insu_list.mypage .car_number,
.mobile .insu_list.mypage .insu_pay { font-size:26px; font-weight:500; margin-top:10px; }
.mobile .insu_list.mypage .insu_expect { font-size:14px; }
.mobile .insu_list.mypage .insu_expect > .pay { font-size:20px; }
.mobile .insu_list.mypage .bar_chart { margin-top:30px; }
.mobile .insu_list.mypage .list_dot { margin-top:30px; }
.mobile .insu_list.mypage .list_dot > li { margin-top:5px; }


/* 마이페이지 - 이벤트내역 */
hr.line { height:1px !important; width:100%; background:#ccc !important; margin:35px 0 40px !important; }
h3.my_event { position:relative; font-size:26px; font-weight:400; line-height:48px; padding-left:55px; margin-bottom:30px; }
h3.my_event::before { content:''; position:absolute; top:0; left:0; width:48px; height:48px; background:url(/assets/images/web/ico_myevent.png) no-repeat; }

.mobile hr.line { margin:25px 0 28px !important; }
.mobile h3.my_event { display:flex; font-size:20px; min-height:45px; line-height:24px; padding-left:50px; margin-bottom:16px; align-items:center; }
.mobile h3.my_event::before { width:45px; height:45px; background:url(/assets/images/mobile/ico_myevent.png) center/100% no-repeat; }

/* 이벤트 - 당첨자 발표 안내 /2208 */
.win .event_ico{position:relative;margin-top:60px;padding:220px 0 30px;text-align:center;}
.win .event_ico::before {content:'';position:absolute;top:0;left:calc(50% - 90px);width:160px;height:160px;background:url('/assets/images/web/img_happybirthday.gif') 0 0 no-repeat;}
.win .event_ico .sub_txt{font-size:22px;line-height:34px;color:#333333}
.mobile .event_ico{position:relative;margin-top:50px;padding:160px 0 30px;font-size:17px;line-height:24px;text-align:center;}
.mobile .event_ico::before{content:''; position:absolute; top:0; left:calc(50% - 65px); width:130px; height:130px; background:url('/assets/images/mobile/img_happybirthday.gif') 0 0/auto 130px no-repeat;}
.mobile .event_ico .sub_txt{margin-top:5px;line-height:21px;font-size:15px;color:#333333;}


.sub_conts dl dd > .label { display:inline-block; color:#777; }

.list_favorite { margin-top:40px; }
.win .list_favorite ul {margin-left:10px;}
.list_favorite li { position:relative; margin-top:35px; }
.list_favorite li:first-of-type { margin-top:0; }
.list_favorite li a { display:inline-block; position:relative; font-size:18px; padding-left:12px; color:#000; }
.list_favorite li a::before { position:absolute; content:''; width:3px;height: 3px; top:10px; left:0; background:#000; border-radius: 100%;;}
.list_favorite li .btn_del { position:relative; width:20px; height:20px; border-radius:50%; background:#ddd; vertical-align:middle; margin-top:-5px; margin-left:16px; }
.list_favorite li .btn_del::before,
.list_favorite li .btn_del::after { content:''; position:absolute; background:#fff; border-radius:1px; transform:rotateZ(45deg); }
.list_favorite li .btn_del::before { top:calc(50% - 1px); left:calc(50% - 6px); width:12px; height:2px; }
.list_favorite li .btn_del::after { top:calc(50% - 6px); left:calc(50% - 1px); width:2px; height:12px; }

.mobile .list_favorite { margin-top:30px; }
.mobile .list_favorite li { margin-top:20px; }
.mobile .list_favorite li a { font-size:15px; padding-left:10px; }
.mobile .list_favorite li .btn_del { position:absolute; top:calc(50% - 10px); right:0; margin:0; }

.withdraw { font-size:17px; }
.mobile .withdraw { font-size:15px; }

.mypage_agree { width:550px; margin:0 auto; }
.mypage_agree .agree_item { border-bottom:1px #ccc solid; }
.mypage_agree .agree_item:first-child { border-top:1px #aaa solid; }
.mypage_agree .agree_item > div { padding:20px; }
.mypage_agree .agree_subject { border-bottom:1px #eee solid; }
.mypage_agree .agree_subject > .title { font-size:18px; font-weight:500; }
.mypage_agree .agree_subject > p { font-size:16px; margin-top:10px; }
.mypage_agree .agree_cont > .radio_box { display:inline-block; width:200px; }

.mobile .mypage_agree { width:auto; }
.mobile .mypage_agree .agree_item > div { padding:15px 10px; }
.mobile .mypage_agree .agree_subject > .title { font-size:16px; }
.mobile .mypage_agree .agree_subject > p { font-size:14px; margin-top:5px; }
.mobile .mypage_agree .agree_cont { display:flex; }
.mobile .mypage_agree .agree_cont > .radio_box { width:50%; margin:0; }
.mobile .mypage_agree .agree_cont > .radio_box label { font-size:14px; }

.certify_title { font-size:24px; text-align:center; line-height:35px; }
.certify_info_area { position:relative; margin-top:40px; }
.certify_info_area > img { display:block; margin:0 auto; }
.certify_info_area.simple > img { width:400px; }

.mobile .certify_info_area.simple > img { width:300px; }
.mobile .certify_info_area.face > img { width:150px; }


/* 보장분석 - 로딩 *************************************************/




/* 보장분석 - 결과 *************************************************/
.win .graph_toggle { position:absolute; display:flex; top:7px; right:0; }
.win .graph_toggle > .toggle { position:relative; display:block; width:54px; height:46px; border:2px #e6e6e6 solid; background-color:#f1f1f1; }
.win .graph_toggle > .toggle.point { border-radius:46px 0 0 46px; border-right:0; }
.win .graph_toggle > .toggle.radial { border-radius:0 46px 46px 0; border-left:0; }
.win .graph_toggle > .toggle::before { content:''; position:absolute; display:block; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:0 0; z-index:2; }
.win .graph_toggle > .toggle::after { content:''; position:absolute; display:block; top:50%; left:50%; width:42px; height:42px; border-radius:50%; background:transparent; transform:translateX(-50%) translateY(-50%); transition:all 0.2s ease-in-out; z-index:1; }
.win .graph_toggle > .toggle.point::before { background-image:url(/assets/images/web/ico_analysis1.png); }
.win .graph_toggle > .toggle.radial::before { background-image:url(/assets/images/web/ico_analysis2.png); }
.win .graph_toggle > .toggle.show::before { background-position:-52px 0; }
.win .graph_toggle > .toggle.show::after { width:58px; height:58px; background:#ea7404; }
.win .analysis_graph { position:relative; margin-top:5px; }
.win .analysis_graph > .type_point { position:relative; height:403px; text-align:center; padding-top:283px;}
.win .analysis_graph > .type_point.good {background:url(/assets/images/web/img_result_good.png) center bottom no-repeat;}
.win .analysis_graph > .type_point.normal {background:url(/assets/images/web/img_result_normal.png) center bottom no-repeat;}
.win .analysis_graph > .type_point.bad {background:url(/assets/images/web/img_result_bad.png) center bottom no-repeat;}
.win .analysis_graph > .type_point .my_result {position:relative; width:310px; margin:0 auto; text-align:center; font-family:'HIMaum'; font-size:28px; }
.win .analysis_graph > .type_point .my_result > div {position:relative; line-height:24px;}
.win .analysis_graph > .type_point .my_result .number {font-size:63px;line-height: 100%; display:inline-block; vertical-align: sub; }
.win .analysis_graph > .type_point .my_result .point_label { font-size:20px; color:#777; text-align:center; }
.win .analysis_graph > .type_point .my_result .result_state { position:absolute; display:flex; top:-205px; right:-24px; width:121px; height:98px; background:url(/assets/images/web/img_result_boolean.png) no-repeat; padding-bottom:3px; align-items:center; justify-content:center; z-index:1; }
.win .analysis_graph > .type_point .my_result .result_state > .state_text { font-family:'Noto Sans'; font-size:20px; font-weight:700; }
.win .analysis_graph > .type_point.good .my_result .result_state > .state_text { color:#4da0ff; }
.win .analysis_graph > .type_point.normal .my_result .result_state > .state_text { color:#32ba5c; }
.win .analysis_graph > .type_point.bad .my_result .result_state > .state_text { color:#fe6260; }
.win .analysis_graph > .type_point .point {margin-top:15px;}
.win .analysis_graph > .type_point .grade {padding-top:18px;}
.win .analysis_graph > .type_point .grade:before {position:absolute; content:''; top:0; left:0; width:51px; height:14px; background:url(/assets/images/web/img_grade.png) no-repeat;}
.win .analysis_graph > .type_point.good .grade:before {background-position: 0 0;}
.win .analysis_graph > .type_point.normal .grade:before {background-position: 0 -20px;}
.win .analysis_graph > .type_point.bad .grade:before {background-position: 0 -40px;}

.win .analysis_graph > .type_radial { width:398px; min-height:318px; margin: 0 auto 30px auto; }
.win .analysis_status { position:relative; text-align:center; margin-top:40px; }
.win .analysis_status > .state_item { position:relative; display:inline-block; width:230px; color:#32ba5c; text-align:center; }
.win .analysis_status > .state_item.good { color:#4da0ff; }
.win .analysis_status > .state_item.bad { color:#fe6260; }
.win .analysis_status > .state_item:not(:first-of-type)::before { content:''; position:absolute; top:calc(50% - 70px); left:-2px; width:2px; height:140px; background:#eee; }
.win .analysis_status > .state_item > .ico { width:70px; height:70px; background:url(/assets/images/ico_state_analysis.png) -70px 0 no-repeat; margin:0 auto; }
.win .analysis_status > .state_item.good > .ico { background-position:0 0; }
.win .analysis_status > .state_item.bad > .ico { background-position:-140px 0; }
.win .analysis_status > .state_item > .state { font-size:20px; color:inherit; margin-top:15px; }
.win .analysis_status > .state_item > .count { font-size:28px; color:inherit; font-weight:800; margin-top:10px; }
.win .analysis_status + .list_link { margin-top:60px; }
.win .list_link .tag { margin-right:8px; }
.win .list_link .tag.good,
.win .list_link .tag.normal {width:72px; text-align:center;}

.list_link .tag.ing {border-color:#ea7404; color:#ea7404;}
.list_link .tag.end {border-color:#5cb531; color:#5cb531;}
.mobile .list_link .tag.good,
.mobile .list_link .tag.normal {width:57px; text-align:center;}

.mobile .graph_toggle { position:absolute; display:flex; top:7px; right:0; }
.mobile .graph_toggle > .toggle { position:relative; display:block; width:37px; height:35px; border:1px #e6e6e6 solid; background-color:#f1f1f1; }
.mobile .graph_toggle > .toggle.point { border-radius:35px 0 0 35px; border-right:0; }
.mobile .graph_toggle > .toggle.radial { border-radius:0 35px 35px 0; border-left:0; }
.mobile .graph_toggle > .toggle::before { content:''; position:absolute; display:block; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:0 0; background-size:72px 33px; z-index:2; }
.mobile .graph_toggle > .toggle::after { content:''; position:absolute; display:block; top:50%; left:50%; width:42px; height:42px; border-radius:50%; background:transparent; transform:translateX(-50%) translateY(-50%); transition:all 0.2s ease-in-out; z-index:1; }
.mobile .graph_toggle > .toggle.point::before { background-image:url(/assets/images/mobile/ico_analysis1.png); }
.mobile .graph_toggle > .toggle.radial::before { background-image:url(/assets/images/mobile/ico_analysis2.png); }
.mobile .graph_toggle > .toggle.show::before { background-position:-36px 0; }
.mobile .graph_toggle > .toggle.show::after { width:40px; height:40px; background:#ea7404; }
.win .graph_toggle > .toggle:first-child::after, .mobile .graph_toggle > .toggle:first-child::after{left:100%} /* 보장분석결과 토글 /추가2510 */
.win .graph_toggle > .toggle.show:first-child::after, .mobile .graph_toggle > .toggle.show:first-child::after{left:50%;} /* 보장분석결과 토글 /추가2510 */
.win .graph_toggle > .toggle:last-child::after, .mobile .graph_toggle > .toggle:last-child::after{left:0%;} /* 보장분석결과 토글 /추가2510 */
.win .graph_toggle > .toggle.show:last-child::after, .mobile .graph_toggle > .toggle.show:last-child::after{left:50%} /* 보장분석결과 토글 /추가2510 */
.mobile .analysis_graph { position:relative; }
.mobile .analysis_graph > .type_point { position:relative; height:288px; text-align:center; padding-top:205px; margin-top:30px;}
.mobile .analysis_graph > .type_point.good {background:url(/assets/images/mobile/img_result_good.png) center top no-repeat; background-size:auto 288px;}
.mobile .analysis_graph > .type_point.normal {background:url(/assets/images/mobile/img_result_normal.png) center top no-repeat; background-size:auto 288px;}
.mobile .analysis_graph > .type_point.bad {background:url(/assets/images/mobile/img_result_bad.png) center top no-repeat; background-size:auto 288px;}
.mobile .analysis_graph > .type_point .my_result {position:relative; width:180px; margin:0 auto; text-align:center; font-family:'HIMaum'; font-size:20px; }
.mobile .analysis_graph > .type_point .my_result > div {position:relative; line-height:19px;}
.mobile .analysis_graph > .type_point .my_result .number {font-size:45px;line-height: 100%; vertical-align: sub; }
.mobile .analysis_graph > .type_point .my_result .result_state { position:absolute; display:flex; top:-161px; right:-54px; width:108px; height:84px; background:url(/assets/images/mobile/img_result_boolean.png) 0 0/100% no-repeat; align-items:center; justify-content:center; z-index:1; }
.mobile .analysis_graph > .type_point .my_result .result_state > .state_text { font-family:'Noto Sans'; font-size:15px; font-weight:700; }
.mobile .analysis_graph > .type_point.good .my_result .result_state > .state_text { color:#4da0ff; }
.mobile .analysis_graph > .type_point.normal .my_result .result_state > .state_text { color:#32ba5c; }
.mobile .analysis_graph > .type_point.bad .my_result .result_state > .state_text { color:#fe6260; }
.mobile .analysis_graph > .type_point .point_label { font-size:14px; color:#777; }
.mobile .analysis_graph > .type_point .point { margin-top:5px; }
.mobile .analysis_graph > .type_point .grade {padding-top:13px;}
.mobile .analysis_graph > .type_point .grade:before {position:absolute; content:''; top:0; left:0; width:36px; height:10px; background:url(/assets/images/mobile/img_grade.png) no-repeat; background-size: 36px auto;}
.mobile .analysis_graph > .type_point.good .grade:before {background-position: 0 0;}
.mobile .analysis_graph > .type_point.normal .grade:before {background-position: 0 -10px;}
.mobile .analysis_graph > .type_point.bad .grade:before {background-position: 0 -20px;}
.mobile .analysis_graph > .type_radial { width:auto; height:310px; margin:0 -20px; text-align:center; /*background:url(/assets/images/_dummy/graph_analysis2.png) center/100% no-repeat; margin: 0 auto;*/ }

.mobile .analysis_status { position:relative; text-align:center; margin-top:25px; }
.mobile .analysis_status > .state_item { position:relative; display:inline-block; max-width:100px; width:32%; color:#32ba5c; text-align:center; }
.mobile .analysis_status > .state_item.good { color:#4da0ff; }
.mobile .analysis_status > .state_item.bad { color:#fe6260; }
.mobile .analysis_status > .state_item:not(:first-of-type)::before { content:''; position:absolute; top:calc(50% - 40px); left:-1px; width:1px; height:80px; background:#eee; }
.mobile .analysis_status > .state_item > .ico { width:35px; height:35px; background:url(/assets/images/ico_state_analysis.png) -35px 0/105px 35px no-repeat; margin:0 auto; }
.mobile .analysis_status > .state_item.good > .ico { background-position:0 0; }
.mobile .analysis_status > .state_item.bad > .ico { background-position:-70px 0; }
.mobile .analysis_status > .state_item > .state { font-size:13px; color:inherit; margin-top:5px; }
.mobile .analysis_status > .state_item > .count { font-size:17px; color:inherit; font-weight:800; }
.mobile .analysis_status + .list_link { margin-top:30px; }
.mobile .list_link .tag { margin-right:5px; }

.mobile .Nwagon_radar .labels text {font-size:14px;}


/* 보장분석 - 추천상품 *************************************************/
.win .h3 > .info_pay { position:absolute; right:0; font-size:16px; color:#000; font-weight:400; padding:0 15px 0 22px; }
.win .h3 > .info_pay::after { content: ''; position:absolute; top:11px; right:0; width:7px; height:9px; background:url(/assets/images/ico_shortcut_arrow.png) no-repeat; }
.win .h3 > .info_pay > .ico { position:absolute; top:5px; left:0; display:block; width:15px; height:16px; background:url(/assets/images/ico_bell.png) no-repeat; }
.win .h3 > .info_pay > .date { font-weight:500; }
.banner_slide { position:relative; margin-top:25px; }
.banner_item > a { position:relative; display:flex; flex-direction: column; justify-content: center; width:100%; height:180px; color:#777;  border-radius:15px; padding:30px 40px; background:#eaf2fd; }
.banner_item a.car {border:1px #ddcfb5 solid;  background:#fcf3e2; }
.banner_item a.health {border:1px #cad4e1 solid; background:#eaf2fd; }
.banner_item a.life {border:1px #bfd5d5 solid; background:#eff7f7; }
.banner_item .banner_tit { font-size:24px; font-weight:700; color:#000; }
.banner_item .banner_info {font-size:16px; margin-top:15px; }
.banner_item .banner_img { position:absolute; bottom:0; right:30px; width:178px; height:145px; } 
.banner_item .banner_img > img { width:100%; }

.mobile .h3 > .info_pay { position:relative; display:block; font-size:15px; color:#000; font-weight:400; padding:0 10px 0 20px; margin-top:10px; }
.mobile .h3 > .info_pay::after { content: ''; position:relative; display:inline-block; width:7px; height:9px; background:url(/assets/images/ico_shortcut_arrow.png) no-repeat; margin-left:5px; margin-bottom:1px; }
.mobile .h3 > .info_pay > .ico { position:absolute; top:5px; left:0; display:block; width:15px; height:16px; background:url(/assets/images/ico_bell.png) no-repeat; }
.mobile .h3 > .info_pay > .date { font-weight:500; }
.mobile .banner_slide { margin-top:20px; }
.mobile .banner_item > a { height:243px; justify-content: start; border-radius:20px; padding:30px 25px;  }
.mobile .banner_item .banner_tit {  font-size:21px;}
.mobile .banner_item .banner_info { font-size:14px; margin-top:10px; }
.mobile .banner_item .banner_img { right:15px; width:156px; height:127px; } 



/* 보장분석 - 담보별 보장상태 *************************************************/
.assure_cont { display:none; }
.governing .info_txt_board { position:relative; font-size:15px; text-align:left; background:#fefaf4 url(/assets/images/bg_analysis.png) calc(100% - 20px) 16px/101px 93px no-repeat; border-radius:5px; padding:25px 30px; margin-top:30px; }
.win .governing .sub_analysis { display:block; font-size:24px; line-height:30px; margin-top:15px; }
.win div[class*=analysis_] .analysis_ico { position:relative; display:inline-block; }
.win div[class*=analysis_] .analysis_ico::before { content:''; position:absolute; left:0; }
.win .analysis_index { position:relative; text-align:right; }
.win .analysis_index .analysis_ico { font-size:18px; font-weight:500; margin-left:30px; padding-left:44px; }
.win .analysis_index .analysis_ico::before { top:calc(50% - 17px); width:34px; height:34px; background:url(/assets/images/ico_state_analysis2.png) -34px 0 no-repeat; }
.win .analysis_index .analysis_ico.good::before { background-position:0 0; }
.win .analysis_index .analysis_ico.bad::before { background-position:-68px 0; }
.win .analysis_list { position:relative; margin-top:30px; }
.win .analysis_list::after { content:''; display:block; clear:both; }
.win .analysis_list .analysis_item { float:left; position:relative; width:calc(50% - 10px); border:1px #ccc solid; padding:25px 30px; margin: 0 10px 20px; }
.win .analysis_list .analysis_item:nth-of-type(2n+1) { margin-left:0; }
.win .analysis_list .analysis_item:nth-of-type(2n) { margin-right:0; }
.win .analysis_list .analysis_item .item_header::after { content:''; display:block; clear:both; }
.win .analysis_list .analysis_item .analysis_ico { float:left; height:40px; font-size:15px; line-height:40px; padding-left:50px; margin:0; color:#32ba5c; }
.win .analysis_list .analysis_item .analysis_ico::before { top:calc(50% - 20px); width:40px; height:40px; background:url(/assets/images/ico_state_analysis3.png) -40px 0 no-repeat; }
.win .analysis_list .analysis_item .analysis_tit { float:right; font-size:18px; font-weight:500; line-height:40px; }
.win .analysis_list .analysis_item .item_cont { margin-top:20px; padding-top:25px; border-top:1px #eee solid; }
.win .analysis_list .analysis_item .bar_graph { position:relative; width:100%; height:12px; background:#f0f0f0; border-radius: 0 6px 6px 0; margin-top:35px; }
.win .analysis_list .analysis_item .bar_graph > span { position:absolute; top:-35px; color:#777; }
.win .analysis_list .analysis_item .bar_graph > span.now { left:0; font-weight:500; color:#333; }
.win .analysis_list .analysis_item .bar_graph > span.max { right:0; }
.win .analysis_list .analysis_item .bar_graph > .bar { position:relative; height:12px; border-radius: 0 6px 6px 0; background:#a6a6a6; }
.win .analysis_list .analysis_item.good .analysis_ico { color:#469cff; }
.win .analysis_list .analysis_item.good .analysis_ico::before { background-position:0 0; }
.win .analysis_list .analysis_item.bad .analysis_ico { color:#fe6260; }
.win .analysis_list .analysis_item.bad .analysis_ico::before { background-position:-80px 0; }
.win .select_viewtype { position:absolute; top:0; right:0; }
.win .select_viewtype > a { position:relative; display:inline-block; font-size:17px; font-weight:400; color:#777; line-height:22px; padding-left:30px; margin-left:15px; }
.win .select_viewtype > a:first-of-type { padding-right:20px; margin-left:0; }
.win .select_viewtype > a::before,
.win .select_viewtype > a::after { content:''; position:absolute; }
.win .select_viewtype > a::before { top:2px; left:0; width:20px; height:20px; background:url(/assets/images/ico_selview.png) no-repeat; }
.win .select_viewtype > a.active { color:#000; }
.win .select_viewtype > a.item1::before { background-position:0 0; }
.win .select_viewtype > a.item2::before { background-position:-40px 0; }
.win .select_viewtype > a.item1.active::before { background-position:-20px 0; }
.win .select_viewtype > a.item2.active::before { background-position:-60px 0; }
.win .select_viewtype > a:first-of-type::after { top:calc(50% - 6px); right:0; width:1px; height:12px; background:#ccc; }
.win .sel_insured { margin:30px 0 50px; }
.win .list_assure .assure_item { border:1px #ddd solid; border-radius:20px; overflow:hidden; }
.win .list_assure .assure_item:not(:first-of-type) { margin-top:20px; }
.win .list_assure .assure_title { position:relative; padding: 27px 50px; border-bottom:1px #ddd solid; }
.win .list_assure .assure_title > .title{position:relative;width:calc(100% - 100px);line-height:29px;font-size:24px;font-weight:500;} /* 계약조회검색 /수정2507 */
.win .list_assure .assure_title > .tag { position:absolute; top:28px; right:30px; font-size:16px; color:#007aeb; font-weight:400; border:0; }
.win .list_assure .assure_detail { display:flex; padding:25px 50px 35px; flex-direction:column; }
.win .list_assure .assure_detail > dl { display:flex; width:100%; flex-wrap:wrap; }
.win .list_assure .assure_detail > dl > dt, .win .list_assure .assure_detail > dl > dd { padding:8px 0; }
.win .list_assure .assure_detail > dl > dt { width:120px; font-size:16px; color:#777; }
.win .list_assure .assure_detail > dl > dd { width:calc(50% - 60px); font-size:18px; padding-right:20px; }
.win .list_assure .assure_detail > dl > dd:nth-of-type(2n+2) { width:calc(50% - 180px); }
.win .list_assure .assure_info { font-size:16px; color:#555; line-height:26px; background:#f6f6f6; padding:25px 50px; }
.win .assure_cont + .btns, .win .special_agreement + .btns { margin-top:20px; }
.win .list_assure.reg_picture .tag { color:#000; }
.win .list_assure.reg_picture .assure_detail dt,
.win .list_assure.reg_picture .assure_detail dd { display:flex; align-items:center; }
.win .list_assure.reg_picture .assure_detail dd { width:calc(100% - 120px) !important; justify-content:flex-end; padding-right:0; }
.win .list_assure.reg_picture .assure_detail p { font-size:16px; margin-right:30px; }
.win .list_assure.reg_picture .assure_detail .btn.line { min-width:140px; }
.win .list_assure.reg_picture .assure_detail .distance { position:relative; display:inline-block; padding-right:10px; margin-right:4px; }
.win .list_assure.reg_picture .assure_detail .distance::after { content:''; position:absolute; top:calc(50% - 4px); right:0; width:1px; height:8px; background:#e1e1e1; }
.win .list_assure.reg_picture .assure_detail .result { display:inline-block; color:#007aeb; }

.mobile .governing .info_txt_board { background-position:calc(100% + 20px) calc(100% + 15px); }
.mobile .governing .sub_analysis { display:block; font-size:21px; line-height:30px; margin-top:5px; }
.mobile div[class*=analysis_] .analysis_ico { position:relative; display:inline-block; }
.mobile div[class*=analysis_] .analysis_ico::before { content:''; position:absolute; left:0; }
.mobile .analysis_index { position:relative; text-align:right; }
.mobile .analysis_index .analysis_ico { font-size:13px; margin-left:20px; padding-left:30px; }
.mobile .analysis_index .analysis_ico::before { top:calc(50% - 12px); width:25px; height:25px; background:url(/assets/images/mobile/ico_state_analysis2.png) -25px 0/75px 25px no-repeat; }
.mobile .analysis_index .analysis_ico.good::before { background-position:0 0; }
.mobile .analysis_index .analysis_ico.bad::before { background-position:-50px 0; }
.mobile .analysis_list { position:relative; margin-top:20px; }
.mobile .analysis_list .analysis_item { position:relative; width:100%; border:1px #ccc solid; border-radius:20px; padding:25px; margin-bottom:15px; box-shadow:0 5px 10px rgba(0,0,0,0.1); }
.mobile .analysis_list .analysis_item .item_header::after { content:''; display:block; clear:both; }
.mobile .analysis_list .analysis_item .analysis_ico { float:left; height:35px; font-size:13px; line-height:35px; padding-left:43px; margin:0; color:#32ba5c; }
.mobile .analysis_list .analysis_item .analysis_ico::before { top:calc(50% - 17px); width:35px; height:35px; background:url(/assets/images/ico_state_analysis.png) -35px 0/105px 35px no-repeat; }
.mobile .analysis_list .analysis_item .analysis_tit { float:right; width:calc(100% - 90px); text-align: right; font-size:15px; font-weight:500; line-height:35px; }
.mobile .analysis_list .analysis_item .item_cont { margin-top:15px; padding-top:15px; border-top:1px #eee solid; }
.mobile .analysis_list .analysis_item .bar_graph { position:relative; width:100%; height:10px; background:#f0f0f0; border-radius: 0 5px 5px 0; margin-top:35px; }
.mobile .analysis_list .analysis_item .bar_graph > span { position:absolute; top:-35px; font-size:13px; color:#777; }
.mobile .analysis_list .analysis_item .bar_graph > span.now { left:0; font-weight:500; color:#333; }
.mobile .analysis_list .analysis_item .bar_graph > span.max { right:0; }
.mobile .analysis_list .analysis_item .bar_graph > .bar { position:relative; height:100%; border-radius: 0 6px 6px 0; background:#a6a6a6; }
.mobile .analysis_list .analysis_item.good .analysis_ico { color:#469cff; }
.mobile .analysis_list .analysis_item.good .analysis_ico::before { background-position:0 0; }
.mobile .analysis_list .analysis_item.bad .analysis_ico { color:#fe6260; }
.mobile .analysis_list .analysis_item.bad .analysis_ico::before { background-position:-70px 0; }
.mobile .select_viewtype { position:absolute; top:0; right:0; }
.mobile .select_viewtype > a { position:relative; display:inline-block; font-size:13px; font-weight:400; color:#777; line-height:16px; padding-left:22px; margin-left:10px; }
.mobile .select_viewtype > a:first-of-type { padding-right:12px; margin-left:0; }
.mobile .select_viewtype > a::before,
.mobile .select_viewtype > a::after { content:''; position:absolute; }
.mobile .select_viewtype > a::before { top:0; left:0; width:16px; height:16px; background:url(/assets/images/mobile/ico_selview.png) center/64px 16px no-repeat; }
.mobile .select_viewtype > a.active { color:#000; }
.mobile .select_viewtype > a.item1::before { background-position:0 0; }
.mobile .select_viewtype > a.item2::before { background-position:-32px 0; }
.mobile .select_viewtype > a.item1.active::before { background-position:-16px 0; }
.mobile .select_viewtype > a.item2.active::before { background-position:-48px 0; }
.mobile .select_viewtype > a:first-of-type::after { top:calc(50% - 4px); right:0; width:1px; height:8px; background:#ccc; }
.mobile .sel_insured { margin:20px 0 30px; }
.mobile .list_assure .assure_item { border:1px #ddd solid; border-radius:10px; overflow:hidden; }
.mobile .list_assure .assure_item:not(:first-of-type) { margin-top:10px; }
.mobile .list_assure .assure_title { position:relative; padding:15px 25px; border-bottom:1px #ddd solid; }
.mobile .list_assure .assure_title > .title{position:relative;width:100%;font-weight:700;font-size:17px;}/* 수정2405 */
.mobile .list_assure .assure_title .tag + .title{position:relative;width:calc(100% - 85px);font-weight:700;font-size:17px;} /* 수정2405 */
.mobile .list_assure .assure_title > .tag { position:absolute; top:15px; right:25px; font-size:15px; color:#007aeb; font-weight:400; border:0; padding:0; margin:0; }
.mobile .list_assure .assure_detail { padding:20px 25px; }
.mobile .list_assure .assure_detail > dl { display:flex; flex-wrap:wrap; }
.mobile .list_assure .assure_detail > dl > dt,
.mobile .list_assure .assure_detail > dl > dd { padding:3px 0 !important; }
.mobile .list_assure .assure_detail > dl > dt { width:110px; font-size:15px; font-weight:300; color:#555; }
.mobile .list_assure .assure_detail > dl > dd { width:calc(100% - 110px); font-size:15px; }
.mobile .list_assure .assure_info { font-size:13px; color:#666; line-height:22px; background:#f6f6f6; padding:20px 25px }
.mobile .assure_cont + .btns, .mobile .special_agreement + .btns { margin-top:20px; }
.mobile .list_assure.reg_picture .tag { color:#000; }
.mobile .list_assure.reg_picture .assure_detail dt,
.mobile .list_assure.reg_picture .assure_detail dd { display:flex; align-items:center; }
.mobile .list_assure.reg_picture .assure_detail dd { width:calc(100% - 110px) !important; flex-direction:column; align-items:flex-end; }
.mobile .list_assure.reg_picture .assure_detail .btn.line { min-width:110px; height:30px; font-size:12px; line-height:28px; padding:0 10px; border-radius:5px; }
.mobile .list_assure.reg_picture .assure_detail p { font-size:14px; padding-bottom:5px; }
.mobile .list_assure.reg_picture .assure_detail .distance { position:relative; display:inline-block; padding-right:10px; margin-right:4px; }
.mobile .list_assure.reg_picture .assure_detail .distance::after { content:''; position:absolute; top:calc(50% - 4px); right:0; width:1px; height:8px; background:#e1e1e1; }
.mobile .list_assure.reg_picture .assure_detail .result { display:inline-block; color:#007aeb; }


/* 보장분석 - 서브메인 */
.analysis_img { position:relative; text-align:center; }
.win .analysis_img > img { width:470px; }
.win .analysis_img + .accordion { margin-top:0; }

.mobile .analysis_img > img { width:100%; }
.mobile .analysis_img + .accordion { margin-top:0; }


/* 보장분석 - 보험료 변동 안내 팝업 */
.win .info_change { font-size:16px; color:#555; }
.win .info_change > strong { display:block; font-size:20px; color:#000; line-height:32px; font-weight:500; padding-bottom:10px; }

.mobile .info_change { font-size:14px; color:#555; }
.mobile .info_change > strong { display:block; font-size:15px; color:#000; font-weight:500; padding-bottom:10px; }


/* 보장분석 - 하이플래너 선택 */
.win .hiplanner { line-height:30px; border:1px #ddd solid; border-radius:15px; padding:30px; }
.win .hiplanner:not(:first-of-type) { margin-top:20px; }
.win .hiplanner .insu_name { font-size:16px; font-weight:300; }
.win .hiplanner .planner_name { font-size:20px; font-weight:700; }
.win .hiplanner .planner_name > span { font-weight:400; }
.win .hiplanner .tel { position:relative; display:inline-block; font-size:20px; }

.mobile .hiplanner { border:1px #eee solid; border-radius:10px; box-shadow:0 4px 10px rgba(0,0,0,0.1); padding:20px; }
.mobile .hiplanner:not(:first-of-type) { margin-top:15px; }
.mobile .hiplanner .insu_name { font-size:13px; font-weight:300; }
.mobile .hiplanner .planner_name { font-size:17px; font-weight:700; }
.mobile .hiplanner .planner_name > span { font-weight:400; }
.mobile .hiplanner .tel { position:relative; display:inline-block; font-size:13px; padding-left:16px; }
.mobile .hiplanner .tel::before { content:''; position:absolute; display:block; top:calc(50% - 6px); left:0; width:12px; height:12px; background: url(/assets/images/mobile/ico_hitel2.png) center/100% no-repeat; }

/* 보험상품 - 보험료 계산 완료 */
.win .result_payment { border:1px #ff8a00 solid; border-radius:15px; overflow:hidden; }
.win .result_payment .result_header { text-align:center; padding:50px 0 40px; background:#ffedd9; }
.win .result_payment .result_header .result_label { font-size:18px; font-weight:700; }
.win .result_payment .result_header .pay { font-size:36px; line-height:36px; margin-top:10px; }
.win .result_payment .result_header .pay > .val { font-weight:700; }
.win .result_payment .result_header .btn_conts { width:350px; margin:30px auto; }
.win .result_payment .result_header .btn_conts > .btn { width:100%; border-color:#ea7404; box-shadow:0 4px 8px rgba(255,138,0,0.2); }
.win .result_payment .result_detail { position:relative; font-size:18px; padding:48px 0 50px; border-top:1px #ff8a00 solid; }
.win .result_payment .result_detail::before { content:''; position:absolute; top:-11px; left:calc(50% - 13px); width:26px; height:12px; background:url(/assets/images/web/arr_result_insu.png) no-repeat; }
.win .result_payment .form_wrap { width:350px; margin:0 auto; }
.win .result_payment .form_wrap .btn { height:60px; line-height:58px; border-radius:10px; }
.win .result_payment .form_wrap .btn > span { padding-left:24px; background:url(/assets/images/ico_initial.png) left center/15px 17px no-repeat; }
.win .result_payment .result_detail .form_list .btns {margin-top:20px;}
.win .result_payment .insurance { font-size:18px; }
.win .result_payment .insu_name { display:inline-block; font-weight:700; }
.win .result_payment .insu_code { display:inline-block; font-weight:400; margin-left:5px; }
.win .result_payment .birth { font-size:16px; color:#777; }
.win .result_payment + .list_bar { margin-top:15px; }

.mobile .result_payment { border:1px #ff8a00 solid; border-radius:20px; overflow:hidden; }
.mobile .result_payment .result_header { text-align:center; padding:30px 20px; background:#ffedd9; }
.mobile .result_payment .result_header .result_label { font-size:16px; font-weight:700; }
.mobile .result_payment .result_header .pay { font-size:27px; font-weight:700; margin-top:10px; }
.mobile .result_payment .result_header .btn_conts { margin:25px 0 15px; }
.mobile .result_payment .result_header .btn_conts > .btn { width:100%; border-color:#ea7404; box-shadow:0 4px 8px rgba(255,138,0,0.2); }
.mobile .result_payment .result_detail { position:relative; font-size:14px; padding:40px 20px; border-top:1px #ff8a00 solid; }
.mobile .result_payment .result_detail::before { content:''; position:absolute; top:-12px; left:calc(50% - 13px); width:26px; height:12px; background:url(/assets/images/web/arr_result_insu.png) no-repeat; }
.mobile .result_payment .form_wrap .btn { height:50px; line-height:48px; border-radius:10px; }
.mobile .result_payment .form_wrap .btn > span { padding-left:24px; background:url(/assets/images/ico_initial.png) left center/15px 17px no-repeat; }
.mobile .result_payment .form_wrap .form_row.text {display:flex; justify-content: space-between; align-items: center;}
.mobile .result_payment .form_wrap .form_row.text .form_label {padding:0;}
.mobile .result_payment .insurance { font-size:14px; }
.mobile .result_payment .insu_name { display:inline-block; font-weight:700; }
.mobile .result_payment .insu_code { display:inline-block; margin-left:5px; }
.mobile .result_payment .birth { font-size:13px; color:#777; }
.mobile .result_payment + .list_bar { margin-top:15px; }

/* 인터넷창구 - 공통: 개인정보노출자 사고예방 안내 */
.accident_info { margin-top:-15px; }
.accident_info > h2 { position:relative; font-size:20px; font-weight:500; text-align:center; line-height:30px; padding-top:105px; }
.accident_info > h2::before { content:''; position:absolute; top:0; left:calc(50% - 40px); width:80px; height:80px; border-radius:50%; background:#ea7404 url(/assets/images/ico_caution.png) center/100% no-repeat; }
.win .accident_info > h2 > strong { font-weight:inherit; }

.mobile .accident_info { margin-top:-19px; }
.mobile .accident_info > h2 { font-size:15px; font-weight:400; line-height:22px; padding-top:80px; }
.mobile .accident_info > h2::before { left:calc(50% - 30px); width:60px; height:60px; }


/* 인터넷창구 - 계약상세조회 */
.win .num_contract { font-size:16px; font-weight:300; }
.mobile .num_contract { font-size:14px; color:#777; }

.win .special_agreement { margin-top:15px; padding:25px 30px; border-top:1px #ccc solid; border-bottom:1px #ccc solid; }
.win .special_agreement ul { display:flex; flex-wrap:wrap; justify-content:space-between; }
.win .special_agreement ul > li { width:calc(50% - 40px); font-size:18px; font-weight:500; margin:5px 0 !important; }

.mobile .governing.insu_item { text-align:center; }
.mobile .governing.insu_item .tag { display:inline-block; margin:0; }
.mobile .governing.insu_item .insu_name > .name { display:block; font-size:15px; margin-top:10px; padding:0; }
.mobile .special_agreement { margin-top:10px; padding:15px 10px; border-top:1px #ccc solid; border-bottom:1px #ccc solid; }
.mobile .special_agreement ul > li { font-size:15px; font-weight:500; margin:8px 0 !important; }
.mobile .btn_seltype { position:relative; display:block; width:100%; height:55px; font-size:18px; color:#222; text-align:left; line-height:53px; border:1px #ccc solid; border-radius:10px; padding:0 35px 0 15px; background:#fff url(/assets/images/mobile/ico_select_arrow.png) 100% center/auto 8px no-repeat; }
.mobile .btn_seltype > span { display:block; white-space:nowrap; overflow:hidden; }
.mobile .list_address > li:not(:first-child) { margin-top:10px; }
.mobile .list_address > li > .radio_box { line-height:30px; margin-right:0; }

/* 계약상세조회-재가입문구/2510 */
.insu_item.governing .governing_ball.center{color:#333;}
.mobile .insu_item.governing .governing_ball.center{width:100%;}

/* 인터넷창구 - 보험료계산 */
.result_board { text-align:center; border:2px #ea7404 solid; }
.result_board .result_number { font-weight:700; }
.result_board > a { display:inline-block; font-size:14px; color:#777; border-bottom:1px #777 solid; margin-top:25px; }

.win .result_board { max-width:550px; border-radius:20px; padding:40px 50px; margin:60px auto 0; }
.win .result_board:first-child { margin-top:0; }
.win .result_board .result_text { font-size:16px; font-weight:500; }
.win .result_board .result_number { font-size:30px; color:#ea7404; margin-top:20px; }

.mobile .result_board { border-width:1px; }
.mobile .result_board { text-align:right; border-radius:10px; padding:25px; margin-top:40px; }
.mobile .result_board:first-child { margin-top:0; }
.mobile .result_board .result_text { font-size:13px; font-weight:500; }
.mobile .result_board .result_number { font-size:25px; color:#ea7404; margin-top:10px; }
.mobile .result_board > a { font-size:13px; line-height:normal; margin-top:15px; }
/* 운전자연령범위vs단기운전자확대 /추가2509 */
.dialog_wrap .assure_wrap ~ .result_board{max-width:100%;border-width:1px;}
.win .dialog_wrap .assure_wrap ~ .result_board{margin-top:40px;padding:35px 50px;}
.win .dialog_wrap .assure_wrap ~ .result_board .result_number{margin-top:15px;}
.mobile .dialog_wrap .assure_wrap ~ .result_board .result_number{margin-top:5px;}

/* 인터넷창구 - 자동차보험계약 변경 */
.form_wrap.urlcopy { margin-top:20px; }
.win .carinsu_status { border:1px #ddd solid; border-radius:20px; padding:40px 30px 75px; margin-top:60px; }
.win .carinsu_status .status_info { font-size:17px; text-align:center; }
.win .carinsu_status .status_graph { position:relative; height:14px; border-radius:14px; background:#e4e4e4; margin-top:50px; }
.win .carinsu_status .bar { position:absolute; top:0; right:0; height:14px; border-radius:14px; background:linear-gradient(to right, #ff7c00, #ff4200); }
.win .carinsu_status .bar::before { content:''; position:absolute; top:1px; left:1px; width:12px; height:12px; border-radius:14px; background:#fff; }
.win .carinsu_status .bar > .now { position:absolute; display:block; bottom:24px; left:-25px; width:62px; height:22px; font-size:12px; color:#fff; text-align:center; line-height:21px; border-radius:5px; background:#ff7c00; }
.win .carinsu_status .bar > .now::after { content:''; position:absolute; bottom:-12px; left:calc(50% - 5px); height:6px; border-top:8px #ff7c00 solid; border-left:6px transparent solid; border-right:6px transparent solid; border-bottom:0; }
.win .carinsu_status .date { position:absolute; top:20px; font-size:15px; }
.win .carinsu_status .date.start { left:0; }
.win .carinsu_status .date.end { right:0; }

.mobile .carinsu_status { border:1px #ebebeb solid; border-radius:10px; padding:20px 24px 45px; margin-top:30px; box-shadow:0 2px 10px rgba(0,0,0,0.1); }
.mobile .carinsu_status .status_info { font-size:15px; color:#555; text-align:center; }
.mobile .carinsu_status .status_graph { position:relative; height:15px; border-radius:15px; background:#e4e4e4; margin-top:40px; }
.mobile .carinsu_status .bar { position:absolute; top:0; right:0; height:15px; border-radius:15px; background:linear-gradient(to right, #ff7c00, #ff4200); }
.mobile .carinsu_status .bar::before { content:''; position:absolute; top:1px; left:1px; width:13px; height:13px; border-radius:13px; background:#fff; }
.mobile .carinsu_status .bar > .now { position:absolute; display:block; bottom:24px; left:-25px; width:62px; height:22px; font-size:12px; color:#fff; text-align:center; line-height:21px; border-radius:5px; background:#ff7c00; }
.mobile .carinsu_status .bar > .now::after { content:''; position:absolute; bottom:-12px; left:calc(50% - 5px); height:6px; border-top:8px #ff7c00 solid; border-left:6px transparent solid; border-right:6px transparent solid; border-bottom:0; }
.mobile .carinsu_status .date { position:absolute; top:20px; font-size:12px; color:#666; }
.mobile .carinsu_status .date.start { left:0; }
.mobile .carinsu_status .date.end { right:0; }
/* 현재 가입기준/2406 */
.win .carinsu_status .bar > .now.wide,
.mobile .carinsu_status .bar > .now.wide{left:-34px;width:80px;}

/* 인터넷창구 - 안전운행점수 /2503 */
.safeDrivingScore{display:flex;justify-content:space-between;align-items:center;background-color:#f6f6f6;}
.safeDrivingScore .txt{font-weight:500;font-size:18px;color:#000;}
.safeDrivingScore .score{font-weight:500;font-size:26px;color:#008cd3;}
.safeDrivingScore .score > strong{font-weight:700;}
.win .safeDrivingScore{margin-top:30px;padding:27px 30px;border-radius:20px;line-height:26px;}
.mobile .safeDrivingScore{margin-top:20px;padding:20px 25px;border-radius:10px;line-height:25px;}
.mobile .safeDrivingScore .txt{font-size:15px;}
.mobile .safeDrivingScore .score{font-size:20px;}

/* 인터넷 창구 - 특약사진 등록 */
.car_picture_info h4.info_subject { font-weight:700; font-size:16px; color:#333; }
.car_picture_info .picture { position:relative; margin-top:15px; overflow:hidden; }
.car_picture_info .picture > img { width:100%; }
.win .car_picture_info::after { content:''; display:block; clear:both; }
.win .car_picture_info > div { float:left; width:280px; }
.win .car_picture_info > div:first-child { margin-right:40px; }
.win .car_picture_info .picture { border-radius:20px; }
.mobile .car_picture_info > div:last-child { margin-top:25px; }
.mobile .car_picture_info .h4.info_subject { font-size:14px; }
.mobile .car_picture_info .picture { border-radius:10px; margin-top:15px; }


/* 인터넷창구 - 납입내역조회 */
.list_data { border-top:1px #999 solid; margin-top:20px; }
.list_data .data_item { border-bottom:1px #eee solid; padding:25px 20px; }
.list_data .data_item:last-of-type { border-color:#ccc; }
.list_data .data_header { display:flex; justify-content:space-between; }
.list_data .data_header .title { font-size:20px; font-weight:700; }
.list_data .data_header .date { font-size:16px; color:#777; }
.list_data .data_cont dl > div { position:relative; display:flex; margin-top:15px; }
.list_data .data_cont dl > div:first-of-type { margin-top:20px; }
.list_data .data_cont dt { width:140px; font-size:16px; color:#777; }
.list_data .data_cont dd { font-size:16px; text-align:right; flex-grow:1; }

.mobile .list_data { margin-top:15px; }
.mobile .list_data .data_item { padding:20px; }
.mobile .list_data .data_header .title { font-size:17px; }
.mobile .list_data .data_header .date { font-size:13px; font-weight:300; }
.mobile .list_data .data_cont dl > div { margin-top:12px; }
.mobile .list_data .data_cont dl > div:first-of-type { margin-top:15px; }
.mobile .list_data .data_cont dt { font-size:13px; }
.mobile .list_data .data_cont dd { font-size:15px; }


/* 인터넷창구 - 환급금조회 */
.tab_contents.return_detail > .tab_panel { margin-top:0 !important; padding-top:0 !important; }

.win .return_detail { display:flex; }
.win .return_detail > .tab_panel { position:relative; display:block; width:100%; }
.win .return_detail > .tab_panel:first-child { border-right:1px #ccc solid; }
.win .return_detail dl.return_list { position:relative; width:100%; height:100%; padding-bottom:60px; }
.win .return_detail dl.return_list > div { display:flex; border-bottom:1px #eee solid; justify-content:space-between; }
.win .return_detail dl.return_list > div dt { font-size:16px; font-weight:300; line-height:60px; padding:0 25px; }
.win .return_detail dl.return_list > div dd { font-size:18px; text-align:right; line-height:60px; padding:0 25px; }
.win .return_detail dl.return_list > div.sum { position:absolute; left:0; bottom:0; width:100%; background:#fff6ed; border-top:1px #ccc solid; border-bottom:1px #ccc solid; }
.win .return_detail dl.return_list > div.return_head dt { width:100%; font-size:16px; font-weight:300; text-align:center; line-height:49px; border-top:1px #aaa solid; border-bottom:1px #ddd solid; background:#f6f6f6; }
.win .return_detail dl.return_list > div.sum dt,
.win .return_detail dl.return_list > div.sum dd { font-weight:500; color:#ea7404; }

.mobile .tab_section.t1 .tab_contents.return_detail { margin-top:20px; border-top:1px #ccc solid; border-bottom:1px #ccc solid; padding:25px 0; }
.mobile .return_detail dl.return_list > div { display:flex; margin-top:15px; justify-content:space-between; }
.mobile .return_detail dl.return_list > div dt { font-size:13px; color:#777; padding:0 15px; }
.mobile .return_detail dl.return_list > div dd { font-size:15px; color:#000; text-align:right; padding:0 10px; }
.mobile .return_detail dl.return_list > div.return_head { display:none; }
.mobile .return_detail dl.return_list > div.return_head + div { margin-top:0; }
.mobile .return_detail dl.return_list > div.sum dt,
.mobile .return_detail dl.return_list > div.sum dd { font-weight:700; color:#ea7404; }


/* 인터넷창구 - 연금보험공시 조회 */
.win .pension_calulation { border-radius:10px; background:#f6f6f6; padding:40px 30px; }
.win .pension_graph { display:flex; }
.win .pension_graph .graph { font-weight:500; text-align:center; }
.win .pension_graph img { display:block; margin-bottom:15px; }

.mobile .pension_calulation .inner_box { border-radius:5px; background:#f7f7f7; padding:25px 15px; }
.mobile .pension_graph { margin-top:30px !important; }
.mobile .pension_graph .graph { font-weight:500; text-align:center; }
.mobile .pension_graph .graph:last-of-type { margin-top:40px; }
.mobile .pension_graph img { display:block; width:100%; margin-bottom:10px; }

/* 구비서류 안내 /수정2508 */
.doc_info{border-radius:10px;background:#fffbf7;border: 1px dashed #ea7404;}
.doc_info .h3,
.doc_info ul.list_dot{color:#ea7404 !important}
.doc_info ul.list_dot > li:before{background:#ea7404 !important}
.win .doc_info{margin-top:40px;padding:25px 30px;}
.win .doc_info .h3{margin-bottom:10px;}
.win .doc_info .h3:not(:first-of-type){margin-top:25px;}
.win .doc_info ul.list_dot > li:not(:first-child){margin-top:5px;}
.mobile .doc_info{margin-top:20px;padding:20px 15px;}
.mobile .doc_info .h3{margin-bottom:10px;}
.mobile .doc_info .h3:not(:first-of-type){margin-top:25px;}
.mobile .doc_info ul.list_dot > li:not(:first-child){margin-top:10px;}

/* 인터넷창구 - 담보/특약변경 > 보험료확인 */
.acco_seltype { border-bottom:1px #ccc solid; }
.acco_seltype .title { position:relative; padding:24px 20px; border-top:1px #ccc solid; }
.acco_seltype .title:first-child { border-color:#777; }
.acco_seltype .panel { position:relative; padding:35px 40px; background:#f6f6f6; border-top:1px #eee solid; }
.win .acco_seltype .panel .form_row { padding-left:180px; }
.win .acco_seltype .panel .form_label { width:180px; }

.mobile .acco_seltype .title { padding:18px 15px; }
.mobile .acco_seltype .panel { padding:30px 15px; }


/* 인터넷창구 - 다자녀할인 */
.result_calc { display:flex; border:1px #ea7404 solid; justify-content:space-between; }
.result_calc .item { width:calc(50% - 15px); text-align:center; }
.result_calc .money { font-weight:700; color:#ea7404; }

.win .result_calc { border-radius:20px; margin-top:60px; background:url(/assets/images/web/ico_calc_arrow.png) center no-repeat; }
.win .result_calc .item { font-size:18px; padding:40px 0 50px; }
.win .result_calc .money { font-size:30px; margin-top:15px; }

.mobile .result_calc { border-radius:10px; margin-top:40px; background:url(/assets/images/mobile/ico_calc_arrow.png) center/13px 23px no-repeat; }
.mobile .result_calc .item { font-size:13px; padding:25px 0 30px; }
.mobile .result_calc .money { font-size:25px; margin-top:5px; }


/* 인터넷창구 - 계약자정보 입력 */
.win .question_radio .question_item:not(:first-of-type) { margin-top:30px; }
.win .question_radio .question { font-size:18px; }
.win .question_radio .rd_group { margin-top:-24px; text-align:right; }
.win .question_radio .rd_group .radio_box { margin-right:90px; }
.win .question_radio .rd_group .radio_box:last-child { margin-right:0; }

.mobile .question_radio .question_item:not(:first-of-type) { margin-top:40px; }
.mobile .question_radio .question { font-size:15px; font-weight:500; }
.mobile .question_radio .rd_group { margin-top:20px; }
.mobile .question_radio .rd_group .radio_box { margin-right:80px; }
.mobile .question_radio .rd_group .radio_box:last-child { margin-right:0; }


/* 인터넷창구 - 자녀할인특약 */
.file_wrap { position:relative; margin-top:20px; }
.added_data { position:relative; display:none; padding-top:20px; }
.added_data .info { font-size:16px; }


/* 인터넷창구 - 중도인출 신청 */
.load_compare { overflow:hidden; }
.load_compare .question { text-align:center; }
.load_compare .tab_list ul { display:flex; justify-content:center; }
.load_compare .tab_list .tab > a { display:flex; width:100%; height:100%; color:#fff; background:#777; border-radius:50%; align-items:center; justify-content:center; }
.load_compare .tab_list .tab.active { background:#ffdfd9; }
.load_compare .tab_list .tab.active > a { background:#ff613f; }
.load_compare .tab_panel { background:#f6f6f6; }
.load_compare .tab_panel .h3 { text-align:center; font-weight:700; }

.win .load_compare .question { font-size:30px; margin-top:70px; line-height:40px; }
.win .load_compare .tab_section { margin-top:60px; }
.win .load_compare .tab_list .tab { width:130px; height:130px; border-radius:130px; padding:7px; margin: 0 50px;}
.win .load_compare .tab_list .tab > a { font-size:20px; }
.win .load_compare .tab_panel { margin-top:50px; padding:45px 50px; }

.mobile .load_compare .question { font-size:25px; margin-top:40px; line-height:35px; }
.mobile .load_compare .tab_section { margin-top:30px; }
.mobile .load_compare .tab_list .tab { width:115px; height:115px; border-radius:115px; padding:8px;}
.mobile .load_compare .tab_list .tab:first-child{margin-right:21px;}
.mobile .load_compare .tab_list .tab:last-child{margin-left:21px;}
.mobile .load_compare .tab_list .tab > a { font-size:18px; }
.mobile .load_compare .tab_panel { margin-top:30px; padding:25px 20px; }


/* 인터넷창구 - 특약사진 조회 */
.list_thumb { border-top:1px #777 solid; }
.list_thumb li { border-bottom:1px #eee solid; }
.list_thumb li:last-of-type { border-color:#ccc; }
.list_thumb li > a { position:relative; display:flex; width:100%; padding:20px 30px; }
.list_thumb li > a::after { content:''; position:absolute; top:calc(50% - 15px); right:30px; width:30px; height:30px; background:url(/assets/images/web/ico_list_arrow.png) no-repeat; }
.list_thumb li .thumbnail { width:150px; height:90px; background:#f2f2f2; }
/* .list_thumb li .cont { width:calc(100% - 150px); color:#000; padding:12px 0 12px 40px; } 모바일 오류*/
.list_thumb li .cont { width:100%; color:#000; padding:12px 0 12px 40px; }
.list_thumb li .car_number { font-size:18px; font-weight:500; }
.list_thumb li .pic_detail { font-size:16px; margin-top:15px; }
.list_thumb li .pic_detail > span { display:inline-block; }
.list_thumb li .pic_detail .pic_sort { width:130px; }
.list_thumb li .pic_detail .date { color:#777; }


/* 인터넷창구 - 납입/환급 */
.inp_money { margin-top:35px; }
.inp_money .data_money dl div { width:100%; display:table; line-height:35px; }
.inp_money .data_money dl div.subject { margin-bottom:10px; }
.inp_money .data_money dl dt { display:table-cell; font-size:16px; color:#777; }
.inp_money .data_money dl dd { display:table-cell; font-size:18px; color:#000; text-align:right; }
.inp_money .data_money dl div.subject dt { font-size:18px; color:#000; }
.inp_money .data_money dl div.subject dd { font-size:30px; font-weight:700; color:#ea7404; }
.inp_money .form_wrap { margin-top:30px; }
.inp_money .form_row { border-top:1px #eee solid; }
.inp_money .view_detail { text-align:right; margin-top:10px; }
.inp_money .view_detail a { font-size:14px; color:#777; }
.win .inp_money .form_row { padding:30px 60px 0; }

.mobile .inp_money .data_money dl dt { font-size:14px; }
.mobile .inp_money .data_money dl dd { font-size:15px; }
.mobile .inp_money .data_money dl div.subject dt { font-size:15px; }
.mobile .inp_money .data_money dl div.subject dd { font-size:25px; }
.mobile .inp_money .view_detail { margin-top:5px; }
.mobile .inp_money .view_detail a { font-size:13px; }
.mobile .inp_money .form_row { padding:20px 0 0; }

/* 인터넷창구 - 보험료납입 /추가2504 */
.insuCase_board{display:flex;flex-direction:column;gap:8px;border:2px #ea7404 solid;text-align:center;}
.insuCase_board .insuCaseTxt{font-weight:700;}
.insuCase_board .insuCaseNum{color:#ea7404;}
.win .insuCase_board{border-radius:20px;padding:35px 40px;}
.win .insuCase_board .insuCaseTxt{line-height:28px;font-size:22px;}
.win .insuCase_board .insuCaseNum{line-height:45px;font-weight:700;font-size:40px;}
.mobile .insuCase_board{padding:17px 25px;border-radius:10px;border-width:1px;}
.mobile .insuCase_board .insuCaseTxt{line-height:18px;font-size:15px;}
.mobile .insuCase_board .insuCaseNum{font-weight:500;font-size:25px;}
.mobile .insuCase_board .insuCaseNum > em{font-weight:700;}

/* 인터넷 창구 - 청약서 및 상품설명서 확인 */
.manualStep { position:relative; display:flex; border:1px #ccc solid; border-radius:5px; }
.manualStep .step { position:relative; width:100%; text-align:center; padding:20px; }
.manualStep .step:not(:first-child)::before { content:''; position:absolute; top:24px; left:0; bottom:24px; width:1px; background:#ccc; }
.manualStep .step .order { display:block; width:22px; height:22px; font-size:12px; color:#777; text-align:center; line-height:22px; background:#eee; border-radius:50%; margin:0 auto; }
.manualStep .step .subject { font-size:16px; color:#777; font-weight:500; line-height:24px; margin-top:10px; }
.manualStep .step .step_inner { position:relative; }
.manualStep .step.past .order { color:#fff; background:#000; }
.manualStep .step.past .subject { color:#000; }
.manualStep .step.now::after { content:''; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; width:auto; border:1px #ea7404 solid; border-radius:5px; background:#ffedd9; z-index:1; }
.manualStep .step.now .step_inner { position:absolute; width:calc(100% - 40px); z-index:2; }
.manualStep .step.now .order { color:#fff; background:#ea7404; }
.manualStep .step.now .subject { color:#ea7404; }
.manualStep .step .btn { position:relative; min-width:auto; max-width:110px; width:100%; margin-top:20px; }
.manualStep .step .btn.active span { display:inline-block; padding-left:22px; background:url(/assets/images/mobile/ico_checkbox.png) left center/13px 9px no-repeat; }
.manualStep .step .btn.active span::after { content:''; display:none; }
.manualStep.type_car .step { padding-bottom:35px; }
.manualStep.type_car .step .subject { color:#ea7404; }

.mobile .manualStep { display:block; border:0; }
.mobile .manualStep .step { text-align:left; border-top:1px #ccc solid; padding:20px 15px; }
.mobile .manualStep .step::before,
.mobile .manualStep .step::after { display:none; }
.mobile .manualStep .step:last-child { border-bottom:1px #ccc solid; }
.mobile .manualStep .step .order { margin:0; }
.mobile .manualStep .step .subject { font-size:15px; margin-top:0; }
.mobile .manualStep .step .btn { position:absolute; top:calc(50% - 23px); right:0; width:105px; min-width:auto; margin:0; }
.mobile .manualStep .step.now { border-color:#ea7404; background:#ffedd9; }
.mobile .manualStep .step.now::after { content:''; position:absolute; display:block; left:0; bottom:-1px; width:100%; height:1px; background:#ea7404; z-index:1; }
.mobile .manualStep .step.past .subject,
.mobile .manualStep .step.now .subject { font-weight:700; }
.mobile .manualStep .step.now .step_inner { position:relative; width:auto; z-index:auto; }


/* 인터넷 창구 - 계약체결 전 확인사항 */
.contract_check { border-top:1px #aaa solid; margin-top:20px; }
.contract_check:first-child {margin-top:0;}
.contract_check .check_item { border-bottom:1px #eee solid; margin-top:40px; padding-bottom:40px; }
.contract_check .check_item:last-of-type { border-color:#ccc; }
hr + .contract_check { border-top:0; }
.contract_check .check_item p { font-size:16px; line-height:26px; }
.contract_check .check_item .btn_conts {display: flex; justify-content: center; }
.win .contract_check .check_item .btn_conts > .btn { width:550px; }
.contract_check .check_item .btn_conts > .btn span { display:inline-block; padding-left:22px; background:url(/assets/images/mobile/ico_checkbox.png) left center/13px 9px no-repeat; }
.contract_check .check_item .btn_conts > .radio_box { margin:0; min-width:270px; }
.contract_check .check_item .btn_conts > .radio_box:not(:first-child) { margin-left:6px; }
.contract_check .check_item .btn_conts > .radio_box > label { width:100%; height:46px; font-size:15px; color:#ea7404 !important; line-height:44px; border:1px #ea7404 solid; border-radius:5px; background:#fff; padding:0; }
.contract_check .check_item .btn_conts > .radio_box > label::before { display:none; }
.contract_check .check_item .btn_conts > .radio_box > input:focus + label { background:#f7f7f7; box-shadow:0px 0px 1px 1px #777; }
.contract_check .check_item .btn_conts > .radio_box > input:checked + label { color:#fff !important; font-weight:700; background:#ea7404; }
.contract_check .check_item .btn_conts > .radio_box > input:checked + label > span { padding-left:22px; background:url(/assets/images/mobile/ico_checkbox.png) left center/13px 9px no-repeat; }
.contract_check .check_item .btn_conts > .radio_box > input:disabled + label {opacity:0.6;}
.contract_check .check_item .solid_box { margin:30px 20px 0; }
.contract_check .check_item .item_cont { font-size:18px; /*line-height:30px;*/ }
.contract_check .check_item .item_cont .need { font-weight:700; color:#ea7404; line-height:inherit; }
.contract_check .check_item .item_cont .need > span { line-height:inherit; }
.contract_check .check_item .item_cont .need > .error { color:#fff; background:#e91515; }
.contract_check .check_item .item_cont .need > .correct { color:#000; }
.contract_check .check_item input[type=text], .check_item textarea { position:relative; background:transparent; z-index:1; }
.win .contract_check  .check_item textarea { height:60px; overflow:hidden; }
.contract_check .check_item ::-webkit-input-placeholder {  color:transparent !important; }
.contract_check .check_item :-moz-placeholder { opacity:0.6; color:transparent !important; }
.contract_check .check_item ::-moz-placeholder { opacity:0.6; color:transparent !important; }
.contract_check .check_item :-ms-input-placeholder { opacity:0.6; color:transparent !important;}
.contract_check .check_item .placeholder { position:absolute; display:block; top:0; left:0; width:100%; height:100%; font-size:18px; color:#888; letter-spacing:0; padding:18px 20px; border:1px transparent solid; pointer-events:none; z-index:0; }
.contract_check .check_item .case_idcard { margin-top:30px; }
.contract_check .solid_box { display:none; }
.elec_document { position:relative; height:400px; border:1px #ccc solid; border-radius:10px;}
/* .elec_document::before { content:'전자문서 솔루션 영역'; display:inline-block; font-size:18px; color:#ccc; margin:20px; } */
.laststep_boolean { position:absolute; bottom:calc(100% + 15px); left:calc(50% - 140px); width:280px; font-size:14px; color:#fff; text-align:center; line-height:normal; background:#003070; border-radius:10px; padding:15px 20px; }
.laststep_boolean::after { content:''; position:absolute; bottom:-6px; left:calc(50% - 8px); width:16px; height:16px; background:#003070; border-radius:3px; transform:rotateZ(45deg); }
.laststep_boolean p { font-size:15px; font-weight:500; }
.btn.primary.boolean { position:relative; }

.mobile .contract_check .check_item { margin-top:30px; padding-bottom:30px; }
.mobile .contract_check .check_item p { font-size:14px; line-height:24px; }
.mobile .contract_check .check_item .form_list { margin-top:15px !important; }
.mobile .contract_check .check_item .item_cont { font-size:15px; }
.mobile .contract_check .check_item .placeholder { padding:15px; }
.mobile .contract_check .check_item .btn_conts { width:100%; justify-content: space-between;}
.mobile .contract_check .check_item .btn_conts.block {flex-wrap: wrap;}
.mobile .contract_check .check_item .btn_conts.block > .radio_box {display:block; width:100%; margin:0;}
.mobile .contract_check .check_item .btn_conts.block > .radio_box:not(:first-child) {margin-top:15px;}
.mobile .contract_check .check_item .btn_conts > .radio_box { width:calc(50% - 5px); min-width:auto; height:45px; line-height:43px; border-radius:10px; }
/* .mobile .contract_check .check_item .btn_conts > .radio_box:last-child { margin-left:10px; } */
.mobile .contract_check .check_item .btn_conts > .radio_box > label { width:100%; border-radius:10px; }
.mobile .contract_check .check_item .btn_conts > .radio_box > input:checked + label > span { padding-left:22px; background:url(/assets/images/mobile/ico_checkbox.png) left center/13px 9px no-repeat; }
.mobile .contract_check .check_item .solid_box { margin:20px 0 0; }
.mobile .contract_check .check_item .case_idcard { margin-top:38px; }


/* 인터넷창구 - 계약체결을 위한 전자서명 */
.win .step_number { position:absolute; display:flex; top:0; right:60px; }
.win .step_number > span { position:relative; width:26px; height:26px; font-size:15px; font-weight:500; color:#fff; text-align:center; line-height:26px; background:#ccc; border-radius:13px; margin-left:20px; }
.win .step_number > span:first-child { margin-left:0; }
.win .step_number > span:not(:first-child)::before { content:''; position:absolute; left:-12px; top:calc(50% - 2px); width:4px; height:4px; background:#ddd; border-radius:2px; }
.win .step_number > span.now { background:#ea7404; }
.win .step_number > span.complete { font-size:xx-small; color:#fff; text-align:left; text-indent:-9999px; background:url(/assets/images/web/ico_step_complete.png) center no-repeat; }

.mobile .step_number {display:none;}


/* 인터넷창구 - RD Viewer */
.rd_wrap { position:relative; width:100%; height:100%; }
.rd_header { position:relative; width:100%; height:40px; font-size:14px; color:#333; line-height:40px; text-align:center; background:#fbffed; }
.rd_header > .save { display:inline-block; width:20px; height:20px; background:url(/assets/images/ico_viewer_save.png) no-repeat; vertical-align:middle; margin:0 4px; }
.rd_header > a { display:inline-block; font-size:13px; color:#003070; line-height:1.6; margin-left:20px; border-bottom:1px #003070 solid; }
.rd_header > a > span { position:relative; display:inline-block; padding-left:22px; line-height:1; }
.rd_header > a > span::before { content:''; position:absolute; display:block; top:-1px; left:0; width:16px; height:16px; background:url(/assets/images/web/ico_filetype.png) 0 0 no-repeat; }
.rd_content { position:relative; width:100%; height:calc(100% - 40px); background:#e6e6e6; }

/* 주요 계약사항 확인 /2207  */
.section_insuInfoDoc{margin-top:30px}
.section_insuInfoDoc .iptArea{margin-top:5px;text-align:right}
.section_insuInfoDoc .iptArea .radio_box{margin-right:20px;}
.section_insuInfoDoc .list_num > li{margin:15px 0;padding-bottom:15px;border-bottom:1px #ddd solid;line-height:1.35em}
.section_insuInfoDoc .list_num.lineNone{margin:10px 0;}
.section_insuInfoDoc .list_num.lineNone > li{margin:5px 0;padding-bottom:0;border-bottom:0}
.win .section_insuInfoDoc .list_num [class*="tbl_"] {margin-top:10px}
.win .section_insuInfoDoc .imp_txt,
.mobile .section_insuInfoDoc .imp_txt{margin:10px 0;padding:6px 5px 6px 30px;line-height:1.35em;border-radius:4px;background-color:#f6f6f6}
.win .section_insuInfoDoc .imp_txt:before,
.mobile .section_insuInfoDoc .imp_txt:before{top:6px;left:10px}
.win .section_insuInfoDoc .boxing_text{padding:20px 20px}
.mobile .section_insuInfoDoc .boxing_text{padding:15px 15px;line-height:1.5em}
.win .section_insuInfoDoc table.tbl_col thead th,
.win .section_insuInfoDoc table.tbl_col tbody td{padding:7px 5px;height:35px;line-height:1.3em;font-size:14px}
.mobile .section_insuInfoDoc table.tbl_col thead th,
.mobile .section_insuInfoDoc table.tbl_col tbody td{padding:7px 5px;height:35px;line-height:1.3em;font-size:13px}

/* 공통 - 모바일안내장 */
.win .information_agree { position:relative; border-radius:10px; background:#f6f6f6; padding:35px 40px; margin-top:30px; }
.win .information_agree .agree_text { font-size:16px; color:#333; padding-right:100px; }
.win .information_agree .switcher { position:absolute; top:75px; right:35px; }
.win .information_agree .agree_bottom_text{ font-size:15px; color:#777; border-top:1px solid #e9e9e9; margin:35px -40px 0; padding:35px 40px 0;}
.win .information_agree hr { width:calc(100% + 80px); margin:30px -40px; background:#e9e9e9; }
.win .information_agree .info_text { font-size:16px; color:#777; }

.mobile .information_agree { position:relative; border-radius:10px; background:#f6f6f6; padding:20px 25px; margin-top:30px; }
.mobile .information_agree .agree_text { font-size:14px; padding-right:100px; line-height:20px; }
.mobile .information_agree .switcher { position:absolute; top:75px; right:25px; }
.mobile .information_agree .agree_bottom_text{ font-size:13px; color:#777; border-top:1px solid #e9e9e9; margin:20px -25px 0; padding:20px 25px 0;}
.mobile .information_agree hr { width:calc(100% + 50px); height:1px; margin:25px -25px; background:#e9e9e9; }
.mobile .information_agree .info_text { font-size:13px; color:#777; line-height:20px; }

/* 모바일장애관리 */
.mgt40 { margin-top:40px !important; }
.mgt20 { margin-top:20px !important; }
.mgt10 { margin-top:10px; }
.mobile .gnb_mb .logo_monitoring { position:absolute; top:calc(50% - 20px); left:9px; width:40px; height:40px; background:url(/assets/images/mobile/logo_hi_monitoring.png) center/19px no-repeat; }
.mobile .header_mb.monitoring .gmenu_wrap { width:calc(100% - 55px); }
.mobile .header_mb.monitoring .dim_gmenu { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); pointer-events:none; opacity:0; transition:opacity 0.2s ease-in-out; }
.mobile .header_mb.monitoring .gmenu_wrap.show + .dim_gmenu { opacity:1; }
.mobile .header_mb.monitoring .gmenu_header { height:65px; border-color:#777; padding:15px 20px; }
.mobile .header_mb.monitoring .gmenu_header .admin_name { height:100%; font-size:17px; line-height:34px; }
.mobile .header_mb.monitoring .gmenu_header .admin_name > .name { font-weight:700; color:#ea7404; }
.mobile .header_mb.monitoring .gmenu_main { height:calc(100% - 65px); padding:24px 25px; }
.mobile .header_mb.monitoring .gmenu_main > ul > li { height:50px; line-height:50px; }
.mobile .header_mb.monitoring .gmenu_main > ul > li > a { font-size:17px; color:#000; font-weight:500; }
.mobile .header_mb.monitoring .gmenu_btns { position:absolute; left:20px; bottom:20px; width:calc(100% - 40px); }
.mobile .header_mb.monitoring .gmenu_btns > .btn { width:100%; }
.mobile .form_list .sel_date { display:flex; width:270px; margin:0 auto; }
.mobile .form_list .sel_date > .date_box { width:calc(100% - 110px); }
.mobile .form_list .sel_date > .btn { min-width:auto; width:100px; height:55px; margin-left:10px; }
.mobile .graph_monitor { height:240px; background:#fafafa; border-radius:5px; margin-top:30px; }
.mobile .graph_monitor + .x_scrollbar { width:100%; overflow-x:auto; margin-top:30px; }
.mobile .tbl_insudata.monitor tbody th,
.mobile .tbl_insudata.monitor tbody td { padding:14px 10px; }
.mobile .form_wrap.monitor { border-top:1px #ccc solid; padding-top:30px; }
.mobile .form_wrap.monitor .form_list .sel_position { display:flex; align-items:center; }
.mobile .form_wrap.monitor .form_list .sel_position > .btn { min-width:auto; width:105px; padding:0 10px; }
.mobile .form_wrap.monitor .form_list .sel_position > .disp_value { position:relative; font-size:14px; color:#000; line-height:20px; padding-left:15px; margin-left:15px; }
.mobile .form_wrap.monitor .form_list .sel_position > .disp_value::before { content:''; position:absolute; top:0; left:0; width:1px; height:100%; background:#ccc; }
.mobile .form_wrap.monitor .form_list .sel_position > .disp_value .value { display:inline-block; font-size:15px; font-weight:700; color:#ea7404; margin-left:10px; }
.mobile .form_wrap.monitor .form_list.sel_period .form_item { display:flex; width:calc(100% - 15px); align-items:center; }
.mobile .form_wrap.monitor .form_list.sel_period .form_item:not(:last-child)::after { content:'~'; position:absolute; right:-15px; }
.mobile .form_wrap.monitor .form_list.sel_period .form_item > .date_box { width:calc(100% - 180px); }
.mobile .form_wrap.monitor .form_list.sel_period .form_item > .selbox { width:80px; margin-left:10px; }
.mobile .form_wrap.monitor .form_list.sel_period .ui-datepicker-trigger { width:40px; background-position:center; }
.mobile .form_wrap.monitor .form_list.sel_period input[type=text],
.mobile .form_wrap.monitor .form_list.sel_period select { font-size:15px; }
.mobile .form_wrap.monitor .form_list.sel_period input[type=text] { padding-left:10px; }
.mobile .form_wrap.monitor .form_list.sel_period select { padding:0 30px 0 10px; }
.mobile .dialog_content.monitoring > .section { height:100%; }
.mobile .monitor_group { height:calc(50% - 76px); border-top:1px #777 solid; border-bottom:1px #ccc solid; overflow-y:auto; }
.mobile .monitor_group > ul > li { border-bottom:1px #eee solid; padding:2px 1px; }
.mobile .monitor_group > ul > li:last-child { border-bottom:0; }
.mobile .monitor_group input[type="checkbox"] + label { font-size:14px; padding-left:28px; }
.mobile .monitor_group input[type="checkbox"] + label::before { top:3px; width:20px; height:20px; }
.mobile .monitor_menus { height:50%; overflow-y:auto; }
.mobile .dialog_content.monitoring .h3 > .cnt { font-weight:inherit; color:#ea7404; }

/* Form Result List/2309 */
.rd_box.form_result_list{margin-top:40px;padding:25px 30px;}
.rd_box.form_result_list + .rd_box.form_result_list{margin-top:20px;}
.rd_box.form_result_list .boxTit{margin:20px 0;line-height:34px;font-weight:700;font-size:24px;color:#000;}
.rd_box.form_result_list .boxTxt{font-weight:normal;font-size:15px;}
.mobile .rd_box.form_result_list{margin-top:25px;padding:15px 15px;}
.mobile .rd_box.form_result_list + .rd_box.form_result_list{margin-top:15px;}
.mobile .rd_box.form_result_list .boxTit{margin:15px 0;line-height:30px;font-weight:500;font-size:21px;text-align:center;}
.mobile .rd_box.form_result_list .boxTxt{font-size:14px;}

/* 대출 */
.win .ins_charge_wrap {margin-top:40px;}
.win .boxing_mt + .ins_charge_wrap { margin-top:15px; }
.win .insu_amount {display:flex; position:relative; flex-wrap: wrap; justify-content: space-between; padding:42px 50px;}
.win .insu_amount:not(:first-child) {margin-top:20px;}
.win .insu_amount.active{border-color:#ea7404;box-shadow: 2px 2px 2px rgba(234, 116, 4, 0.2);}
.win .section_tb {display:table; width:100%;}
.win .section_tb > div {display:table-cell; vertical-align:top;}
.win .insu_amount .section_tb .insu_title{display:flex;padding-right:0;width:inherit;}
.win .insu_amount .section_tb .insu_detail{display:flex;width:inherit;margin-top:10px;}
.win .insu_amount .section_tb .insu_detail dl dt{width:90px;}
.win .insu_amount .section_text{width:100%;}
.win .insu_amount .section_text .insu_text{background:none;border-radius:inherit;margin-top:30px;height:inherit;line-height:inherit;text-align:right;}
.win .insu_amount .section_text .insu_detail{width:inherit;}
.win .insu_amount .insu_title {font-size:24px; line-height:34px; font-weight:700; color:#000; width:382px; padding-right:92px;}
.win .insu_amount .insu_detail {width:316px;}
.win .insu_amount .insu_text{font-size:16px;color:#777;background-color:#f6f6f6;text-align:center;border-radius:5px;height:50px;line-height:50px;}
.win .insu_amount .info_list + .insu_text {margin-top:15px;}
.win .insu_amount .info_price {display:flex; align-items:flex-end; justify-content: space-between; width:100%; margin-top:22px; min-height:95px;}
.win .insu_amount span.inp_txt {font-size:36px;}
/* .win .insu_amount .auto_input {text-align:center;} */
.win .insu_amount .check_box{position:absolute;top:19px;right:19px;width:25px;margin:0;}
.win .insu_amount .check_box label{padding-left:0;}
.insu_amount.disabled { background:#f4f4f4; }
.insu_amount.disabled .insu_title { color:#999; }
.insu_amount.disabled .btn.sgrey[disabled],
.box_rd_list > li.disabled .btn.sgrey[disabled] { color:#ccc; background:#fefbf7; pointer-events:none; }

/* 대출 / 기대출이자/2210 /개선230221 */ 
.win .info_price .info_rate.sortFlex{display:flex;width:56%;}
.win .info_price .info_rate.sortFlex li{float:none;flex:auto;font-size:15px;}
.win .info_price .info_rate.sortFlex li:not(:first-child){margin-left:0;padding-left:0;}
.win .info_price .info_rate.sortFlex + .price_ui_input{width:42%;}

.win .info_price .info_rate:after {content: ''; display:block; clear: both;}
.win .info_price .info_rate li{ position:relative; float:left; font-size:16px;color:#555;font-weight:400;text-align:center;}
.win .info_price .info_rate li:not(:first-child) {padding-left:25px; margin-left:25px;}
.win .info_price .info_rate li:not(:first-child):after{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);height:32px;border-left:1px solid #ebebeb; }
.win .info_price .info_rate li > span{display:block;font-size:18px;color:rgb(75, 73, 73);font-weight:700;}
.win .info_price.full{justify-content:center;margin-top:0;min-height:66px;margin-top:10px;}
.win .info_price.full .info_rate li{font-size:16px;}
.win .info_price.full .info_rate li:not(:first-child) {padding-left:80px; margin-left:90px;}
.info_price .info_rate li:first-child .num {color:#008cd3;}
.info_price .info_rate li:last-child .num {color:#ea7404;}

.mobile .ins_charge_wrap {margin-top:35px;}
.mobile .boxing_mt + .ins_charge_wrap { margin-top:10px; }

/* 일반대출 상환금액 입력 */
.win .insu_loan {padding:35px 50px; border:1px solid #ccc; border-radius:15px;}
.win .insu_loan > div:after {display:block; content:''; clear: both;}
li.active .insu_loan {border-color:#ea7404;box-shadow: 2px 2px 2px rgba(234, 116, 4, 0.2);}
li.disabled .insu_loan  { background:#f4f4f4; }
li.disabled .insu_loan .insu_title { color:#999; }
.win .insu_loan .insu_title {font-size:24px; line-height: 34px; max-width:290px; font-weight: 700;}
.win .insu_loan .obj_name .info {font-size:18px; line-height: 34px;}
.win .insu_loan .obj_name .info strong {display:inline-block;font-size:16px;color:#777;width:initial;margin-right:16px;}
.win .insu_loan .info_price {display:flex; align-items: flex-end; margin-top:10px;}
.win .insu_loan .info_price.no_input{display: block;}
.win .insu_loan .info_price.no_input .info_rate{display:flex;justify-content: space-between;}
.win .insu_loan .info_price.no_input .info_rate li{width:100%;}
.win .insu_loan .info_price .info_rate li {font-size:16px;}
.win .insu_loan .info_price .info_rate li .num {font-size:20px; margin-top:6px;}
.win .insu_loan .info_price .info_rate li .btn_conts { margin-top:10px; }
.win .insu_loan .info_price .info_rate li .btn_conts .btn { min-width:auto; width:160px; }
.win .insu_loan .info_price .info_rate li span strong {font-size:24px;}
.win .insu_loan .info_price .price_ui_input {margin-left:auto;}
.insu_loan .info_price .price_input {position:relative; padding-right:112px;}
.insu_loan .info_price .price_input .unit_item{position:relative;}
.insu_loan .info_price .price_input .unit_item::before{content:'';display:block;width:100%;height:60px;position:absolute;top:0;left:0;}
.insu_loan .info_price .price_input .inp_price {padding-right:40px;background-color:#f4f4f4;}
.insu_loan .info_price .price_input .inp_price::placeholder{color:#888;font-weight: 400;}
.insu_loan .info_price .price_input .inp_price:focus{background:#FFF;}
.insu_loan .info_price .price_input .btn {position:absolute; top:0; right:0;min-width:102px;height:60px;line-height:58px; border-radius: 10px;}
.insu_loan .info_price .price_input .btn.active {padding:0;}
.insu_loan .info_price .price_input .btn.active span{background: url(/assets/images/mobile/ico_checkbox.png) left center/13px 9px no-repeat; padding-left:20px;}
.insu_loan .info_price .price_input .btn.active span:after {display:none;}
.win .insu_loan .info_list {margin:40px -50px -35px -50px; padding:24px 76px 24px 52px; background:#f6f6f6; border-bottom-right-radius:15px; border-bottom-left-radius: 15px;}
.win .insu_loan .info_list ul { display:flex;justify-content:space-between;font-size:16px;flex-wrap:wrap;}
.win .insu_loan .info_list li {width:270px; text-align:right; }
.win .insu_loan .info_list li:nth-of-type(3), 
.win .insu_loan .info_list li:nth-of-type(4){margin-top:15px;}
.win .insu_loan .info_list li strong {float:left; font-weight: 300; color:#555;}

.ins_check.active .btn_price .btn.sgrey{color: #000;background: #fdf1e5;}
.win .rd_check .active .insu_loan .unit_item::before{display:none;}
.rd_check .active .insu_loan .price_input .inp_price{background-color:#fff;}

.mobile .insu_loan {padding:25px 23px; border-radius: 10px; border:1px solid #ccc;}
.mobile .insu_loan .insu_title {font-size:21px; line-height: 30px; text-align:center; padding-top:17px; font-weight: 700;}
.mobile .insu_loan .obj_name .info { font-size:13px; color:#999; text-align: center; line-height: 19px; margin-top:6px;}
.mobile .insu_loan .obj_name .info strong {display:inline-block; margin-right:6px;}
.mobile .insu_loan .info_price {padding:0; margin-top:25px;}
.mobile .insu_loan .info_price .price_ui_input {display:none;}
.mobile .insu_loan .info_price .price_input {padding-right:98px; margin-top:22px;}
.mobile .insu_loan .info_price .price_input .btn {min-width:89px; height:55px; line-height: 53px; padding: 0;}
.mobile .insu_loan .info_list {display:none; margin:30px -23px -25px -23px; padding:9px 23px 20px 23px; background:#f6f6f6; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.mobile .insu_loan .info_list ul {font-size:15px; line-height: 21px;}
.mobile .insu_loan .info_list li {padding-top:12px;}
.mobile .insu_loan .info_price .info_rate li .btn_conts { margin-top:5px; }
.mobile .insu_loan .info_price .info_rate li .btn_conts .btn { min-width:auto; width:90px; margin:0 auto; }
.mobile .insu_loan .info_list li strong {font-size:13px; display:inline-block; width:140px; color:#777;;}
.mobile .box_rd_list li.active .insu_loan .info_list, .mobile .box_rd_list li.active .insu_loan .info_price .price_ui_input {display:block;}

.mobile .rd_check .active .insu_loan .unit_item::before{display:none;}



/*대출관련 form*/
.win .price_item {line-height:60px;font-size:30px;}
.win .price_item .amount {font-weight:700; color:#ea7404;}
.win .price_item .unit {color:#ea7404;}
.win .fix_rate{font-size:16px;color:#777;}
.win .full_btn_info .check_full{margin-top: 40px;}

.mobile .price_item {line-height:50px; font-size:23px; line-height:30px; text-align:right; margin-top:-38px;}
.mobile .price_item .amount {font-weight:700; color:#ea7404;}
.mobile .price_item .unit {color:#ea7404;}
.mobile .fix_rate{font-size:13px;color:#777;text-align:right;margin-top:10px;}
.mobile .full_btn_info .check_full{margin-top: 20px;}
.mobile .full_btn_info .list_dot{margin-top:20px;}

/* .mobile .each_select_list{margin:40px 0 50px;} */
.mobile .each_select_list .toggle_select {line-height:26px;margin-bottom: 20px;}
.mobile .each_select_list .toggle_select .toggle_btn {float: right;}
.mobile .each_select_list .check_box {position:absolute; top:10px; right:10px;margin:0; }
.mobile .each_select_list .ins_check {margin-top:15px;}
.mobile .each_select_list + .accordion{margin-top:50px;}
.mobile .insu_amount {padding-bottom:34px;}
.mobile .insu_amount.active{border-color:#ea7404; box-shadow:0 4px 8px rgba(229,77,2,0.1);}
.mobile .insu_amount:not(:first-child) {margin-top:25px;}
.mobile .insu_amount .insu_title {font-size:21px; line-height:30px; font-weight:500; padding:40px 25px 5px 25px;text-align:center;}
.mobile .insu_amount > .check_box + .section_tb > .insu_title { padding-top:48px; }
.mobile .info_price {padding:24px 20px 30px 20px;} /* 수정 /2210 */
.mobile .info_price .info_rate {display: flex; flex-direction: row;  text-align:center; font-size:12px; margin:0 -10px;}
.mobile .info_price .info_rate li {flex:auto;position:relative;color:#555; }
.mobile .info_price .info_rate li:not(:first-child):after {position:absolute; content:''; top:10px; left:0; height:32px; border-left:1px solid #ebebeb;}
.mobile .info_price .info_rate .num {display:block; font-size:15px;}
.mobile .info_price .info_rate .num strong {font-size:18px; font-weight:700;} /* 수정  /2210 */
.mobile .info_price .price_ui_input{margin-top: 10px;}
.mobile .insu_amount .insu_text{font-size:13px;color:#777; position:absolute; right:25px; bottom:25px;}
.mobile .insu_amount .check_box{position:absolute;top:20px;right:42px;margin-right:0;}
.mobile .insu_amount .check_box label{padding-left:0;}
.mobile .insu_amount.rd_box .info_list { margin-top:0; }
.mobile .section_tb .info_list dl dt{display:flex;justify-content:flex-end;}
.mobile .section_tb .info_list dl dt, .mobile .section_tb .info_list dl dd{width:50%;color:#999;padding: 0 4px;}
.mobile .insu_amount.disabled span.inp_txt:empty:before { color:#999; font-weight:700; }

/* 신용대출 신청 4단계 range slider */
.range_property {position:relative;padding:0 9px;}
.range_property .slider{z-index:0;width:100%;background:none;cursor: pointer;}
.range_property .scope {display:flex;justify-content:space-between;font-size:14px;position:relative;margin:0 -9px;}
.range_property .scope span{position:relative;min-width:40px;color:#555;text-align:right;}
.range_property .scope span:before{content:'';position:absolute;left:3px;top:-20px;z-index:-1;width:12px;height:12px;border-radius:50%;background-color:#eee;}
.range_property .scope span:not(:first-child):before{left:calc(50% - 6px);}
.range_property .scope span:last-child:before{left:auto;right:3px;}
.range_property .scope .start:after{content:'';position:absolute;right:auto;left:3px;top:-20px;z-index:-1;width:12px;height:12px;border-radius:50%;background-color:#ea7404;}
.range_property .scope .middle.txt::after{content: '';margin-right:15px;}
.range_property .ui-slider-handle { margin-left:0; transform:translateX(-9px); }


/* 페이지하단 total 금액 영역(모바일 fixed) */ 
.win .amount_total_bottom {margin-top:60px; border:2px solid #aaa; border-radius:15px; padding:26px 50px 30px 50px;}
.win .amount_total_bottom .info_amount_detail {display:flex; flex-wrap: wrap; line-height:34px; padding-bottom:16px;  margin-bottom:18px; border-bottom:1px dashed #ccc;}
.amount_total_bottom .info_amount_detail dt {width:40%; color:#777;}
.amount_total_bottom .info_amount_detail dt.blue{color:#008cd3;}
.amount_total_bottom .info_amount_detail dd {width:60%; text-align:right; font-size:18px;}
.win .amount_total_bottom .info_amount_detail dd strong {font-weight:700; margin-right:4px;}
.win .amount_total_bottom .info_amount_detail dd.blue{color:#008cd3;}
.win .amount_total_bottom .total {line-height:48px; font-size:30px; text-align:right; color:#ea7404;}
.win .amount_total_bottom .total.single { border-top:0; padding-top:0; margin-top:0; }
.win .amount_total_bottom .total .tit {float:left; font-size:18px; color:#000; font-weight:700;}
.win .amount_total_bottom .total .tit em{font-size:15px;}
.win .amount_total_bottom .total strong  {font-weight:700; margin-right:4px;}

.mobile .amount_total_bottom {position:fixed; bottom:0; left:0; width:100%; background:#fff; border-top:1px solid #aaa; padding:0 42px 80px 20px; z-index: 140;}
.mobile .amount_total_bottom.no_toggle{position:relative;margin-top:60px; border:2px solid #aaa; border-radius:15px; padding:0px 15px 0px 15px; z-index:auto;}
.mobile .amount_total_bottom.no_toggle .m_toggle_cont{display:block;}
.mobile .amount_total_bottom .m_toggle_btn {position:absolute; left:0; right:0; bottom:80px; height:62px;}
.mobile .amount_total_bottom .m_toggle_btn:after {position:absolute; content:''; top:26px; right:20px; width:14px; height:12px; background:url(/assets/images/ico_bottom_arr.png) no-repeat; background-size: auto 12px;transition:transform 0.3s linear; }
.mobile .amount_total_bottom .m_toggle_btn.active:after { transform:rotateZ(180deg); }
.mobile .amount_total_bottom .info_amount_detail {display:flex; flex-wrap: wrap; line-height:30px; padding:16px 0; background: url(/assets/images/mobile/ico_dotted.png) 0 bottom repeat-x; background-size: 6px 1px;}
.mobile .amount_total_bottom .info_amount_detail dt.blue{color:#008cd3;}
.mobile .amount_total_bottom .info_amount_detail dd {font-size:15px;}
.mobile .amount_total_bottom .info_amount_detail dd strong { font-weight:700; }
.mobile .amount_total_bottom .info_amount_detail .blue{color:#008cd3;}
.mobile .amount_total_bottom .total {display:flex; height:62px; align-items:center; justify-content: space-between;}
.mobile .amount_total_bottom .total .tit { font-weight:700; }
.mobile .amount_total_bottom .total .tit em{font-size:13px;font-weight:400;color:#777;}
.mobile .amount_total_bottom .total span:last-child {font-size:22px; font-weight:700; color:#ea7404}

/* total 금액 영역(모바일 no fixed) */ 
.amount_total {border:2px solid #aaa; border-radius:15px; padding:26px 50px 30px 50px;}
.amount_total .info_amount_detail {display:flex; flex-wrap: wrap; line-height:34px;}
.amount_total .info_amount_detail dt {width:40%; color:#777;}
.amount_total .info_amount_detail dd {width:60%; text-align:right; font-size:18px;}
.amount_total .info_amount_detail dd.blue{color:#008cd3;}
.win .amount_total .info_amount_detail dt.down_name{font-size:14px;}
.win .amount_total .info_amount_detail dd.down_price{font-size:16px;color:#777;}
.amount_total .total {line-height:48px; font-size:30px; padding-top:16px; text-align:right; color:#ea7404; margin-top:18px; border-top:1px dashed #ccc;}
.win .amount_total .total.single { border-top:0; padding-top:0; margin-top:0; }
.win .amount_total .total .tit {float:left; font-size:18px; color:#000; font-weight:700;}
.amount_total .total .tit em{font-size:15px;}
.amount_total .total strong  {font-weight:700; margin-right:4px;}
.amount_total .toggle_cont .nothing { font-size:16px; color:#777; text-align:center; }

.mobile .amount_total {border-width:1px; padding:22px 25px 22px 25px;}
.mobile .amount_total .info_amount_detail dt {color:#000;font-size:13px;}
.mobile .amount_total .info_amount_detail dd {font-size:15px;}
.mobile .amount_total .total {line-height:26px; padding-top:24px;  margin-top:24px; font-size:15px;}
.mobile .amount_total .total.single { border-top:0; padding-top:0; margin-top:0; }
.mobile .amount_total .total .tit {float:left; font-size:15px; color:#ea7404;}
.mobile .amount_total .total strong{font-size: 17px;}
.mobile .amount_total .toggle_cont .nothing { font-size:13px; line-height:21px; }


/*PC_보험계약대출신청_01*/
/* .win .accordion_box{border:2px solid #aaa;border-radius:15px;box-sizing:border-box;margin-bottom:80px;}
.win .accordion_box .title{position:relative;display:block;padding:36px 50px;color:#000;cursor: text;}
.win .accordion_box .title strong{font-size:18px;font-weight:700;}
.win .accordion_box .title p{position:absolute;top:37px;right:48px;font-size:30px;font-weight:400;color:#ea7404;}
.win .accordion_box .title p span{font-weight:700;}
.win .accordion_box .panel{background: url(/assets/images/ico_box_bar.png) 0 0 repeat-x;margin:0 50px;padding:22px 0 27px 0;}
.win .accordion_box .panel dl{display:flex;flex-wrap:wrap;}
.win .accordion_box .panel dl dt{width:30%;font-size:15px;color:#666;font-weight:400;margin-top:13px;}
.win .accordion_box .panel dl dt:first-child, .win .accordion_box .panel dl dt:first-child + dd{margin-top:0;}
.win .accordion_box .panel dl dd{width:70%; text-align: right;font-size:18px;color:#222;font-weight:400;margin-top:13px;}
.win .accordion_box .panel dl dd span{font-weight:700;margin-right:5px;}
.win .bottom_total .btn_box{text-align: center;} */


/*	3단계_대출약관동의 1단계 */
.accordion.round{position:relative;border:1px solid #ea7404;border-radius:15px;margin-top: 65px;}
.accordion.round .title a{display:flex;justify-content:space-between;padding:40px;font-size:18px;font-weight:500;border-top:none;}
.accordion.round .title a .number{font-size:31px;font-weight:700;color:#ea7404;position:absolute;right:77px;}
.accordion.round .title a .number span{display:inline-block;font-weight:400;margin-left:5px;}
.accordion.round > .title > a .ico{top:50%;right:40px;transform:translateY(-50%); width:15px;background-image:url(/assets/images/ico_acco_type01.png);}
.accordion.round > .title > a.active .ico{background-position: -15px 0;}
.accordion.round .ui_tooltip_wrap{position:absolute;top:40px;left:142px;z-index:8;}
.accordion.round .panel{background-color:inherit;padding:20px 40px 36px 40px;border-top:none;}
.accordion.round .panel dl{display:flex;flex-wrap:wrap; justify-content: space-between;}
.accordion.round .panel dl dt, 
.accordion.round .panel dl dd{width:50%;font-size:16px;font-weight:400;padding-top: 18px;}
.accordion.round .panel dl dt:first-child, .accordion.round .panel dl dt:first-child + dd {padding-top:0 !important;}
.accordion.round .panel dl dt{color:#777;}
.accordion.round .panel dl dd{text-align: right; color:#000;}
.accordion.round .panel dl.foot{padding-top:26px; margin-top:32px;border-top: 1px solid #eaeaea;}

.mobile .accordion.round{margin:0;}
.mobile .accordion.round .title a{display:flex;justify-content:space-between;padding:30px 25px;font-size:15px;}
.mobile .accordion.round .title a .number{font-size:23px;padding-right:20px;right:24px;}
.mobile .accordion.round .title a.active .ico{background-position: -13px 0;}
.mobile .accordion.round .title a .ico{width:13px;height:8px;top:40px;right:24px;background:url(/assets/images/mobile/ico_acco_type01.png) left center/26px 8px no-repeat;}
.mobile .accordion.round .panel{padding:0 25px 30px 25px;border-top:none;}
.mobile .accordion.round .panel dl dt, 
.mobile .accordion.round .panel dl dd{font-size:14px;padding-top:10px;}
.mobile .accordion.round .panel dl.foot{padding-top: 24px; margin-top:20px;}

.toggle_box{display:flex;justify-content:space-between; align-items: center; margin-top:17px;}
.toggle_box strong{font-size:18px;color:#000;}
.toggle_box p{font-size:18px;}
.toggle_box .toggle_txt{font-size:16px;}

.mobile .toggle_box p{font-size:18px;line-height:normal;}
.mobile .toggle_box .toggle_txt{font-size:14px; padding-right:20px; }

/* 3단계_대출약관동의 2단계 */
.win .all_check label{display:block;width:100%;border:1px solid #ccc;border-radius:15px;text-align:center;padding:12px 0;font-size:22px;cursor:pointer;box-sizing:border-box;}
.win .all_check input:checked + label{background:#ea7404;border-color:#ea7404;color:#FFF;}
.win .agree_wrap{margin-top: 68px;}
.win .agree_wrap .agree_text{display:block;font-size:22px;font-weight:500;color:#000;margin-bottom:30px;}
.win .loan_agree_area .accordion{margin: 40px 0 80px 0;}
.win .accordion.radio_type .panel{background-color:#FFF;border-top: 1px solid #eee;}

/*4단계_신청정보확인*/
.win .tbl_row tfoot tr th, .win .tbl_row tfoot tr td{font-weight:500;}


.mobile .table_list{margin-top:40px;}
.mobile .table_list:first-child{margin-top: 0;}
.mobile .table_list .h4{font-size:14px;font-weight:400;margin-bottom: 10px;}
.mobile .table_accordion{margin-top:40px;}
.mobile .table_accordion .panel h4:first-child+.tbl_row{margin-bottom: 20px;}
.mobile .tbl_row tfoot tr th, .win .tbl_row tfoot tr td{font-weight:500;}

.mobile .tbl_tfoot{display:block;padding:12px 0;border-top:1px solid #eee;margin-top: -1px;border-bottom: 1px solid #ccc;}
.mobile .tbl_tfoot tr:last-of-type th{color:#333;}
.mobile .tbl_tfoot tr:last-of-type td{font-size:15px;font-weight:700;color:#000;}


/*5단계_신청완료*/
.banner_box{margin-top:80px;}
.banner_box .banner_title{display:block;font-size:20px;margin-bottom:23px;}
.banner_box .banner_title span{font-weight:700;}
.banner_box .banner{display:block;padding: 56px 40px; background: #e6f9f7 url(/assets/images/mobile/banner01_img.png) 90% 15px no-repeat;}
.banner_box .banner strong{font-size:30px;font-weight:700;color:#00379c;}
.banner_box .banner p{margin-top:15px;font-size:16px;color:#294672;line-height:20px;}

.mobile .banner_box{margin-top:50px;}
.mobile .banner_box .banner_title{font-size:15px;color:#000;margin-bottom:17px;}
.mobile .banner_box .banner{margin:0 -20px;padding:17px 20px; background: #e6f9f7 url(/assets/images/mobile/banner01_img.png) 90% 15px no-repeat; background-size: 110px 91px;}
.mobile .banner_box .banner strong{font-size:15px;}
.mobile .banner_box .banner p{font-size:13px;padding-right:calc(100% - 222px);word-break:keep-all;}


/*일자별 거래내역*/
.label_title{font-size:14px;display:block;margin:40px 0 20px;}
.radio_wrap{display: flex;justify-content: space-between;margin-bottom:40px;}
.radio_wrap .radio_box{margin-right: 0 !important;}

.mobile .label_title{margin:38px 0 17px;}
.mobile .radio_wrap{margin-bottom:30px;}

/*이자만 납입*/
.win .check_inp{display:flex;justify-content:center;flex-direction:column;}

.mobile .check_inp{display:flex;justify-content:center;flex-direction:column;align-items: flex-end;margin-top:-41px;}
.mobile .check_inp > .check_box { margin-right:0; }

/*이중팝업*/
.scrollbar .text_normal{font-size:16px;line-height: 26px;}
.scrollbar .text_normal + .check_box{margin-top: 40px;}
.scrollbar .text_normal span{display: block;margin-top: 8px;}

/*일자별 거래내역 테이블*/
.result_list{border-top:1px solid #999; border-bottom:1px solid #ccc; margin-top:20px;}
.result_list li{padding:24px 20px;display:flex;justify-content: space-between; flex-wrap:wrap;}
.result_list li:not(:first-child) {border-top:1px solid #eee;}
.win .result_list li .result_info .result_date .tit{margin-right:10px;}
.win .result_list li .result_info .code{display:flex; font-size:18px; color:#777; }
.win .result_list li .result_info .result_date + .code, 
.win .result_list li .result_info .code + .result_date {  margin-top:5px; }
.win .result_list li .result_date{font-size:18px;color:#333;}
.result_list li .result_day{display:block;font-size:18px;color:#777;margin-top:10px;}
.result_list li .result_day .tit{margin-right:10px;}
.result_list li .result_content{text-align:right;}
.win .result_list li .result_content .code{font-size:18px;color:#999;margin-right: 70px;}
.result_list li .result_content strong{display:block; font-size:20px;font-weight:700;}
.result_list li .result_content strong > span{margin-right:10px;}
.win .result_list li .result_content strong:not(:first-child){margin-top:10px;}
.result_list li .result_content .return{color:#008cd3;}
.result_list li .result_content .loan{color:#ea7404}
.result_list li .result_content .price{display:block;font-size:18px;color:#333;margin-top:10px;}
.win .result_list li .result_content ul li:not(:first-child){margin-top:10px;}
.result_list li .term{display:block; width:100%; text-align:right; font-size:16px;color:#777;margin-top:10px;}
.result_list li .term .auto{position:relative;padding-right:10px;margin-right:10px;}
.result_list li .term .auto::after{content:'';width:1px; height:14px;background-color:#999;position:absolute;top:50%;right:0;transform:translateY(-50%);}

.mobile .result_list li{padding:24px 11px;}
.mobile .result_list li .result_date{font-size:14px;color:#000;}
.mobile .result_list li .result_date .tit{margin-right:7px;}
.mobile .result_list li .result_info .code{color:#777; margin-top:5px;}
.mobile .result_list li .result_day{font-size:14px;margin-top:5px;}
.mobile .result_list li .result_day .tit{margin-right:7px;}
.mobile .result_list li .result_content .code{font-size:15px;color:#999;}
.mobile .result_list li .result_content strong{ font-size:17px;font-weight:700;}
.mobile .result_list li .result_content strong:not(:first-child){margin-top:5px;}
.mobile .result_list li .result_content .price{font-size:15px;color:#555; margin-top:5px;}
.mobile .result_list li .term{ font-size:14px; color:#999; margin-top:5px;}
.mobile .result_list li .term .auto{position:relative;padding-right:8px;margin-right:8px;}
.mobile .result_list li .term .auto::after{height:12px;}

/*대출유지계약조회 목록 common*/
.contract {padding:25px 50px;display:flex;}
/* .win .contract:not(:first-child) {margin-top:20px;} */
.win .contract .sub_conts dl dd {margin-left:110px;}
.win .contract .sub_conts dl dd span{font-size:18px;color:#777;}

.mobile .contract {padding:20px 25px;margin-top:15px;}
.mobile .contract .sub_conts .subject {padding:0;text-align:center;}
.mobile .contract .sub_conts dl dt {width:100px;}
.mobile .contract .sub_conts dl dd {width:calc(100% - 100px)}
.mobile .contract .sub_conts .subject{text-align:left;}
.mobile .contract .sub_conts .subject.mtc{text-align:center;}
.mobile .contract .sub_conts .btns {margin-top:20px;}
.mobile .contract .sub_conts .btns > button{width:100%;}


/*상품설명서*/
.win .ref_mark{margin-top:10px;color:#555;}
.win .graph_info{margin-top:20px;}
.win .graph_info .img{text-align:center;margin-bottom:30px;}
.win .graph_info.loan_fixed { margin-top:0; padding:10px 0; }
.win ul.list_dot .graph_info { margin-left:-14px; }
.win .info_ex_box .blue{color: #008cd3;}
.win .info_ex_box .h4.arrw{position: relative;padding-left: 16px;}
.win .info_ex_box .h4.arrw::before{content:'';width:0;height:0;position:absolute;left:0;top:6px;border:7px solid transparent;border-left-width:12px;border-right-width:0;border-left-color:#000;}
.info_ex_box .h4.arrw > span { font-weight:400; }
.win .type_title{font-size:16px;margin:30px 0 24px 0;}
.win .info_ex_box .type_title span{font-weight:700;}
/* .win .info_ex_box .tbl_row{margin-bottom:40px;} */
.win .info_ex_box .tbl_row.no_mn{margin-bottom:0;margin-top:20px;}
.win .info_ex_box .list_dot strong{font-weight:700;}
.win .info_ex_box .tbl_col{margin-top: 24px;}
.win .info_ex_box .formula_box{ width:670px; text-align:center;margin:30px auto 0; }
.win .info_ex_box .formula_box .line_boxing_text{padding:27px 39px; margin-top:0;}
.win .info_ex_box .fz_big{font-size:17px;}
.win .formula_box .line_boxing_text strong{font-size:16px;font-weight:bold;}
.win .formula_box strong + ul{margin-top:10px;}
.win .formula_box strong + ul li{color: #333;}
.win .formula_box .sign{font-size:30px;font-weight:700;transform:rotate(90deg);margin: 10px 0;}
.win .boxing_text.no_radius{margin-top:20px;border-radius:0;}
.win .boxing_text.no_radius .under_txt{text-decoration:underline;}
.win .boxing_text.no_radius .radio_area{margin-top:20px;}
.win .boxing_text.no_radius + p { font-size:16px; }
.win .list_bar .blue::before{border-color:#008cd3;}
.win .list_num_box{font-weight:300;}
.win .list_num_box p{margin-top:15px;}
.win .list_num_box ul li{margin-bottom: 5px;}


.mobile .form_list + .ref_mark{margin-top:10px;padding-left:0;}
.mobile .ref_mark{font-size:14px;color:#555;padding-left:10px;}
.mobile .graph_info{margin-top:15px;margin-left:-10px;overflow:hidden;}
.mobile .graph_info .img{margin-left:6px;}
.mobile .graph_info img{width:100%;}
.mobile .graph_info .ref_mark{padding-left:0;}
.mobile .info_ex_box .h4.arrw{position:relative;padding-left:10px;font-size:15px;font-weight:700;}
.mobile .info_ex_box .h4.arrw::before{content:'';width:0;height:0;position:absolute;left:0;top:6px;border:6px solid transparent;border-left-width:8px;border-right-width:0;border-left-color:#000;}
.mobile .info_ex_box .type_title{font-size:14px;margin:22px 0 10px;}
.mobile .info_ex_box .type_title span{font-weight:700;}
/* .mobile .info_ex_box .tbl_row{margin-bottom:15px;} */
/* .mobile .info_ex_box .tbl_row.td_solo{position:relative;} */
/* .mobile .info_ex_box .tbl_row.td_solo tr{justify-content: inherit;} */
.mobile .info_ex_box .tbl_row.td_solo tr td.rspan{vertical-align: middle;}
.mobile .info_ex_box .tbl_row .graph_info { margin:0;border:0;overflow:initial; }
.mobile .info_ex_box .list_dot strong{font-weight:700;}
.mobile .list_num_box{margin-top:24px;font-size:14px;}
.mobile .info_ex_box .list_dot .tbl_row{margin-left:-10px;}
.mobile .info_ex_box .formula_box{text-align:center;margin-top:20px;}
.mobile .formula_box strong + ul{margin-top:5px;}
.mobile .formula_box strong + ul li{color:#333;font-size:14px;}
.mobile .formula_box .sign{font-size:20px;font-weight:700;transform:rotate(90deg);margin: 5px 0;}
.mobile .formula_box .parallel { border-radius:10px; padding:20px; }
.mobile .formula_box .parallel .line_boxing_text { margin-top:0; }
.mobile .boxing_text.no_radius{margin-top:20px;border-radius:0;}
.mobile .boxing_text.no_radius .under_txt{text-decoration:underline;}
.mobile .boxing_text.no_radius .radio_area{margin-top:20px;}
.mobile .list_bar .blue::before{border-color:#008cd3;}
.mobile .info_ex_box .ref_mark{padding-left:0;}
.mobile .info_ex_box .line_boxing_text{padding:20px 20px;}
.mobile .formula_box .line_boxing_text strong{font-size:14px;font-weight:bold;}
.mobile .info_ex_box .line_boxing_text .type_title{margin:0}
.mobile .info_ex_box .h5 + .line_boxing_text{margin-top:20px;}
.mobile .info_ex_box .fz_big{font-size:15px;}

.formula_box .parallel { display:flex; border-radius:15px; background:#f6f6f6; padding:30px; }
.formula_box .parallel > div { width:calc(50% - 12px); }
.formula_box .parallel .line_boxing_text { background:#fff; margin-top:20px; }
.formula_box .parallel .line_boxing_text:last-child { margin-top:20px; }
.formula_box .parallel .sign { display:flex; align-items:center; justify-content:center; width:24px; transform:none; margin:0; }


/*대출가능금액조회*/
.htup_txtr{text-align:right;}
.htup_txtr span{position:relative;font-size:16px;color:#777;padding-left:7px;}
.htup_txtr span::before{content:'*';position:absolute;top:3px;left:0;color:#777;}
.htup_txtr + .h3{margin-top:20px !important;}

.mobile .htup_txtr span{font-size:13px;}
.mobile .htup_txtr + .h3{margin-top:14px !important;}

/*더블테이블 라디오*/
.win .dialog_content .box_rd_list .dtbl_rdo{margin:30px 0 0;}
.win .dialog_content .box_rd_list .dtbl_rdo:first-child {margin-top:0;}
.win .dialog_content .box_rd_list .dtbl_rdo input[type="radio"] + label{display:block;width:100%;border:1px solid #ccc;border-radius:20px;padding-left:0;}
.win .dialog_content .box_rd_list .dtbl_rdo input[type="radio"]:checked + label{border:1px solid #ea7404;}
.win .dialog_content .box_rd_list .dtbl_rdo input[type="radio"] + label::before{top:40px;left:inherit;right:25px;margin-top:-5px;}
.win .dtbl_rdo dl dt{font-size:16px;color:#999;}
.win .dtbl_rdo dl dd{font-size:18px;}
.win .dtbl_rdo .sub_header{display:flex;justify-content:space-between;border-bottom:1px solid #eaeaea;padding: 35px 85px 30px 25px;}
.win .dtbl_rdo .sub_header .title{font-size:24px;font-weight:700;}
.win .dtbl_rdo .sub_header .title span{font-size:16px;font-weight:400;}
.win .dtbl_rdo .sub_header dl{display:flex;}
.win .dtbl_rdo .sub_header dt{margin-left:40px;}
.win .dtbl_rdo .sub_header dt:first-child{margin-left:0;}
.win .dtbl_rdo .sub_header dd{padding-left:20px;;}
.win .dtbl_rdo .sub_body{display:flex;justify-content:space-between;padding:30px;}
.win .dtbl_rdo .sub_body div{width: calc(50% - 40px);}
.win .dtbl_rdo .sub_body dl{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;}
.win .dtbl_rdo .sub_body dt{width:80px;}
.win .dtbl_rdo .sub_body dd{width: calc(100% - 80px);text-align:right;}
.win .dtbl_rdo .sub_body dt, .win .dtbl_rdo .sub_body dd{margin-top:20px;}

.mobile .dialog_content .box_rd_list .dtbl_rdo{margin:22px 0 0;}
.mobile .dialog_content .box_rd_list .dtbl_rdo:first-child {margin-top:0;}
.mobile .dialog_content .box_rd_list .dtbl_rdo input[type="radio"] + label{display:block;width:100%;border:1px solid #ccc;border-radius:20px;padding-left:0;}
.mobile .dialog_content .box_rd_list .dtbl_rdo input[type="radio"]:checked + label{border:1px solid #ea7404;}
.mobile .dialog_content .box_rd_list .dtbl_rdo input[type="radio"] + label::before{top:20px;left:inherit;right:20px;margin-top:0;}
.mobile .dtbl_rdo dl dt{font-size:14px;color:#999;}
.mobile .dtbl_rdo dl dd{font-size:15px;}
.mobile .dtbl_rdo .sub_header{border-bottom:1px solid #eaeaea;padding: 25px 26px 24px 26px;}
.mobile .dtbl_rdo .sub_header .title{font-size:25px;font-weight:700;}
.mobile .dtbl_rdo .sub_header .title span{font-size:13px;font-weight:400;padding-left:8px;}
.mobile .dtbl_rdo .sub_header dl{display:flex;flex-wrap:wrap;padding-left:70px;}
.mobile .dtbl_rdo .sub_header dt{width:114px;}
.mobile .dtbl_rdo .sub_header dt:first-child{margin-left:0;}
.mobile .dtbl_rdo .sub_header dd{padding-left:0px;}
.mobile .dtbl_rdo .sub_header dt, .mobile .dtbl_rdo .sub_header dd{margin-top: 10px;}
.mobile .dtbl_rdo .sub_body{padding:20px;}
.mobile .dtbl_rdo .sub_body div{width:inherit;display:flex;}
.mobile .dtbl_rdo .sub_body div:first-child{margin-bottom:20px;}
.mobile .dtbl_rdo .sub_body div .tag{min-width:50px;}
.mobile .dtbl_rdo .sub_body dl{display:flex;flex-wrap:wrap; justify-content: space-between; padding-left:16px;}
.mobile .dtbl_rdo .sub_body dt{width:114px;}
.mobile .dtbl_rdo .sub_body dt:first-child{margin-top: 0;}
.mobile .dtbl_rdo .sub_body dt:first-child + dd{margin-top: 0;}
.mobile .dtbl_rdo .sub_body dt, .mobile .dtbl_rdo .sub_body dd{margin-top:10px;}


/* accordion 회차타입 common */
.ac_dl{display:flex;flex-wrap:wrap;}
.ac_dl dt, .ac_dl dd{margin-top:20px;}
.ac_dl dt:first-child{margin-top:0;}
.ac_dl dt:first-child + dd{margin-top:0;}
.ac_dl dt{width:200px;font-size:16px;color:#777;}
.ac_dl dd{width:calc(100% - 200px);font-size:16px;color:#000;}

.mobile .ac_dl dt, .mobile .ac_dl dd{margin-top:15px;}
.mobile .ac_dl dt{width:85px;font-size:13px;}
.mobile .ac_dl dd{width:calc(100% - 85px);font-size:14px;}

/*HILF03050010*/
.header_box{border:1px solid #ffba8e;border-radius:10px;padding:35px 40px;background:#fff1e8 url(/assets/images/web/header_box_bg.png) right bottom no-repeat;margin-bottom:60px;}
.header_box strong{font-size:20px;font-weight:700;color:#ea7404;}
.header_box p{font-size:16px;line-height:26px;margin-top:13px;}
.form_list .agree_check{margin-right: 0;}

.mobile .header_box{padding:25px;background:#fff1e8 url(/assets/images/mobile/header_box_bg.png) right bottom no-repeat; background-size:auto 117px;margin-bottom:45px;}
.mobile .header_box strong{font-size:15px;}
.mobile .header_box p{font-size:13px; line-height:21px; margin-top:10px; padding-right:80px;}


/* 체크 in input/select */
.ck_detail{padding:25px 50px; overflow:hidden;}
.ck_detail:not(:first-child){margin-top:20px;}
.ck_detail .check_box{position:absolute;top:27px;right:50px;margin-right: 0;}
.ck_detail .check_box label{padding-left: 0;z-index:1;}
.ck_detail .sub_inp{margin-top:20px;display:none;}
.win .ck_detail .sub_conts .subject{position:relative;width:100%;}
.win .dialog_content .ck_detail .sub_conts .subject {width:100%;}
.win .ck_detail .sub_conts .subject .name:first-child{padding-top:0;}
.ck_detail.active .sub_inp{display:block;}
.ck_detail .info_list{margin: 40px -50px -25px -50px;padding: 24px 76px 24px 52px;background: #f6f6f6;}
.ck_detail .info_list.no_radius{border-radius:inherit;margin-bottom:50px;}
.ck_detail.active {border-color:#ea7404;box-shadow: 2px 2px 2px rgba(234, 116, 4, 0.2);}

.mobile .ck_detail{padding:22px 25px;}
.mobile .ck_detail .check_box{top:19px;right:19px; margin:0;padding:0; width:27px; height:28px; overflow: hidden;}
.mobile .ck_detail .subject{position:relative;}
.mobile .ck_detail .info_list{margin:30px -25px -22px -25px;padding:9px 23px 20px 23px;}

/*success, fail progbar*/
.win .agreement + .boxing_text{margin:70px 0 80px;}
.win .boxing_text + .agreement_btn{margin-top:40px;}
.prog_bar{position:relative;height:14px;background:#ddd;border-radius: 12px;font-size:18px;font-weight:500;margin-top:30px;}
.prog_bar .total{position:absolute;left:0;top:-30px;}
.prog_bar .result{position:absolute;right:0;top:-30px;}
.prog_bar .result li{float:left;margin-right:20px;}
.prog_bar .result li.fail{color:#fe6260;}
.prog_bar .result li.success{color:#008cd3;}
.prog_bar .bar{position:relative;min-width:40px;width:0;height:14px;padding-left:10px;border-radius:12px;font-size:13px;background:#ea7404;}
.prog_bar .bar.succ{background: #008cd3;}

.mobile .agreement + .boxing_text{margin:50px 0 40px;}
.mobile .boxing_text .check_box label{font-size:15px;}
.mobile .prog_bar{font-size:14px;}
.mobile .prog_bar .total,
.mobile .prog_bar .result{top:-32px;}
.mobile .prog_bar .result li:last-child{margin-right:0;}


/*대출이자계산기*/
.win .form_wrap.popup_form .form_row {padding-left:170px;}
.win .form_wrap.popup_form .radio_box{margin-right:20px;}
.win .form_wrap.popup_form .price_ui_input {width:auto;}
/* .win .form_wrap .price_ui_input.pull_line .auto_input{position:relative; border:1px solid #ccc;border-radius:10px;padding:0 20px;text-align:right;} */
/* .win .form_wrap .price_ui_input.pull_line span.inp_txt{font-size:18px;height:60px;line-height:60px;}
.win .form_wrap .price_ui_input.pull_line span.inp_txt:empty::before{color:#888;position:absolute;left:15px;top:50%;transform:translateY(-50%);} */

.mobile .form_row .form_radio .radio_box{margin-right:10px;}
.mobile .form_row .form_radio .radio_box:last-child{margin-right:0;}
/* .mobile .form_wrap .price_ui_input.pull_line .auto_input{border:1px solid #ccc;border-radius:10px;padding:0 20px;text-align:right;}
.mobile .form_wrap .price_ui_input.pull_line span.inp_txt{font-size:18px;height:55px;line-height:53px;}
.mobile .form_wrap .price_ui_input.pull_line span.inp_txt:empty::before{color:#888;font-size:18px;position:absolute;left:15px;top:50%;transform:translateY(-50%);} */

/*HILF03070022*/
.list_dot + .highlight{margin-top:20px;}

/*HILF03060090*/
.solid_box .result_txt { font-size:18px; font-weight:500; text-align:center; }
.mobile .solid_box .result_txt { font-size:15px; line-height:24px; }

/*common*/
p.strong_mark{display:block;margin-top:5px;}
strong.strong_mark{display:block;font-weight:700;margin-top:5px;}
.list_number {margin-top:10px;}
.list_number li{text-indent:-18px;padding-left:18px; font-size:16px; line-height: 28px;}
.list_bar .strong_mark{text-indent:-18px;padding-left:18px;}
.mobile .list_number li {font-size:14px; line-height: 23px;}

/*HILF01040010*/
.win .view_btn{display:flex;justify-content:space-between;margin-top:47px;align-items: center;}
.win .view_btn span.txt{font-size:18px;}

.mobile .view_btn{text-align: center;margin-top: 40px;}
.mobile .view_btn .txt{display:flex;justify-content:center;margin-bottom:20px;font-size:17px;}
 


/*HILF01010034*/
.win .terms_text{font-size:16px; margin-top:20px; color:#333}
.win .list_dot li .q{display:block;}
.win .terms_text .text_udr{color:#555;position:relative;}
.win .terms_text .text_udr::after{content:'';position:absolute;bottom:0px;left:0;width:100%;height:1px;background-color:#555;}


.mobile .terms_text{font-size:14px; margin-top:35px; color:#333}
.mobile .list_dot li .q{display:block;}
.mobile .terms_text + .terms_text{margin-top:20px;}
.mobile .terms_text .text_udr{color:#555;position:relative;}
.mobile .terms_text .text_udr::after{content:'';position:absolute;bottom:0px;left:0;width:100%;height:1px;background-color:#555;}


/*HIBR02010020*/
.corpo_wrap .insu_amount .insu_title{width:100%;}
.corpo_wrap .insu_amount .info_price{align-items:flex-start;margin-top:50px;}

/*HIBR02010060*/
.tbl_row .file_box{position:relative;display:flex;justify-content:space-between;}
.tbl_row .file_box .file_name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;/*width:calc(100% - 85px);*/}
.tbl_row .file_box .file_size{width: 30px;}

/*HIBR02020010*/
.ins_charge_wrap .insu_amount .corpo_price{margin-top:0;}


/*HICC01010010*/
.win .bder_box + .list_num{margin-top:20px;}


/*HICC01020010 /수정2212 */
.win .section_m .system_chart{padding:55px 0;}
.win .system_chart strong{display:block;font-size:18px;font-weight:700;margin-bottom:40px;}
.win .system_chart .system_img01{padding-left:88px;}
.win .system_chart + .list_dot{margin-top: 35px;}
.win .system_chart + .list_dot li strong{font-size:18px;}
.win .system_chart + .list_dot li p{font-size:16px;color:#333;margin-top:3px;}
.win .system_chart + .list_dot li p + p { margin-top:15px; }
.win .system_chart + .list_dot li:not(:first-child){margin-top:35px;}
/* .win .system_chart + .list_dot li p:not(:first-child) {margin-top:10px;} */
.win .system_chart + .system_chart{margin-top:40px;}
.win .organiz_chart{display:flex;justify-content:center;padding-bottom:107px;}
.win .organiz_chart li{text-align:center;position: relative;}
.win .organiz_chart li div{position:relative;display:inline-flex;justify-content:center;align-items:center;padding:0 20px;min-width:180px;height:60px;box-sizing:border-box;border-radius:30px;color:#000;font-size:15px;margin-bottom:20px;}
.win .organiz_chart li div::after{content:'';border-left:1px solid #CCC;width:1px;height:20px;position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);}
.win .organiz_chart li div.lv1::after{height:19px}
.win .organiz_chart li .ceo{background:#ff613f;color:#FFF;}
.win .organiz_chart li .cco{background:#fbdec2;}
.win .organiz_chart li .dep_head{background:#f99c21;color:#FFF;}
.win .organiz_chart li .dep_head.sideR{position:relative;left:200px;}
.win .organiz_chart li .dep_head.sideR:before{content:'';width:110px;height:15px;position:absolute;top:15px;left:-111px;border-bottom:1px solid #CCC;border-left:1px solid #CCC;border-bottom-left-radius:15px;}
.win .organiz_chart li .dep_head.sideR:after{left:-110px;height:90px;}
.win .organiz_chart li .lv1{border:1px solid #ff613f;background:#FFF;margin:0 10px;}
.win .organiz_chart.last_wrap{padding-bottom: 0;}
.win .organiz_chart.last_wrap .lv1_box li .lv1::after{display:none;}
.win .organiz_chart .lv1_box, .win .organiz_chart .lv2_box{position:relative;display:flex;padding-top:30px;}
.win .organiz_chart .lv1_box::before{content:'';display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);width:198px;height:30px;border-left:1px solid #CCC;border-top:1px solid #CCC;border-right:1px solid #CCC;border-top-left-radius:20px;border-top-right-radius:20px;}
.win .organiz_chart .lv1_box li:first-child .lv1::after{display:none;}
.win .organiz_chart .lv2_box{position:absolute;top:78px;right:-110px;display:flex;padding-top:30px;width:440px;}
.win .organiz_chart .lv2_box::before{content:'';display:block;position:absolute;top:0;left:120px;width:220px;height:30px;border-left:1px solid #CCC;border-top:1px solid #CCC;border-right:1px solid #CCC;border-top-left-radius:20px;border-top-right-radius:20px;}
.win .organiz_chart .lv2_box .lv2::after{display:none;}
.win .organiz_chart .lv2_box li:first-child .lv2{min-width:220px;}
.win .organiz_chart li .lv2{border:1px solid #CCC;background:#FFF;padding:0 18px;margin:0 10px;}
.win .commit_chart{text-align: center;}
.win .commit_chart li .commit_ceo{width:120px;height:120px;background:#ff613f;border-radius:50%;color:#FFF;justify-content:center;align-items:center;padding:0;border:none;}
.win .commit_chart li .commit_ceo::after{content:'';width:27px;height:30px;border-top:1px solid #CCC;border-right:1px solid #CCC;border-top-right-radius:15px;position:absolute;right:-27px;top:64%;transform:translateY(-64%);}
.win .commit_chart li ul{position:relative;}
.win .commit_chart .commit_cco_box{margin: -29px 0 0 386px;}
.win .commit_chart .commit_cco{border:1px solid #ff613f;}
.win .commit_chart .commit_cco::before{content:'';width:26px;height:30px;border-left:1px solid #CCC;border-bottom:1px solid #CCC;border-bottom-left-radius:15px;position:absolute;left:-28px;top:-6px;}
.win .commit_chart div{position:relative;display:inline-flex;color:#000;background: #FFF;padding:0;border-radius:30px;border:1px solid #CCC;width:160px;height:50px;align-items:center;justify-content:center;}
.win .commit_chart .ceo_group{position:relative;display:inline-flex;flex-direction:column;padding-top:80px;}
.win .commit_chart .ceo_group::before{content:'';position:absolute;top:-21px;left:50%;width:1px;height:97%;background:#CCC;}
.win .commit_chart .ceo_group li:nth-child(odd){margin:-15px 0 0 -378px;}
.win .commit_chart .ceo_group li:nth-child(odd) div::after{content:'';width:110px;height:15px;position:absolute;top:10px;right:-111px;border-bottom:1px solid #CCC;border-right:1px solid #CCC;border-bottom-right-radius:15px;}
.win .commit_chart .ceo_group li:nth-child(even){margin:-15px -380px 0 0;}
.win .commit_chart .ceo_group li:nth-child(even) div::after{content:'';width:110px;height:15px;position:absolute;top:10px;left:-111px;border-bottom:1px solid #CCC;border-left:1px solid #CCC;border-bottom-left-radius:15px;}

.mobile .section_m .system_chart{padding:30px 10px;}
.mobile .system_chart strong{display:block;font-size:15px;font-weight:700;margin-bottom:30px;}
.mobile .system_chart + .list_dot{margin: 30px 0 50px 0;}
.mobile .system_chart + .list_dot li strong{font-size:14px;}
.mobile .system_chart + .list_dot li p{font-size:13px;color:#333;margin-top:15px;}
.mobile .system_chart + .list_dot li:not(:first-child){margin-top:35px;}
.mobile .system_chart + .list_dot:last-child{margin-bottom:0;}
.mobile .system_chart + .system_chart{margin-top:30px;}
.mobile .system_chart p img{width:100%;}
.mobile .organiz_chart{display:flex;justify-content:center;padding-bottom:107px;}
.mobile .organiz_chart li{text-align:center;position: relative;}
.mobile .organiz_chart li div{position:relative;padding:0 15px;min-width:168px;height:60px;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;border-radius:30px;color:#000;font-size:15px;margin-bottom:20px;}
.mobile .organiz_chart li div::after{content:'';border-left:1px solid #CCC;width:1px;height:20px;position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);}
.mobile .organiz_chart li div.lv1::after{height:19px}
.mobile .organiz_chart li .ceo{background:#ff613f;color:#FFF;}
.mobile .organiz_chart li .cco{background:#fbdec2;}
.mobile .organiz_chart li .dep_head{background:#f99c21;color:#FFF;}
.mobile .organiz_chart li .dep_head.sideR{position:relative;left:84px;min-width:110px}
.mobile .organiz_chart li .dep_head.sideR:before{content:'';width:29px;height:10px;position:absolute;top:20px;left:-30px;border-bottom:1px solid #CCC;border-left:1px solid #CCC;border-bottom-left-radius:15px;}
.mobile .organiz_chart li .dep_head.sideR:after{left:-29px;height:85px;}
.mobile .organiz_chart li .lv1{border:1px solid #ff613f;background:#FFF;margin:0 7px;min-width:130px;}
.mobile .organiz_chart.last_wrap{padding-bottom: 0;}
.mobile .organiz_chart.last_wrap .lv1_box li .lv1::after{display:none;}
.mobile .organiz_chart .lv1_box, .mobile .organiz_chart .lv2_box{position:relative;display:flex;padding-top:30px;}
.mobile .organiz_chart .lv1_box::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:144px;height:30px;border-left:1px solid #CCC;border-top:1px solid #CCC;border-right:1px solid #CCC;border-top-left-radius:20px;border-top-right-radius:20px;}
.mobile .organiz_chart .lv1_box li:first-child .lv1::after{display:none;}
.mobile .organiz_chart .lv2_box{position:absolute;top:78px;right:0;display:flex;padding-top:30px;}
.mobile .organiz_chart .lv2_box::before{content:'';position:absolute;top:0;right:72px;width:144px;height:30px;border-left:1px solid #CCC;border-top:1px solid #CCC;border-right:1px solid #CCC;border-top-left-radius:20px;}
.mobile .organiz_chart .lv2_box .lv2::after{display:none;}
.mobile .organiz_chart .lv2_box li:first-child .lv2{min-width:130px;}
.mobile .organiz_chart li .lv2{border:1px solid #CCC;background:#FFF;padding:0 18px;margin:0 7px;min-width:130px;}
.mobile .commit_chart{padding-left:12px;display:flex;justify-content:center;}
.mobile .commit_chart li .commit_ceo{width:100px;height:100px;background:#ff613f;border-radius:50%;color:#FFF;justify-content:center;align-items:center;padding:0;display:inline-flex;text-align:center;border:none;}
.mobile .commit_chart li .commit_ceo::after{content:'';width:27px;height:20px;border-top:1px solid #CCC;border-right:1px solid #CCC;border-top-right-radius:15px;position:absolute;right:-27px;top:64%;transform:translateY(-64%);}
.mobile .commit_chart li ul{position:relative;}
.mobile .commit_chart .commit_cco_box{margin: -36px 0 0 156px;}
.mobile .commit_chart .commit_cco{border:1px solid #ff613f;width:110px;height:56px;line-height:22px;text-align:center;}
.mobile .commit_chart .commit_cco::before{content:'';width:30px;height:20px;border-left:1px solid #CCC;border-bottom:1px solid #CCC;border-bottom-left-radius:15px;position:absolute;left:-31px;top:6px;}
.mobile .commit_chart div{position:relative;display:inline-flex;color:#000;background: #FFF;padding:0;border-radius:30px;border:1px solid #CCC;width:160px;height:50px;align-items:center;justify-content:center;}
.mobile .commit_chart .ceo_group{position:relative;display:inline-flex;flex-direction:column;padding-top:20px;}
.mobile .commit_chart .ceo_group::before{content:'';position:absolute;top:-20px;left:50px;width:1px;height:98%;background:#CCC;}
.mobile .commit_chart .ceo_group li{margin:10px 0 0 96px;}
.mobile .commit_chart .ceo_group li div::after{content:'';width:46px;height:10px;position:absolute;top:14px;left:-47px;border-bottom:1px solid #CCC;border-left:1px solid #CCC;border-bottom-left-radius:15px;}

/*HICC01030011*/
.win .tit_bottom{font-size:16px;font-weight:400;}

.mobile .tit_bottom{font-size:14px;}

/*HICC01030013*/
.win .dline-box .use_step_proc{width:430px;}
.win .use_step_box{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding:40px 0;}
.win .use_step_box .use_step_proc{width:622px;}
.win .use_step_box .double_step{border:none;margin-top:0;padding:0;}
.win .use_step_box .double_step::before{display:none;}
.win .use_step_box .double_step ul{display:flex;justify-content:space-between;align-items:flex-end;}
.win .use_step_box .double_step ul li{width:302px;position:relative;border:1px solid #ccc;padding:14px 0;background:#fff;border-radius:30px;margin-top:54px;}
.win .use_step_box .double_step ul li span{display:block; position: absolute; top:-13px; left:50%; margin-left:-13px; width:26px; height:26px; padding-right:1px; line-height:26px; border-radius: 50%; background:#ea7404; color:#fff;}
.win .use_step_box .double_step ul li::before{position:absolute; content:''; top:-44px; left:50%; margin-left:-2px; width:4px; height:21px; background:url(/assets/images/web/dot_step.png) no-repeat;}

.win ul.sale_proc{position:relative;margin:60px 0 0 80px;}
.win ul.sale_proc::before{content:'';width:1px;height:100%;position:absolute;top:0;left:210px;border-right:1px dashed #CCC;}
ul.sale_proc li:nth-of-type(1) h3{background:rgba(40,64,233,0.7);color:#FFF;z-index:2;position:relative;}
.win ul.sale_proc li:nth-of-type(2), .win ul.sale_proc li:nth-of-type(3){margin-top:-24px;}
ul.sale_proc li:nth-of-type(2) h3{background:rgba(255,204,170,0.7);z-index:1;}
ul.sale_proc li:nth-of-type(3) h3{background:rgba(255,31,13,0.7);z-index:1;color:#FFF;}
.win ul.sale_proc li:nth-of-type(3)::after{content:'';width:54px;height:1px;position:absolute;bottom:0;left:214px;border-top:1px dashed #CCC;}
.win ul.sale_proc li{position:relative;display:flex;}
.win ul.sale_proc li::before{content:'';width:54px;height:1px;position:absolute;top:0;left:214px;border-top:1px dashed #CCC;}
.win ul.sale_proc li:not(:first-child)::before { top:10px; }
.win ul.sale_proc li h3{width:160px;height:160px;border-radius:50%;font-size:18px;position:relative;display:inline-flex;justify-content:center;align-items:center;font-weight:500;}
.win ul.sale_proc li h3::after{content:'';width:50px;height:1px;position:absolute;top:50%;right:-50px;border-top:1px dashed #CCC;}
.win ul.sale_proc li div{display:inline-flex;flex-direction:column;padding-top:36px;margin-left:100px;}
.win ul.sale_proc li div strong{font-size:16px;font-weight:500;}
.win ul.sale_proc li div p{font-size:15px;font-weight:400;margin-top:6px;}

.mobile .tab_section.t1 .multi.dbl li{width:50%;}
.mobile .use_step_box {border-radius:20px;padding:25px 15px;background:#f4f4f4;}
.mobile .use_step_box .use_step_proc{width:100%;}
.mobile .use_step_box .use_step_proc .double_step{border:none;margin-top:0;padding:0;height: auto; background:#f4f4f4;}
.mobile .use_step_box .double_step::before{display:none;}
.mobile .use_step_box .double_step ul{display:flex;justify-content:space-between;align-items:flex-end;}
.mobile .use_step_box .double_step ul li{width:calc(50% - 7px);height:40px;border-radius:20px;position: relative;border: 1px solid #ccc;padding: 14px 0;background: #fff;padding-top:10px;margin-top:37px;}
.mobile .use_step_box .double_step ul li span{display:block; position: absolute; top:-13px; left:50%; margin-left:-13px; width:26px; height:26px; padding-right:1px; line-height:26px; border-radius: 50%; background:#ea7404; color:#fff;}
.mobile .use_step_box .double_step ul li .num{width:20px; height:20px; line-height: 20px; top:-10px; margin-left:-10px;}
.mobile .use_step_box .double_step ul li::before{position:absolute; content:''; top:-31px; left:50%; margin-left:-2px; width:3px; height:15px; background:url(/assets/images/mobile/dot_step.png) no-repeat; background-size: 100%;}

.mobile ul.sale_proc{position:relative;}
.mobile ul.sale_proc::before{content:'';width:1px;height:100%;position:absolute;top:0;left:145px;border-right:1px dashed #CCC;}
/* .mobile ul.sale_proc li:nth-of-type(1) h3{background:#6879f0;color:#FFF;z-index:2;}
.mobile ul.sale_proc li:nth-of-type(2) h3{background:#ffdac3;z-index:1;}
.mobile ul.sale_proc li:nth-of-type(3) h3{background:#ff6255;z-index:1;color:#FFF;} */
.mobile ul.sale_proc li:nth-of-type(3)::after{content:'';width:16px;height:1px;position:absolute;bottom:-1px;left:149px;border-top:1px dashed #CCC;}
.mobile ul.sale_proc li{position:relative;display:flex;align-items:center; padding-left:160px;min-height:112px;}
.mobile ul.sale_proc li::before{content:'';width:16px;height:1px;position:absolute;top:0;left:146px;border-top:1px dashed #CCC;}
.mobile ul.sale_proc li h3{position:absolute; left:0; top:50%; margin-top:-60px; width:120px;height:120px;border-radius:50%;font-size:15px;display:inline-flex;justify-content:center;align-items:center;}
.mobile ul.sale_proc li h3::after{content:'';width:25px;height:1px;position:absolute;top:50%;right:-25px;border-top:1px dashed #CCC;}
.mobile ul.sale_proc li div{padding:15px 0}
.mobile ul.sale_proc li div strong{font-size:14px;font-weight:700;}
.mobile ul.sale_proc li div p{font-size:14px;font-weight:400;margin-top:3px;line-height:20px;}


/*HICC01030014*/
.win .bder_box{border:1px solid #EEE;padding:57px 30px;border-radius:15px;}
.win .p_text{margin-top:20px;}
.win .csum_history{position:relative;margin-top:80px;}
/* .win .csum_history::before{content:'';width:1px;height:calc(100% - 315px);background:#ddd;position:absolute;top:8px;left:180px;} */
.win .csum_history li:not(:first-child){margin-top: 70px;}
.win .csum_history li{position:relative; padding-left:220px;}
.csum_history li:not(:last-child):before {position:absolute; content:''; top:9px; left:180px; bottom:-84px; border-left:1px solid #ddd;}
/* .win .csum_history li h3{position:relative;font-size:48px;color:#ea7404;font-weight:700;margin-left:30px;} */
.win .csum_history li h3 {position:absolute; top:0; left:30px;font-size:48px;color:#ea7404;font-weight:700;}
.win .csum_history li h3::after{content:'';width:9px;height:9px;background:#ea7404;border-radius:50%;position:absolute;top:50%;left:146px;transform:translateY(-50%);}
.win .csum_history li strong{font-size:16px;font-weight:700;}
/* .win .csum_history .history_point{margin-left: 88px;} */
.win .csum_history .history_point ul.list_dot + strong{margin-top:35px;display:block;}
.win .csum_history .history_point ul.list_dot{margin-top:15px;}


.mobile .p_text{margin-top:20px;}
.mobile .csum_history{position:relative;margin-top:40px;}
/* .mobile .csum_history::before{content:'';width:1px;height:calc(100% - 318px);background:#ddd;position:absolute;top:8px;left:13px;} */
.mobile .csum_history li:not(:first-child){margin-top:60px;}
.mobile .csum_history li{display:flex;align-items:flex-start;flex-direction:column; position:relative;}
.mobile .csum_history > li:not(:last-child):before {left:13px; bottom:-75px;}
.mobile .csum_history li h3{position:relative;font-size:40px;color:#ea7404;font-weight:700;padding-left:40px;}
.mobile .csum_history li h3::before{content:'';width:7px;height:7px;background:#ea7404;border-radius:50%;position:absolute;top:50%;left:10px;transform:translateY(-50%);}
.mobile .csum_history li strong{font-size:16px;font-weight:700;}
.mobile .csum_history .history_point{margin-left: 35px;}
.mobile .csum_history .history_point strong{margin-top:30px;display:block;}
.mobile .csum_history .history_point ul.list_dot + strong{margin-top:25px;display:block;}
.mobile .csum_history .history_point ul.list_dot{margin-top:15px;}

.list_dot li span.fntm{font-weight:500;}
.list_bar li span.fntr{font-weight:400;}

/*HICC03010011*/
.win .section_m.section_slide{width:600px;}
.win .popup_slide{margin:0 auto;overflow:inherit;}
.win .popup_slide .slick_prev{background:url(/assets/images/web/ico_popup_arrow01.png) 0 0 no-repeat;margin-top:-30px;width:59px;height:59px;position:fixed;top:50%;left:calc(50% - 400px);z-index:99;border-radius:30px;} /* 개선2503 */
.win .popup_slide .slick_next{background:url(/assets/images/web/ico_popup_arrow02.png) 0 0 no-repeat;margin-top:-30px;width:59px;height:59px;position:fixed;top:50%;right:calc(50% - 400px);z-index:99;border-radius:30px;} /* 개선2503 */
.win .popup_slide .slick-dots{position: absolute;top:0;left:0;margin-top:0;}
.win .popup_slide .slick-arrow.slick-disabled {opacity:0.3}
.win .section_slide .bdr_highlight{font-size:18px;border-bottom:1px solid #ddd;margin-top:60px;padding-bottom:20px;}

.win .insu_guide { display:none; margin-top:70px; }
.win .link_highlight{border: 1px solid #CCC;border-radius:10px;display:block;padding:35px 40px;background: url(/assets/images/web/link_box.png) right 40px center no-repeat;}
.win .link_highlight strong{font-size:20px;font-weight:700;color:#000;}
.win .link_highlight p{font-size:16px;margin-top:10px;}

.win .popup_slide .law_right{font-size:15px;font-weight:400;margin-top:20px;color:#777;}

.win .tbl_example{position:relative;}
.win .tbl_example .tbl_label{background-color:#777;color:#FFF;padding:3px 29px;font-size:16px;font-weight:700;border-radius:15px;position:absolute;top:-14px;left:50%;transform: translateX(-50%);}
.win .tbl_example .tbl_col thead th{font-size:18px;color:#000;padding:17px 10px;}
.win .tbl_example .tbl_col thead th span{width:24px;height:24px;background-color:#ea7404;color:#FFF;font-size:13px;display:inline-block;border-radius:50%;margin-right:8px;line-height:24px;}
.win .tbl_example .tbl_col th.key_point{background-color:#fff6ed;color:#000;font-weight:500;border-bottom:1px solid #ddd;}
.win .tbl_example .tbl_col tbody th{font-size:18px;color:#000;text-align:left;}
.win .tbl_example .tbl_col tbody td{border-bottom:1px solid #CCC;border-right:1px solid #eee;font-size:18px;}
.win .tbl_example .tbl_col tbody td:last-child{border-right: none;}
.win .popup_item .list_label{margin-top:30px;}
.win .popup_item .list_label li:not(:first-child){margin-top:20px;}
.win .popup_item .list_label div{display:inline-block;background-color:#fdeee0;font-size:16px;color:#000;border-radius:15px;padding:12px 0;width:130px;text-align:center;font-weight:500;}
.win .popup_item .list_label div .num{width:24px;height:24px;background-color:#ea7404;color:#FFF;font-size:13px;display:inline-block;border-radius:50%;margin-right:8px;text-align:center;line-height:24px;}
.win .popup_item .list_label strong{font-size:20px;font-weight:700;color:#333;margin-left: 20px;}
.win .popup_item .list_label p{font-size:16px;font-weight:400;padding-left:153px;}

.win .popup_item .number_box{position:relative;border:1px solid #ccc;border-radius:15px;padding:10px 30px;margin-top:56px;}
.win .popup_item .number_box .num{width:24px;height:24px;background-color:#ea7404;color:#FFF;font-size:13px;border-radius:50%;line-height:24px;text-align:center;position:absolute;left:50%;transform: translateX(-50%);top:-12px}
.win .popup_item .number_box_li{display:flex;padding:35px 0;}
.win .popup_item .number_box_li + .number_box_li{border-top:1px solid #ddd;}
.win .popup_item .number_box_li strong{font-size:20px;font-weight:700;color:#333;width:180px;}
.win .popup_item .number_box_li p{font-size:18px;color:#000;}
.win .popup_item .number_box_li ul li{position:relative;padding-left:30px;margin-bottom:10px;font-size:18px;font-weight:500;}
.win .popup_item .number_box_li ul li:last-child{margin-bottom:0;}
.win .popup_item .number_box_li ul li::before{content:'';position:absolute;top:10px;left:0;transform:translateY(-50%);width:20px;height:18px;background:url(/assets/images/web/ico_resend_li.png) 0 center no-repeat;}
.win .popup_item .number_box + .tip_box{margin-top:20px;}
.win .popup_item .detail_info{position:relative;background:#f9f9f9;border-radius:15px;padding:25px 30px 25px 120px;margin-top:45px;}
.win .popup_item .detail_info::before{content:'';background:#FFF url(/assets/images/web/ico_popup_info.png) center center no-repeat;width:62px;height:62px;border-radius:50%;position:absolute;top:20px;left:33px;}
.win .popup_item .detail_info strong{font-size:20px;font-weight:500;color:#000;}
.win .popup_item .detail_info p{font-size:15px;font-weight:400;color:#777;}

.lf_wrap {margin-top:-75px; position:relative; }
.lf_wrap .tab_list {position:absolute; top:75px; left:50%; margin-left:-400px; width:800px; z-index:2;}
.lf_wrap .tab_contents > .tab_panel {margin:0 !important; padding:0 !important;}
.lf_wrap .lf_visual_top{background: linear-gradient(#ffffff, #fef4e6); }
.lf_wrap .tab_contents .lf_visual_top {padding-top:120px}
.lf_wrap .lf_visual_top .lf_visual {position:relative; width:800px; min-height: 488px; padding-top:70px; margin:0 auto; font-size:18px; line-height: 28px;}
.win .lf_wrap .lf_visual_top .lf_visual:before {position:absolute; content:''; width:655px; height:362px; right:-124px; bottom:0; background:url(/assets/images/web/bg_sp_visual.png) no-repeat;}
.lf_wrap .lf_visual_top .lf_visual .info_img {position:absolute; right:0; bottom:0;}
.win .lf_wrap .lf_visual_top .lf_visual .info_img img {width:400px;}
.lf_visual .share_box{position:absolute;top:70px;right:0;}
.lf_visual .info_tit {font-size:36px; font-weight: 700; line-height: 50px;}
.lf_visual .info_tit span {display:block; font-size:18px; font-weight: 500; line-height: 32px; padding-bottom:7px;}
.lf_visual .info_text {font-weight: 300; margin-top:16px;}
.win .lf_wrap .section_m {padding-top:60px;}

.mobile .lf_wrap {margin:-20px -20px 0 -20px;}
.mobile .lf_wrap .tab_contents .lf_visual_top {padding-top:80px;} 
.mobile .lf_wrap .tab_list {width:auto; top:20px; left:20px; right:20px; margin:0;}
.mobile .lf_wrap .lf_visual_top .lf_visual {width:100%; min-height:430px; padding:25px 30px 256px 30px; font-size:15px; line-height: 23px;background:url(/assets/images/mobile/bg_sp_visual.png) right bottom no-repeat; background-size: 347px auto;}
.mobile .lf_wrap .lf_visual_top .lf_visual .info_img {RIGHT:20PX;}
.mobile .lf_wrap .lf_visual_top .lf_visual .info_img img {width:266px;}
.mobile .lf_visual .info_tit {font-size:25px; line-height: 35px;}
.mobile .lf_visual .info_tit span {font-size:15px; line-height: 24px; padding-bottom:5px;}
.mobile .lf_visual .info_text {margin:15px 0 40px 0; font-weight: 400;}
.mobile .lf_visual .share_box {top:10px; right:20px;}
.mobile .lf_wrap .section_m {padding:40px 20px 0 20px;}

.mobile .popup_slide{overflow:inherit;}
.mobile .popup_slide .slick_prev{background: url(/assets/images/mobile/ico_popup_arrow01.png) 0 0 no-repeat;background-size:56px;width:56px;height:56px;position:absolute;top:227px;left:-15px;z-index:99;}
.mobile .popup_slide .slick_next{background: url(/assets/images/mobile/ico_popup_arrow02.png) 0 0 no-repeat;background-size:56px;width:56px;height:56px;position:absolute;top:227px;right:-15px;z-index:99;}
.mobile .popup_slide .slick-dots{position: absolute;top:0;left:0;margin-top:0;}
.mobile .bdr_highlight{font-size:14px;border-bottom:1px solid #ddd;margin-top:30px;padding-bottom:12px;}
.mobile .insu_guide { display:none; margin-top:35px; }
.mobile .link_highlight{border: 1px solid #ff800e;border-radius:10px;display:block;padding:20px 78px 20px 20px;background: url(/assets/images/mobile/link_box.png) right 25px center no-repeat; background-size: 49px;}
.mobile .link_highlight strong{font-size:17px;font-weight:700;color:#000;}
.mobile .link_highlight p{font-size:13px;margin-top:10px;}

.mobile .tbl_example{position:relative;margin-top:35px;}
.mobile .tbl_example .tbl_label{background-color:#777;color:#FFF;padding:0 13px;font-size:12px;font-weight:700;border-radius:15px;position:absolute;top:-14px;left:50%;transform: translateX(-50%);}
.mobile .tbl_example .tbl_col thead th{font-size:14px;color:#000;padding:17px 0px;}
.mobile .tbl_example .tbl_col thead th span{width:20px;height:20px;background-color:#ea7404;color:#FFF;font-size:14px;display:inline-block;border-radius:50%;margin-right:2px;line-height:20px;}
.mobile .tbl_example .tbl_col th.key_point{background-color:#fff6ed;color:#000;font-weight:500;border-bottom:none;}
.mobile .tbl_example .tbl_col tbody th{font-size:14px;color:#000;background:#f6f6f6;text-align:center;}
.mobile .tbl_example .tbl_col tbody td{border-bottom:1px solid #CCC;border-right:1px solid #eee;font-size:15px;}
.mobile .tbl_example .tbl_col tbody td:last-child{border-right: none;}
.mobile .popup_item .list_label{margin-top:16px;}
.mobile .popup_item .list_label li:not(:first-child){margin-top:15px;}
.mobile .popup_item .list_label div{display:inline-block;background-color:#fdeee0;font-size:14px;color:#000;border-radius:15px;padding:9px 0;width:118px;text-align:center;}
.mobile .popup_item .list_label div .num{width:20px;height:20px;background-color:#ea7404;color:#FFF;font-size:14px;display:inline-block;border-radius:50%;margin-right:8px;text-align:center;line-height:20px;}
.mobile .popup_item .list_label strong{font-size:15px;font-weight:700;color:#333;padding-left:54px;}
.mobile .popup_item .list_label p{font-size:14px;font-weight:400;margin-top:10px;}

.mobile .popup_item .number_box{position:relative;border:1px solid #ccc;border-radius:15px;padding:10px 23px;margin-top:20px;}
.mobile .popup_item .number_box .num{width:24px;height:24px;background-color:#ea7404;color:#FFF;font-size:13px;border-radius:50%;line-height:24px;text-align:center;position:absolute;left:50%;transform: translateX(-50%);top:-12px}
.mobile .popup_item .number_box_li{display:flex;padding:15px 0;}
.mobile .popup_item .number_box_li + .number_box_li{border-top:1px solid #ddd;}
.mobile .popup_item .number_box_li strong{font-size:17px;font-weight:700;color:#333;min-width:80px;}
.mobile .popup_item .number_box_li ul li{position:relative;padding-left:25px;margin-bottom:10px;font-size:14px;font-weight:500;}
.mobile .popup_item .number_box_li ul li:last-child{margin-bottom:0;}
.mobile .popup_item .number_box_li ul li::before{content:'';position:absolute;top:10px;left:0;transform:translateY(-50%);width:20px;height:18px;background:url(/assets/images/mobile/ico_resend_li.png) 0 center no-repeat;background-size:16px 15px;}
.mobile .popup_item .number_box_li.mo_bl{display:block;}
.mobile .popup_item .number_box_li.mo_bl p{margin-top:15px;}
.mobile .popup_item .number_box + .tip_box{margin-top:20px;}
.mobile .popup_item .detail_info{position:relative;background:#f9f9f9;border-radius:15px;padding:25px 25px 25px 80px;margin-top:35px;}
.mobile .popup_item .detail_info::before{content:'';background:#FFF url(/assets/images/mobile/ico_popup_info.png) center center no-repeat;width:40px;height:40px;border-radius:50%;position:absolute;top:50%;left:28px;transform:translateY(-50%); background-size:22px 17px;}
.mobile .popup_item .detail_info strong{font-size:17px;font-weight:500;color:#000;}
.mobile .popup_item .detail_info p{font-size:13px;font-weight:400;color:#777;}

/*HICC03010012 HICC03010013 HICC03010014 /개선2503 */
.popup_item .cont{padding:40px 60px;background:#f6f6f6;}
.popup_item .cont .img img{margin:0 auto;}
.popup_item .cont .list > li{position:relative;margin-bottom:45px;padding:25px 15px 20px 15px;border-radius:15px;border:2px solid;background-color:#fff;}
.popup_item .cont .list > li:last-child{margin-bottom:0;}
.popup_item .cont .list > li span{position:absolute;top:-16px;left:-2px;padding:3px 14px;height:29px;line-height:23px;border-radius:15px;box-shadow:0 3px 0 rgba(0, 0, 0, .15);font-weight:700;font-size:15px;color:#fff;}
.popup_item .cont .list > li:nth-of-type(1){border-color:#ff613f;}
.popup_item .cont .list > li:nth-of-type(1) span{background-color:#ff613f;}
.popup_item .cont .list > li:nth-of-type(2){border-color:#ff9700;}
.popup_item .cont .list > li:nth-of-type(2) span{background-color:#ff9700;}
.popup_item .cont .list > li:nth-of-type(3){border-color:#5d7bff;}
.popup_item .cont .list > li:nth-of-type(3) span{background-color:#5d7bff;}
.popup_item .cont .list > li.bgOrg{border-color:#fb7203;}
.popup_item .cont .list > li.bgOrg .tit{background-color:#fb7203;}
.popup_item .cont .list > li.bgOrg strong{color:#fb7203;}
.popup_item .cont .list > li.bgBlue{border-color:#008cd3;}
.popup_item .cont .list > li.bgBlue .tit{background-color:#008cd3;}
.popup_item .cont .list > li.bgBlue strong{color:#008cd3;}
.popup_item .cont .list > li.bgGreen{border-color:#5ba306;}
.popup_item .cont .list > li.bgGreen .tit{background-color:#5ba306;}
.popup_item .cont .list > li.bgGreen strong{color:#5ba306;}
.popup_item .cont .list > li .list_dot{margin-top:0;line-height:19px;color:#000;}
.popup_item .cont .list > li .list_dot > li::before{top:8px;}
.popup_item .popup_slide_box .num{position:absolute;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;background:#ea7404;color:#fff;}
.popup_item .popup_bg_img{text-align:center;}
.win .popup_item > .popup_bg_img{margin-top:38px;}
.win .popup_item .popup_bg_img img{display:block;max-width:100%;}
.win .popup_item .popup_slide_box{border:1px solid #e6e6e6;text-align:left;}
.win .popup_item .popup_slide_box .txt{padding:31px 29px;min-height:124px;}
.win .popup_item .popup_slide_box .txt > p{font-size:16px;margin:9px 0 0 52px;line-height:23px;word-break:keep-all;}
.win .popup_item .popup_slide_box .txt > strong{font-size:20px;line-height:24px;color:#00306c;margin:6px 0 0 52px;display:inline-block;word-break:keep-all}
.win .popup_item .popup_slide_box .num{width:36px;height:36px;font-size:21px;}
.win .popup_item .cont .list{margin-top:54px;}
.mobile .popup_item > .popup_bg_img{margin-top:45px;}
.mobile .popup_item .popup_bg_img img{display:inline-block;width:100%;}
.mobile .popup_item .bdr_highlight + .popup_bg_img{margin-top:40px;}
.mobile .popup_item .popup_slide_box .txt{padding:0 10px 20px 0;min-height:145px;text-align:left;}
.mobile .popup_item .popup_slide_box .txt > p{margin:4px 0 0 40px;line-height:20px;font-size:15px;}
.mobile .popup_item .popup_slide_box .txt > strong{display:inline-block;margin:0 0 0 40px;padding-top:5px;min-height:32.5px;font-weight:700;font-size:19px;color:#003070;}
.mobile .popup_item .popup_slide_box .num{width:32.5px;height:32.5px;font-size:19px;}
.mobile .popup_item .cont{padding:25px 15px;}
.mobile .popup_item .cont .list{margin-top:45px;text-align:left;}
.mobile .popup_item .cont .list > li{margin-bottom:35px;padding:20px 15px 15px 15px;}
.mobile .popup_item .cont .list > li span{position:absolute;padding:3px 16px;font-size:13px;}
.mobile .popup_item .cont .list > li .tit{top:-15px;padding:2px 14px;height:27px;box-shadow:0 2.5px 0 rgba(0, 0, 0, .15);font-size:14px;}


/*HICC03010015*/
.win .popup_item .bdr_highlight.step{position:relative;padding-left:100px;}
.win .popup_item .bdr_highlight.step span{width:40px;height:40px;background:#ea7404;border-radius:50%;position:absolute;left:33px;top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;color:#FFF;font-size: 21px;}
.win .popup_item .bdr_highlight.big{font-size:12px;}

.mobile .popup_item .bdr_highlight.step{position:relative;}
.mobile .popup_item .step_h + .popup_bg_img{margin-top:20px;}
.mobile .popup_item .bdr_highlight.step span{width:30px;height:30px;background:#ea7404;border-radius:50%;position:absolute;left:50%;top:-16px;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;color:#FFF;font-size: 16px;}
.mobile .popup_item .bdr_highlight.big strong{font-size:21px;}

/*HICC03020010*/
.win .box_ricon_wrap::after { content:''; display:block; clear:both; }
.win .box_ricon_wrap li { float:left; width:390px; height:268px; margin-top:20px; }
.win .box_ricon_wrap li:nth-child(2n+2) { margin-left:20px; }
.win .box_ricon_wrap li:nth-child(1),
.win .box_ricon_wrap li:nth-child(2) { margin-top:0; }
.win .box_ricon{ position:relative; display:block; width:100%; height:100%; border-radius:15px; padding:45px 50px 45px 40px; }
.win .box_ricon strong{font-size:18px;font-weight:500; color:#000; }
.win .box_ricon p{margin-top:10px;font-size:15px;color:#777;}
.win .box_ricon_wrap li a::before { content:''; position:absolute; right:35px; bottom:18px; width:150px; height:103px; }
.box_ricon_wrap.life li.ico1 a { background:#fef4ea; }
.box_ricon_wrap.life li.ico2 a { background:#fff9e7; }
.box_ricon_wrap.life li.ico3 a { background:#effbe5; }
.box_ricon_wrap.life li.ico4 a { background:#dff4f6; }
.box_ricon_wrap.life li.ico5 a { background:#e8f4ff; }
.box_ricon_wrap.life li.ico6 a { background:#ebeffd; }
.box_ricon_wrap.life li.ico7 a { background:#f9ecec; }
.box_ricon_wrap.life li.ico8 a { background:#f8f2e6; }
.box_ricon_wrap.accident li.ico1 a { background:#fef4d2; }
.box_ricon_wrap.accident li.ico2 a { background:#fef4ea; }
.box_ricon_wrap.accident li.ico3 a { background:#fff7e0; }
.box_ricon_wrap.accident li.ico4 a { background:#ffead7; }
.win .box_ricon_wrap.life li a::before { background:url(/assets/images/web/ico_finance_life.png) no-repeat; }
.win .box_ricon_wrap.accident li a::before { background:url(/assets/images/web/ico_finance_accident.png) no-repeat; }
.win .box_ricon_wrap li.ico1 a::before { background-position:0 0; }
.win .box_ricon_wrap li.ico2 a::before { background-position:-150px 0; }
.win .box_ricon_wrap li.ico3 a::before { background-position:-300px 0; }
.win .box_ricon_wrap li.ico4 a::before { background-position:-450px 0; }
.win .box_ricon_wrap li.ico5 a::before { background-position:-600px 0; }
.win .box_ricon_wrap li.ico6 a::before { background-position:-750px 0; }
.win .box_ricon_wrap li.ico7 a::before { background-position:-900px 0; }
.win .box_ricon_wrap li.ico8 a::before { background-position:-1050px 0; }

.mobile .box_ricon_wrap li { height:214px; }
.mobile .box_ricon_wrap li:not(:first-child){margin-top:15px;}
.mobile .box_ricon{ position:relative; display:block; width:100%; height:100%; border-radius:10px; padding:30px 25px; }
.mobile .box_ricon strong{font-size:17px;font-weight:500; color:#000;}
.mobile .box_ricon p{margin-top:5px;font-size:13px;color:#777;line-height:20px;}
.mobile .box_ricon_wrap li a::before { content:''; position:absolute; right:20px; bottom:16px; width:100px; height:75px; }
.mobile .box_ricon_wrap.life li a::before { background:url(/assets/images/mobile/ico_finance_life.png) 0 0/auto 75px no-repeat; }
.mobile .box_ricon_wrap.accident li a::before { background:url(/assets/images/mobile/ico_finance_accident.png) 0 0/auto 75px no-repeat; }
.mobile .box_ricon_wrap li.ico1 a::before { background-position:0 0; }
.mobile .box_ricon_wrap li.ico2 a::before { background-position:-100px 0; }
.mobile .box_ricon_wrap li.ico3 a::before { background-position:-200px 0; }
.mobile .box_ricon_wrap li.ico4 a::before { background-position:-300px 0; }
.mobile .box_ricon_wrap li.ico5 a::before { background-position:-400px 0; }
.mobile .box_ricon_wrap li.ico6 a::before { background-position:-500px 0; }
.mobile .box_ricon_wrap li.ico7 a::before { background-position:-600px 0; }
.mobile .box_ricon_wrap li.ico8 a::before { background-position:-700px 0; }

/*HICC03020011*/
.win .tbl_under_txt{font-size:16px;margin:40px 0 20px 0;padding:0;}
.win .tbl_under_txt span{font-weight:700;}
.win .tbl_under_txt + .boxing_text{margin-top:60px;}

.mobile .tbl_under_txt{font-size:14px;margin:35px 0 15px 0;padding:0;}
.mobile .tbl_under_txt span{font-weight:700;}
.mobile .tbl_under_txt + .boxing_text{margin-top:45px;}

/*HICC05010010,HICC05010020 */
.win .btn_half {margin-top:15px;}
.win .btn_half .btn.line { width:calc(50% - 6px); }
.mobile .btn_half {margin-top:20px;}
.mobile .btn_half .btn.line{width:calc(50% - 5px);min-width:calc(50% - 5px);padding:0;}

/*HICC06010020*/
.win .list_dot + .boxing_text{margin-top:20px;}
.win .boxing_text .check_box{display:block;margin-top:15px;}

.mobile .list_dot + .boxing_text{margin-top:15px;}
.mobile .list_dot + .boxing_text .check_box{display:block;margin-top:5px;}
.mobile .agreement.mt{margin-top:35px;}

/*HICC06020011*/
.decla_list{font-size:16px;line-height:28px;color:#333;margin-top:20px;}
.decla_list > li{position:relative;word-break:keep-all;text-indent: -1px;}
.decla_list > li .list_dot{margin-top:0;}
.decla_list > li:not(:first-child){margin-top:20px;}
.decla_list > li strong{font-weight:700;}

.mobile .decla_list{font-size:14px;line-height:22px;margin-top:10px;}
.mobile .decla_list > li:not(:first-child){margin-top:10px;}

/*HILF01040020*/
.win .tbl_row + .tbl_top_info{margin-top:55px;}
.win .tbl_row + .tbl_top_info .h3{margin: 0;}

.mobile .tbl_row + .tbl_top_info{margin-top:35px;}
.mobile .tbl_row + .tbl_top_info .h3{margin: 0;}

/*HISC01090630*/
.win .box_form_wrap{position:relative;padding-top:40px;margin-top:40px;}
.win .box_form_wrap::before{content:'';width:100%;height:1px;background:#ddd;position:absolute;top:0;left:-30px;padding: 0 30px;}

.mobile .box_form_wrap{position:relative;padding-top:30px;margin-top:30px;}
.mobile .box_form_wrap::before{content:'';width:100%;height:1px;background:#ddd;position:absolute;top:0;left:-20px;padding: 0 20px;}
.mobile .box_form_wrap input {font-size:16px !important}

/*HISC01040012*/
.win .tbl_row + .each_select_list{margin-top:20px;}

/*HILF01020020*/
.win .boxing_text .boxing_data, .border_text .boxing_data{display:flex;}
.win .boxing_text .boxing_data dt, .boxing_text .boxing_data dd, .border_text .boxing_data dt, .border_text .boxing_data dd{display:flex;justify-content:center;width:50%;}
.win .boxing_text .boxing_data dd, .border_text .boxing_data dd{font-size:30px;font-weight:700;color:#ea7404;}
.boxing_mt{ position:relative; margin-top:38px;}
.boxing_mt .txt {font-size:16px; position:absolute; left:0; bottom:5px;}
.win .border_text{border: 1px solid #eee;font-size: 16px;padding: 35px 30px; border-radius: 15px;}

.mobile .boxing_text .boxing_data, .border_text .boxing_data{display:flex;}
.mobile .boxing_text .boxing_data dt, .mobile .boxing_text .boxing_data dd, .mobile .border_text .boxing_data dt, .mobile .border_text .boxing_data dd{display:flex;width:50%;font-size:15px;}
.mobile .boxing_text .boxing_data dt, .mobile .border_text .boxing_data dt{justify-content: flex-start;}
.mobile .boxing_text .boxing_data dd, .mobile .border_text .boxing_data dd{font-size:25px;font-weight:700;color:#ea7404;justify-content: flex-end;}
.mobile .boxing_mt{margin-top:20px;}
.mobile .boxing_mt .txt {font-size:15px;}
.mobile .border_text{border:1px solid #eee;font-size:16px;padding:25px 20px;border-radius:10px;}

/*HIIW01000010*/
.form_wrap + .filter_wrap{margin-top: 80px;}
.win .insu_item .insu_pay .txt{display:block;font-size:16px;padding:30px 0 10px 0;}

/*HILF02010011*/
.svc_step{display:inline-flex;justify-content:center;text-align:center;width:100%;margin-top:30px;border-bottom: 1px solid #FFF;padding-bottom:34px;}
.svc_step li{position:relative;padding-top:94px;width:100px;font-size:15px;color:#777;margin:0 20px;}
.svc_step li::before{content:'';width:80px;height:80px;border-radius:50%;position:absolute;top:0;left:calc(50% - 40px); background-color:#fff; background-repeat:no-repeat; background-position:center;}
.svc_step li .num{color:#FFF;font-size:18px;font-weight:400;background:#ea7404;width:26px;height:26px;border-radius:50%;text-align:center;position:absolute;top:0;left:5px;}
.win .svc_step li:nth-of-type(1)::before{background-image:url(/assets/images/web/ico_svc01.png);}
.win .svc_step li:nth-of-type(2)::before{background-image:url(/assets/images/web/ico_svc02.png);}
.win .svc_step li:nth-of-type(3)::before{background-image:url(/assets/images/web/ico_svc03.png);}

.mobile .svc_step{display:flex; justify-content:space-between; padding-bottom:22px;}
.mobile .svc_step li{width:85px;padding-top:83px;font-size:13px;margin:0;}
.mobile .svc_step li::before{width:75px;height:75px;;left:50%;transform:translateX(-50%); background-size:75px;}
.mobile .svc_step li .num{font-size:12px;line-height:19px;width:20px;height:20px;left:4px;}
.mobile .svc_step li:nth-of-type(1)::before{background-image:url(/assets/images/mobile/ico_svc01.png);}
.mobile .svc_step li:nth-of-type(2)::before{background-image:url(/assets/images/mobile/ico_svc02.png);}
.mobile .svc_step li:nth-of-type(3)::before{background-image:url(/assets/images/mobile/ico_svc03.png);}

/*HILF02010040*/
.win .boxing_text .check_box.no_mgt{margin-top:0;}
.win .boxing_text .check_box.no_mgt + ol li{list-style:decimal;margin: 10px 0 0 14px;}
.mobile .boxing_text .check_box.no_mgt + ol li{list-style:decimal;margin: 10px 0 0 14px;}

/*HILF02010052*/
.win .boxing_text + .agreement_section{margin-top:40px;}
.mobile .boxing_text + .agreement_section{margin-top:26px;}

/*HILF02010070*/
.mobile .toggle_wrap .tbl_row.tbl_sole tr th{width: 104px;}
.mobile .toggle_wrap .tbl_row.tbl_sole tr td{width: calc(100% - 104px);}

/* 펀드서비스 이용안내 */
.fund_srv_info {font-size:16px; line-height: 26px;}
.fund_srv_info > ul {margin-top:20px; background:#f6f6f6; border-radius:12px; padding:27px 40px;}
.fund_srv_info > ul > li {display:inline-block; width:calc(50% - 2px); vertical-align:top; border-right:1px dotted #ddd;}
.fund_srv_info > ul > li:last-child {padding-left:39px; border:0;}
.fund_srv_info .tit {position:relative; display:block; font-weight: 500; padding-left:28px;}
.fund_srv_info .tit:before {position:absolute; content:''; top:4px; left:0; width:20px; height:20px; background:url(/assets/images/web/ico_fund.png) no-repeat;}
.fund_srv_info .tit.call:before {background-position:-25px 0;}
.fund_srv_info .btn.line {min-width:160px;}

.win .fund_srv_info ul.list_dot {margin-top:4px;}
.win .fund_srv_info ul.list_dot > li:not(:first-child) {margin-top:2px;}

/*HICC00000010 소비자포털 홈 /New2025 */
/* 소비자포털 전체메뉴 */
.mobile .accordion.cc_total{display:none !important;}
.win .accordion.cc_total{position:relative;margin:0 auto;width:1180px;border:0;} 
.win .accordion.cc_total .guide_txt{position:absolute;top:0;right:0;font-size:14px;color:#777;}
.win .accordion.cc_total .title > a{display:inline-block;border:0;padding:0 37px 0 0;font-size:20px;font-weight:700;}
.win .accordion.cc_total .title > a > .ico{top:8px;right:0;}
.win .accordion.cc_total .panel{border-top:1px solid #eee;border-bottom:1px solid #ccc;margin-top:15px;padding:0 0 20px 40px;} 
.win .accordion.cc_total .panel.active{margin-bottom:50px;}
.win .cc_total .cc_all{display:flex;flex-wrap:wrap;flex-direction:column;height:420px;}
.win .cc_total .cc_all > .sec{width:25%;margin-top:20px;padding-right:40px;box-sizing:border-box;}
.win .cc_total .sec h3{font-size:18px;color:#000;font-weight:500;}
.win .cc_total .sec h3 a{color:#000}
.win .cc_total .sec > ul{padding-top:7px;}
.win .cc_total .sec > ul > li > a{display:inline-block;padding:2px 0;color:#555;line-height:22px;font-size:15px;font-weight:300;}
.win .cc_total .sec > ul > li > a:hover{color:#ea7404;}

.win .cc_visual{display:none !important;}
.mobile .cc_visual{position:relative;margin:-20px -20px 0 -20px;background:#fff7e4;}
.mobile .cc_visual .inner{position:relative;margin:0 auto;width:100%;height:440px;padding:26px 20px;color:#000;}
.mobile .cc_visual .inner .m_txt1{letter-spacing:-1px;line-height:21px;font-weight:400;font-size:14px;}
.mobile .cc_visual .inner .m_txt2{display:block;margin-top:10px;line-height:30px;font-weight:500;font-size:25px;}
.mobile .cc_visual .visual_img{position:absolute;bottom:30px;right:50%;width:295px;height:267px;transform:translateX(50%);}
.mobile .cc_visual .visual_img > img{max-width:100%;}

.win .cc_biz_section{display:none !important;}
.mobile .cc_biz_section{position:relative;margin:-84px 0 0 0;width:auto;}
.mobile .cc_biz_section .cc_biz_list{border:1px solid #ea7404;border-radius:15px;padding:32px 25px 30px;background:#fff;text-align:center;}
.mobile .cc_biz_section .cc_biz_list > *[class^="h"]{display:none;}
.mobile .cc_biz_section .cc_biz_list > ul{width:100%;display:flex;justify-content:center;}
.mobile .cc_biz_section .cc_biz_list > ul > li{width:50%;}
.mobile .cc_biz_section .cc_biz_list > ul > li > a{padding-top:80px;display:inline-flex;}
.mobile .cc_biz_section .cc_biz_list > ul > li > a > strong{display:block;font-size:17px;font-weight:500;color:#000;}
.mobile .cc_biz_section .cc_biz_list > ul > li:first-child a{background:url(/assets/images/mobile/ico_ccbiz_01.png) center 0 / 82px no-repeat;}
.mobile .cc_biz_section .cc_biz_list > ul > li:last-child a{background:url(/assets/images/mobile/ico_ccbiz_02.png) center 0 / 82px no-repeat;}

.win .cc_section{width:1180px;margin:50px auto 0;}
.win .cc_section > ul{display:flex;flex-wrap:wrap;gap:20px;text-align:center;}
.win .cc_section > ul > li{flex-basis:280px;flex-grow:0;border-radius:10px;border:1px solid #ccc;background-color:#fff;}
.win .cc_section > ul > li > a{position:relative;display:block;padding:36px 10px 10px;height:321px;border-radius:10px;pointer-events:none;}
.win .cc_section > ul > li > a::before{content:'';display:block;position:absolute;left:50%;top:80px;transform:translateX(-50%);width:90px;height:72px;background:url(/assets/images/web/ico_ccbiz_w.png) 0 0 no-repeat;}
.win .cc_section > ul > li:nth-of-type(1) > a::before{background-position:0 0;}
.win .cc_section > ul > li:nth-of-type(2) > a::before{background-position:-90px 0;}
.win .cc_section > ul > li:nth-of-type(3) > a::before{background-position:-180px 0;}
.win .cc_section > ul > li:nth-of-type(4) > a::before{background-position:-270px 0;}
.win .cc_section > ul > li:nth-of-type(5) > a::before{background-position:-360px 0;}
.win .cc_section > ul > li:nth-of-type(6) > a::before{background-position:-450px 0;}
.win .cc_section > ul > li:nth-of-type(7) > a::before{background-position:-540px 0;}
.win .cc_section > ul > li:nth-of-type(8) > a::before{background-position:-630px 0;}
.win .cc_section > ul > li > a > strong{display:block;line-height:24px;font-weight:500;font-size:20px;color:#000;}
.win .cc_section > ul > li > a > span{display:block;margin-top:110px;line-height:22px;font-weight:400;font-size:15px;color:#777;}
.win .cc_section > ul > li > a > button{margin-top:20px;pointer-events:auto;}
.mobile .cc_section > ul{margin-top:40px;}
.mobile .cc_section > ul > li{border-radius:10px;}
.mobile .cc_section > ul > li:not(:first-child){margin-top:15px;}
.mobile .cc_section > ul > li > a{position:relative;display:block;padding:27px 25px 25px 25px;pointer-events:auto;}
.mobile .cc_section > ul > li > a::before{content:'';display:block;position:absolute;bottom:30px;right:25px;height:53px;background:url(/assets/images/mobile/ico_ccbiz_m.png) 0 0/378px 53px no-repeat;}
.mobile .cc_section > ul > li:nth-of-type(1){background-color:#fef4ea;}
.mobile .cc_section > ul > li:nth-of-type(1) > a::before{width:63px;background-position:0 0;}
.mobile .cc_section > ul > li:nth-of-type(2){background-color:#fff9e7;}
.mobile .cc_section > ul > li:nth-of-type(2) > a::before{width:63px;background-position:-63px 0;}
/* .mobile .cc_section > ul > li:nth-of-type(3), .mobile .cc_section > ul > li:nth-of-type(4){} mobile not used */
.mobile .cc_section > ul > li:nth-of-type(5){background-color:#effbe5;}
.mobile .cc_section > ul > li:nth-of-type(5) > a::before{width:63px;background-position:-126px 0;}
.mobile .cc_section > ul > li:nth-of-type(6){background-color:#dff4f6;}
.mobile .cc_section > ul > li:nth-of-type(6) > a::before{width:63px;background-position:-189px 0;}
.mobile .cc_section > ul > li:nth-of-type(7){background-color:#e8f4ff;}
.mobile .cc_section > ul > li:nth-of-type(7) > a::before{width:63px;background-position:-252px 0;}
.mobile .cc_section > ul > li:nth-of-type(8){background-color:#ebeffd;}
.mobile .cc_section > ul > li:nth-of-type(8) > a::before{width:63px;background-position:-315px 0;}
.mobile .cc_section > ul > li > a > strong{display:block;position:relative;line-height:23px;font-weight:500;font-size:17px;color:#000;}
.mobile .cc_section > ul > li > a > span{display:block;position:relative;margin-top:10px;line-height:20px;font-weight:400;font-size:13px;color:#777;}
.mobile .cc_section > ul > li > a > button{display:none !important;}

/* 대외 금융서비스 안내 /2412 */
.win .cc_service_list{margin:50px auto 0;width:1180px;}
.win .cc_service_list > *[class^="h"]{margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #bebebe;font-size:20px;}
.win .cc_service_list > ul{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;}
.win .cc_service_list > ul > li{flex-basis:330px;flex-grow:0;}
.win .cc_service_list > ul > li > a{display:flex;justify-content:space-between;align-items:center;position:relative;padding-left:15px;line-height:32px;font-weight:500;font-size:18px;color:#000;pointer-events:none;}
.win .cc_service_list > ul > li > a::before{content:'';display:block;position:absolute;top:calc(50% - 2px);left:0;width:4px;height:4px;border-radius:50%;background-color:#000;}
.win .cc_service_list > ul > li > a > button{pointer-events:auto;}
.mobile .cc_service_list > ul > li{border-radius:10px;border:1px solid #666;}
.mobile .cc_service_list > ul > li:not(:first-child){margin-top:15px;}
.mobile .cc_service_list > ul > li > a{display:block;padding:13px 5px 14px;line-height:18px;border-radius:10px;font-weight:500;font-size:15px;text-align:center;color:#000;pointer-events:auto;}
.mobile .cc_service_list > ul > li > a > button{display:none !important;}

/* 상품 개발 프로세스 /2412 */
.prod_process_box .process_step > li{display:flex;gap:40px;position:relative;padding:30px 30px 25px 40px;border-radius:20px;border:1px solid #ccc;}
.prod_process_box .process_step > li::before{content:'';display:block;border-radius:50%;background-color:#f4f4f4;background-repeat:no-repeat;}
.prod_process_box .process_step > li .processInfo > .tit{display:block;position:relative;padding-left:40px;line-height:26px;font-weight:700;font-size:22px;color:#000;}
.prod_process_box .process_step > li .processInfo > .tit > .num{display:block;position:absolute;top:0;left:0;width:26px;height:26px;line-height:25px;border-radius:50%;background:#ea7404;font-weight:400;font-size:18px;color:#fff;text-align:center;}
.prod_process_box .process_step > li .processInfo > .txt{display:block;margin-top:12px;padding-left:40px;line-height:26px;font-weight:400;font-size:16px;color:#777;}
.win .prod_process_box{margin-top:50px;}
.win .prod_process_box .process_step > li::before{min-width:100px;height:100px;background-image:url(/assets/images/web/ico_devProcess_w.png);background-size:700px 100px;}
.win .prod_process_box .process_step > li:nth-of-type(1)::before{background-position:0 0;}
.win .prod_process_box .process_step > li:nth-of-type(2)::before{background-position:-100px 0;}
.win .prod_process_box .process_step > li:nth-of-type(3)::before{background-position:-200px 0;}
.win .prod_process_box .process_step > li:nth-of-type(4)::before{background-position:-300px 0;}
.win .prod_process_box .process_step > li:nth-of-type(5)::before{background-position:-400px 0;}
.win .prod_process_box .process_step > li:nth-of-type(6)::before{background-position:-500px 0;}
.win .prod_process_box .process_step > li:nth-of-type(7)::before{background-position:-600px 0;}
.win .prod_process_box .process_step > li:not(:last-child){margin-bottom:32px;}
.win .prod_process_box .process_step > li:not(:last-child)::after{content:'';display:block;position:absolute;bottom:-20px;left:calc(50% - 8.5px);width:10px;height:10px;border-bottom-right-radius:2px;border-right:2px solid #aaa;border-bottom:2px solid #aaa;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);}
.mobile .prod_process_box{margin-top:35px;}
.mobile .prod_process_box .process_step > li{align-items:center;gap:20px;padding:24px 20px 20px 20px;border-radius:10px;}
.mobile .prod_process_box .process_step > li::before{min-width:70px;height:70px;background-image:url(/assets/images/mobile/ico_devProcess_m.png);background-size:490px 70px;}
.mobile .prod_process_box .process_step > li:nth-of-type(1)::before{background-position:0 0;}
.mobile .prod_process_box .process_step > li:nth-of-type(2)::before{background-position:-70px 0;}
.mobile .prod_process_box .process_step > li:nth-of-type(3)::before{background-position:-140px 0;}
.mobile .prod_process_box .process_step > li:nth-of-type(4)::before{background-position:-210px 0;}
.mobile .prod_process_box .process_step > li:nth-of-type(5)::before{background-position:-280px 0;}
.mobile .prod_process_box .process_step > li:nth-of-type(6)::before{background-position:-350px 0;}
.mobile .prod_process_box .process_step > li:nth-of-type(7)::before{background-position:-420px 0;}
.mobile .prod_process_box .process_step > li:not(:last-child){margin-bottom:25px;}
.mobile .prod_process_box .process_step > li:not(:last-child)::after{content:'';display:block;position:absolute;bottom:-15px;left:calc(50% - 3.5px);width:7.5px;height:7.5px;border-bottom-right-radius:2px;border-right:2px solid #aaa;border-bottom:2px solid #aaa;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);}
.mobile .prod_process_box .process_step > li .processInfo > .tit{padding-left:30px;line-height:20px;font-size:17px;}
.mobile .prod_process_box .process_step > li .processInfo > .tit > .num{width:20px;height:20px;line-height:20px;font-size:13px;}
.mobile .prod_process_box .process_step > li .processInfo > .txt{padding-left:0;line-height:21.5px;font-size:14px;}



/* 소비자보호 강화 방안/2305 */
.box_radius_gray{background-color:#f6f6f6;transition:all .2s linear;}
.box_radius_gray .box_point{transition:all .2s linear;}
.box_radius_gray .box_point.cor01{border-color:#d6c2af !important;background-color:#ffebd8 !important;}
.box_radius_gray .box_point.cor02{border-color:#bdcdb2 !important;background-color:#eafade !important;}
.box_radius_gray .box_point.cor03{border-color:#afbdca !important;background-color:#e5f1fc !important;}
.box_radius_gray .box_point .highlight{font-weight:500;}
.win .box_radius_gray{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 20px 70px;box-sizing:border-box;min-height:220px;border-radius:110px;}
.win .box_radius_gray:not(:first-of-type){margin-top:40px;}
.win .box_radius_gray .box_info{padding:15px 0;max-width:510px;color:#000;}
.win .box_radius_gray .box_info .tit{font-weight:bold;font-size:22px;}
.win .box_radius_gray .box_info .list_dot{margin-top:15px;}
.win .box_radius_gray .box_info .list_dot > li{line-height:1.3em;font-size:15px;}
.win .box_radius_gray .box_info .list_dot > li::before{top:7px;}
.win .box_radius_gray .box_info .list_dot > li:not(:first-child){margin-top:5px;}
.win .box_radius_gray .box_point{display:flex;justify-content:center;align-items:center;overflow:hidden;max-width:180px;width:100%;height:180px;line-height:1.4em;border-radius:50% 50%;border:1px solid #dedede;background-color:#fff;text-align:center;color:#000;}
.mobile .box_radius_gray{padding:25px 20px;border-radius:10px;}
.mobile .box_radius_gray:not(:first-of-type){margin-top:35px;}
.mobile .box_radius_gray .box_info{padding:0 5px;}
.mobile .box_radius_gray .box_info .tit{font-weight:bold;font-size:17px;}
.mobile .box_radius_gray .box_info .list_dot{margin-top:15px;}
.mobile .box_radius_gray .box_info .list_dot > li{line-height:1.5em;font-size:14px;}
.mobile .box_radius_gray .box_info .list_dot > li::before{top:9px;}
.mobile .box_radius_gray .box_info .list_dot > li:not(:first-child){margin-top:10px;}
.mobile .box_radius_gray .box_point{margin-top:25px;padding:25px 15px;line-height:1.4em;border-radius:10px;border:1px solid #dedede;background-color:#fff;text-align:center;}

/*HIBN01000011*/
.win .governing_title .ico_vip { display:block; width:180px; height:180px; background:url(/assets/images/web/ico_vip.png) no-repeat; margin:0 auto 35px; }
.win .goods_img_area { border:1px #bebebe solid; border-width:1px 0 1px 0; padding:20px 0 40px; }
.goods_img_area > .imp_txt { margin-top:0; }
.win .goods_img{ width:500px; margin:35px auto 0; }
.win .goods_img li { padding-bottom:50px; }
.win .goods_img li:not(:first-child) { margin-top:30px; }
.goods_img .img_text { position:relative; width:100%; border:1px #ccc solid; }
.goods_img .img_text img { width:100%; }
.goods_img .img_text span { position:absolute; left:0; bottom:-40px; width:100%; font-size:18px; text-align:center; }

.mobile .governing_title .ico_vip { display:block; width:130px; height:130px; background:url(/assets/images/mobile/ico_vip.png) center/100% no-repeat; margin:0 auto 25px; }
.mobile .goods_img { margin:25px 10px 0; }
.mobile .goods_img li:not(:first-child){margin-top:20px;}
.mobile .goods_img li { padding-bottom:30px; }
.mobile .goods_img .img_text span { bottom:-30px; font-size:14px;  }

/* 고객불편주요사례 */
.inner_qa .qbox {position:relative; font-weight:700; line-height: 26px; padding:0 0 25px 24px; border-bottom:1px solid #ddd;}
.inner_qa .qbox:before {position:absolute; content:'Q'; top:-1px; left:0; }
.inner_qa .abox {position:relative; line-height: 26px; padding-left:24px;margin-top:25px;}
.inner_qa .abox:before {position:absolute; content:'A'; top:-1px; left:0; color:#ea7404; font-weight: 700;;}
.inner_qa .abox .list_normal li, .inner_qa .abox .list_bar {margin-top:10px;}
.inner_qa .abox .stit {display:block; font-weight: 500; margin-top:10px;}

.mobile .inner_qa .qbox {line-height: 22px; padding-bottom:16px;}
.mobile .inner_qa .abox {line-height: 22px; margin-top:15px;}

/* 고객불편주요사례개선/2306 */
.mobile .consumer.payment_graph.img_win{display:none;}
.win .consumer.payment_graph.img_mobile{display:none;}
.consumer.payment_graph > div{margin-top:50px;text-align:center;}

.mobile .consumer.payment_graph img{display:inline-block;width:100%;max-width:350px;}

/* 랜딩페이지 이미지슬라이드 */
.slide_manual {padding-top:90px;}
.slide_manual .slick-dots {position:absolute; top:45px; left:40px; right:40px; margin:0;}
.slide_manual .slick-arrow {position:absolute; top:30px; width:36px; height:36px; border:1px solid #d2d2d2; border-radius:50%; font-size:1px; color:transparent}
.slide_manual .slick-arrow:before {position:absolute; content:''; top:10px; left:10px; width:16px; height:16px; background: url(/assets/images/mobile/arr_heart.png) no-repeat; background-size: auto 16px;}
.slide_manual .slick-prev {left:20px;}
.slide_manual .slick-next {right:20px;}
.slide_manual .slick-next:before {background-position: 100% 0;;}
.slide_manual img {max-width: 100%;;}
.slide_manual .slick-slide {margin:0 20px; border:1px solid #ccc; border-radius: 10px; overflow: hidden;}

/* footer 인증팝업 */
.pop_auth_box {padding:10px; background:#f1f1f1;}
.pop_auth_box .conts {padding:25px 20px; background:#fff;}
.pop_auth_box .img_box img {display:block; margin:0 auto;}
.pop_auth_box .boxing_text {margin-top:20px; padding:15px 25px !important; font-size:14px !important;line-height: 24px; }
.pop_auth_box .boxing_text h2 {font-weight: 500;}

/*직영사이트 개선2305 */
.dm_wrap{margin:-75px 0 60px 0;}
.dm_visual {background: linear-gradient(#ffffff, #fef4e6);}
.dm_visual_top {position:relative;text-align:center;padding-top:25px;height:365px; background: url(/assets/images/web/bg_dm_visual.png) center top no-repeat;} /* 수정2305 */
.win .dm_visual_info .category .hilife {display: inline-block; width:65px; height:27px; vertical-align: bottom; background:url(/assets/images/web/goods_hilife.png) no-repeat; background-size:100%;}
.win .dm_visual_info .category .hicar {display: inline-block; width:78px; height:21px; vertical-align: bottom; background:url(/assets/images/mobile/goods_hicar.png) no-repeat; background-size:100%;}
.win .dm_visual_info .category .type {display: inline-block; margin-left:6px; vertical-align: bottom; font-size:18px;}
.win .dm_visual_info .name {font-size:36px; line-height:40px; font-weight:700; margin-top:13px;display: block;}
.win .dm_visual_info .code {font-size:18px; line-height:34px; margin-top:4px; display:block; font-weight:500;}
.win .dm_visual_info .desc {font-size:16px; line-height:26px; font-weight:400; margin-top:16px; color:#333;} /* 수정2305 */
.win .dm_visual_info .btn_area {margin:35px 0 0 0;}
.win .dm_visual_info .btn_area button {display:inline-block; height:46px; padding:0 29px; margin-right:6px; font-weight: 500; border:1px solid #ffc287; border-radius: 23px; background:#fff;box-shadow:3px 6px 13px 0px rgba(255,194,135,0.6);}
.win .dm_visual_info .btn_area button span {display:block; line-height:42px; padding-left:27px;background:url(/assets/images/web/ico_down.png) 0 center no-repeat;}
.win .dm_visual_top .btn_pos {position:absolute; top:70px; right:0;}
.win .dm_visual_top .btn_pos .btn.share{background-color:#FFF;}
.win .dm_visual_top .img {position:absolute; right:112px; bottom:85px; width:444px;}
.dm_visual_top .img img{max-width:100%;}

.win .dm_info{position:relative;border-radius:15px;background:#FFF;box-shadow:3px 4px 8px 4px rgba(221,221,221,0.6);margin-top:-120px;padding:35px 50px;}/* 수정2305 */
.win .dm_info_top{font-size:20px;font-weight:bold;margin-bottom:25px;display:block;}
.win .dm_info_top::after{content:'';background: url(/assets/images/web/ico_won.png) 0 0 no-repeat;width:24px;height:20px;display: inline-block;vertical-align:middle;margin-left:6px;}
.win .dm_info .list_bar {font-size:15px; line-height: 25px; margin-top:14px;}
.win .dm_info_bottom{display:flex;}
.win .dm_info_bottom > div:last-child{margin-left:40px;padding-left:40px;width:50%;}
.win .dm_info_bottom > div:last-child::before{content:'';border-left:1px solid #000; position:absolute;top:0;left:0; bottom:0;}
.win .dm_info_bottom > div{width: calc(50% - 40px);position:relative;}
.win .dm_info_notice .agreement{width:100%;}
.win .tab_contents + .dm_btns{margin-top:60px;}
.win .dm_btns{margin-top:40px;}
.win .dm_btns .dmfill{background:#337bf6;margin-right: 8px;}
.win .dm_btn_box{position:absolute;right:42px;bottom:53px}
.win .dm_btn_box .btn.ass{margin-right:8px;}
.win .dm_btn_box .btn .share { text-align:left; padding-left:28px; background:url(/assets/images/web/ico_dm_share.png) 0 center no-repeat; display: block; padding-left: 28px;}
.win .dm_btn_box > .text{position:absolute;right:0;top:0;font-size:14px;color:#777;}

.win .form_dm .radio_box{margin-right:20px;}
.win .form_dm .check_box{margin:0;padding-left:30px;position:relative;margin-left:10px;}
.win .form_dm .check_box::before{content:'';background-color:#CCC;width:1px;height:26px;position:absolute;left:0;}
.win .form_dm .inp_txt, .win .form_dm input[type="tel"], .win .form_dm select {height:46px; line-height: 44px; font-size:16px; padding:0 16px;}
.win .form_dm .inp_txt::placeholder{font-size: 16px;}
.win .form_dm .contact_item .item:first-of-type{width:94px;}
.win .form_dm .contact_item .item{width: calc(100% - 104px);}
.win .form_dm .form_list:not(:first-child) {margin-top:25px;}
.win .form_dm .form_list .cell2 > div{width: calc(50% - 10px);}
.win .form_dm .ui_tooltip_wrap{position:absolute;top:11px;right:14px;}
.win .dm_info_notice .agreement_title .h3{margin-bottom:20px;font-size:18px; line-height: 24px;;}
.win .dm_info_notice .agreement_title .h3 + p{font-size:15px;margin-bottom:20px;}
.win .dm_info_notice .agreement .agree_item .btn_chk{padding:13px 10px;font-size:16px;}
.win .dm_info_notice .agreement_section .agreemen_list > ul{border-bottom:1px solid #CCC;padding: 11px 10px 11px 10px;}
.win .dm_info_notice .agreement_section .agreemen_list .radio_title,
.win .dm_info_notice .agreement_section input[type="radio"] + label {font-size:16px;}
.win .dm_info_notice .agreement .terms_intro{margin-bottom:15px; background:0; padding:0; font-size:14px; line-height: 24px; font-weight: 300; color: #555; border-radius: 0;}
.win .dm_info_notice .agreement_title .tag.pick{height:23px;padding:0 9px;font-size:15px;margin-right:6px;line-height:21px; margin-top:0;}
.win .dm_info_notice .agreement .terms_conf_no{font-size:14px;color:#777;margin-top:16px;}

.mobile .dm_wrap{margin:-15px -20px 0 -20px;}
.mobile .dm_visual_top{text-align:left; padding:0px 20px 45px 20px; height:auto; background:none;} /*2305 수정*/
/* .mobile .dm_visual_top:before{position:absolute; content:''; bottom:0; right:0; width:100%; height:100%;z-index: -1;} */
.mobile .dm_visual_top .btn_pos {position:absolute; top:-10px; right:20px;}
.mobile .dm_visual_info .category .hilife {width:48px; height:20px;display: inline-block;vertical-align: bottom; background:url(/assets/images/web/goods_hilife.png) no-repeat; background-size:100%;}
.mobile .dm_visual_info .category .type {display: inline-block; margin-left:6px; vertical-align: bottom; font-size:14px;line-height:16px;}
.mobile .dm_visual_info .name {font-size:20px; line-height:35px; margin-top:5px;font-weight:700;display:block;}
.mobile .dm_visual_info .code {font-size:14px; line-height: 24px; margin:4px 0 0 7px;font-weight:400;}
.mobile .dm_visual_info .desc {font-size:13px; line-height: 23px; margin-top:6px; word-break:keep-all;font-weight:400;color:#333;}
.mobile .dm_visual_info .btn_area {position:absolute; left:20px; bottom: 50px;}
.mobile .dm_visual_info .btn_area button {display:inline-block; height:46px; padding:0 15px; font-weight: 500; border:1px solid #ffc287; border-radius: 23px; background:#fff;box-shadow: 3px 6px 13px 0px rgba(255,194,135,0.6);}
.mobile .dm_visual_info .btn_area button span {display:block; line-height:42px; padding-left:22px;background:url(/assets/images/web/ico_down.png) 0 center no-repeat;font-size:13px;}
.mobile .dm_visual_top .img {position:absolute; right:20px; bottom:28px; width:266px; z-index:-1;}
.mobile .dm_info{position:relative; padding:25px 20px 50px 20px; border-bottom:10px solid #f0f0f0; margin-bottom:50px; border-top-left-radius:20px;border-top-right-radius:20px;margin-top:-28px;background-color: #FFF;z-index: 5;}
.mobile .dm_info_top{font-size:16px;font-weight:bold;margin-bottom:15px;display:block;}
.mobile .dm_info_top::after{content:'';background: url(/assets/images/mobile/ico_won.png) 0 0 no-repeat;width:20px;height:17px;display: inline-block;vertical-align:middle;margin-left:6px;background-size:20px;}
.mobile .form_dm .form_list .cell2{display:flex;}
.mobile .form_dm .form_list .inp_txt{height:40px;line-height:40px;font-size:14px;}
.mobile .form_dm .form_list .inp_txt::placeholder{font-size:14px;}
.mobile .form_dm .form_list:first-child .cell2 .col:not(.rdo_group){width:180px;}
.mobile .form_dm .form_list:first-child .cell2 .col.rdo_group{width: calc(100% - 180px);display:flex;align-items:center;margin-left:19px;justify-content:flex-start;}
.mobile .form_dm .form_list:first-child .cell2 .col.rdo_group .form_item{display:flex;justify-items:center;}
.mobile .form_dm .form_list:first-child .cell2 .col .radio_box{margin-right:10px;padding:0;}
.mobile .form_dm .form_list .radio_box label{padding-left:32px;}
.mobile .form_dm .form_list .radio_box label::before{width:24px;height:24px;}
.mobile .form_dm .form_list .radio_box input:checked + label::before{background-position: -90px 0;}
.mobile .form_dm .form_list:not(:first-child){margin-top:10px;}
.mobile .form_dm .form_list:not(:first-child) .cell2{display:block;}
.mobile .form_dm .form_list:not(:first-child) .cell2 .col{display: block;}
.mobile .form_dm .contact_item{position:relative;margin-top:10px;}
.mobile .form_dm .contact_item select{height:40px;line-height:38px;font-size:14px;}
.mobile .form_dm .contact_item input[type="tel"]{height:40px;line-height:40px;font-size:14px;}
.mobile .form_dm .contact_item input[type="tel"]::placeholder{font-size:14px;}
.mobile .form_dm .contact_item .ui_tooltip_wrap{position:absolute;top:50%;transform:translateY(-50%);right:20px;z-index:1;}


.mobile .form_dm .form_list .cell2 > div {float:none; width:100%;}
.mobile .form_dm .form_list.brd_dash { border-bottom:1px #ddd dashed; padding-bottom:10px;}
/* .mobile .form_dm .form_list.brd_dash .radio_box label{padding-left:32px;}
.mobile .form_dm .form_list.brd_dash .radio_box label::before{width:24px;height:24px;} */
.mobile .dm_info_notice .agreement .terms_intro {padding:0; background:none; font-size:14px; line-height: 22px; font-weight: 300;}
.mobile .dm_info_notice .agreement .h3{font-size:12px;}
.mobile .dm_info_notice .agreement .tag.pick{height:18px;line-height:16px;font-size:11px;padding: 0 8px;}
.mobile .dm_info_notice .agreemen_list .agree_item .btn_chk{font-size:12px;padding: 8px 40px 8px 10px;}
.mobile .form_dm .form_list label{font-size:14px;}
.mobile .form_dm .radio_box{margin-right:20px;}
.mobile .form_dm .check_box{margin:0;padding-left:30px;position:relative;}
.mobile .form_dm .check_box::before{content:'';background-color:#CCC;width:1px;height:27px;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.mobile .form_dm .list_bar{margin-top:15px;}
.mobile .dm_info_notice{margin-top:17px;}
.mobile .dm_info_notice .agreement_title .h3{margin-bottom:6px;}
.mobile .dm_info_notice .agreement_title .h3 + p{font-size:14px;margin-bottom:20px;color:#333;}
.mobile .dm_info_notice .agreement_section .agreemen_list > ul{border-bottom:1px solid #CCC;padding: 2px 10px;}
.mobile .dm_info_notice .agreement_section .agreemen_list > ul li span{font-size:12px;}
.mobile .dm_btns.btns{display:flex;justify-content:space-between;align-items: flex-end;margin-top: 20px;}
.mobile .dm_btns.btns .btn{min-width:calc(50% - 5px);width:calc(50% - 5px);flex:inherit;margin-top:0 !important;}
.mobile .dm_btns .dmfill{background:#337bf6;margin-right:8px;}
.mobile .dm_btn_box{text-align:right;margin-top:30px;}
.mobile .dm_btn_box .btn{margin-left:8px;}
.mobile .dm_btn_box .btn .share{ text-align:left; padding-left:28px; background:url(/assets/images/web/ico_dm_share.png) 0 center no-repeat; display: block; padding-left: 28px;}
.mobile .dm_btn_box .text{font-size:12px;margin-top:15px;color:#333;}
.mobile .tab_contents + .dm_btns{margin-top:40px;}
/* 버튼이 하나일 때 */
.mobile .dm_btns{margin-top:20px;} 
.mobile .dm_btns button.btn{margin:0;}

/*DMSP00000002*/
.win .month_info{border: 1px solid #ff8a00;background:#ffedd9;padding:40px 0;border-radius:15px;text-align:center;}
.win .dialog .governing:not(.pc_hide) + .month_info {margin-top:8px !important}
.win .month_info .cost{font-size:36px;font-weight:400;}
.win .month_info .cost p{font-size:20px;font-weight:700;}
.win .month_info .cost strong{font-weight:700;margin:20px 5px 0 0;display:inline-block;}
.win .month_info .info{margin-top:30px;display:block;font-size:18px;}
.win .month_info .info span{position:relative;font-weight:700;margin-right:6px;padding-right:10px;vertical-align:middle;}
.win .month_info .info span::after{content:'';background:#000;width:2px;height:12px;position:absolute;right:0;top:50%;transform:translateY(-50%);}

.mobile .month_info{border: 1px solid #ff8a00;background:#ffedd9;padding:35px 0;border-radius:15px;text-align:center;}
.mobile .month_info .cost{font-size:27px;font-weight:400;}
.mobile .month_info .cost p{font-size:16px;font-weight:700;}
.mobile .month_info .cost strong{font-weight:700;margin:20px 5px 0 0;display:inline-block;}
.mobile .month_info .info{margin-top:24px;display:block;font-size:14px;}
.mobile .month_info .info span{position:relative;font-size:14px;font-weight:700;margin-right:6px;padding-right:10px;vertical-align:top;}
.mobile .month_info .info span::after{content:'';background:#000;width:2px;height:10px;position:absolute;right:0;top:50%;transform:translateY(-50%);}

/*DMSP00000003*/
.win .complete_sc{border-top:1px solid #e4e4e4;margin-top:40px;padding-top:40px;font-size:16px;color:#777;font-weight:400;}
.mobile .complete_sc{border-top:1px solid #e4e4e4;margin:25px 15px 25px 15px;padding-top:25px;font-size:16px;color:#777;font-weight:400;}

@media screen and (device-width:320px) {
    .mobile .btn.sgrey {min-width:20px; font-size:12px;}
}
@media (min-width:320px) and  (max-width:360px) {
    .mobile .form_dm .form_list:first-child .cell2 .col:not(.rdo_group){width:126px;}
    .mobile .form_dm .form_list:first-child .cell2 .col.rdo_group{width: calc(100% - 126px);}
}
/* 하이카서비스 - 고장출동서비스 교육자료 /2212 */
.mobile .hicarServiceWrap{display:block;height:100%;background:#fff;}
.mobile .hicarServiceWrap .service_wrap{position:relative;height:100%}
.mobile .hicarServiceWrap .service_header{z-index: 10;display:flex;justify-content:center;align-items:center;position:sticky;top:0;left:0;width:100%;height:65px;background:#fff;transition: box-shadow 0.5s;}
.mobile .hicarServiceWrap .service_header h1{height:19px;line-height:19px;font-weight:bold;font-size:15px}
.mobile .hicarServiceWrap .service_header h1 .logo{display:block;padding-left:25px;background:url('/assets/images/mobile/logo_hi_monitoring.png') 0 0 no-repeat; background-size:auto 19px;}
.mobile .hicarServiceWrap .service_content{overflow:auto;padding:20px 20px 90px;height:100%;box-sizing:border-box;background:#fff;}
.mobile .hicarServiceWrap .service_content .governing .governing_title.info_service{line-height:1.35em;font-size:23px}
.mobile .hicarServiceWrap .service_content .list_box_service{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:40px !important;}
.mobile .hicarServiceWrap .service_content .list_box_service li{margin-bottom:4%;width:48%;box-sizing:border-box}
.mobile .hicarServiceWrap .service_content .list_box_service li img{width:100%;}
.mobile .hicarServiceWrap .service_content .list_box_service li a{display:block;padding:13.5% 0;width:100%;border-radius:15px;border:1px solid #ccc;transition:all .2s linear}
.mobile .hicarServiceWrap .service_content .list_box_service li a:focus{outline:1px dotted  #ea7404;}
.mobile .hicarServiceWrap .service_content .list_box_service li a:active{border-color:#ea7404;box-shadow:0 0 5px rgba(234,116,4,0.2);}
.mobile .hicarServiceWrap .service_content .list_box_service li a .imgArea{margin:0 auto;width:50px}
.mobile .hicarServiceWrap .service_content .list_box_service li a .imgArea + .txtArea{margin-top:5px}
.mobile .hicarServiceWrap .service_content .list_box_service li a .txtArea{text-align:center;font-size:15px;line-height:1.4em}
.mobile .hicarServiceWrap .service_content .list_box_service li a .txtArea .tit{display:block;font-weight:500;color:#ea7404}
.mobile .hicarServiceWrap .service_content .list_box_service li a .txtArea .txt{display:block;color:#000}
/* 자동차보상 과실 관련 QnA/2305 */
.mobile .hicarServiceWrap .service_content .governing{text-align:center;}
.mobile .hicarServiceWrap .service_content .governing > *{text-align:left;}
.mobile .hicarServiceWrap .service_content .governing .governing_title.tit_bg_qa{display:inline-block;margin:0 auto;padding-right:50px;min-height:40px;line-height:39px;background:url(/assets/images/mobile/img_hicar_tiQa.png) no-repeat right top;background-size:40px auto;font-weight:bold;}
.mobile .hicarServiceWrap .service_content .governing .governing_sub{font-size:15px;color:#777;}
.mobile .hicarServiceWrap .service_content .governing .governing_sub > strong{font-weight:600;color:#000;}
.mobile .hicarServiceWrap .service_content .list_box_qa{display:flex;flex-direction:column;margin-top:30px !important;}
.mobile .hicarServiceWrap .service_content .list_box_qa > li{margin-bottom:15px;border-radius:15px;}
.mobile .hicarServiceWrap .service_content .list_box_qa > li:nth-child(even) > a{background-color:#f4f4f4;}
.mobile .hicarServiceWrap .service_content .list_box_qa > li > a{display:flex;justify-content:space-between;padding:15px 20px 15px 27px;width:100%;border-radius:15px;border:1px solid #ccc;background-color:#fff9eb;transition:all .2s linear}
.mobile .hicarServiceWrap .service_content .list_box_qa > li > a:focus{outline:1px dotted  #ea7404;}
.mobile .hicarServiceWrap .service_content .list_box_qa > li > a:active{border-color:#ea7404;box-shadow:0 0 5px rgba(234,116,4,0.2);}
.mobile .hicarServiceWrap .service_content .list_box_qa > li > a .imgArea{width:55px}
.mobile .hicarServiceWrap .service_content .list_box_qa > li > a .imgArea > img{width:100%;}
.mobile .hicarServiceWrap .service_content .list_box_qa > li > a .txtArea{text-align:left;font-weight:500;font-size:17px;line-height:1.6em;color:#000;}
.mobile .hicarServiceWrap .service_img{position:relative;}
.mobile .hicarServiceWrap .service_img img{width:100%;}
.mobile .hicarServiceWrap .service_btn{position:fixed;display:flex;left:0;right:0;bottom:0;margin:0;padding:0 10px 20px;z-index:10;}

/* 보험계약대출 상품설명서 추가/2309 */
.infoGraphInsuLoan{margin-top:5px;padding:15px 20px;border-radius:15px;border:1px solid #ccc;}
.infoGraphInsuLoan ul{display:flex;justify-content:space-between;}
.infoGraphInsuLoan ul li{text-align:center;font-size:14px;}
.infoGraphInsuLoan .graphDate{position:relative;}
.infoGraphInsuLoan .graphDate::after{content:'';display:block;position:absolute;top:50%;width:100%;height:1px;background-color:#000;}
.infoGraphInsuLoan .graphDate li{display:flex;flex-direction:column;align-items:center;position:relative;}
.infoGraphInsuLoan .graphDate li::after{content:'';display:block;position:absolute;top:50%;margin-top:-5px;left:50%;width:1px;height:5px;background-color:#000;}
.infoGraphInsuLoan .graphDate li > span{display:block;margin-bottom:5px;min-height:20px;line-height:20px;font-weight:normal;font-size:14px;text-align:center;}
.infoGraphInsuLoan .graphDate li > strong{display:block;font-weight:600;font-size:14px;}
.infoGraphInsuLoan .graphBar{display:flex;justify-content:flex-start;margin-top:3px;padding:0 1.8% 0 2.5%;}
.infoGraphInsuLoan .graphBar li{padding:2px 10px;box-sizing:border-box;height:25px;line-height:19px;border:1px solid #333;font-weight:normal;font-size:13px;color:#000;}
.infoGraphInsuLoan .graphBar .bar1{width:41%;background-color:#ffdeca;}
.infoGraphInsuLoan .graphBar .bar2{margin-top:24px;width:40.2%;background-color:#caffe6;}
.infoGraphInsuLoan .graphBar .bar3{width:18.8%;background-color:#ffdeca;}
.mobile .infoGraphInsuLoan .graphDate li > span{font-size:13px;}
.mobile .infoGraphInsuLoan .graphDate li > strong{font-size:12px;}
.mobile .infoGraphInsuLoan .graphBar{padding:0 3.5% 0 5.5%;}
.mobile .infoGraphInsuLoan .graphBar li{overflow:hidden;padding:2px 0;font-size:12px;}
.mobile .infoGraphInsuLoan .graphBar .bar1{width:41%;}
.mobile .infoGraphInsuLoan .graphBar .bar2{width:41%;}
.mobile .infoGraphInsuLoan .graphBar .bar3{width:18%;}
@media screen and (max-width:360px) {
  .mobile .infoGraphInsuLoan .graphBar{padding:0 4% 0 6.5%;}
}


/** 모바일/외부 랜딩 - (NAVER)사고접수 서비스선택 /수정20240821 **/
.mobile .landing .governing + .list_box_service{margin-top:15px !important;}
.mobile .landing .governing .governing_title.info_service{padding:0 0 10px;line-height:1.35em;font-size:23px;}
.mobile .landing .list_box_service{display:flex;flex-wrap:wrap;flex-direction:column;}
.mobile .landing .list_box_service li{margin-bottom:15px;box-sizing:border-box;}
.mobile .landing .list_box_service li img{width:100%;}
.mobile .landing .list_box_service li a{display:flex;justify-content:center;flex-direction:column;gap:18px;overflow:hidden;width:100%;height:100%;min-height:213px;box-sizing:border-box;border-radius:15px;border:1px solid #ccc;transition:all .1s ease;}
.mobile .landing .list_box_service li a:focus{border-color:#ea7404;box-shadow:inset 0 0 6px rgba(234,116,4,0.2);outline:1px dotted #ea7404;}
.mobile .landing .list_box_service li a:focus:not(:focus-visible){outline:none;}
.mobile .landing .list_box_service li a:focus .imgArea,
.mobile .landing .list_box_service li a:active .imgArea{transition:all .2s ease;background-color:#fbe2bf;}
.mobile .landing .list_box_service li a:focus .txtArea .tit{font-weight:700;color:#ea7404;}
.mobile .landing .list_box_service li a:active{border-color:#ea7404;}
.mobile .landing .list_box_service li a .imgArea{margin:0 auto;padding:26.5px 15px;width:89px;height:89px;box-sizing:border-box;border-radius:44px;background-color:#eee;}
.mobile .landing .list_box_service li a .txtArea{text-align:center;line-height:1.4em;}
.mobile .landing .list_box_service li a .txtArea .tit{display:block;font-weight:400;font-size:20px;color:#333;}
.mobile .landing .list_box_service li a .txtArea .txt{display:block;font-weight:normal;font-size:14px;color:#333;line-height:1.4em;}
.mobile .landing .list_box_service li a .txtArea .tit + .txt{margin-top:10px;}
.mobile .landing .list_box_service + .using_app_guide{margin-top:15px;}
.mobile .landing .list_box_service + .using_app_guide *[class*="h"]{margin-bottom:10px;}
.mobile .landing .list_box_service + .using_app_guide .pc_hide.icon_hdhs{margin:30px auto 0;}
.mobile .landing .install_app.v_mo{margin-top:5px;}
.mobile .landing .line_pos_box .btn{margin-top:20px;}


/* 모바일 서류(사진)등록 첨부 예시/2403 */
.exPhotoWrap{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:10px;}
.exPhotoWrap .exBox{padding:17px 0 14px;width:100%;box-sizing:border-box;border-radius:6px;border:1px solid #ccc;background-color:#f4f4f4;text-align:center;}
.exPhotoWrap .exBox .img{display:block;overflow:hidden;margin:0 auto;max-width:95px;}
.exPhotoWrap .exBox .img > img{width:100%;}
.exPhotoWrap .exBox .txt{display:inline-block;font-weight:normal;font-size:13px;color:#777;}

/* only 모바일_굿앤굿어린이종합보험Q 상담신청 화면內 20240528 */ 
.mobile .only_mobtn {height: 45px;line-height: 44px;background: #fff;border: 1px solid #666;border-radius: 10px;color: #000;vertical-align: top;text-align: center;margin-top: 10px;}
.mobile .only_mobtn a, .mobile .only_mobtn2 a{display:inline-block;width:100%}
.mobile .only_mobtn .directcall {font-size: 15px;font-weight: 600;background: url(/assets/images/mobile/ico_hitel_b.png) right 5px center no-repeat;display: inline-block;padding-right: 35px;background-size: 23px auto;}
.mobile .only_mobtn .directcall + span{font-size: 12px;color:#131313}
.mobile .only_mobtn2 .directcall_s {font-size: 12px;background: url(/assets/images/mobile/ico_hitel_b.png) right 5px center no-repeat;display: inline-block;padding-right: 25px;background-size: 13px auto;}

/* 보험상품 /New2024 */
.insuProdWrap_dm .insuProdTop::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to bottom, #fff, #fdf3e6);
}

.insuProdWrap_dm .insuProdTop .insuInfoTit {
    position: relative;
    padding: 15px 0 0 15px;
}

.insuProdWrap_dm .insuProdTop .insuInfoTit .insuCategory {
    height: 16px;
    line-height: 15px;
}

.insuProdWrap_dm .insuProdTop .insuInfoTit .insuCategory .hilife {
    display: inline-block;
    width: 65px;
    height: 27px;
    vertical-align: bottom;
    background: url(/assets/images/web/goods_hilife.png) no-repeat;
    background-size: 100%;
}

.insuProdWrap_dm .insuProdTop .insuInfoTit .insuCategory .hicar {
    display: inline-block;
    width: 78px;
    height: 21px;
    vertical-align: bottom;
    background: url(/assets/images/mobile/goods_hicar.png) no-repeat;
    background-size: 100%;
}

.insuProdWrap_dm .insuProdTop .insuInfoTit .insuCategory .type {
    display: inline-block;
    vertical-align: bottom;
    font-size: 18px;
}

.insuProdWrap_dm .insuProdTop .insuInfoTit .insuCategory .type:first-child {
    margin-left: 0;
}

.insuProdWrap_dm .insuProdTop .insuInfoTit .insuName {
    margin-top: 13px;
    line-height: 50px;
    font-size: 36px;
    font-weight: 700;
}

.insuProdWrap_dm .insuProdTop .insuInfoTit .insuCode {
    margin-top: 4px;
    line-height: 34px;
    font-size: 20px;
}

.insuProdWrap_dm .insuProdTop .insuInfoTit .desc {
    margin-top: 16px;
    line-height: 28px;
    font-weight: 300;
    font-size: 18px;
}

.insuProdWrap_dm .insuProdTop .insuInfoTit .desc .sub {
    font-weight: 400;
    font-size: 15px;
}

.insuProdWrap_dm .insuProdTop .insuInfoTit .highlight {
    font-weight: 400;
}

.insuProdWrap_dm .insuProdTop .insuInfoImg {
    position: relative;
    min-height: 320px;
}

.insuProdWrap_dm .insuProdTop .insuInfoBtn {
    position: relative;
    width: 100%;
}

.insuProdWrap_dm .insuProdTop .insuInfoBtn strong {
    font-weight: 700;
}

.insuProdWrap_dm .insuProdTop .insuInfoBtn .btn_area {
    position: absolute;
    bottom: 40px;
    left: 15px;
}

.insuProdWrap_dm .insuProdTop .insuInfoBtn .btn_area button {
    display: inline-block;
    height: 46px;
    padding: 0 29px;
    margin-right: 6px;
    font-weight: 500;
    border: 1px solid #ea7404;
    border-radius: 23px;
    background: #fff;
    box-shadow: 3px 5px 10px 0px rgba(234,116,4,0.16);
}

.insuProdWrap_dm .insuProdTop .insuInfoBtn .btn_area button span {
    display: block;
    line-height: 42px;
    padding-left: 27px;
    background: url(/assets/images/web/ico_down.png) 0 center no-repeat;
}

.insuProdWrap_dm .insuProdTop .insuInfoBtn .btn_pos {
    position: absolute;
    bottom: 284px;
    right: 0;
}

.insuProdWrap_dm .insuProdTop .insuInfoBtn .btn_pos .btn.share {
    border: 1px solid #ea7404;
    box-shadow: 3px 5px 10px 0px rgba(234,116,4,0.16);
}

.win .insuProdWrap_dm .insuProdTop {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0;
    width: 940px;
}

.win .insuProdWrap_dm .insuProdTop::before {
    top: 250px;
    height: 400px;
}

.mobile .insuProdWrap_dm .insuProdTop {
    position: relative;
    padding: 0 20px;
    width: 100%;
}

.mobile .insuProdWrap_dm .insuProdTop::before {
    height: 100%;
}

.mobile .insuProdWrap_dm .insuProdTop .insuInfoImg {
    margin: 22px auto 0;
    max-width: 315px;
    min-height: auto;
}

/* 수정241023 */
.mobile .insuProdWrap_dm .insuProdTop .insuInfoImg img {
    width: 100%;
}

.mobile .insuProdWrap_dm .insuProdTop .insuInfoTit {
    padding: 17px 0 0 10px;
}

.mobile .insuProdWrap_dm .insuProdTop .insuInfoTit .insuCategory .hilife {
    width: 48px;
    height: 20px;
}

.mobile .insuProdWrap_dm .insuProdTop .insuInfoTit .insuCategory .hicar {
    width: 64px;
    height: 16px;
}

.mobile .insuProdWrap_dm .insuProdTop .insuInfoTit .insuCategory .type {
    font-size: 15px;
    line-height: 16px;
}

.mobile .insuProdWrap_dm .insuProdTop .insuInfoTit .insuName {
    margin-top: 2px;
    line-height: 35px;
    font-size: 25px;
}

.mobile .insuProdWrap_dm .insuProdTop .insuInfoTit .insuCode {
    margin-top: 4px;
    line-height: 24px;
    font-size: 16px;
}

.mobile .insuProdWrap_dm .insuProdTop .insuInfoTit .desc {
    margin-top: 11px;
    line-height: 23px;
    word-break: keep-all;
    font-weight: 400;
    font-size: 15px;
}

.mobile .insuProdWrap_dm .insuProdTop .insuInfoTit .comment {
    display: inline-block;
    margin: 0 0 10px;
    font-weight: 300;
    font-size: 13px;
    color: #777;
}

.mobile .insuProdWrap_dm .insuProdTop .insuInfoBtn .btn_area {
    left: 0;
    top: -60px;
}

.mobile .insuProdWrap_dm .insuProdTop .insuInfoBtn .btn_area button {
    padding: 0 16px;
    height: 45px;
    font-size: 13px;
}

.mobile .insuProdWrap_dm .insuProdTop .insuInfoBtn .btn_area button span {
    padding-left: 23px;
    line-height: 43px;
}

.mobile .insuProdWrap_dm .insuProdTop .insuInfoBtn .btn_pos {
    top: -60px;
}

/* 상품안내 /New2024 */
.insuProdWrap_dm .insuProdContent .infoReviewBox {
    padding: 40px 60px;
    border-radius: 20px;
    border: 2px solid #ea7404;
    background-color: #fff;
}

.insuProdWrap_dm .insuProdContent .infoReview {
    display: flex;
    position: relative;
    padding: 40px 60px;
    border-radius: 20px;
    border: 2px solid #ea7404;
    background-color: #fff;
}

.insuProdWrap_dm .insuProdContent .infoReview ul {
    font-size: 16px;
    line-height: 26px;
    color: #777;
}

.insuProdWrap_dm .insuProdContent .infoReview ul li {
    position: relative;
    padding-left: 62px;
}

.insuProdWrap_dm .insuProdContent .infoReview ul li:not(:first-child) {
    margin-top: 30px;
}

.insuProdWrap_dm .insuProdContent .infoReview ul li::before {
    position: absolute;
    content: '';
    top: 5px;
    left: 0;
    width: 43px;
    height: 44px;
    background: url(/assets/images/web/ico_goods_cond.png) no-repeat;
}

.insuProdWrap_dm .insuProdContent .infoReview ul li.ic02::before {
    background-position: -50px 0;
}

.insuProdWrap_dm .insuProdContent .infoReview ul li.ic03::before {
    background-position: -100px 0;
}

.insuProdWrap_dm .insuProdContent .infoReview ul li > .tit {
    display: block;
    margin-bottom: 3px;
    line-height: 1.3em;
    font-weight: 500;
    font-size: 20px;
    color: #000;
}

.insuProdWrap_dm .insuProdContent .infoReview ul li > .txt {
    display: block;
    margin-top: 3px;
    line-height: 1.4em;
    font-size: 16px;
    color: #777
}

.insuProdWrap_dm .insuProdContent .infoReview .hi_pass {
    position: relative;
    border-radius: 20px;
    background-color: #f4f4f4;
    line-height: 1.2em;
    font-size: 18px;
    color: #000;
}

.insuProdWrap_dm .insuProdContent .infoReview .hi_pass::before {
    position: absolute;
    content: '';
    top: 25px;
    left: 50%;
    width: 48px;
    height: 48px;
    transform: translateX(-50%);
    border-radius: 100%;
    background: url(/assets/images/web/ico_goods_chk.png) no-repeat;
    box-shadow: 6px 4px 14px rgba(255,138,0,0.2)
}

.insuProdWrap_dm .insuProdContent .infoReview .hi_pass strong {
    display: block;
    margin-top: 8px;
    line-height: 30px;
    font-weight: 700;
    font-size: 24px;
    color: #ea7404
}

.insuProdWrap_dm .insuProdContent .infoReview > .txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    line-height: 1.5em;
    text-align: center;
    font-weight: 500;
    font-size: 21px;
}

.insuProdWrap_dm .insuProdContent .infoReview > .txt > .bold {
    margin-top: 20px;
    line-height: 1.4em;
    font-weight: 700;
    font-size: 28px;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReviewBox {
    padding: 26px 26px;
    border: 1px solid #ea7404;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview {
    flex-direction: column;
    padding: 25px 15px;
    border: 1px solid #ea7404;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview > .txt {
    gap: 0;
    font-size: 15px;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview > .txt > *:not(:first-child) {
    margin-top: 0;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview > .txt > .bold {
    margin-top: 20px;
    font-size: 19px;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview .img {
    margin-top: 20px;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview .img img {
    width: 100%;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview ul {
    font-size: 13px;
    line-height: 21px;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview ul li {
    position: relative;
    padding-left: 58px;
    line-height: 1.45em;
    font-size: 13px;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview ul li:not(:first-child) {
    margin-top: 25px;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview ul li::before {
    position: absolute;
    content: '';
    top: 4px;
    left: 10px;
    width: 36px;
    height: 37px;
    background: url(/assets/images/mobile/ico_goods_cond.png) no-repeat;
    background-size: auto 37px;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview ul li.ic02:before {
    background-position: -40px 0;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview ul li.ic03:before {
    background-position: -80px 0;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview ul li > .tit {
    margin-bottom: 3px;
    font-size: 16px;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview ul li > .txt {
    line-height: 1.5em;
    font-size: 13px;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview ul li > .txt > em {
    font-weight: 300;
    font-size: 13px;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview .hi_pass {
    margin-top: 25px;
    padding: 16px 5px 15px 65px;
    line-height: 1.2em;
    font-size: 15px;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview .hi_pass::before {
    top: 50%;
    left: 15px;
    width: 35px;
    height: 35px;
    transform: translateY(-50%);
    border-radius: 100%;
    background: url(/assets/images/mobile/ico_goods_chk.png) no-repeat;
    background-size: 100%;
    box-shadow: 3px 2px 7px #ffeeda
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview .hi_pass strong {
    margin-top: 5px;
    line-height: 1.25em;
    font-size: 17px;
}

.win .insuProdWrap_dm .insuProdContent {
    position: relative;
}

.win .insuProdWrap_dm .insuProdContent .infoReview {
    justify-content: space-between;
}

.win .insuProdWrap_dm .insuProdContent .infoReview .hi_pass {
    padding: 90px 0 0 0;
    width: 240px;
    height: 216px;
    text-align: center;
}

.insuProdWrap_dm .insuProdContent .infoReview.dirCol {
    flex-direction: column;
    padding: 35px 30px 40px;
}

.insuProdWrap_dm .insuProdContent .infoReview.dirCol > .tit {
    margin-bottom: 12px;
    line-height: 1.2em;
    text-align: center;
    font-weight: 400;
    font-size: 30px;
    color: #000;
}

.insuProdWrap_dm .insuProdContent .infoReview.dirCol > .txt {
    margin-bottom: 30px;
    line-height: 1.25em;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    color: #333;
}

.insuProdWrap_dm .insuProdContent .infoReview ul.icoList {
    display: flex;
    justify-content: space-evenly;
}

.insuProdWrap_dm .insuProdContent .infoReview ul.icoList li {
    margin-top: 0;
    padding: 95px 0 0;
    min-width: 110px;
    width: auto;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    color: #000;
}

.insuProdWrap_dm .insuProdContent .infoReview ul.icoList li::before {
    content: '';
    position: absolute;
    top: 0;
    left: calc(50% - 40px);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #f4f4f4 url(/assets/images/web/ico_goodsinfo.png) no-repeat;
}

.insuProdWrap_dm .insuProdContent .infoReview ul.icoList li.ico01::before {
    background-position: 0 0;
}

.insuProdWrap_dm .insuProdContent .infoReview ul.icoList li.ico02::before {
    background-position: -80px 0;
}

.insuProdWrap_dm .insuProdContent .infoReview ul.icoList li.ico03::before {
    background-position: -160px 0;
}

.insuProdWrap_dm .insuProdContent .infoReview ul.icoList li.ico04::before {
    background-position: -240px 0;
}

.insuProdWrap_dm .insuProdContent .infoReview ul.icoList li.ico05::before {
    background-position: -320px 0;
}

.insuProdWrap_dm .insuProdContent .infoReview ul.icoList li.ico06::before {
    background-position: 0 -80px;
}

.insuProdWrap_dm .insuProdContent .infoReview ul.icoList li.ico07::before {
    background-position: -80px -80px;
}

.insuProdWrap_dm .insuProdContent .infoReview ul.icoList li.ico08::before {
    background-position: -160px -80px;
}

.insuProdWrap_dm .insuProdContent .infoReview ul.icoList li.ico09::before {
    background-position: -240px -80px;
}

.insuProdWrap_dm .insuProdContent .infoIcoview {
    border-radius: 20px;
    padding: 25px 15px;
    border: 1px solid #ea7404;
    background-color: #fff;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview.dirCol {
    padding: 25px 20px;
    width: auto;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview.dirCol > .tit {
    margin-bottom: 10px;
    padding-left: 5px;
    line-height: 1.3em;
    text-align: left;
    font-size: 20px;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview.dirCol > .txt {
    margin-bottom: 15px;
    padding-left: 5px;
    line-height: 1.4em;
    text-align: left;
    font-size: 14px;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview ul.icoList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 15px 20px;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview ul.icoList li {
    display: block;
    margin-top: 0;
    min-width: 77px;
    font-size: 13px;
    padding: 75px 0 0;
    letter-spacing: -1px;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview ul.icoList li::before {
    left: calc(50% - 33.7px);
    width: 67.5px;
    height: 67.5px;
    background: #f4f4f4 url(/assets/images/mobile/ico_goodsinfo.png) 0 0/375px 150px no-repeat;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview ul.icoList li.ico01::before {
    background-position: -3px -4px;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview ul.icoList li.ico02::before {
    background-position: -78px -4px;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview ul.icoList li.ico03::before {
    background-position: -153px -4px;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview ul.icoList li.ico04::before {
    background-position: -228px -4px;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview ul.icoList li.ico05::before {
    background-position: -303px -4px;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview ul.icoList li.ico06::before {
    background-position: -3px -79px;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview ul.icoList li.ico07::before {
    background-position: -78px -79px;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview ul.icoList li.ico08::before {
    background-position: -153px -79px;
}

.mobile .insuProdWrap_dm .insuProdContent .infoReview ul.icoList li.ico09::before {
    background-position: -228px -79px;
}

@media screen and (max-width: 365px) {
    .mobile .insuProdWrap_dm .insuProdContent .infoReview ul.icoList {
        gap:15px 0;
    }
}

/* 상세내용 /New2024 */
.insuProdWrap_dm .insuProdContent.topLineOrg {
    border-top: 1px solid #ea7404;
    background-color: #fff;
}

/* no orange box */
.insuProdWrap_dm .insuProdContent .insuInfoBase .infoSubTxt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 40px;
    padding: 0 20px;
    height: 46px;
    line-height: 45px;
}

.insuProdWrap_dm .insuProdContent .insuInfoBase .infoSubTxt .txt {
    font-weight: 700;
    font-size: 24px;
    color: #000;
}

.insuProdWrap_dm .insuProdContent .insuInfoBase .infoSubTxt .btn {
    padding: 0 30px;
    height: 46px;
    line-height: 45px;
    font-size: 15px;
}

.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .infoSubTxt {
    margin: 0 0 30px;
    padding: 0;
    height: 30px;
    line-height: 29px;
}

.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .infoSubTxt .txt {
    font-size: 18px;
}

.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .infoSubTxt .btn {
    padding: 0 15px;
    height: 30px;
    line-height: 29px;
    font-size: 12px;
}

/* 핵심 보장 내용 */
.insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li:not(:first-child) {
    border-top: 1px solid #eee;
}

.insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .boxing_text {
    padding: 24px 30px;
    margin-top: 60px;
}

.insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .btn_box {
    margin-top: 10px;
    padding-left: 14px;
}

.insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .order {
    position: relative;
    display: inline-block;
    height: 36px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 36px;
    padding: 0 15px;
    margin-bottom: 18px;
    background: #ff8a00;
    border-radius: 10px;
}

.insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .order::before {
    position: absolute;
    content: '';
    left: -4px;
    top: 0;
    width: 9px;
    height: 9px;
    background: url(/assets/images/web/bg_tail.png) no-repeat;
}

.insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .sub {
    display: inline-block;
    font-weight: 300;
    font-size: 24px;
    color: #777;
}

.insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .detailSub {
    display: flex;
    justify-content: space-between;
}

.insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .detailSub .explain strong {
    font-weight: 700;
}

.insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .detailSub .explain .subTxt {
    line-height: 1.3em;
    font-size: 30px;
}

.insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .detailSub .explain .expTxt {
    margin-top: 15px;
    line-height: 1.5em;
    font-size: 18px;
    color: #333;
}

.insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .detailSub .explain *[class^="list"] {
    margin-top: 15px;
}

.insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .detailSub .explain *[class^="list"] li {
    margin-bottom: 15px;
    font-size: 18px;
}

.insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .detailSub .explain *[class^="list"] li .imp_txt {
    margin-top: 10px;
}

.insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .detailSub .explain .explain_in_btn {
    margin-top: 10px;
}

.insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .detailSub .img {
    margin-top: -18px;
    min-width: 240px;
}

.insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .detailSub .img > img {
    width: 100%;
}

.insuProdWrap_dm .insuProdContent .insuInfoBase .accordion .panel .explain_in_btn {
    margin-top: 5px;
}

.insuProdWrap_dm .insuProdContent .insuInfoBase .infoEtc .infoTermsNum {
    text-align: right;
    font-weight: 400;
    font-size: 16px;
    color: #777;
}

.win .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .detailSub .explain {
    width: calc(100% - 240px);
}

/* 추가241028 */
.win .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .detailSub .explain .explain_in_btn .base {
    height: 40px;
}

.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase {
    padding-top: 40px;
    background-color: #fff;
}

.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul {
    position: relative;
}

.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul:first-child:before {
    display: none;
}

.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li {
    padding: 25px 0;
    margin: 0;
    line-height: 23px;
    font-size: 15px;
}

.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li:first-child {
    padding-top: 0;
    border-top: 0;
}

.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .order {
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    padding: 0 13px;
    margin-bottom: 10px;
}

.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .order::before {
    left: -3px;
    width: 7px;
    height: 9px;
    background: url(/assets/images/mobile/bg_tail.png) no-repeat;
    background-size: 100%
}

.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .boxing_text {
    padding: 20px;
    margin-top: 30px;
}

.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .btn_box {
    margin-top: 5px;
    padding-left: 10px;
}

.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .sub {
    line-height: 1.2em;
    font-size: 14px;
}

.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .detailSub {
    flex-direction: column;
    position: relative;
    width: 100%;
}

.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .detailSub .explain {
    position: relative;
    z-index: 1;
}

.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .detailSub .explain .subTxt {
    width: calc(100% - 90px);
    min-height: 65px;
    line-height: 1.4em;
    font-weight: 400;
    font-size: 18px;
    color: #000;
}

.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .detailSub .explain .expTxt {
    margin-top: 10px;
    font-size: 14px;
}

.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .detailSub .explain *[class^="list"] {
    position: relative;
    margin-top: 20px;
    width: 100%;
}

.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .detailSub .explain *[class^="list"] li {
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 1.4em;
    font-size: 14px;
}

.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .detailSub .explain *[class^="list"] li .imp_txt {
    margin-top: 5px;
}

.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .detailSub .explain .list_dot > li::before {
    top: 8px;
}

.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .detailSub .explain .list_dot > li {
    padding-left: 10px;
}

.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .detailSub .img {
    position: absolute;
    top: -10px;
    right: 0;
    margin-top: 0;
    min-width: 110px;
    max-width: 110px;
}

.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .accordion {
    margin: 20px 0 25px;
}

.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .infoEtc .infoTermsNum {
    margin-top: 20px;
    line-height: 1.5em;
    font-weight: 300;
    font-size: 12px;
    color: #333;
}

.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .infoEtc .infoBtn > button {
    width: 100%;
}

.win .insuProdWrap_dm .insuProdContent .insuInfoBase {
    position: relative;
    margin: 60px auto 0;
    width: 940px;
}

.win .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li {
    position: relative;
    padding-bottom: 50px;
    padding-left: 20px;
    min-height: 265px;
    font-size: 18px;
    line-height: 28px;
}

.win .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li:not(:first-child) {
    padding-top: 60px;
    border-top: 1px solid #eee;
}

.win .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .inner {
    position: relative;
}

.win .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .inner .img {
    bottom: 0;
    right: 0;
}

.win .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .boxing_text ul.list_dot > li:not(:first-child) {
    margin-top: 10px;
}

.win .insuProdWrap_dm .insuProdContent .insuInfoBase .infoEtc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 20px 0;
}

.win .insuProdWrap_dm .insuProdContent .insuInfoBase .infoEtc .infoBtn .btn.line {
    min-width: 160px;
}

.win .insuProdWrap_dm .insuProdContent .insuInfoBase .accordion {
    margin-top: 40px;
}

/* 추가241028 */
/* mobile - Fixed button */
.insuProdWrap_dm .infoBtmBtn {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.mobile .insuProdWrap_dm .infoBtmBtn {
    position: fixed;
    bottom: 20px;
    left: 15px;
    justify-content: space-between;
    width: calc(100% - 30px);
    z-index: 3;
}

/* 수정2411 */
.mobile .insuProdWrap_dm .infoBtmBtn .btn {
    position: relative;
    margin: 0;
}

@media screen and (max-width: 360px) {
    .mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .detailSub .explain .subTxt {
        letter-spacing:-1px;
    }
}

@media screen and (max-width: 345px) {
    .mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .detailSub .explain .subTxt {
        font-size:16px;
    }
}

/* tooltip */
.mobile .insuProdWrap_dm .infoBtmBtn .btn > .calcTooltip {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    position: absolute;
    top: -31px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 9px 10px 9px 10px;
    width: 144px;
    height: 36px;
    line-height: 18px;
    border-radius: 15px;
    border: 1px solid #008cd3;
    background-color: #e8f7ff;
}

.mobile .insuProdWrap_dm .infoBtmBtn .btn > .calcTooltip::before {
    content: '';
    display: block;
    width: 19px;
    height: 18px;
    background: url(/assets/images/mobile/ic_bu_calcTooltip.png) no-repeat 0 0;
    background-size: 19px 18px;
}

.mobile .insuProdWrap_dm .infoBtmBtn .btn > .calcTooltip::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -6px;
    left: calc(50% - 5px);
    width: 10px;
    height: 10px;
    border-top-right-radius: 3px;
    border-top: 1px solid #008cd3;
    border-right: 1px solid #008cd3;
    background-color: #e8f7ff;
    transform: rotateZ(135deg)
}

.mobile .insuProdWrap_dm .infoBtmBtn .btn > .calcTooltip .txt {
    font-weight: 700;
    font-size: 13px;
    color: #000;
}

.mobile .insuProdWrap_dm .infoBtmBtn .btn > .calcTooltip .rollingTxt {
    height: 36px;
    line-height: 36px;
    font-family: Pretendard;
    font-weight: 700;
    font-size: 24px;
    color: #ea7404;
}

.mobile .insuProdWrap_dm .infoBtmBtn .btn > .calcTooltip .rollingTxt .num {
    display: block;
    overflow: hidden;
    width: 16px;
    height: 36px;
    line-height: 36px;
    text-align: center;
}

.mobile .insuProdWrap_dm .infoBtmBtn .btn > .calcTooltip .rollingTxt .num .num_list {
    display: block;
    margin-top: 0;
    width: 16px;
    line-height: 36px;
}

/* subtitle button */
.win.insuProdWrap_dm .assureDetail .subTitBtn {
    display: flex;
    justify-content: space-between;
    margin: 0 0 15px;
}

.win .insuProdWrap_dm .assureDetail .subTitBtn > [class*="h"] {
    margin-bottom: 0;
    line-height: 38px;
}

.win .insuProdWrap_dm .assureDetail .subTitBtn > .opt {
    height: 40px;
}

.win .insuProdWrap_dm .assureDetail .subTitBtn > .opt > .btn.base {
    height: 40px;
    font-size: 14px;
}

.mobile .insuProdWrap_dm .assureDetail .subTitBtn {
    display: flex;
}

.mobile .insuProdWrap_dm .assureDetail .subTitBtn > [class*="h"] {
    margin-bottom: 0;
    line-height: 28px;
}

.mobile .insuProdWrap_dm .assureDetail .subTitBtn > [class*="h"] + .opt {
    margin-top: 0 !important;
}

/* 상품안내 - 굿앤굿어린이종합보험Q / 굿앤굿스타종합보험 /2410 */
.insuProdWrap_dm .insuProdContent .children_total_slide {
    position: relative;
    overflow: inherit;
}

.insuProdWrap_dm .insuProdContent .children_total_slide .info_card {
    margin: 0 1px;
    background-color: #fff;
}

.insuProdWrap_dm .insuProdContent .children_total_slide .info_card .card_inner {
    border: none;
    border-radius: 0;
    padding: 0 10px 0 74px;
}

.insuProdWrap_dm .insuProdContent .children_total_slide .info_card .card_inner .list_dot {
    margin-top: 15px;
}

.insuProdWrap_dm .insuProdContent .children_total_slide .info_card .card_inner .list_dot li:not(:first-child) {
    margin-top: 1px;
}

.insuProdWrap_dm .insuProdContent .children_total_slide .info_card .subject {
    display: flex;
    align-items: center;
    line-height: 28px;
    font-size: 20px;
    font-weight: 700;
    color: #ea7404;
}

.insuProdWrap_dm .insuProdContent .children_total_slide .info_card .subject .sub {
    display: inline-block;
}

.insuProdWrap_dm .insuProdContent .children_total_slide .info_card .subject::before {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 25px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #f4f4f4 url(/assets/images/web/ico_childreninfo2409.png) no-repeat;
}

.insuProdWrap_dm .insuProdContent .children_total_slide .info_card .subject.ico01::before {
    background-position: 0 0;
}

.insuProdWrap_dm .insuProdContent .children_total_slide .info_card .subject.ico02::before {
    background-position: -80px 0;
}

.insuProdWrap_dm .insuProdContent .children_total_slide .info_card .subject.ico03::before {
    background-position: -160px 0;
}

.insuProdWrap_dm .insuProdContent .children_total_slide .info_card .subject.ico04::before {
    background-position: -240px 0;
}

.insuProdWrap_dm .insuProdContent .children_total_slide .info_card .subject.ico05::before {
    background-position: -320px 0;
}

.insuProdWrap_dm .insuProdContent .children_total_slide .info_card .subject.ico06::before {
    background-position: 0 -80px;
}

.insuProdWrap_dm .insuProdContent .children_total_slide .info_card .subject.ico07::before {
    background-position: -80px -80px;
}

.insuProdWrap_dm .insuProdContent .children_total_slide .info_card .subject.ico08::before {
    background-position: -160px -80px;
}

.insuProdWrap_dm .insuProdContent .children_total_slide .info_card .subject.ico09::before {
    background-position: -240px -80px;
}

.insuProdWrap_dm .insuProdContent .children_total_slide .info_card .explain {
    margin-top: 15px;
    line-height: 27px;
    font-weight: 500;
    font-size: 17px;
    word-break: keep-all;
}

.insuProdWrap_dm .insuProdContent .children_total_slide .slick-dots {
    height: 8px;
}

.win .insuProdWrap_dm .insuProdContent .children_total_slide::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: calc(100% - 35px);
    background-color: #ddd;
}

.win .insuProdWrap_dm .insuProdContent .children_total_slide button[class*="slick_"] {
    position: absolute;
    top: calc(50% - 30px);
    width: 59px;
    height: 59px;
    z-index: 99;
}

.win .insuProdWrap_dm .insuProdContent .children_total_slide button[class*="slick_"].slick-disabled {
    pointer-events: none;
    opacity: 0.4;
}

.win .insuProdWrap_dm .insuProdContent .children_total_slide button[class*="slick_"].slick-disabled:focus {
    outline: none;
}

.win .insuProdWrap_dm .insuProdContent .children_total_slide .slick_prev {
    background: url(/assets/images/web/ico_popup_arrow01.png) 0 0 no-repeat;
    left: -20px;
}

.win .insuProdWrap_dm .insuProdContent .children_total_slide .slick_next {
    background: url(/assets/images/web/ico_popup_arrow02.png) 0 0 no-repeat;
    right: -20px;
}

.win .insuProdWrap_dm .insuProdContent .children_total_slide .info_card .card_inner {
    min-height: 240px;
}

.mobile .insuProdWrap_dm .insuProdContent .children_total_slide .info_card {
    margin: 0 0 0 0;
}

.mobile .insuProdWrap_dm .insuProdContent .children_total_slide .info_card .card_inner {
    border: none;
    border-radius: 0;
    padding: 0 15px;
}

.mobile .insuProdWrap_dm .insuProdContent .children_total_slide .info_card .card_inner .list_dot {
    margin-left: 10px;
}

.mobile .insuProdWrap_dm .insuProdContent .children_total_slide .info_card .card_inner .list_dot li:not(:first-child) {
    margin-top: 5px;
}

.mobile .insuProdWrap_dm .insuProdContent .children_total_slide .info_card .subject {
    font-size: 18px;
}

.mobile .insuProdWrap_dm .insuProdContent .children_total_slide .info_card .subject::before {
    margin-right: 20px;
    width: 67.5px;
    height: 67.5px;
    background: #f4f4f4 url(/assets/images/mobile/ico_childreninfom2409.png) 0 0/337.5px 135px no-repeat;
}

.mobile .insuProdWrap_dm .insuProdContent .children_total_slide .info_card .subject.ico01::before {
    background-position: 0 0;
}

.mobile .insuProdWrap_dm .insuProdContent .children_total_slide .info_card .subject.ico02::before {
    background-position: -67.5px 0;
}

.mobile .insuProdWrap_dm .insuProdContent .children_total_slide .info_card .subject.ico03::before {
    background-position: -135px 0;
}

.mobile .insuProdWrap_dm .insuProdContent .children_total_slide .info_card .subject.ico04::before {
    background-position: -202.5px 0;
}

.mobile .insuProdWrap_dm .insuProdContent .children_total_slide .info_card .subject.ico05::before {
    background-position: -270px 0;
}

.mobile .insuProdWrap_dm .insuProdContent .children_total_slide .info_card .subject.ico06::before {
    background-position: 0 -67.5px;
}

.mobile .insuProdWrap_dm .insuProdContent .children_total_slide .info_card .subject.ico07::before {
    background-position: -67.5px -67.5px;
}

.mobile .insuProdWrap_dm .insuProdContent .children_total_slide .info_card .subject.ico07::before {
    background-position: -135px -67.5px;
}

.mobile .insuProdWrap_dm .insuProdContent .children_total_slide .info_card .subject.ico08::before {
    background-position: -202.5px -67.5px;
}

.mobile .insuProdWrap_dm .insuProdContent .children_total_slide .info_card .explain {
    margin-top: 5px;
    margin-left: 10px;
    line-height: 23px;
    font-size: 15px;
}

.mobile .insuProdWrap_dm .insuProdContent .children_total_slide .slick-dots li {
    margin: 0 2px;
}

.mobile .insuProdWrap_dm .insuProdContent .children_total_slide button[class*="slick_"] {
    display: none !important;
}

.mobile .insuProdWrap_dm .insuProdContent .children_total_slide .slick-list {
    padding: 0 5px;
}

.mobile .insuProdWrap_dm .insuProdContent .children_total_slide {
    margin: 0 -20px;
}

/* only 모바일_하이콜운전자상해보험Q 상담신청 화면內 20240812 */ 
.mobile .only_mobtnhicaldrive {text-align:right;width:100%}
.mobile .only_mobtnhicaldrive a{display:inline-block;height: 45px;line-height: 44px;background: #959595;border-radius: 10px;color: #fff;vertical-align: top;text-align: center;margin-top: 10px;width:calc(50% - 5px)}
.mobile .only_mobtnhicaldrive .directcall02 {font-size: 11px;color:#fff;background: url(/assets/images/mobile/ico_hitel_b2.png) right center no-repeat;display: inline-block;padding-right: 25px;background-size: 17px auto;}

/* 마이페이지 계약담당자 Icon 리스트 /2410 */
.insuContractList{position:relative;display:flex;flex-wrap:wrap;flex-direction:column;}
.insuContractList > .contactInfo{position:relative;width:100%;border:1px solid #666;border-radius:10px;background:#fff;}
.win .insuContractList{gap:10px;margin-top:18px;}
.win .insuContractList > .contactInfo{padding:20px 20px 20px 125px;}
.win .insuContractList > .contactInfo > .ico{position:absolute;display:block;top:calc(50% - 30px);left:33px;width:60px;height:60px;border-radius:50%;background-color:#f9f9f9;background-repeat: no-repeat;background-position:0 0;}
.win .insuContractList > .contactInfo > .ico.personal{background-image:url(/assets/images/web/ico_contact1.png);} /* 담당자 */
.win .insuContractList > .contactInfo > .ico.agency{background-image:url(/assets/images/web/ico_contact2.png);} /* 지점, 콜센터 */
.win .insuContractList > .contactInfo > .ico.sms{background-image:url(/assets/images/web/ico_contact3.png);} /* 문자접수 */
.win .insuContractList > .contactInfo > .ico.app{background-image:url(/assets/images/web/ico_contact5.png);} /* 모바일 앱 접수*/
.win .insuContractList > .contactInfo > .name{font-weight:500;font-size:16px;color:#000;}
.win .insuContractList > .contactInfo > .name > strong{font-weight:700;font-size:18px;}
.win .insuContractList > .contactInfo > .phone{font-weight:700;font-size:16px;color:#000;}
.win .insuContractList > .contactInfo > .phone > strong{display:inline-block;margin-top:10px;font-weight:700;font-size:30px;color:#ea7404;}
.win *[class^=h] + .insuContractList{margin-top:15px !important;}
.mobile .insuContractList{gap:8px;margin-top:10px;}
.mobile .insuContractList > .contactInfo{display:flex;padding:15px 18px;min-height:55px;}
.mobile .insuContractList > .contactInfo > .ico{display:none;}
.mobile .insuContractList > .contactInfo > .name{color:#777;width:35%;line-height:21px;font-weight:400;font-size:15px;color:#000;}
.mobile .insuContractList > .contactInfo > .phone,
.mobile .insuContractList > .contactInfo > .message{padding-right:30px;width:65%;line-height:21px;text-align:right;text-decoration:none;font-weight:700;font-size:15px;color:#000;}
.mobile .insuContractList > .contactInfo > .phone::after{content:'';position:absolute;display:block;top:50%;right:18px;transform:translateY(-50%);width:20px;height:20px;background:url(/assets/images/mobile/ico_hitel.png) center/100% no-repeat;}
.mobile .insuContractList > .contactInfo > .message::after{content:'';position:absolute;display:block;top:50%;right:18px;transform:translateY(-50%);width:20px;height:20px;background:url(/assets/images/mobile/ico_sms.png) center/100% no-repeat;}
.mobile .insuContractList > .contactInfo.flexRow{flex-direction:row;flex-wrap:wrap;}
.mobile .insuContractList > .contactInfo.flexRow .name{width:100%;}
.mobile .insuContractList > .contactInfo.flexRow .name > strong{font-weight:700;font-size:16px;}
.mobile .insuContractList > .contactInfo.flexRow .phone,
.mobile .insuContractList > .contactInfo.flexRow .message{width:100%;text-align:left;}
.mobile .insuContractList > .contactInfo.flexRow .phone > strong,
.mobile .insuContractList > .contactInfo.flexRow .message > strong{display:inline-block;margin-top:6px;font-size:21px;color:#ea7404;}


/* 국가검색프로세스 - 회원가입 /2411 */
.nat_select{border:1px solid #aaa; border-width:1px 0;}
.nat_select .nat_tit{display:flex;}
.nat_select .nat_tit span{display:block; width:40%; padding:17px 20px; text-align:center; background-color:#f6f6f6; border:1px solid #ddd; border-width:0 0 1px 1px;}
.nat_select .nat_tit span:first-of-type{width:20%; border-left:0;}
.nat_select .nat_list .nat{display:flex;}
.nat_select .nat_list .nat a{display:flex; align-items:center; width:40%; padding:17px 20px; border:1px solid #ddd; border-width:0 0 1px 1px;}
.nat_select .nat_list .nat a:focus-visible{outline-offset:-1px;}
.nat_select .nat_list .nat:last-of-type a{border-bottom:0;}
.nat_select .nat_list .nat .nat_code{justify-content:center; width:20%; border-left:0;}
.nat_select .nat_list .nat.on{outline: 1px solid #F8670D; outline-offset:-1px;} /* 선택 시 */
.win .nat_select .nat_list{overflow-y:auto; max-height:201px;}
.win .nat_select .nat_tit.scroll span:last-child{width:calc(40% + 18px);}/* 스크롤 있는경우 */
.mobile .nat_select .nat_tit span{padding:12px 7px; font-size:13px;}
.mobile .nat_select .nat a{padding:12px 7px; font-size:14px;}

/* 모바일/알림톡 - 긴급출동 서비스 /수정2508 */
.landing.emCaseWrap{font-family:'Pretendard','Noto Sans','Malgun Gothic',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif !important;}
.landing.emCaseWrap img{width:100%;}
.landing.emCaseWrap .header_out{position:sticky;height:75px;background-color:#fdf0df;}
.landing.emCaseWrap .header_out .inner{height:75px;justify-content:center;padding:0 20px;}
.landing.emCaseWrap .header_out .inner .logo{width:80.5px;height:17px;} 
.landing.emCaseWrap .header_out .inner h1{font-size:15px;width:calc(100% - 100px);font-weight:700;line-height:21px;text-align:right;}
.landing.emCaseWrap .governing{padding:10px 20px 20px;background-color:#fdf0df;text-align:center;}
.landing.emCaseWrap .governing::before{content:'';display:block;margin:0 auto 6px;width:81px;height:71.5px;background:url(/assets/images/mobile/ico_case_hi.png) no-repeat 0 0;background-size:100% auto;}
.landing.emCaseWrap .governing .governing_title{line-height:1.3em;font-weight:500;font-size:24px;-webkit-transition:all .3s ease;transition:all .3s ease;}
.landing.emCaseWrap .governing .txt{margin-top:5px;line-height:1.3em;font-weight:400;font-size:16px;}
.landing.emCaseWrap .section{margin-top:0 !important;padding:40px 20px 40px;}
.landing.emCaseWrap .section.bgGrey{background-color:#f5f5f7;}
.landing.emCaseWrap .section.bgOrag{background-color:#fef7f0;}
/* intro */
.landing.emCaseWrap .emCaseList > .caseBrk{background:#deedfd url(/assets/images/mobile/ico_caseList_brk.png);-webkit-animation:aniFilterBlur .5s both ease;animation:aniFilterBlur .5s both ease;}
.landing.emCaseWrap .emCaseList > .caseAcd{background:#e4f5db url(/assets/images/mobile/ico_caseList_acd.png);-webkit-animation:aniFilterBlur .5s both ease .1s;animation:aniFilterBlur .5s both ease .1s;}
.landing.emCaseWrap .emCaseList > *[class^="case"]{position:relative;border-radius:10px;box-sizing:border-box;background-repeat:no-repeat;background-position:30px 50%;background-size:87.5px auto;-webkit-transition:all .3s ease;transition:all .3s ease;}
.landing.emCaseWrap .emCaseList > *[class^="case"]:not(:first-child){margin-top:15px;}
.landing.emCaseWrap .emCaseList > *[class^="case"] > a{display:flex;align-items:center;padding:20px 10px 20px 130px;min-height:110px;border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease;}
.landing.emCaseWrap .emCaseList > *[class^="case"] > a .infoText .tit{display:inline-block;padding-right:12px;line-height:1.2em;background:url(/assets/images/mobile/arr_case_org.png) no-repeat 100% 50%;background-size:6px 10px;font-weight:700;font-size:18px;color:#ea7404;}
.landing.emCaseWrap .emCaseList > *[class^="case"] > a .infoText .txt{display:block;margin-top:5px;line-height:1.3em;font-weight:500;font-size:13px;color:#000;}
@media screen and (max-width:340px) {
  .landing.emCaseWrap .emCaseList > *[class^="case"]{background-position:15px 50%;}
  .landing.emCaseWrap .emCaseList > *[class^="case"] > a{padding:20px 5px 20px 110px;}
}
@keyframes aniFilterBlur {
  0%{-webkit-filter: blur(15px) opacity(0);filter: blur(15px) opacity(0);}
  100%{-webkit-filter: blur(0) opacity(1);filter: blur(0) opacity(1);}
}
/* 서비스안내 */
.landing.emCaseWrap .emCaseReview > *{position:relative;padding:12px 15px 11px;border-radius:5px;line-height:1.3em;font-weight:400;font-size:13px;}
.landing.emCaseWrap .emCaseReview > *:not(:first-child){margin-top:20px;}
.landing.emCaseWrap .emCaseReview > *::after{content:'';display:block;position:absolute;bottom:-17.5px;width:35px;height:17.5px;background-repeat:no-repeat;background-position:0 0;background-size:35px 17.5px;}
.landing.emCaseWrap .emCaseReview > *:first-child{background-color:#f6e5e4;}
.landing.emCaseWrap .emCaseReview > *:first-child::after{right:15px;background-image:url(/assets/images/mobile/bu_caseReview_box1.png);}
.landing.emCaseWrap .emCaseReview > *:nth-child(2n){background-color:#ede6f7;}
.landing.emCaseWrap .emCaseReview > *:nth-child(2n)::after{left:15px;background-image:url(/assets/images/mobile/bu_caseReview_box2.png);}
.landing.emCaseWrap .emCaseReview > *:nth-child(3n){background-color:#e0e5fa;}
.landing.emCaseWrap .emCaseReview > *:nth-child(3n)::after{right:15px;background-image:url(/assets/images/mobile/bu_caseReview_box3.png);}
.landing.emCaseWrap .emCaseReview > * > .tit > em{margin-right:5px;font-weight:600;color:#ea7404;}
.landing.emCaseWrap .emCaseReview > * > .tit > span{font-weight:400;color:#000;}
.landing.emCaseWrap .emCaseReview > * > .txt{display:block;margin-top:6px;font-weight:400;color:#000;}
.landing.emCaseWrap .emCaseReview > * > .txt > strong{font-weight:600;}
.landing.emCaseWrap hr{margin:0;}
.landing.emCaseWrap .hxt{margin:0 0 10px;font-weight:700;font-size:19px;}
.landing.emCaseWrap .ixt{line-height:1.3em;font-weight:400;font-size:14px;color:#000;}
.landing.emCaseWrap .ixt > *:not(:first-child){margin-top:5px;}
.landing.emCaseWrap .hxt + .ixt{margin-top:0;}
.landing.emCaseWrap .hxt + *,
.landing.emCaseWrap .hxt + .ixt + *{margin-top:30px;}
.landing.emCaseWrap .emStepList > *{display:flex;align-items:center;padding:3px;border-radius:10px;background-color:#ecf5ff;}
.landing.emCaseWrap .emStepList > *:not(:first-child){margin-top:10px;}
.landing.emCaseWrap .emStepList > * > [class^="stepImg"]{overflow:hidden;padding:14px;min-width:120px;min-height:95px;height:100%;border-radius:7.5px;background-color:#fff;background-repeat:no-repeat;background-position:right bottom;font-weight:600;font-size:14px;color:#ea7404;}
.landing.emCaseWrap .emStepList > * > .stepImg1{background-image:url(/assets/images/mobile/ico_case_step1.png);background-size:78.5px 59.5px;}
.landing.emCaseWrap .emStepList > * > .stepImg2{min-height:142px;background-image:url(/assets/images/mobile/ico_case_step2.png);background-size:84px 69px;}
.landing.emCaseWrap .emStepList > * > .stepImg3{background-image:url(/assets/images/mobile/ico_case_step3.png);background-size:75px 57px;}
.landing.emCaseWrap .emStepList > * > .stepTxt{display:flex;flex-direction:column;justify-content:center;padding:0 10px 0 0;width:100%;height:100%;font-weight:500;font-size:14px;color:#000;}
.landing.emCaseWrap .emStepList > * > .stepTxt > p{margin-left:20px;font-size:15px;}
.landing.emCaseWrap .emStepList > * > .stepTxt > a.btGo{display:block;margin-top:5px;margin-left:20px;padding:5px 18px 5px 8px;width:fit-content;line-height:12px;border-radius:20px;background:#fbe2bf url(/assets/images/mobile/arr_case_blk.png) no-repeat top 50% right 8px;background-size:4.5px 8px;font-weight:500;font-size:12px;color:#000;}
.landing.emCaseWrap .emStepList > * > .stepTxt > .list_dot{margin-left:12px;line-height:1.3em;color:#000;}
.landing.emCaseWrap .emStepList > * > .stepTxt > .list_dot > li{font-size:14px;}
.landing.emCaseWrap .emStepList > * > .stepTxt > .list_dot > li:not(:first-child){margin-top:5px;}
.landing.emCaseWrap .emStepList > * > .stepTxt > .list_dot > li::before{top:8px;}
.landing.emCaseWrap .accordion .title a{display:flex;align-items:center;padding:18px 30px 18px 10px;}
.landing.emCaseWrap .accordion .title a [class^="caseIco"]{display:inline-block;margin-right:10px;min-width:34px;height:34px;border-radius:17px;background-color:#fff4eb;background-image:url(/assets/images/mobile/ico_case_faq.png);background-repeat:no-repeat;top:0;left:0;background-position:0 0;background-size:34px auto;}
.landing.emCaseWrap .accordion .title a .caseIco02{background-position:0 -34px;}
.landing.emCaseWrap .accordion .title a .caseIco03{background-position:0 -68px;}
.landing.emCaseWrap .accordion .title a .caseIco04{background-position:0 -102px;}
.landing.emCaseWrap .accordion .title a .caseIco05{background-position:0 -136px;}
.landing.emCaseWrap .accordion .title a .caseIco06{background-position:0 -170px;}
.landing.emCaseWrap .accordion .title a .caseIco07{background-position:0 -204px;}
.landing.emCaseWrap .accordion .title a .caseIco08{background-position:0 -238px;}
.landing.emCaseWrap .accordion .title a .toggle{font-weight:500;font-size:15px;}
.landing.emCaseWrap .accordion .title a .ico{right:10px;}
.landing.emCaseWrap .accordion > .panel{padding:15px 15px;}
.landing.emCaseWrap .accordion > .panel .list_dt > dt{margin:15px 0 8px 0;line-height:18px;}
.landing.emCaseWrap .accordion > .panel .list_dt > dt:first-child{margin-top:0;}
.landing.emCaseWrap .accordion > .panel .list_dt > dd{margin-top:0;margin-bottom:4px;line-height:18px;}
.landing.emCaseWrap .accordion > .panel .list_dt > dd::before{top:8px;}
.landing.emCaseWrap .caseLinkBn{border-radius:10px;}
.landing.emCaseWrap .caseLinkBn > a{display:flex;gap:18px;padding:5px;border-radius:10px;background-color:#f28d01;}
.landing.emCaseWrap .caseLinkBn > a .bnImg{min-width:131px;max-width:131px;}
.landing.emCaseWrap .caseLinkBn > a .bnTxt{position:relative;width:100%;color:#fff;}
.landing.emCaseWrap .caseLinkBn > a .bnTxt .bnAd{display:inline-block;position:absolute;top:5px;right:8px;padding:2px 5px;line-height:13px;border-radius:8px;background-color:#ea7404;font-weight:400;font-size:11px;}
.landing.emCaseWrap .caseLinkBn > a .bnTxt .bnTi{display:block;margin-top:32px;margin-bottom:2px;line-height:1.2em;font-weight:700;font-size:13px;}
.landing.emCaseWrap .caseLinkBn > a .bnTxt .bnTxArr{display:inline-block;padding-right:10px;line-height:1.2em;background:url(/assets/images/mobile/arr_case_wht.png) no-repeat center right;background-size:5.5px 9.5px;font-weight:500;font-size:13px;vertical-align:top;}
.landing.emCaseWrap .caseAcdList [class^="acdIco"]{position:relative;padding:20px 10px 20px 80px;border-radius:10px;border:1px solid #efefef;background-color:#f9f9f9;font-weight:400;font-size:14px;}
.landing.emCaseWrap .caseAcdList [class^="acdIco"]:not(:first-child){margin-top:10px;}
.landing.emCaseWrap .caseAcdList [class^="acdIco"]::before{content:'';display:block;position:absolute;top:20px;left:10px;width:60px;height:60px;border-radius:50%;background-color:#fff;background-image:url(/assets/images/mobile/ico_acdList.png);background-size:60px 240px;}
.landing.emCaseWrap .caseAcdList .acdIco1::before{background-position:0 0;}
.landing.emCaseWrap .caseAcdList .acdIco2::before{background-position:0 -60px;}
.landing.emCaseWrap .caseAcdList .acdIco3::before{background-position:0 -120px;}
.landing.emCaseWrap .caseAcdList .acdIco4::before{background-position:0 -180px;}
.landing.emCaseWrap .caseAcdList [class^="acdIco"] .acdTi{line-height:1.2em;font-weight:700;font-size:15px;color:#ea7404;}
.landing.emCaseWrap .caseAcdList [class^="acdIco"] .acdTx{margin-top:5px;line-height:1.4em;font-weight:400;font-size:14px;}
.landing.emCaseWrap .caseAcdList [class^="acdIco"] .acdTx strong{font-weight:600;font-size:14px;}
.landing.emCaseWrap .caseAcdList [class^="acdIco"] .acdTx > .list_dot{margin-top:5px;line-height:1.3em;color:#000;}
.landing.emCaseWrap .caseAcdList [class^="acdIco"] .acdTx > .list_dot > li{font-size:14px;}
.landing.emCaseWrap .caseAcdList [class^="acdIco"] .acdTx > .list_dot > li:not(:first-child){margin-top:5px;}
.landing.emCaseWrap .caseAcdList [class^="acdIco"] .acdTx > .list_dot > li::before{top:8px;}
.landing.emCaseWrap .acdLinkBn{display:flex;justify-content:center;gap:8px;}
.landing.emCaseWrap .acdLinkBn > a[class^="icoBn"]{display:flex;justify-content:center;align-items:center;gap:5px;width:100%;min-height:70px;border-radius:10px;}
.landing.emCaseWrap .acdLinkBn > a[class^="icoBn"] .bnTxt{padding-top:2px;line-height:1.3em;font-weight:500;font-size:13px;color:#000;letter-spacing:-1px;transition:all .3s ease;}
.landing.emCaseWrap .acdLinkBn > a[class^="icoBn"]::before{content:'';display:block;min-width:22px;background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
.landing.emCaseWrap .acdLinkBn > a.icoBn1{background-color:#daebfd;}
.landing.emCaseWrap .acdLinkBn > a.icoBn1::before{height:30px;background-image:url(/assets/images/mobile/ico_acd_bn1.png);}
.landing.emCaseWrap .acdLinkBn > a.icoBn2{background-color:#e1f4d7;}
.landing.emCaseWrap .acdLinkBn > a.icoBn2::before{height:22px;background-image:url(/assets/images/mobile/ico_acd_bn2.png);}
@media screen and (max-width:360px) {
  .landing.emCaseWrap .emStepList > * > .stepTxt > .list_dot > li{font-size:13px;}
  .landing.emCaseWrap .acdLinkBn > a[class^="icoBn"] .bnTxt{font-size:12px;}
}
/* landing Scroll Event Animation */
.landing.emCaseWrap .section > *, 
.landing.emCaseWrap .section > * > li{-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:transform 0.5s ease;transition:transform 0.5s ease;}
.landing.emCaseWrap .section > *.aniScl, 
.landing.emCaseWrap .section > * > li.aniScl{-webkit-transform:translateY(0);transform:translateY(0);}
/* 준법감시인번호 /수정2507 */
.landing.emCaseWrap .emCaseTermNum{margin-top:30px;line-height:1.5em;font-weight:300;font-size:12px;color:#333;text-align:right;}

/* 상품안내 - 두배받는암보험 /2412 */
.insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .detailSub .explain .subTxt .subTxt2 { display: block; margin-bottom: 5px;line-height: 1.3em;font-size: 16px;color: #333;font-weight: 100}
.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase .assureDetail > ul > li .detailSub .explain .subTxt .subTxt2 {line-height: 1.1em;font-size: 14px;color: #333;word-break: keep-all;}

/* 상품안내 - 행복가득생활보장보험 /2501 */
.mobile .insuProdWrap_dm .insuProdContent .insuInfoBase.npt0 {padding-top: 0px !important}

/* 상품안내 - 내삶엔(3N)맞춤간편건강보험 /2501 */
.win .insuProdWrap_dm .insuProdContent .infoReview .hi_pass.passFour {padding: 125px 0 0 0; min-height: 295px;}
.win .insuProdWrap_dm .insuProdContent .infoReview .hi_pass {padding: 90px 0 0 0; width: 240px; height: 216px; text-align: center;}
.win .insuProdWrap_dm .insuProdContent .infoReview .hi_pass.passFour::before {top: 50px;}
.insuProdWrap_dm .insuProdContent .infoReview ul li.ic04::before {background-position: -150px 0;}
.insuProdWrap_dm .insuProdContent .infoReview ul li > .tit {display: inline-flex; flex-wrap: wrap; margin-bottom: 3px; line-height: 1.3em; font-weight: 500; font-size: 20px; color: #000;}
.insuProdWrap_dm .insuProdContent .infoReview ul li > .tit > em { position: relative; margin-left: 15px; padding: 3px 12px 4px 10px; height: 27px; line-height: 19px; border-radius: 15px; border: 1px solid #ccc; font-weight: 500; font-size: 15px; color: #898989;}
.mobile .insuProdWrap_dm .insuProdContent .infoReview ul li > .tit {margin-bottom: 3px; font-size: 16px;}
.mobile .insuProdWrap_dm .insuProdContent .infoReview ul li > .tit > em {margin-left: 10px; padding: 2px 12px 3px 10px; height: 21px; line-height: 15px;  border-radius: 12px; font-size: 12px; color: #898989;}
.insuProdWrap_dm .insuProdContent .infoReview ul li > .tit > em::after {content: ''; display: block; position: absolute; top: 50%;  left: -4px; width: 6px; height: 6px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #fff; -webkit-transform: translateY(-50%) rotateZ(45deg); transform: translateY(-50%) rotateZ(45deg);}
.mobile .insuProdWrap_dm .insuProdContent .infoReview ul li.ic04:before {background-position: -120px 0;}
.list_dot .new { display: inline-block; margin-top: -2px; margin-left: 6px; padding: 0 8px 0 7px; height: 19px; line-height: 18px; border-radius: 10px; background-color: #ea7404;font-weight: 200; font-size: 12px; color: #fff; vertical-align: middle; }

/* 직영홈페이지 신규상담안내 전화번호 추가 20250407 */
.mobile .ncallqa{display:none}
.win .ncallqa{float: right; font-size: 18px; font-weight: 400; color: #000;vertical-align: top;}
.win .header_gnb h1:after {display: block;content: '';clear: both;}

/* 직영홈페이지 밝게웃는얼굴치아보험 선물하고싶다면 풍선도움 추가 20250407 */
.win .w_ifywgift{position: absolute;bottom:10px;right:-76px;width:91px;height:auto;}
.mobile .m_ifywgift{position: absolute;bottom:15px;right:-55px;width: 75px;height:auto;}
.win .m_ifywgift,.mobile .w_ifywgift{display: none}

/* 직영홈페이지 추가 20250514 */
.mobile .insuProdWrap_dm .insuProdContent .insuInfoBg .infoReview.petReview ul.icoList li {
    min-width: 114px;
}

/* 상품안내 - 내삶엔(3N)맞춤간편건강보험 /2505 */
.insuProdWrap_dm .insuProdContent .infoReview .prodNoti {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 27px;
    padding-top: 24px;
    font-size: 16px;
    border-top: 1px solid #ddd;
}

/* 내3N 상품안내/2505 */
.insuProdWrap_dm .insuProdContent .infoReview .prodNoti .notiTit {
    position: relative;
    min-width: 75px;
    padding: 4px 13px;
    color: #fff;
    font-weight: 500;
    background-color: #2f2f2f;
    border-radius: 30px;
}

/* 내3N 상품안내/2505 */
.insuProdWrap_dm .insuProdContent .infoReview .prodNoti .notiTit:after {
    position: absolute;
    top: 50%;
    right: -10px;
    display: block;
    width: 1px;
    height: 1px;
    content: '';
    transform: translateY(-50%);
    border: 5px solid #2f2f2f;
    border-color: transparent transparent transparent #2f2f2f;
}

/* 내3N 상품안내/2505 */
.mobile .insuProdWrap_dm .insuProdContent .infoReview .prodNoti {
    align-items: flex-start;
    font-size: 13px;
}

/* 내3N 상품안내/2505 */
.mobile .insuProdWrap_dm .insuProdContent .infoReview .prodNoti .notiTit {
    padding: 1px 13px;
    font-size: 14px;
}

/* 내3N 상품안내/2505 */



/* 의료정보 알리미 서비스 /수정250520 */
.medicalService_list{display:flex;flex-wrap:wrap;gap:13px;} /* 암보조요법 /수정2511 */
.win .medicalService_list .tab{flex:0 0 calc(33.33% - 6.5px);max-width:258px;height:100px;border-radius:15px;}
.medicalService_list .tab{border:1px solid #ccc;transition:all 0.2s ease-out;}
.medicalService_list .tab.active{border-color:#ea7404;box-shadow: 2px 3px 7px 0 rgba(110, 110, 110, 0.3);}
.medicalService_list .tab > a{display:flex;align-items:center;gap:16px 16px;padding:0 13px;height:100%;}
.medicalService_list .tab > a::before{content:'';display:block;width:75px;height:52px;background:url(/assets/images/web/ico_medicalService_w.png) no-repeat;background-position:0 0;}
.medicalService_list .tab:nth-child(2) > a::before{background-position:0 -56px;}
.medicalService_list .tab:nth-child(3) > a::before{background-position:0 -112px;}
.medicalService_list .tab:nth-child(4) > a::before{background-position:0 -168px;}
.medicalService_list .tab:nth-child(5) > a::before{background-position:0 -224px;}
.medicalService_list .tab:nth-child(6) > a::before{background-position:0 -280px;}
.medicalService_list .tab:nth-child(7) > a::before{background-position:0 -336px;} /* 맘모톰 /수정2511 */
.medicalService_list .tab:nth-child(8) > a::before{background-position:0 -392px;} /* 암보조요법 /추가2511 */
.medicalService_list .tab > a > span{line-height:26px;font-size:16px;color:#000;}
.medicalService_slide .slideItem > img{margin:0 auto;}
.medicalService_slide .slick-arrow{z-index:2;position:absolute;top:100px;width:59px;height:59px;border-radius:30px;}
.medicalService_slide .slick_prev{left:0;background:url(/assets/images/web/ico_popup_arrow01.png) 0 0 no-repeat;}
.medicalService_slide .slick_next{right:0;background:url(/assets/images/web/ico_popup_arrow02.png) 0 0 no-repeat;}
.medicalService_slide .slick-arrow.slick-disabled{opacity:0.3;}
.mobile .medicalService_list{gap:15px 15px;}
.mobile .medicalService_list .tab{flex:0 0 calc(50% - 7.5px);height:130px;border-radius:10px;}
.mobile .medicalService_list .tab > a{justify-content:center;position:relative;padding:72px 0 14px;width:100%;text-align:center;}
.mobile .medicalService_list .tab > a::before{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:62.5px;height:43.5px;background:url(/assets/images/mobile/ico_medicalService_m.png) no-repeat;background-position:0 0;background-size:62.5px auto;}
.mobile .medicalService_list .tab:nth-child(2) > a::before{background-position:0 -46.5px;}
.mobile .medicalService_list .tab:nth-child(3) > a::before{background-position:0 -93px;}
.mobile .medicalService_list .tab:nth-child(4) > a::before{background-position:0 -139.5px;}
.mobile .medicalService_list .tab:nth-child(5) > a::before{background-position:0 -186px;}
.mobile .medicalService_list .tab:nth-child(6) > a::before{background-position:0 -232.5px;}
.mobile .medicalService_list .tab:nth-child(7) > a::before{background-position:0 -279px;}
.mobile .medicalService_list .tab:nth-child(8) > a::before{background-position:0 -325.5px;} /* 암보조요법 /추가2511 */
.mobile .medicalService_list .tab > a > span{line-height:21px;font-size:14px;}
.mobile .medicalService_slide .slideItem > img{width:100%;}
.medicalService_img .imgItem img{width:100%;}
.win .serviceInfo{margin:0 auto;padding:10px 0 30px;width:600px;}
.win .serviceInfo .list_dot{line-height:25px}
.win .serviceInfo .list_dot > li::before{top:11px;}
.win .serviceInfo .list_dot .comment{display:block;line-height:19px;color:#757575;}
.win .serviceInfo .line_box{margin:5px 0 10px;padding:20px 30px;font-size:15px;}
.win .serviceInfo .line_box .txt{line-height:24px;}
.win .serviceInfo .line_box .txt + ul.list_bar{margin-top:10px;}
.win .serviceInfo .line_box ul.list_bar > li{line-height:22px;font-size:15px;}
.win .serviceInfo .line_box ul.list_bar > li::before{top:11px;}
.mobile .serviceInfo{padding-bottom:20px;width:100%;}
.mobile .serviceInfo .list_dot > li:not(:first-child){margin-top:10px;}
.mobile .serviceInfo .list_dot .comment{line-height:19px;}
.mobile .serviceInfo .line_box{margin:5px 0 10px;padding:15px 20px;font-size:14px;}
.mobile .serviceInfo .line_box .txt{line-height:21px;font-size:14px;}
.mobile .serviceInfo .line_box ul.list_bar > li{line-height:20px;}
.mobile .serviceInfo .line_box ul.list_bar > li:not(:first-child){margin-top:3px;}
/* landing - App Link /2507 */
.mobile .landing.appLink__wrap #content{position:relative;height:100vh;}
.mobile .landing.appLink__wrap .header_out .inner .logo{margin-left:4px;}
.mobile .landing.appLink__wrap .governing{position:absolute;top:12%;left:0;width:100%;z-index:1;}
.mobile .landing.appLink__wrap .governing .governing_title{padding-top:30px;line-height:37px;font-size:30px; -webkit-animation:ani_appLink-up 0.6s ease-in-out forwards;animation:ani_appLink-up 0.6s ease-in-out forwards;}
.mobile .landing.appLink__wrap .governing .info_text{margin-top:20px;line-height:24px;font-size:17px; -webkit-animation:ani_appLink-up 0.7s ease-in-out forwards;animation:ani_appLink-up 0.7s ease-in-out forwards;}
.mobile .landing.appLink__wrap .btn_conts{position:absolute;top:33%;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:25px !important;z-index:1;}
.mobile .landing.appLink__wrap .btn_conts .btn.primary{display:block;width:196px;height:45px;line-height:44px;border-radius:23px; -webkit-animation:ani_appLink-up 0.8s ease-in-out forwards;animation:ani_appLink-up 0.8s ease-in-out forwards;}
.mobile .landing.appLink__wrap .btn_conts .link--text{display:block;margin-top:10px;line-height:22px;border-bottom:1px solid #727272; -webkit-animation:ani_appLink-up 0.9s ease-in-out forwards;animation:ani_appLink-up 0.9s ease-in-out forwards;}
.mobile .landing.appLink__wrap .appLink_bg{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:335px;height:100%;max-height:292px;background:url(/assets/images/mobile/bg_landing_appLink2507.png) no-repeat center bottom;background-size:100% auto;}
@keyframes ani_appLink-up{
  0%{-webkit-transform:translateY(15px);-webkit-filter:opacity(0.3);transform:translateY(15px);filter:opacity(0.3);}
  100%{-webkit-transform:translateY(0px);-webkit-filter:opacity(1);transform:translateY(0px);filter:opacity(1);}
}


/* dext5upload /추가2509 */
.photoviewer-footer .photoviewer-toolbar{display:inline-flex !important;gap:20px;padding:0 15px;height:40px;}
.photoviewer-footer .photoviewer-toolbar .photoviewer-button{padding:0 5px;font-size:35px !important;}
.photoviewer-footer .photoviewer-toolbar .photoviewer-button-close{position:absolute !important;top:-450px !important;right:5px !important;padding:0;font-size:33px !important;}

/* landing - 내 보험 보장분석 /2510 /수정251027 */
.win .landing #aside{display:none;}
.win .landing .fixed_btm_btns .btns .btn{min-width:260px;}
.mobile .landing.myInsuCheck{padding-bottom:20px;}
.analysis__move_link{display:flex;flex-direction:column;gap:15px;align-items:center;}
.analysis__move_link > .btn{display:flex;align-items:center;position:relative;text-align:left;font-weight:700;font-size:18px;}
.analysis__move_link > .btn::after{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);background-repeat:no-repeat;background-position:0 0;}
.analysis__move_link > .btn.movLink01{background-color:#003070;color:#fff;}
.analysis__move_link > .btn.movLink02,
.analysis__move_link > .btn.movLink03{border:1px solid #003070;background-color:#fff;color:#003070;}
.mobile .analysis__move_link > .btn{padding:0 40px 0 25px;width:100%;height:55px;line-height:21px;font-size:16px;border-radius:10px;}
.mobile .analysis__move_link > .btn[class*='movLink']::after{right:25px;width:26.5px;height:22.5px;background-image:url(/assets/images/mobile/ico_mov_link-m.png);background-size:auto 22.5px;}
.mobile .analysis__move_link > .btn.movLink02::after{background-position:-26.5px 0;}
.mobile .analysis__move_link > .btn.movLink03::after{background-position:-53px 0;}
.mobile .analysis__move_link > .btn.movLink-red::after{width:32.5px;height:27.5px;background-image:url(/assets/images/mobile/ico_mov_linkRed-m.png);background-size:auto 27.5px;background-position:0 0;}
.win .analysis__move_link > .btn{padding:0 55px 0 29px;width:550px;height:60px;line-height:26px;border-radius:15px}
.win .analysis__move_link > .btn[class*='movLink']::after{right:29px;width:31px;height:25px;background-image:url(/assets/images/web/ico_mov_link-w.png);}
.win .analysis__move_link > .btn.movLink02::after{background-position:-31px 0;}
.win .analysis__move_link > .btn.movLink03::after{background-position:-62px 0;}
.win .analysis__move_link > .btn.movLink-red::after{width:32px;height:27px;background-image:url(/assets/images/web/ico_mov_linkRed-w.png);background-position:0 0;}
.win .analysis__move_link.align--row{flex-direction:row;}
/* 보장분석 동영상 /2510 /수정251027 /수정251031 */
.analysis__mov .mov_img{position:relative;overflow:hidden;background-color:#f0f0f0;}
.analysis__mov .mov_img .thumb{position:absolute;top:0;left:0;width:100%;height:100%;}
.analysis__mov .mov_img .thumb > img{width:100%;height:100%;}
.analysis__mov .mov_img video{outline:none;vertical-align: top;}
.analysis__mov .mov_img .mov_btn{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.win .governing:not(.pc_hide) + .analysis__mov{margin-top:20px !important;}
.win .analysis__mov{margin:0 auto;width:100%;}
.win .analysis__mov .mov_img{margin:0 auto;width:406px;min-height:600px;border-radius:10px;}
.win .analysis__mov .mov_img .mov_btn{width:87px;height:73px;background:url(/assets/images/web/btn_playRed-w.png) 0 0 no-repeat;}
.mobile .governing + .analysis__mov{margin-top:20px !important;}
.mobile .analysis__mov .mov_img{display:inline-flex;width:100%;height:calc(100vh - 240px);}
.mobile .analysis__mov .mov_img video{position:absolute;}
.mobile .analysis__mov .mov_img .mov_btn{width:73.5px;height:61.5px;background:url(/assets/images/mobile/btn_playRed-m.png) 0 0 no-repeat;background-size:73.5px auto;}
/* landing - dialog /2510 /수정251031 */
.win .dialog .dialog_wrap.dialog__landing{padding:40px 30px;width:460px;}
.mobile .dialog.full .dialog_wrap.dialog__landing .dialog_content{padding:65px 0 0;height:calc(100% + 6px)}
.mobile .dialog_wrap.dialog__landing .dialog_content::after{display:none;}  
.mobile .dialog_wrap.dialog__landing .dialog_content .analysis__mov .mov_img{height:calc(100vh - 65px);}

/* Floating 다국어지원 /개발2511 */
.floating__multilingual__dim{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);opacity:0;pointer-events:none;z-index:11;
  -webkit-transition:opacity 0.4s cubic-bezier(.4,2,.6,1);transition:opacity 0.4s cubic-bezier(.4,2,.6,1);
}
.floating__multilingual__dim.show{opacity:1;pointer-events:auto;}
.floating__multilingual{display:flex;flex-direction:column;align-items:flex-end;z-index:12;}
.floating__multilingual .multilingual__list{position:relative;display:flex;flex-direction:column;gap:5px;}
.floating__multilingual .multilingual__list > li{position:absolute;right:0;bottom:0;opacity:0;box-shadow:0 0 0 rgba(0,0,0,0);
  -webkit-transform:translate(50px, 53px) scale(0.2);transform:translate(50px, 53px) scale(0.2);
  -webkit-transition:opacity 0.5s cubic-bezier(.22,1.5,.36,1), transform 0.5s cubic-bezier(.22,1.5,.36,1), box-shadow 0.5s cubic-bezier(.22,1.5,.36,1);
  transition:opacity 0.5s cubic-bezier(.22,1.5,.36,1), transform 0.5s cubic-bezier(.22,1.5,.36,1), box-shadow 0.5s cubic-bezier(.22,1.5,.36,1);
}
.floating__multilingual .multilingual__list > li > button{display:flex;justify-content:center;align-items:center;width:100%;border:1px solid #aaa;background-color:#fff;font-weight:600;color:#595757;pointer-events:none;transition:all .1s linear;}
.floating__multilingual .multilingual__list > li.active > button{box-shadow:inset 0 0 0 1px #00205b;border-color:#00205b;color:#00205b;}
.floating__multilingual .multilingual__list.active > li{opacity:1;box-shadow:0 8px 24px rgba(0,0,0,0.12);}
.floating__multilingual .multilingual__list.active > li > button{pointer-events:auto;}
.win .floating__multilingual{position:absolute;right:40px;bottom:40px;gap:5px;}
.win .floating__multilingual .multilingual__list > li{width:140px;height:48px;border-radius:15px;transform:translate(50px, 53px) scale(.2);}
.win .floating__multilingual .multilingual__list > li > button{height:48px;border-radius:15px;font-size:16px;}
.win .floating__multilingual .multilingual__list.active > li:nth-child(1){transform:translateY(-159px) scale(1);transition-delay:.05s;}
.win .floating__multilingual .multilingual__list.active > li:nth-child(2){transform:translateY(-106px) scale(1);transition-delay:.12s;}
.win .floating__multilingual .multilingual__list.active > li:nth-child(3){transform:translateY(-53px) scale(1);transition-delay:.19s;}
.win .floating__multilingual .multilingual__list.active > li:nth-child(4){transform:translateY(-0px) scale(1);transition-delay:.26s;}
.mobile .floating__multilingual .multilingual__list{gap:6px;}
.mobile .floating__multilingual .multilingual__list > li{width:125px;height:40px;border-radius:20px;transform:translate(45px, 50px) scale(.2);}
.mobile .floating__multilingual .multilingual__list > li > button{height:40px;border-radius:20px;font-size:13px;}
.mobile .floating__multilingual .multilingual__list.active > li:nth-child(1){transform:translateY(-144px) scale(1);transition-delay:.05s;}
.mobile .floating__multilingual .multilingual__list.active > li:nth-child(2){transform:translateY(-98px) scale(1);transition-delay:.12s;}
.mobile .floating__multilingual .multilingual__list.active > li:nth-child(3){transform:translateY(-52px) scale(1);transition-delay:.19s;}
.mobile .floating__multilingual .multilingual__list.active > li:nth-child(4){transform:translateY(-6px) scale(1);transition-delay:.26s;}
/* multiligual button */
.floating__multilingual .multilingual__btn{display:block;border-radius:50%;box-shadow:6px 6px 10px 0 rgba(0,0,0,0.15);background-color:#00205b;background-repeat:no-repeat;background-position:50% 50%;background-size:100%;color:#fff;z-index:13;}
.floating__multilingual .multilingual__btn.aniPlay{-webkit-animation:ani_multiligualBtn .15s cubic-bezier(.68,-0.6,.32,1.6) both;animation:ani_multiligualBtn .15s cubic-bezier(.68,-0.6,.32,1.6) both;}
.win .floating__multilingual .multilingual__btn{width:60px;height:60px;background-image:url(/assets/images/web/float_multilingual-w.png)}
.mobile .floating__multilingual{position:fixed;right:20px;bottom:95px;}
.mobile .floating__multilingual .multilingual__btn{width:50px;height:50px;border-radius:50%;background-image:url(/assets/images/mobile/float_multilingual-m.png);}
@keyframes ani_multiligualBtn {
  0%{-webkit-transform:scale(1);transform:scale(1);}
  50%{-webkit-transform:scale(.9);transform:scale(.9);}
  100%{-webkit-transform:scale(1);transform:scale(1);}
}

/* apply-multilingual 내 언어별 폰트 적용 /v2512 */
.apply-multilingual.font-ko{font-family:'Noto Sans', sans-serif !important;}
.apply-multilingual.font-en{font-family:'Roboto', Arial, sans-serif !important;}
.apply-multilingual.font-zh{font-family:'Noto Sans SC', 'Microsoft YaHei', sans-serif !important;}
.apply-multilingual.font-vi{font-family:'Be Vietnam Pro', sans-serif !important;}