@charset "utf-8";
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,input,button,th,td,select,textarea,label { margin: 0; padding: 0; box-sizing: border-box; -webkit-text-size-adjust: none;}
body,a,input,button,select,strong,textarea {color: #000;font-family: Noto Sans KR, Helvetica, '맑은 고딕', 'malgun gothic', 'Apple SD Gothic Neo', 'Apple SD 산돌고딕 Neo', 'Microsoft NeoGothic', 'Droid sans', sans-serif;font-size: 13px;letter-spacing: -1px;word-break: keep-all;}
img { border: 0 none; }
img { vertical-align: top; }
.tel img{display:block}
ol,ul { list-style: none; }
.hide { position: absolute; left: -9999px; top: -9999px; font-size: 0; line-height: 0; height: 0; overflow: hidden; }
button, button[type="button"] { border: 0; cursor: pointer; background:none; outline: none; }
a { text-decoration: none; }
.blind{ position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.wrap { z-index: 1; overflow-x: hidden;}
img { width: 100%; border: none; vertical-align: top; }
caption{overflow:hidden; opacity:0; top:0; left:0; width:1px; height:1px; margin-top:-1px}

.inner {/* position: relative; *//* width: 100%; */}
.inner2 { position: relative; width: 88.8vw; margin: 0 auto;}
.box1{padding:60px 20px;background: #fff;margin:0 auto;}
.box22{padding:60px 20px;background: #eef5ff;margin:0 auto;}
.box3{padding:60px 20px;background: #f4fbff;margin:0 auto;}
.box5{padding:60px 20px;background: #f6f6f6;margin:0 auto;}
.box4{padding:60px 20px;background: #007de8;margin:0 auto;}
.box4_title img{}
.box4_call {padding:40px 20px;}
.box4_call img {box-shadow: 4px 4px 18px 0 #c9c9c9;border-radius:5px;}
 
.head{border-bottom:1px solid #dfdfdf; }
.inside{padding: 6vw 0;}
body.layer-opens {overflow: hidden;}
.main_kv .main_illust img {position:absolute; width:24%; top:23vw; left:72vw} 
.layer {
position: fixed;
left: 0;
top: 0;
/* z-index: 1999;*/
background-color: rgba(0, 0, 0, 0.4);
display: flex;
justify-content: center;
align-items: center;
}
 

.navigation-list {    
    z-index: 100;
    position: absolute;   
    top: 0;
    width: 100%;
    box-shadow : 0px 9999px 0px 9999px rgba(0,0,0,0.6);    
}
.main_border_block{ border: 1px solid #004286; border-radius: 8px; background-color: white; width: 30%; height: 22.91vw; display: inline-block; margin: 2% 1% 1% 0;}
.main_border_block img{ width: 28%; margin-top: 10%;}
.main_border_block p{ font-size: 3vw; margin-top:7%; }

.layer .inner {
display: flex;
flex-direction: column;
justify-content: space-between;
overflow-y: auto;
max-height: 85vh;
position: relative;
}
 
.layer.is-open {width: 100%;height: 100%;}
.layer.is-hidden {width: 0;height: 0;overflow: hidden;padding: 0;}
 
.layer .inner .close {
    width: 8.5vw;
    height: 8.5vw;
    background: url(220614_popup_close.png) no-repeat center/100% auto;
    font-size: 0;
    position: absolute;
    right: 5.5vw;
    top: 6.6vw;
}
 
.layer .title{margin: 0 auto;}
.layer .title img{width:80%; margin: 0 auto;display: block;}
.layer .productInputBox{border-radius:5px;background-color: #fff; }
 
#consultForm .title{width:67.6vw;}
#calcForm .title{width:70.4vw;}
 
.mall_wrap .prd_last{letter-spacing:0;border:0;text-align:left;padding:10vw 0 5vw 0}

/* Gap */
.mt5{margin-top:5px !important}
.mt7{margin-top:7px !important}
.mt10{margin-top:10px !important}
.mt12{margin-top:12px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt50{margin-top:50px !important}
.mt80{margin-top:70px !important}
.ml7{margin-left:7px !important}
.ml10{margin-left:10px !important}
.ml20{margin-left:20px !important}
.mr10{margin-right:10px !important}
.mb0{margin-bottom:0 !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.pt15{padding-top:15px !important}
.pt25{padding-top:25px !important}
.mt_5{margin-top:-5px !important}
.tal{text-align:left !important}
.tar{text-align:right !important}
.tac{text-align:center !important}

/* Point Color */
.g_point_01{color:#117cb2 !important}
.g_point_02{color:#3d8100 !important}
.g_point_03{color:#de181b !important}
.g_point_04{color:#666 !important}
.point_02{color:#004286 !important}

/* Text Align */
.tac{text-align:center !important}
.tal{text-align:left !important}
.tar{text-align:right !important}

/* Form */
.inpt70{width:70%}

/* min-height */
.mh400{min-height:400px}

.menuTab button{width:33.33%;}

.content_tabs{width: 100%;padding: 0 5.5556vw 4.1667vw;background: url(221122_tabs.jpg) no-repeat center top/100% auto;}
.content_tabs-list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.content_tabs-list li{width: calc(50% - 1.3889vw);height: 20.8333vw;margin-bottom: 2.9vw;}
.content_tabs-list li button{width:100%;height:100%;display:block;}
.content_tabs-desc{font-size: 6px;color: #a9a9a9;margin-top:-0.7vw;}
.content_tabs-desc li{padding-left: 5px;position: relative;letter-spacing:-0.04em;}
.content_tabs-desc li:before{content: "";width: 1px;height: 1px;background-color: #a9a9a9;position: absolute;left: 0;top: 3px;}

/*내 보험료 조회*/
.db_contents{width: 100%;background: url(221122_db_bg.jpg) repeat-y center/100% auto;}
.db_contents .db_inner{padding: 0 11.12vw;}
.db_contents input{letter-spacing: -0.01;width:100%;height: 11.3889vw;border:none;border-bottom:2px solid #bbb;font-weight:500;outline:none;border-radius: 0;border-radius:none}
.db_contents input::placeholder{color:#bbb;}
.db_contents input:focus,
.db_contents input.focus{border-color:#150f96;}
.db_contents .form_wrap{display:flex;flex-wrap:wrap;margin-right:-2.7778vw;}
.db_contents .form_wrap li{padding-right:2.7778vw;margin-bottom:5.5556vw;}
.db_contents .form_wrap li.name{width:27.5vw;}
.db_contents .form_wrap li.birthday{width:47.2222vw;}
.db_contents .form_wrap li.phoneno{width:47.2222vw;}
.db_contents .form_wrap li.sex{width:27.5vw;}
.db_contents .form_wrap .sex .btn_sel{display:flex;border:2px solid #150f96;border-radius:5px;}
.db_contents .form_wrap .sex a{width:50%;height:calc(11.3889vw - 4px);display:flex;align-items:center;justify-content:center;color:#150f96;font-weight:500;}
.db_contents .form_wrap .sex a.on{background-color:#150f96;color:#fff;}
.db_contents .tel{position:relative;}
.db_contents .tel a{position:absolute;left:50%;top:10%;width:70%;height:45%;transform:translateX(-50%)}
.db_contents .form_btns{display:flex;justify-content: space-between;padding-bottom:6.9444vw;}
.db_contents .form_btns button{width:calc(50% - 1.3889vw);}

.contents_banner{width:100%;padding:0 11.1111vw;/*height:19.4444vw;*/}
.contents_info{padding:5.5556vw 11.1111vw;}
.main_contents.hidden{width:1px;height:1px;overflow:hidden;position:absolute;left:-9px;top:-9px;}
.info_contents{}
.info_contents.hidden{display:none;}

/* 보장내용, 가입안내 탭 */
.s02m { display: flex;}
.s02m > div { width: 33.3%; }
.s02m > div img{height: 100%;}

.s04m_subtitle > div { display: flex; justify-content: space-between; }
.inner {/* position: relative; *//* width: 100%; */}
.inner2 { position: relative; width: 88.8vw; margin: 0 auto;}
.inner2 > div { margin-top: 11%;  /*margin-right: 2.083%; */}
/*.inner2 > div:last-child { margin-right: 0 !important; }*/
.s07m {margin:6% 18px 10%;}

.s05m { display: flex; position: fixed; bottom:0; cursor: pointer; background-color: #fff; box-shadow : 0px -5px 5px 0px rgba(0,0,0,0.1); transform: translateY(100%); transition: 0.3s; width: 100%; }
.s05m.visible{transform: translateY(0%);}
.s05m > div { width: 33.33%; }
.s05m > div.w50 { width: 50%; }
.s05m.footer_fixed{position: static;}
.section_area{padding: 9.7vw 5.5vw 15.2vw; position: relative}
.section_area .title{padding-bottom:9.7vw; }
.section_area .comment{font-size:3.611vw; line-height:5.277vw; padding-bottom:10vw; text-align: center;}
.section_area .comment span{color:#4879d9;}
.section_area .desc{color:#888888; letter-spacing: -0.04rem; font-size: 2.5vw; line-height: 1.4; list-style-type: disc; padding-left:3.1vw; font-weight: 300;}
.section_bottom{
    padding: 9.3vw 5.5vw 8vw;
    text-align: center;
}
.section_bottom .section_image{
    width: 60%;
}

/*footer*/
.footer {margin-bottom: 13vw;/* padding: 7vw 0 0; */}
.footer .top{padding:0 5.5vw 7.6vw; border-bottom:1px solid #cdcdcd; line-height:1.45;}
.footer .top .title{font-size: 3.33vw; color:#676767;}
.footer .top p{font-size: 3.2vw; color:#9d9d9d;}
.footer .bottom {padding:9vw 11.1111vw 0; line-height:1.45;}
.footer .bottom button{font-size: 3.33vw;  color:#3179df; margin-bottom:4.8vw;}
.footer .bottom h2{font-weight: 700; color:#222222; font-size: 3.33vw; padding:4.1vw 0; }
.footer .bottom address, .footer .bottom p{font-weight: 300;}
.footer .bottom .bold{font-weight:bold;}
.footer p , .footer address{color:#747474; letter-spacing: -0.035em; font-size:3vw; line-height: 1.63; font-style:normal;}
.bottom_form_inner{background-color: white; height: 90vw;}
.bottom_form_close{width:10vw; position: absolute; margin-left:45vw; margin-top:-5vw;}

/*.panel{font-size: 22px;}*/
.panel_title {margin-bottom:15px;color:#222; font-size:10pt;letter-spacing:-0.03em}
.prd_panel .panel{width:100%;min-height: 2000px;padding:5vw;margin:0 auto}
.prd_panel .panel_sub_t_1{color:#004286;font-size:10pt;font-weight:bold;}
.prd_panel .panel_sub_t_2{margin-top:4px; margin-bottom:2vw;width:100%; color:#767676; font-size:10pt;}
.prd_panel table.table_1 {border-collapse: collapse;}
.prd_panel table.table_1 thead.colName tr{line-height: 25pt;}
.prd_panel table.table_1 thead.colName th{font-size: 9pt;}
.prd_panel table.table_1 thead.colName th{background-color:#fff;border-top:2px solid black;border-bottom:1px solid #666;text-align:center;}
.prd_panel table.table_1 tbody.t_outter > tr > th{ color:#008bec; font-size: 9pt}
.prd_panel table.table_1 tbody.t_outter > tr {padding: 100px; border-bottom:1px solid #666;}
.prd_panel table.table_1 tbody.t_outter > tr > td:first-of-type{font-size: 9pt; line-height: 16px; color:#353535; padding: 10px}
.prd_panel table.table_1 tbody.t_outter > tr > td:first-of-type > span { color:#8C8C8C; }
.prd_panel table.table_1 tbody.t_outter > tr > td > dl{font-size: 9pt; line-height: 16px; padding: 5% 0 5%}
.prd_panel table.table_1 tbody.t_outter > tr > td > dl dt{color:#008bec;}
.prd_panel table.table_1 tbody.t_outter > tr > td > dl dd{color:#8C8C8C;}

.prd_panel table.table_1 tbody .reason span{ color:#8C8C8C;}
.prd_panel table.table_1 > tbody > tr > td{ color:#8C8C8C; font-size: 2.2em;}
.prd_panel table.table_1-1 thead.colName_sub th{background-color:#fff;border-bottom:1px solid #666;text-align:center; color:#008bec; font-size: 23pt}
.prd_panel table.table_1-1 thead.colName_sub tr{line-height: 55pt;  margin-top:10pt;}
.prd_panel table.table_1-1 tbody {line-height: 40pt;  font-size: 13pt; text-align: center}

.reason{line-height: 35px; color:#353535; padding: 20px}
.caution { background-color: #008bec; width: 4vw; height: 5vw; font-size: 9pt; padding-top:0.5vw; text-align: center; color:white; margin:2vw 0 2vw;}
.prd_notice{position:relative; margin-top:10px; padding-left:0;}
.pn_list {color:#8C8C8C; font-size: 9pt; line-height: 16px; margin-bottom: 7vw; }
.inner31 {width: 410px; height: 500px; border: 1px solid #8C8C8C; margin:1.5%; display: inline-block;}
.title33 {margin-bottom:11px;color:#222; font-size:13px;letter-spacing:-0.03em}
.sub_t_331{color:#150f96;font-size:10pt;font-weight:bold;}
.sub_t_332{margin-top:8px; margin-bottom:5vw;width:100%; color:#767676; font-size:13px;text-align:right;}
.table33_title th{font-size:9pt;background-color:#fff;border-top:2px solid black;border-bottom:1px solid black;text-align:center; line-height:30px;}
.table33_body td{color:#444;line-height:4px;padding: 14px; font-size:9pt;}

.tab_32 { width: 90%; margin:auto;}
.number_32 { font-size: 13px; color: #150f96; margin-left:2%; }
.number_32 span{ font-size: 13px; color: black; font-weight: bold  }
.tab_32_inner { border: 1px solid #dfdfdf; width: 97%; margin:auto; margin-top: 3vw; padding:35px; text-align: center;}
.tab_32_inner img { margin-top: 5vw; margin-bottom: 5vw; width: 85%;}
.inner_32_t1 { font-size: 35px; text-align: center; margin-top:5vw; }
.inner_32_t1 span { font-size: 25px; color:#8C8C8C;}
.list_32_wrapper { width: 93%; margin:auto; margin-top: 3vw;}
.list_32_wrapper li { font-size: 13px; display: list-item; list-style-type : disc; margin-left:2vw; color:#666; line-height: 18px; margin-top:1.5vw;}

.list_32_wrapper2 { width: 94%; margin:auto; margin-top: 3vw;}
.list_32_wrapper2 li { font-size: 13px; display: list-item; list-style-type : disc; margin-left:2vw; color:#666; line-height: 18px;}
.list_32_wrapper2 li ul li { list-style-type: none; }
.list_32_wrapper2 li.list_32_colored { color: #008bec; }

.margin_t7 { margin-top:7vw; }

.prd_notice{position:relative; margin-top:15px; padding-left:25px}
.prd_notice .tit{position:absolute; top:0; left:0; display:block; width:20px; height:20px; text-indent:-9999em;}
.prd_notice .pn_list li{margin-top:5px}

/* 보장내역 */
.prd_panel .prd_panel_inner {padding:40px 0 0; margin: 0 18px;}
.product .prd_panel .prd_msg_01{float:none;margin:10px 0;color:#767676}
.product .prd_panel .prd_msg_01 span{display:block;margin-bottom:3px;color:#150f96;font-weight:bold}
.product .prd_panel .prd_msg_02{color:#767676}
.prd_panel_inner .prd_notice{margin-top:0;padding-left:0;padding-top:10px}
/*.prd_panel_inner .prd_notice .tit{background:url(221122_bg_prd_notice.png) no-repeat;background-size:17px 17px}*/
.prd_panel_inner .prd_notice .mark .view{display:flex;width:20px;height:20px;font-size:10px;color:#fff;background-color:#150f96;align-items:center;justify-content:center;font-weight:normal;}

.prd_panel_inner .prd_notice .pn_list li{color:#666}
.tab4 .prd_msg_02{font-size:12px;}
.tab4 .prd_msg_02 .mark .view{display:flex;width:20px;height:20px;font-size:10px;color:#fff;background-color:#150f96;align-items:center;justify-content:center;font-weight:normal;}

.mt0{margin-top:0 !important}
.mt40{margin-top:40px !important}
.h_title_04{margin-top:24px;font-size:13px}
.prd_panel_inner .h_title_04:first-child{margin-top:24px}
.point_01{color:#150f96 !important}
.g_txt_01{color:#222 !important}
.g_txt_01 li{color:#222 !important}
.g_txt_02{color:#666 !important}
.g_txt_03{color:#767676 !important}

.g_dot_list>li{position:relative;padding-left:8px;margin-bottom:8px;box-sizing:border-box;color:#222;line-height:1.3;letter-spacing:-1px}
.g_dot_list>li:before{content:'';display:block;width:2px;height:2px;background-color:#666;position:absolute;left:0;top:7px}
.g_dot_list>li.no_bullet:before{display:none}

.tabs_sub{display:flex;padding-top:40px;justify-content: space-between}
.tabs_sub-item{width:calc(25% - 5px);height:35px;line-height: 24px;color: #666;border-bottom:2px solid #dfdfdf;font-weight:bold;}
.tabs_sub-item.on{border-color:#150f96;color:#150f96;}
@media (max-width: 359px){
    .tabs_sub-item{font-size:11px;}
}

.margin_t7 { margin-top:7vw; }
 

@charset "utf-8";
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    font-family: Spoqa;
    vertical-align: middle;
}
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, input, button, th, td, select, textarea, label {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
}

img {
  border: 0 none;
}

img {
  vertical-align: top;
}

ol, ul {
  list-style: none;
}

.hide {
  position: absolute;
  left: -9999px;
  top: -9999px;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}

button, button[type="button"] {
  border: 0;
  cursor: pointer;
  background: none;
  outline: none;
}

a {
  text-decoration: none;
}

.blind {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.wrap {
  z-index: 1;
  overflow-x: hidden;
}

img {
  width: 100%;
  border: none;
  vertical-align: top;
}

caption {
  overflow: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  margin-top: -1px
}

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

/* Gap */
.mt5 {
  margin-top: 5px !important
}

.mt7 {
  margin-top: 7px !important
}

.mt10 {
  margin-top: 10px !important
}

.mt12 {
  margin-top: 12px !important
}

.mt15 {
  margin-top: 15px !important
}

.mt20 {
  margin-top: 20px !important
}

.mt25 {
  margin-top: 25px !important
}

.mt30 {
  margin-top: 30px !important
}

.mt35 {
  margin-top: 35px !important
}

.mt50 {
  margin-top: 50px !important
}

.mt80 {
  margin-top: 70px !important
}

.ml7 {
  margin-left: 7px !important
}

.ml10 {
  margin-left: 10px !important
}

.ml20 {
  margin-left: 20px !important
}

.mr10 {
  margin-right: 10px !important
}

.mb0 {
  margin-bottom: 0 !important
}

.mb10 {
  margin-bottom: 10px !important
}

.mb15 {
  margin-bottom: 15px !important
}

.mb20 {
  margin-bottom: 20px !important
}

.pt15 {
  padding-top: 15px !important
}

.pt25 {
  padding-top: 25px !important
}

.mt_5 {
  margin-top: -5px !important
}

.tal {
  text-align: left !important
}

.tar {
  text-align: right !important
}

.tac {
  text-align: center !important
}

/* Point Color */
.g_point_01 {
  color: #117cb2 !important
}

.g_point_02 {
  color: #3d8100 !important
}

.g_point_03 {
  color: #de181b !important
}

.g_point_04 {
  color: #666 !important
}

.point_02 {
  color: #004286 !important
}

/* Text Align */
.tac {
  text-align: center !important
}

.tal {
  text-align: left !important
}

.tar {
  text-align: right !important
}



/* 보장내용, 가입안내 탭 */
.s02m {
  display: flex;
}

.s02m>div {
  width: 33.3%;
}

.s02m>div img {
  height: 100%;
}

.s04m_subtitle>div {
  display: flex;
  justify-content: space-between;
}

.inner {
  position: relative;
  width: 100%;
}

.inner2 {
  position: relative;
  width: 88.8vw;
  margin: 0 auto;
}

.inner2>div {
  margin-top: 11%;
  /*margin-right: 2.083%; */
}

/*.inner2 > div:last-child { margin-right: 0 !important; }*/
.s07m {
  margin: 15% 18px 10%;
}

.s05m {
  display: flex;
  position: fixed;
  bottom: 0;
  cursor: pointer;
  background-color: #fff;
  box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.1);
  transform: translateY(100%);
  transition: 0.3s;
  width: 100%;
}

.s05m.visible {
  transform: translateY(0%);
}

.s05m>div {
  width: 33.33%;
}

.s05m>div.w50 {
  width: 50%;
}

.s05m.footer_fixed {
  position: static;
}

.section_area {
  padding: 9.7vw 5.5vw 15.2vw;
  position: relative
}

.section_area .title {
  padding-bottom: 9.7vw;
}

.section_area .comment {
  font-size: 3.611vw;
  line-height: 5.277vw;
  padding-bottom: 10vw;
  text-align: center;
}

.section_area .comment span {
  color: #4879d9;
}

.section_area .desc {
  color: #888888;
  letter-spacing: -0.04rem;
  font-size: 2.5vw;
  line-height: 1.4;
  list-style-type: disc;
  padding-left: 3.1vw;
  font-weight: 300;
}

.section_bottom {
  padding: 9.3vw 5.5vw 8vw;
  text-align: center;
}

.section_bottom .section_image {
  width: 60%;
}

/* 보장내용, 가입안내 */
.tab3_1 {
  width: 88vw;
  margin: auto;
}

.tab3_1 .inner {
  width: 47%;
  height: 200px;
  border: 1px solid #dfdfdf;
  margin: 1.5%;
  float: left;
}

.tab3_1 .inner_top {
  width: 100%;
  height: 100px;
  background-color: #f5faff;
  text-align: center;
}

.tab3_1 .inner_top img:first-of-type {
  width: 17%;
  margin: 15% 0 10%;
}

.tab3_1 .inner_top img {
  width: 70px;
  height: auto;
  margin: 15% 0 10%;
}

.tab3_1 .inner_top b {
  font-size: 13px;
}

.tab3_1 p {
  font-size: 13px;
  text-align: center;
}

.tab3_1 .inner p.box {
  margin-top: 25%;
}

.tab3_1 .inner p.box2 {
  margin-top: 17%;
}

.tab3_1 .inner p.box3 {
  margin-top: -5%;
}

.tab3_1 .bottom_box {
  width: 97%;
  min-height: 180px;
  border: 1px solid #dfdfdf;
  margin: 1.5%;
  font-size: 13px;
  text-align: center;
  float: left;
}

.tab3_1 .bottom_box img {
  width: 12%;
  margin: 7% 0 5%;
}

.tab3_1 .bottom_box b {
  margin-top: 10%;
  margin-left: 3%;
  display: inline-block;
}

.tab3_1 .bottom_box p {
  line-height: 23px;
}

.tab3_2_div {
  width: 88vw;
  margin: auto;
  margin-bottom: 8%;
  margin-top: 8vw;
}

.tab3_3_div {
  width: 88vw;
  margin: auto;
  margin-bottom: 8%;
}

.tab3_3_div .tab3_3_name {
  font-size: 32px
}

.tab3_3_div table {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
}

.tab3_3_div table .border_right {
  border-right: 1px solid #8C8C8C;
}

.tab3_3_div table .border_bottom {
  border-bottom: 1px solid #8C8C8C;
}

.tab3_3_div>p {
  font-size: 12px;
  color: #444;
  margin-top: 2%;
}

.tab3_4_div {
  font-size: 30px;
  width: 88vw;
  margin: auto;
  margin-top: 8vw;
  margin-bottom: 8vw;
}

.tab3_4_div .tab3_4_title {
  font-size: 12px;
  margin-bottom: 2%
}

.tab3_4_div .tab3_4_title p {
  color: #444;
}

.tab3_4_div .tab3_4_title .title1 {
  margin-left: -2%;
  color: #666;
  font-weight: bold
}

.tab3_4_div .sub {
  float: right;
  font-size: 12px;
  color: #767676;
  margin-bottom: 3%
}

.tab3_4_div table {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}

.tab3_4_div table .border_right {
  border-right: 1px solid #8C8C8C;
}

.tab3_4_div table .border_bottom {
  border-bottom: 1px solid #8C8C8C;
}

.tab3_4_div .g_list_04 li { 
    text-indent: 0;
  margin-bottom: 0.41666vw;
  color: #222;
  font-size: 3.1vw;
  line-height: 5vw;
  padding-left: 0;
  position: relative;
}

.tab3_4_info {
  margin-top: 2.77777vw;
  color: #767676;
  font-size: 2.5vw;
  line-height: 3.7vw;
  padding-left: 4.44444vw;
  position: relative;
}

.tab3_4_info:before {
  color: #fff;
  font-size: 2.22222vw;
  line-height: 3.75vw;
  width: 3.75vw;
  height: 3.75vw;
  font-weight: bold;
  content: '주';
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  background: #150f97;
  border-radius: 50%;
}

.footer {
  margin-bottom: 13vw;
  padding: 0;
}

.footer .confirmed {
  line-height:5vw;
  padding: 5vw 0;
  font-size: 3.1vw;
  padding-left: 5.55555vw;
  color: #afafaf;
  border-top: 0.27vw solid #ececec;
  border-bottom: 0.27vw solid #ececec;
}

.footer .bottom {
  padding: 7vw 5.3vw 0 5.3vw;
  line-height: 1.45;
}

.footer .bottom button {
  font-size: 3.33vw;
  color: #41469c;
  margin-bottom: 4.8vw;
}

.footer .bottom h2 {
  font-weight: 700;
  color: #222222;
  font-size: 3.33vw;
  padding: 0 0 4.1vw 0;
}

.footer .bottom address, .footer .bottom p {
  font-weight: 300;
}

.footer .bottom .bold {
  font-weight: bold;
}

.footer p, .footer address {
  color: #747474;
  letter-spacing: -0.035em;
  font-size: 3vw;
  line-height: 1.63;
  font-style: normal;
}

.bottom_form_inner {
  background-color: white;
  height: 90vw;
}

.bottom_form_close {
  width: 10vw;
  position: absolute;
  margin-left: 45vw;
  margin-top: -5vw;
}

/*floater*/
.floater {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 10;
  display: none;
}

.floater>div {
  width: 100%;
  display: flex;
  padding-top: 0px;
  justify-content: ;
}

.floater>div>img {
  width: 50%
}

.floater .ico-top {
  position: absolute;
  top: -13.47222vw;
  right: 3.47222vw;
  width: 9.72222vw;
  height: 9.72222vw;
}

.floater .ico-top>img {
  width: 100%;
}


/*.panel{font-size: 22px;}*/
.panel_title {
  margin-bottom: 15px;
  color: #222;
  font-size: 10pt;
  letter-spacing: -0.03em
}

.prd_panel .panel {
  width: 100%;
  min-height: 2000px;
  padding: 5vw;
  margin: 0 auto
}

.prd_panel .panel_sub_t_1 {
  color: #004286;
  font-size: 10pt;
  font-weight: bold;
}

.prd_panel .panel_sub_t_2 {
  margin-top: 4px;
  margin-bottom: 2vw;
  width: 100%;
  color: #767676;
  font-size: 10pt;
}

.prd_panel table.table_1 {
  border-collapse: collapse;
}

.prd_panel table.table_1 thead.colName tr {
  line-height: 25pt;
}

.prd_panel table.table_1 thead.colName th {
  font-size: 9pt;
}

.prd_panel table.table_1 thead.colName th {
  background-color: #fff;
  border-top: 2px solid black;
  border-bottom: 1px solid #666;
  text-align: center;
}

.prd_panel table.table_1 tbody.t_outter>tr>th {
  color: #008bec;
  font-size: 9pt
}

.prd_panel table.table_1 tbody.t_outter>tr {
  padding: 100px;
  border-bottom: 1px solid #666;
}

.prd_panel table.table_1 tbody.t_outter>tr>td:first-of-type {
  font-size: 9pt;
  line-height: 16px;
  color: #353535;
  padding: 10px
}

.prd_panel table.table_1 tbody.t_outter>tr>td:first-of-type>span {
  color: #8C8C8C;
}

.prd_panel table.table_1 tbody.t_outter>tr>td>dl {
  font-size: 9pt;
  line-height: 16px;
  padding: 5% 0 5%
}

.prd_panel table.table_1 tbody.t_outter>tr>td>dl dt {
  color: #008bec;
}

.prd_panel table.table_1 tbody.t_outter>tr>td>dl dd {
  color: #8C8C8C;
}

.prd_panel table.table_1 tbody .reason span {
  color: #8C8C8C;
}

.prd_panel table.table_1>tbody>tr>td {
  color: #8C8C8C;
  font-size: 2.2em;
}

.prd_panel table.table_1-1 thead.colName_sub th {
  background-color: #fff;
  border-bottom: 1px solid #666;
  text-align: center;
  color: #008bec;
  font-size: 23pt
}

.prd_panel table.table_1-1 thead.colName_sub tr {
  line-height: 55pt;
  margin-top: 10pt;
}

.prd_panel table.table_1-1 tbody {
  line-height: 40pt;
  font-size: 13pt;
  text-align: center
}

.reason {
  line-height: 35px;
  color: #353535;
  padding: 20px
}

.caution {
  background-color: #008bec;
  width: 4vw;
  height: 5vw;
  font-size: 9pt;
  padding-top: 0.5vw;
  text-align: center;
  color: white;
  margin: 2vw 0 2vw;
}

.prd_remark{
  color: #fff;
  font-size: 3.33333vw;
  line-height: 1.5;
  display: flex;
  margin-top: 4vw;
}

.prd_remark div {
  color: #fff;
  font-size: 3.33333vw;
  line-height: 1;
  background-color: #150f97;
  padding: 2vw;
}

.prd_notice {
  position: relative;
  margin-top: 0;
  padding-left: 0;
}

.pn_list {
  color: #222222;
  font-size: 3.33333vw;
  line-height: 1.5;
  margin-bottom: 7vw;
}

.inner31 {
  width: 410px;
  height: 500px;
  border: 1px solid #8C8C8C;
  margin: 1.5%;
  display: inline-block;
}

.title33 {
  margin-bottom: 11px;
  color: #222;
  font-size: 13px;
  letter-spacing: -0.03em
}

.sub_t_331 {
  color: #150f96;
  font-size: 10pt;
  font-weight: bold;
}

.sub_t_332 {
  margin-top: 8px;
  margin-bottom: 5vw;
  width: 100%;
  color: #767676;
  font-size: 13px;
  text-align: right;
}

.table33_title th {
  font-size: 9pt;
  background-color: #fff;
  border-top: 2px solid black;
  border-bottom: 1px solid black;
  text-align: center;
  line-height: 30px;
}

.table33_body td {
  color: #444;
  line-height: 4px;
  padding: 14px;
  font-size: 9pt;
}

.tab_32 {
  width: 90%;
  margin: auto;
}

.number_32 {
  font-size: 13px;
  color: #150f96;
  margin-left: 2%;
}

.number_32 span {
  font-size: 13px;
  color: black;
  font-weight: bold
}

.tab_32_inner {
  border: 1px solid #dfdfdf;
  width: 97%;
  margin: auto;
  margin-top: 3vw;
  padding: 35px;
  text-align: center;
}

.tab_32_inner img {
  margin-top: 5vw;
  margin-bottom: 5vw;
  width: 85%;
}

.inner_32_t1 {
  font-size: 35px;
  text-align: center;
  margin-top: 5vw;
}

.inner_32_t1 span {
  font-size: 25px;
  color: #8C8C8C;
}

.list_32_wrapper {
  width: 93%;
  margin: auto;
  margin-top: 3vw;
}

.list_32_wrapper li {
  font-size: 13px;
  display: list-item;
  list-style-type: disc;
  margin-left: 2vw;
  color: #666;
  line-height: 18px;
  margin-top: 1.5vw;
}

.list_32_wrapper2 {
  width: 94%;
  margin: auto;
  margin-top: 3vw;
}

.list_32_wrapper2 li {
  font-size: 13px;
  display: list-item;
  list-style-type: disc;
  margin-left: 2vw;
  color: #666;
  line-height: 18px;
}

.list_32_wrapper2 li ul li {
  list-style-type: none;
}

.list_32_wrapper2 li.list_32_colored {
  color: #008bec;
}

.margin_t7 {
  margin-top: 7vw;
}

/* Table */
table[class^='g_table_'] {
  width: 100%;
}

table[class^='g_table_'] tr th.bdr,
table[class^='g_table_'] tr td.bdr,
table[class^='g_table_'] tr th[rowspan],
table[class^='g_table_'] tr td[rowspan] {
  border-right: 1px solid #cfd6d9
}

table[class^='g_table_'] tr th.bdl,
table[class^='g_table_'] tr td.bdl {
  border-left: 1px solid #cfd6d9
}

table[class^='g_table_'] tr th.bdb {
  border-bottom: 1px solid #cfd6d9
}

.g_table_01, .g_table_02 {
  border-top: 2px solid #58bbee;
  border-bottom: 1px solid #9ab5c3
}

.g_table_01 th, .g_table_01 td {
  border-left: 1px solid #cfd6d9;
  padding: 10px;
  height: 45px;
  box-sizing: border-box;
  line-height: 18px;
  text-align: center
}

.g_table_01 th.pds {
  padding: 10px 1px
}

.g_table_01 tr th:first-child, .g_table_01 td:first-child {
  border-left: 0
}

.g_table_01 th, .g_table_02 th {
  color: #333;
  background-color: #f6fcff
}

.g_table_01 td {
  border-top: 1px solid #cfd6d9;
  background-color: #fff
}

.g_table_01 td.tal {
  text-align: left
}

.g_table_02 th, .g_table_02 td {
  text-align: left;
  padding: 10px 5px;
  height: 45px;
  line-height: 16px;
  box-sizing: border-box;
  border: solid #cfd6d9;
  border-width: 1px 0 0 1px;
  vertical-align: middle;
  letter-spacing: -0.05em
}

.g_table_02 tr th:first-child {
  border-left: 0
}

.g_table_02 th.chk_th {
  background-color: #f3f3f3;
  text-align: center
}

.g_table_02 th.bg_02 {
  background-color: #f3f3f3
}

.g_table_02 th.nobg {
  background-color: #fff
}

.g_table_02.chk_tbl {
  position: relative
}

.g_table_02.chk_tbl .chk_th {
  position: relative;
  height: 100%;
}

.g_table_02.chk_tbl .chk_th input[type="checkbox"]+label,
.g_table_02.chk_tbl .chk_th input[type="radio"]+label {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1px;
  color: transparent;
  z-index: 10
}

.g_table_02.chk_tbl td select, .g_table_02.chk_tbl td input {
  z-index: 20;
  position: relative
}

.g_table_02.inpt th, .g_table_02.inpt td {
  padding: 5px 10px
}

.g_text_03+.g_table_02 {
  margin-top: 9px
}

.g_table_02 th.bg01 {
  text-align: center;
  background-color: #effbf8
}

.g_table_02.chk_tbl .chk_th.chk_on {
  background-color: #e9f6fd
}

.g_table_02 th select {
  background-color: #fff
}

.g_table_02 th .g_select_box {
  margin-top: 10px
}

.g_table_03 {
  border-top: 2px solid #222;
  border-bottom: 1px solid #ccc
}

.g_table_03 thead th {
  padding: 9px;
  font-size: 13px;
  color: #333;
  background-color: #f2f2f2
}

.g_table_03 tbody th, .g_table_03 tbody td {
  padding: 9px;
  font-size: 12px;
  word-break: break-all
}

.g_table_03 tbody th {
  border-top: 1px solid #ccc;
  color: #117bb2;
  background-color: #f6fcff;
  letter-spacing: -1px
}

.g_table_03 tbody td {
  border: 1px solid #ccc;
  border-width: 1px 0 0 1px
}

.g_table_03 th.bg {
  background: #fafafa;
  color: #333
}

.g_table_03 th.bg.tac {
  padding: 9px 4px
}

.g_table_03 a.g_btn_02 {
  padding: 0 10px;
  font-size: 13px
}

table[class^='g_table_0'].type_b {
  margin-bottom: 15px;
  border: 0;
  border-top: 2px solid #666;
  border-bottom: 1px solid #d9d9d9
}

table[class^='g_table_0'].type_b th {
  background-color: #fafafa
}

table[class^='g_table_0'].thc thead th {
  text-align: center
}

table[class^='g_table_0'] thead+tbody tr td:first-child {
  border-left: 0
}

table[class^='g_table_0'] thead+tbody tr td.borderleft1 {
  border-left: 1px solid #d9d9d9;
}

table[class^='g_table_0'] thead+tbody tr th.borderleft1 {
  border-left: 1px solid #d9d9d9;
}

table[class^='g_table_0'].thc tfoot tr>* {
  border-top: solid 1px #666
}

table[class^='g_table_0'] .bdt_no {
  border-top: 0
}

.prd_notice {
  position: relative;
  margin-top: 15px;
  padding-left: 25px
}

.prd_notice .tit {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  text-indent: -9999em;
}

.prd_notice .pn_list {
  margin-top: 2vw;
}

.prd_notice .pn_list li {
  color: #222222;
  font-size: 3.33333vw;
  line-height: 1.5;
  padding-left: 3.33333vw;
  text-indent: -3.33333vw;
}

/* 보장내역 */
.prd_panel .prd_panel_inner {
  padding: 0;
  margin: 0;
}

.product .prd_panel .prd_msg_01 {
  color: #222;
  font-size: 3.61111lvw;
  line-height: 1.5;
}

.product .prd_panel .prd_msg_01 span {
  display: block;
  margin-bottom: 3px;
  color: #150f97;
  font-weight: bold
}

.product .prd_panel .prd_msg_02 {
  color: #767676
}

.prd_panel_inner .prd_notice {
  margin-top: 0;
  padding-left: 0;
  padding-top: 10px
}

/*.prd_panel_inner .prd_notice .tit{background:url(bg_prd_notice.png) no-repeat;background-size:17px 17px}*/
.prd_panel_inner .prd_notice .mark .view {
  display: flex;
  width: 20px;
  height: 20px;
  font-size: 10px;
  color: #fff;
  background-color: #150f96;
  align-items: center;
  justify-content: center;
  font-weight: normal;
}

/* .prd_panel_inner .prd_notice .pn_list li{color:#666} */
.tab4 .prd_msg_02 {
  font-size: 12px;
}

.tab4 .prd_msg_02 .mark .view {
  display: flex;
  width: 20px;
  height: 20px;
  font-size: 10px;
  color: #fff;
  background-color: #150f96;
  align-items: center;
  justify-content: center;
  font-weight: normal;
}

.mt0 {
  margin-top: 0 !important
}

.mt40 {
  margin-top: 40px !important
}

.h_title_04 {
  margin-top: 9.72222vw;
  font-size: 3.61111vw;
  font-weight: bold;
  line-height: 1.5;
}

/* .prd_panel_inner .h_title_04:first-child{margin-top:5px} */
.point_01 {
  color: #150f96 !important
}

.g_txt_01 {
  color: #222 !important
}

.g_txt_01 li {
  color: #222 !important
}

.g_txt_02 {
  color: #666 !important
}

.g_txt_03 {
  color: #767676 !important
}

.g_dot_list>li {
  position: relative;
  padding-left: 8px;
  margin-bottom: 8px;
  box-sizing: border-box;
  color: #222;
  line-height: 1.3;
  letter-spacing: -1px
}

.g_dot_list>li:before {
  content: '';
  display: block;
  width: 2px;
  height: 2px;
  background-color: #666;
  position: absolute;
  left: 0;
  top: 7px
}

.g_dot_list>li.no_bullet:before {
  display: none
}

.tabs_sub {
  display: flex;
  padding-top: 7vw;
  justify-content: space-between
}

.tabs_sub-item {
  width: 25%;
  height: 13.88888vw;
  font-size: 3.61111vw;
  line-height: 5.41666vw;
  color: #5d5d5d;
  border-bottom: 0.55555vw solid #dfdfdf;
}

.tabs_sub-item.on {
  border-color: #150f96;
  color: #150f96;
  font-weight: bold;
}

@media (max-width: 359px) {
  .tabs_sub-item {
    font-size: 11px;
  }
}

/* 가입안내 */
.joininfo_list {
  margin: 0 auto;
  margin-bottom: 10vw;
  display: flex;
  width: 88.88888vw;
  flex-wrap: wrap;
}

.joininfo_list li {
  width: 43.05555vw;
  box-sizing: border-box;
  font-size: 3.33333vw;
  height:36.80555vw;
}

.joininfo_list li.mgleft {
  margin-left: 2.77777vw;
}

.joininfo_list li>.joinex_info {
  width:100%;
  height: 43.75vw;
  box-sizing: border-box;
  color: #222;
  text-align: center;
  position: relative;
  border:0;
}

.joininfo_list li>.joinex_info img {
  position: absolute;
  width: 14.58333vw;
  height: 13.19444vw;
  left: 14.58333vw;
  top: 2.77777vw;
  z-index:1;
}

.joininfo_list li>.joinex_info .ico {
  margin-bottom: 0;
  position: relative;
  display: block;
  padding: 17.36111vw 0 4.44444vw;
  color: #222;
  text-align: center;
  font-size: 3.33333vw;
  border: 1px solid #dfdfdf;
  background:#fff;
  border-top-left-radius: 1.25vw;
  border-top-right-radius: 1.25vw;
  height:24.44444vw;
}

.joininfo_list li>.joinex_info .ico2 {
  position: relative;
  display: block;
  padding: 3.47222vw 0 0;
  color: #222;
  text-align: center;
  font-size: 3.75vw;
  height: 12.5vw;
  border: 1px solid #dfdfdf;
  background: #ebf3fe;
  font-weight: bold;
  border-top: 0;
  border-bottom-left-radius: 1.25vw;
  border-bottom-right-radius: 1.25vw;
  height:12.36111vw;
}

.joininfo_list li>.joinex_info .ico:before {
  content: "";
  display: block;
  position: absolute;
  top: 6.66666vw;
  left: 50%;
  width: 15.13888vw;
  height: 11.80555vw;
  margin-top: -2.5vw;
  margin-left: -7.36111vw;
}

/* 꼭 알아둘 사항 */
.h5_tit {
  margin: 3.33333vw 0 2.08333vw;
  color: #222;
  font-size: 1.80555vw
}

.h5_tit i {
  color: #150f96;
  font-style: normal
}

.prd_panel_02 {
  /* padding-top: 6.94444vw; */
  color: #666;
  font-size: 2.08333vw;
}

.prd_panel_02 .h5_tit {
  margin: 6.25vw 0 5vw;
  color: #222;
  font-size: 3.61111vw;
  position: relative;
  padding-left: 5.55555vw;
  line-height: 4.72222vw;
}

.prd_panel_02 .h5_tit i {
  color: #150f96;
}

.prd_panel_02 .h5_tit:before {
  background: #150f96;
  color: #fff;
  content: "1";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 2.77777vw;
  width: 4.72222vw;
  height: 4.72222vw;
  text-align: center;
  line-height: 4.72222vw;
  border-radius: 50%;
}

.prd_panel_02 .h5_tit.num2:before {
  content: "2";
}

.prd_panel_02 .h5_tit.num3:before {
  content: "3";
}

.prd_panel_02 .h5_tit.num4:before {
  content: "4";
}

.prd_panel_02 .h5_tit:first-of-type {
  margin-top: 0;
}
.prd_panel_02 .img_box {
    margin-bottom: 15px;
    padding: 20px 15px;
    border: 0;
    text-align: center;
}
.prd_panel_02 .g_list_04 {
  margin-top: 4.16666vw;
  margin-bottom: 8vw;
}

.prd_panel_02 .g_list_04 li {
  margin-bottom: 0.41666vw;
  color: #222;
  font-size: 3.1vw;
  line-height: 1.5;
  padding-left: 0;
  position: relative;
  padding: 0;
}

.prd_panel_02 .g_list_04 li.nlist {
  text-indent: -3.1vw;
  padding-left: 3.1vw;
}

.prd_panel_02 .g_list_04 li.nlist2 {
  text-indent: -1.6666vw;
  padding-left: 2vw;
}
.prd_panel_02 .g_list_04 li:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    background-color: #666;
    position: absolute;
    left: 0;
    top: 7px;
}
.prd_panel_02 .g_list_04 li li {
  padding: 0;
}

.prd_panel_02 .g_list_04 li.point_01 {
  color: #150f96;
}

.prd_panel_02 .g_list_04 li.g_point_03 {
  font-size: 2.08333vw !important;
}

.prd_panel_02 .g_list_04 li.g_text_04 {
  padding-left: 2.5vw;
  margin-left: 1.38888vw;
}

.prd_panel_02 .g_list_04 li .tit {
  display: block;
  color: #333;
}

/* 가입안내 */
.product .prd_panel_02 .prd_msg_01 {
  text-align: right
}

.product .prd_panel_02 .prd_msg_01 span {
  display: block;
  margin-bottom: 0;
  text-align: left
}

.product .prd_panel_02 .g_table_03 td {
  text-align: center
}

.product .prd_panel_02 .img_box {
  margin-bottom: 15px;
  padding: 20px 15px;
  text-align: center
}

.product .prd_panel_02 .img_box .tit {
  display: block;
  font-size: 16px
}

.product .prd_panel_02 .img_box .txt_s {
  color: #666;
  font-size: 12px
}

.product .prd_panel_02 .img_box .img {
  margin-top: 20px
}

.product .prd_panel_02 .img_box img {
  max-width: 100%;
  width: 100%
}

.prd_banner {
  background-color: #014286
}

.prd_banner a {
  position: relative;
  display: block;
  width: 330px;
  padding: 20px 0;
  margin: 0 auto;
  padding-right: 70px;
  box-sizing: border-box;
  color: #fff;
  letter-spacing: -0.05em
}

.prd_banner a>span {
  position: relative;
  display: block;
  min-height: 52px;
  padding-top: 5px;
  padding-left: 62px;
  box-sizing: border-box;
  font-size: 14px;
  font-family: 'NotoSansLight';
  line-height: 1.3
}

.prd_banner a .prd_02 {
  padding-top: 0
}

.prd_banner a>span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 52px;
  height: 52px;
  background-color: #fff;
  border-radius: 100%;
  box-sizing: border-box;
}

.prd_banner a .prd_01:before {
  background: #fff url('bg_ico_prd01.png') 50% 50% no-repeat;
  background-size: 31px 28px
}

/* 간병비치매보험 */
.prd_banner a .prd_02:before {
  background: #fff url('bg_ico_prd02.png') 50% 50% no-repeat;
  background-size: 25px 28px
}

/* 치아보험 */
.prd_banner a .prd_03:before {
  background: #fff url('bg_ico_prd03.png') 50% 50% no-repeat;
  background-size: 31px 31px
}


/* 시니어사망보험 */
.prd_banner a>span strong {
  display: block;
  margin-top: 2px;
  font-size: 16px;
  font-family: 'NotoSansBold';
  letter-spacing: 0
}

.prd_banner a .btn_prd_view {
  position: absolute;
  right: 0;
  top: 20px;
  display: inline-block;
  width: 62px;
  height: 52px;
  border: 1px solid #fff;
  color: #fff;
  box-sizing: border-box;
  line-height: 50px;
  text-align: center
}

.prd_banner a .btn_prd_view span {
  display: inline-block;
  padding-right: 8px;
  background: url('btn_arr.png') 99% 50% no-repeat;
  background-size: 4px 7px;
  font-size: 12px
}

.prd_last {
  padding: 20px 15px;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  color: #767676;
  font-family: 'NotoSansLight';
  letter-spacing: -1px
}

.prd_last strong {
  font-family: 'NotoSans';
  font-weight: normal
}

.prd_banner+.prd_last {
  border-top: 0
}

.btn_prd_call {
  position: fixed;
  right: 10px;
  bottom: 58px;
  z-index: 2
}

.btn_prd_call a {
  display: block;
  width: 52px;
  height: 51px;
  background: url('btn_prd_tel.png');
  background-size: 100% 100%
}

.btn_prd_call a span {
  display: block;
  text-indent: -9999px
}

.prd_ft_banner {
  display: none;
  width: 100%;
}

.prd_ft_banner.fixed {
  display: block;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 10
}

.ly_ft_banner {
  padding: 0
}

.ly_ft_banner .inner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 226px;
  padding-top: 0;
  border-radius: 0
}

.ly_ft_banner .btn_layer_close {
  top: -25px
}

.ly_ft_banner .btn_wrap>a {
  float: left;
  width: 50%;
  height: 69px;
  background: #150f96;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  font-size: 14px
}

.ly_ft_banner .btn_wrap .btn_prd_tel {
  padding: 12px 0 0;
  background-color: #004286;
  font-size: 15px;
  line-height: 1.4
}

.ly_ft_banner .btn_wrap .btn_prd_tel em {
  display: block;
  margin-bottom: 3px
}

.ly_ft_banner .btn_wrap .btn_prd_tel span {
  display: inline-block;
  padding-left: 20px;
  background: url('bg_prd_tel02.png') 0 50% no-repeat;
  background-size: 16px 16px;
  font-family: 'NotoSansBold';
}

.ly_ft_banner .btn_wrap .btn_prd_arrow {
  position: relative;
  padding: 12px 0 0;
  background-color: #150f96;
  font-size: 15px;
  line-height: 1.5
}

.ly_ft_banner .btn_wrap .btn_prd_arrow.arr:before {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -6px;
  display: inline-block;
  width: 13px;
  height: 6px;
  background: url('bg_t_arrow.png') no-repeat;
  background-size: 13px 6px
}

.prd_inp_wrap .my_info_box {
  position: relative;
  width: 290px;
  margin: 0 auto;
  padding: 10px 0 20px;
  background: #fff
}

.prd_inp_wrap .tit {
  display: block;
  padding: 22px 0 0;
  border: 1px solid #150f96;
  border-bottom: 0;
  color: #150f96;
  font-size: 25px;
  text-align: center;
  letter-spacing: -1.5px
}

.prd_inp_wrap .item {
  padding: 5px 0 0;
  color: #150f96
}

.prd_inp_wrap .item .label {
  display: inline-block;
  width: 92px;
  height: 25px;
  padding-right: 10px;
  box-sizing: border-box;
  color: #150f96;
  font-size: 13px;
  font-family: 'NotoSansBold';
  text-align: right;
  line-height: 25px
}

.prd_inp_wrap .item input {
  width: 130px;
  height: 30px;
  padding: 0 6px;
  border: 1px solid #b2dcf9;
  border-radius: 0;
  box-sizing: border-box;
  color: #222;
  font-size: 14px
}

.prd_inp_wrap .item input:-ms-input-placeholder {
  color: #a9a9a9
}

.prd_inp_wrap .item input:-moz-input-placeholder {
  color: #a9a9a9
}

.prd_inp_wrap .item input::-webkit-input-placeholder {
  color: #a9a9a9
}

.prd_inp_wrap .item input.short1 {
  width: 60px;
  text-align: center
}

.prd_inp_wrap .item input.short2 {
  width: 18px;
  padding: 0;
  text-align: center
}

.prd_inp_wrap .item .dot {
  display: inline-block;
  padding-top: 3px;
  margin-left: 3px;
  color: #150f96;
  letter-spacing: 0;
  vertical-align: middle
}

.prd_inp_wrap .btn_box {
  position: absolute;
  bottom: 20px;
  right: 0;
  width: 50px;
  height: 100px
}

.prd_inp_wrap .btn_prd_box {
  display: block;
  width: 50px;
  height: 100px;
  background: #150f96 url('bg_prd_arrow.png') 50% 50% no-repeat;
  background-size: 10px 17px
}

.prd_inp_wrap .btn_prd_box span {
  display: inline-block;
  text-indent: -9999px
}

.prd_inp_txtbox {
  margin: 10px 0;
  padding: 10px;
  background: #f3f3f3;
  text-align: center
}

.prd_inp_txtbox1 {
  margin: 10px 0
}

.prd_inp_txt {
  margin-top: 5px;
  color: #767676;
  font-size: 12px;
  text-align: left
}

.prd_inp_txt i {
  font-style: normal
}

.g_list_check li {
  margin: 10px 0
}

.prd_inp_box2 {
  margin-top: 15px;
  padding: 15px 29px;
  border: 1px solid #444
}

.prd_inp_box2:after {
  content: "";
  clear: both;
  display: block
}

.prd_inp_box2 .prd_in_top {
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 1.3
}

.prd_inp_box2 .prd_in_top em {
  display: block;
  color: #004286
}

.g_btn_arrow {
  display: block;
  background-color: #014286;
  color: #fff;
  text-decoration: none
}

.prd_inp_box2 .btn_area {
  float: right
}

.prd_inp_box2 .btn_area .g_btn_arrow {
  width: 70px;
  height: 88px;
  padding: 18px 0;
  box-sizing: border-box;
  font-size: 15px
}

.g_btn_arrow:hover, .g_btn_arrow:active {
  color: #fff;
  text-decoration: none
}

.g_btn_arrow span {
  padding-bottom: 30px;
  background: url('btn_prd_arrow2.png') 50% 100% no-repeat
}

.prd_inp_box2 .prd_in_area:after {
  content: "";
  clear: both;
  display: block
}

.prd_inp_box2 .prd_in_box {
  float: left;
  width: 488px;
  padding: 8px 15px;
  border: 1px solid #dfdfdf;
  box-sizing: border-box
}

.prd_inp_box2 .prd_in_box>strong {
  display: block;
  margin-bottom: 5px;
  font-size: 14px
}

.prd_inp_box2 .prd_in_box .g_dot_list li {
  margin-bottom: 0;
  font-size: 13px
}

.prd_inp_box2 .prd_in_box .g_dot_list li:before {
  background-color: #b5b5b5
}

.prd_inp_box2 .prd_in_box .g_dot_list {
  float: left;
  width: 240px;
  border-right: 1px solid #dfdfdf
}

.prd_inp_box2 .prd_in_box>p {
  float: right;
  width: 215px;
  padding-left: 12px;
  box-sizing: border-box;
  color: #666;
  font-size: 13px
}

.prd_inp_box2 .prd_in_box.w2 .g_dot_list {
  width: 260px
}

.prd_inp_box2 .prd_in_box.w2>p {
  width: 195px
}

.prd_inp_box2 .prd_in_box>p span {
  display: block;
  margin-bottom: 5px;
  color: #222
}

.prd_inp_box2 .prd_in_box>p strong {
  color: #004286
}

.prd_panel table.w100 {
  width: 100%;
  border-bottom: 1px solid #dfdfdf
}

.prd_panel table.g_table_03,
.p_table_01 {
  width: 100%;
  margin-top: 3vw;
  margin-bottom: 10px;
  border-top: 0.55555vw solid #bbb;
  border-bottom: 0.13888vw solid #bbb
}

.prd_panel table.g_table_03 th,
.p_table_01 th {
  color: #222;
  font-size: 3.1vw;
  padding: 3.4vw 0;
}

.prd_panel table.g_table_03 td,
.p_table_01 td {
  color: #222;
  font-size: 3.1vw;
  padding: 3.4vw 1vw;
  text-align: left;
}

.prd_panel table.g_table_03 td.al_c {
  text-align: center;
}

.prd_panel table.g_table_03 td span,
.p_table_01 td span {
  color: #767676
}

.prd_panel table.g_table_03 thead th,
.p_table_01 thead th {
  background-color: #fff;
  border-left: 0.13888vw solid #bbb;
  border-bottom: 0.13888vw solid #bbb;
  text-align: center;
  background: #f7f7f7;
}

.prd_panel table.g_table_03 thead th:first-child,
.p_table_01 thead th:first-child {
  border-left: 0
}

.prd_panel table.g_table_03 tbody tr:first-of-type td,
.prd_panel table.g_table_03 tbody tr:first-of-type th,
.p_table_01 tbody tr:first-of-type td,
.p_table_01 tbody tr:first-of-type th {
  border-top: 0
}

.prd_panel table.g_table_03 tbody th,
.p_table_01 tbody th {
  background-color: #fff;
  color: #150f96;
  text-align: center;
  font-weight: bold;
  padding: 2vw 0;
}

.prd_panel table.g_table_03 tbody th.td,
.p_table_01 tbody th.td {
  color: #222;
  font-weight: normal
}

.p_table_01 tbody td {
  border-left: 0.13888vw solid #bbb;
  border-bottom: 0.13888vw solid #bbb
}

.p_table_01 tbody td:first-child {
  border-left: 0
}

.p_table_01 tbody td.bdl {
  border-left: 1px solid #dfdfdf
}

.p_table_01 tbody td.tac {
  text-align: center
}

.p_table_01 tbody .bg {
  background-color: #f5f5f5
}

.prd_panel table.g_table_03 tbody td.point,
.p_table_01 tbody td.point {
  color: #150f96;
  text-align: right
}

.prd_panel table.g_table_03 .g_define_01 dt {
  margin-top: 0;
  padding-left: 0;
  background: none;
  color: #150f96
}

.prd_panel table.g_table_03 .g_define_01 dd {
  margin-top: 0;
  padding-left: 0;
  background: none
}

.prd_panel table.g_table_03 tbody tr td[rowspan] {
  border-right: 0
}

.al_c {
  text-align:center;
}
/* DB 입력영역 */
input[type="text"],input[type="tel"]{ color: #000;box-sizing:border-box; }
input:-ms-input-placeholder { color: #707070; }
input::-webkit-input-placeholder { color: #707070; } 
input::-moz-placeholder { color: #707070; }
input:input-placeholder{ color: #707070; }
 
.keyvisual_db{position:relative;}
.keyvisual_db .inner { position:relative;}
.keyvisual_db .input_s_area {position:relative; z-index:1;}
.keyvisual_db .input_s_area input[type='text'],.keyvisual_db .input_s_area input[type='tel'] {border:0;height:34px;line-height:34px;font-size:3.8vw;border-radius: none;border-radius: 0;outline: none;}
.keyvisual_db .input_s_area .input {text-align:left;background:#fff;box-sizing:border-box;}
.keyvisual_db .input_s_area .input h2 {text-align:center;background:#01c1d6;color:#fff;font-size:16px;height:46px;line-height:46px;position:relative;top:-1px;}
.keyvisual_db .input_s_area .input ul{padding: 0 11.12vw;box-sizing:border-box;}
.input1{display:flex}
.my_info_box ul li{margin-bottom:2vw;}
.my_info_box span{width:24vw;display:inline-block;font-size:3.5vw;font-weight:500;color:#444;}
.my_info_box input{height:12vw;line-height:34px;font-family: Spoqa;}

.my_info_box input::placeholder{color:#000;font-size:3.8vw;line-height:34px;}
.my_info_box .input1 input{color:#000;width:30vw;font-size:3.8vw;font-weight:300; border: 1px solid #d7d7d7; box-sizing:border-box;border-radius: 3vw;}
.my_info_box .input1 input:focus{border:1.5px solid #150f96;border-radius:3vw;outline:none;box-shadow: 0.1vw 0.1vw 2vw  #d7d7d7}

.my_info_box .input1 div{display:inline-block;width:34vw;padding-left:1.5vw}
.my_info_box div a{display:inline-block;width:50%;text-align:center;line-height:11.5vw;border:1px solid #d7d7d7;box-sizing:border-box;position:relative;font-size:3.8vw;font-weight:400;padding-left:6vw;color: #000;height:12vw}
.my_info_box span.alert{display:block;width:100%;text-align:center;font-weight:normal;font-size:12.5px;color:#444;padding-bottom:16px;}
.my_info_box ul.input2{/* display:none; *//* padding-top:8px; */}
.sex {display:block}
.my_info_box a.on{color:#150f96;}
.my_info_box a.on:after{display:block;content:"";width:102%;height:102%;position:absolute;left:0;top:0;z-index:2;box-sizing:border-box;}
.my_info_box a.sex1{border-right:0;background:#fff url(boc_MO_boy.png) no-repeat 1.5vw 50%;background-size:34%;border-radius: 3vw 0 0 3vw}
.my_info_box a.sex2{background:#fff url(boc_MO_girl.png) no-repeat 1.5vw 50%;background-size:34%;border-radius: 0 3vw 3vw 0}
.my_info_box a.on.sex1{background-color: #01c1d6;color: #000;/* border: 2px solid #01c1d6; */}
.my_info_box a.on.sex2{background:#01c1d6 url(boc_MO_girl.png) no-repeat 1.5vw 50%;background-size:34%;color:#000}
 
.my_info_box .name input {width:64vw; border: 1px solid #d7d7d7; border-radius: 3vw; font-size:3.8vw}
.my_info_box .name input:focus{border:1.5px solid #150f96;border-radius:3vw;outline:none;box-shadow: 0.1vw 0.1vw 2vw  #d7d7d7}
.my_info_box .birth input#birthday02{width:34vw;margin-right:1vw; border: 1px solid #d7d7d7; border-radius: 3vw; font-size:3.8vw}
.my_info_box .birth input#birthday02:focus{border:1.5px solid #150f96;border-radius:3vw;outline:none;box-shadow: 0.1vw 0.1vw 2vw  #d7d7d7}
.my_info_box .birth input#birthday02-2{width:11vw;padding:0 10px;margin-left:1vw;margin-right:1vw; border: 1px solid #d7d7d7; border-radius: 3vw; font-size:3.8vw}
.my_info_box .birth input#birthday02-2:focus{border:1.5px solid #150f96;border-radius:3vw;outline:none;box-shadow: 0.1vw 0.1vw 2vw  #d7d7d7}
.my_info_box .birth b{font-weight:normal;font-size:12.5px;color:#444;}
.my_info_box .birth b.ct{position:relative;top:5px;}
.my_info_box .number input {width:64vw;border: 1px solid #d7d7d7; border-radius: 3vw; font-size:3.8vw}
.my_info_box .number input:focus{border:1.5px solid #150f96;border-radius:3vw;outline:none;box-shadow: 0.1vw 0.1vw 2vw  #d7d7d7}
.keyvisual_db .input_s_area .btn {display: flex;justify-content: center;padding: 3vw 11.12vw 6vw}
.keyvisual_db .input_s_area .btn.btn1 a{display:block;background-size:8px 14px;}
.keyvisual_db .input_s_area .btn.btn2 a{display:inline-block;width:100%;box-sizing:border-box;background-size:8px 14px;}
.keyvisual_db .input_s_area .btn.btn2 a:nth-of-type(2){margin-left:12px;}

#boc_dbbox { background: url(UPLOAD_IMAGES/boc_db_bg.jpg) repeat-y center/100% auto; }
.db_contents #parentsbox { display:none; }
.db_contents table { width:100%; font-weight:bold; font-size:3.5vw; color:#7d7d7d; }
.db_contents table tr { height:12vw; }
.db_contents table input { font-size:3.5vw; }
.db_contents .phone::placeholder, .db_contents .name::placeholder { letter-spacing: -1.4; }
.db_contents .btn_sel { display: flex; border-radius:0px; }
.db_contents .btn_sel a { width:50%; height:11vw; display:flex; align-items:center; justify-content:center; font-size:3.5vw; font-weight:500; border:2px solid #f0f0f0; }
.db_contents .btn_sel a.on { background-color:#01c1d6; color:#fff; border:2px solid #01c1d6; }
.db_contents .btn_sel a img { width:30%; margin-right:10%; }
.db_contents .parentsguide { text-align:center; color:#bbb; }
.db_contents #birthday02 { width:51%; }
.db_contents #birthday02-2 { width:10%; padding:0; text-align:center; }
.db_contents #birthday02-3 { width:26%; padding:0; border:0; text-align:right; }
.db_contents .birthdaydash { padding:2%; }
.db_contents .form_btns { margin-top:9%; }
#float_btn { width: 100%; position: fixed; bottom: 0px; z-index: 10; display: none; }
#float_btn div { width:100%; display:flex; padding-top:0px; justify-content:; }
#float_btn img { width:33.333%; }

/* 240830 new DB field */
input[type='text'], input[type='password'], input[type='date'], input[type='number'], input[type='tel'], input[type='email'], input[type='search'], input[type='tel'] {box-sizing:border-box;-webkit-appearance:none;color:#000;line-height:100%;/* line-height:35px; */vertical-align:middle;padding:0 10px;border:1px solid #bebebe}
input:disabled, textarea:disabled{-webkit-opacity:.5; -webkit-text-fill-color:#000; background-color:#eee}

.content_title{padding:3vw 0}
.content_title img{}
.content_tabs {padding: 0 5vw 5vw 5vw !important;}

.prd_inp_wrap_new .my_info_box{position:relative;width:100%;margin:0 auto; padding: 3vw 5.5vw 2vw;}
.prd_inp_wrap_new .tit{display:block;padding:22px 0 0;border:1px solid #150f96;border-bottom:0;color:#150f96;font-size:25px;text-align:center;letter-spacing:-1.5px}
.prd_inp_wrap_new .item{width:100%;height:13vw;border:1px solid #D7D7D7;border-radius:3vw;box-sizing:border-box;color:#000;margin-bottom:2vw;padding:0}
.prd_inp_wrap_new .item .label{display:inline;width:1px;height:1px;position:absolute;top:0;left:0;padding-right:0;line-height:0;font-size:1px;color:transparent;margin:-1px;clip: rect(1px, 1px, 1px, 1px);border:0}
.prd_inp_wrap_new .item input{border:none;font-size:4vw;text-align:left;height:100%;width:100%;border-radius: 3vw;padding: 0 10px;}
.prd_inp_wrap_new .item input:focus{border:1.5px solid #150f96;border-radius:3vw;outline:none;box-shadow: 0.1vw 0.1vw 2vw  #d7d7d7}
.prd_inp_wrap_new .item input:-ms-input-placeholder{color:#000}
.prd_inp_wrap_new .item input:-moz-input-placeholder{color:#000}
.prd_inp_wrap_new .item input::-webkit-input-placeholder{color:#000}
.prd_inp_wrap_new .item input.short1{width:10vw;margin-right:2vw;font-size:4vw;}
.prd_inp_wrap_new .item input.short2{width:10vw;margin-left:2vw;font-size:4vw;}
.prd_inp_wrap_new .item .dot{font-size:4vw;display:inline-block;padding-top:1vw;margin-left:5vw;color:#000;letter-spacing:1vw;vertical-align:middle}
.prd_inp_wrap_new .btn_prd_box span{display:inline-block;text-indent:-9999px}

.prd_inp_wrap_new .item input.short1{width:45%;margin-right:5px}
.prd_inp_wrap_new .item input.short2{width:10vw !important;margin-left:5px;}
.prd_inp_wrap_new .item .dot{margin-left:3px;letter-spacing:1px}

.g_sel_01 {width: 24vw !important; height: 100% !important; border: none; font-size: 4vw; padding: 0 10px; color: #000;}
select {
    -webkit-appearance: none;
    border: 1px solid #bebebe;
    border-radius: 2px;
    height: 35px;
    padding: 0 19px 0 5px;
    background: url(bg_select.png) no-repeat 100% 50%;
    background-size: 19px 8px;
    color: #666;
}
.item input:focus{border:1.5px solid #150f96;border-radius:3vw;outline:none;box-shadow: 0.1vw 0.1vw 2vw  #d7d7d7}
.item input:-ms-input-placeholder{color:#000}
.item input:-moz-input-placeholder{color:#000}
.item input::-webkit-input-placeholder{color:#000}

.prd_ft_banner{display:none;width:100%;}
.prd_ft_banner.fixed{display:block;position:fixed;left:0;bottom:0;z-index:10; background:linear-gradient(to top, #fff 80%, transparent)}
.btn_wrap_new {background:linear-gradient(to top, #fff 80%, transparent)}
.btn_wrap_new {display:block;padding:4vw 4vw 6vw;position: fixed;bottom:0;width:100%;z-index:1;background:#fff;}
.btn_wrap_new img {position:relative;width:34%;top:-0.5vw}
.btn_wrap_new .btn_prd_arrow{position:relative;float:left;text-align:center;color:#000;height:16vw;padding:5.7vw 0;border:none;border-radius: 4vw;font-size:4.5vw;font-family:'SpoqaBold',Spoqa;font-weight:bold;line-height:1;z-index:1;}
.btn_wrap_new .btn_prd_arrow:nth-child(1){background-color:#ddd;color:#000;width:18%;margin-right:2vw}
.btn_wrap_new .btn_prd_arrow:nth-child(2){background-color:#777;color:#fff;width:32%;margin-right:2vw}
.btn_wrap_new .btn_prd_arrow:nth-child(3){background-color:#ffe401;color:#000;width:45%;}
.btn_wrap_new .btn_prd_arrow:after {content: ''; display:none; vertical-align: middle; width: 0; height: 0; margin-left: 0;margin-top: 0; background: url(bg_prd_ft_arrow.png) no-repeat; background-size: 0 0;}
.prd_inp_wrap_new .item .g_sel_01 + input {width: 63vw !important;}
.btn_wrap_new .btn_prd_arrow em {}
.ly_ft_banner{padding:0}
.ly_ft_banner .inner{position:fixed;bottom:0;left:0;width:100%;height:0;padding-top:0;background-color:rgba(0,0,0,.0);}
.ly_ft_banner .prd_inp_wrap_new{
     width:100%;
     border-radius:10vw 10vw 0 0;
     background-color:#fff;
     position:fixed;
     bottom:18vw;
     padding-top:8vw;
     -webkit-animation: slide-top 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
     animation: slide-top 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
 }

.btn_wrap_new2 {background:linear-gradient(to top, #fff 80%, transparent)}
.btn_wrap_new2 {display:block;padding:4vw 4vw 6vw;position: fixed;left:0;bottom:0;width:100%;z-index:1;background  : linear-gradient(to top, #fff 80%, transparent) }
.btn_wrap_new2 img {position:relative;width:34%;top:-0.5vw}
.btn_wrap_new2 .btn_prd_arrow{position:relative;float:left;text-align:center;color:#000;width: 100%;height:16vw;padding:5.5vw 0;border:none;border-radius: 4vw;font-size:4.5vw;font-family:'SpoqaBold',Spoqa;font-weight:bold;line-height:1;z-index:1;}
.btn_wrap_new2 .btn_prd_arrow:nth-child(1){background-color:#ddd;color:#000;width:18%;margin-right:2vw}
.btn_wrap_new2 .btn_prd_arrow:nth-child(2){background-color:#777;color:#fff;width:32%;margin-right:2vw}
.btn_wrap_new2 .btn_prd_arrow:nth-child(3){background-color:#ffe401;color:#000;width:45%;}
.prd_inp_wrap_new .item .g_sel_01 + input {width: 63vw !important;}
.btn_wrap_new2 .btn_prd_arrow em {}

.ly_ft_banner .inner .prd_top_tit strong{color:#000; font-size:5vw; text-align:left; font-weight:bold; margin: 0 6vw}
.ly_ft_banner .my_prd_info {/* margin: 2vw 0 0; */}
@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  100% {
    -webkit-transform: translateY(-4vw);
            transform: translateY(-4vw);
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  100% {
    -webkit-transform: translateY(-4vw);
            transform: translateY(-4vw);
  }
}
.ly_ft_banner .btn_layer_close{top:-25px}

.prd_inp_wrap .my_info_box{position:relative;width:290px;margin:0 auto;padding:10px 0 20px;background:#fff}
.prd_inp_wrap .tit{display:block;padding:22px 0 0;border:1px solid #150f96;border-bottom:0;color:#150f96;font-size:25px;text-align:center;letter-spacing:-1.5px}
.prd_inp_wrap .item{padding:5px 0 0;color:#150f96}
.prd_inp_wrap .item .label{display:inline-block;width:92px;height:25px;padding-right:10px;box-sizing:border-box;color:#150f96;font-size:13px;font-family:'SpoqaBold',Spoqa;text-align:right;line-height:25px}
.prd_inp_wrap .item input{width:130px;height:30px;padding:0 6px;border:1px solid #b2dcf9;border-radius:0;box-sizing:border-box;color:#000;font-size:14px}
.prd_inp_wrap .item input:-ms-input-placeholder{color:#000}
.prd_inp_wrap .item input:-moz-input-placeholder{color:#000}
.prd_inp_wrap .item input::-webkit-input-placeholder{color:#000}
.prd_inp_wrap .item input.short1{width:60px;text-align:center}
.prd_inp_wrap .item input.short2{width:18px;padding:0;text-align:center}
.prd_inp_wrap .item .dot{display:inline-block;padding-top:3px;margin-left:3px;color:#150f96;letter-spacing:0;vertical-align:middle}
.prd_inp_wrap .btn_box{position:absolute;bottom:20px;right:0;width:50px;height:100px}
.prd_inp_wrap .btn_prd_box span{display:inline-block;text-indent:-9999px}

.g_layer_box .btn_layer_close {
    display: block;
    position: absolute;
    top: 8vw;
    right: 0vw;
    background:url(btn_ly_close_bk.png) 0 0 no-repeat;
    background-size:6vw auto;
    color: transparent;
    font-size: 0;
    letter-spacing: 0;
    overflow: hidden;    
    margin-right: 5.5vw;
}
.g_layer_box .dim{background-color:rgba(0,0,0,.4) !important;}
/* 240830 new DB field */