@charset "utf-8";
.g_table_03 th{vertical-align:middle; text-align:center}
.g_table_03 tbody td:first-of-type{vertical-align:middle!important; text-align:center;}

.MainVisual{position:relative;padding:6vw 0}
.main_subtitle{font-size:3.5vw; text-align:center; color:#767676; padding:2vw 0}
.MainVisual_icon img{position:absolute;width:34vw;top:66vw;left:30vw;animation: floatUpDown 2s ease-in-out 0s infinite; z-index:1}
@keyframes floatUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px); /* 위로 10px 이동 */
  }
}

.main_img {
  position: relative;
  width: fit-content;
  display: inline-block;
}
.main_img img {
  display: block;
  max-width: 100%;
  height: auto;
}
.main_img_text {
  position: absolute;
  color: #222;
  font-size: 3.3vw;
  font-weight:normal;
  white-space: nowrap;
  line-height:3.8vw;
  text-align:center
}
.text1 {top: 32%; left: 10%;}
.text1 p{font-size: 3vw;color:#767676}
.text2 {top: 68%; left: 29%;}
.text3 {top: 32%; left: 42%;}
.text4 {top: 68%; right: 26%;}
.text5 {top: 32%; right: 9%;}

.content_number{width:8.3vw;height:8.3vw;margin-bottom:2vw; }
.content_title{/* width:90%; */}
.content_graph1{width:100%;padding:5vw 0;}
.content_graph2{width:100%;padding:5vw 0 10vw;}
.content_graph3{width:100%;padding:5vw 0 5vw;}
.content_graph1,
.content_graph2,
.content_graph3 {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.content_graph1.show,
.content_graph2.show,
.content_graph3.show {
  opacity: 1;
  transform: translateY(0);
}

.content_explainbig{font-size:4vw; text-align:center; color:#767676; padding:2vw 0 0}
.content_explain{font-size:2.7vw; text-align:center; color:#767676; }

.check_list {
  width:40vw;
  display: flex;
  justify-content: center;
  gap:0;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  margin-left: auto; 
  margin-right: auto;
}
.check_list div{
  display: flex;
  align-items: center;
  text-align: left; 
}
.check_list img {
  width: 5.8vw;
  height: auto;
  margin-right:2vw;
}
.check_list p {
  font-size:4.7vw;
  color: #3a3c56;
  letter-spacing: -2.4px;
  text-align:left
}
.content_icon {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5vw;
  justify-items: center;
  align-items: center;
  padding: 5vw 0 4vw; 
}
.content_icon > div {
    background-color: #fff;
    border-radius: 3vw;
    padding: 0 4vw;
    width: 43vw;
    height: 22vw;
    text-align: center;
    border: 1px solid #e5e5e5;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 2vw;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.content_icon img {
    width: 9vw;
    height: 9vw;
}

.content_icon p {
    font-size: 3.8vw;
    color: #3a3c56;
    font-weight: 500;
    line-height: 5vw;
    text-align: left;
}

.content_icon p2 {
    font-size: 3.8vw;
    color: #767676;
    font-weight: 500;
    line-height: 4.4vw;
}

.content_icon > div.show {
    opacity: 1;
    transform: translateY(0);
}

.content_subtitle{
  font-size:5vw; 
  color:#000;
  text-align:center;
  padding-top:6vw
}
.content_subtitle strong{
  font-size:6vw; 
  line-height:9vw; 
  color:#000
}

.prd_last{padding: 8vw 5.5vw;}
.prd_panel_02 .g_list_04 li strong{color:#666;}

.topnav .head_call{top:1.7vw}
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-size: 13px;letter-spacing: -1px;word-break: keep-all;}
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}

.inner2 { position: relative; width: 88.8vw; margin: 0 auto;}
 
.head{border-bottom:1px solid #dfdfdf; }
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;
background-color: rgba(0, 0, 0, 0.4);
display: flex;
justify-content: center;
align-items: center;
}

/* 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}

.contents_banner{width:100%;padding:0 11.1111vw;}
.contents_info{padding:6vw 10vw;}
.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;z-index:1}
.s02m > div { width: 33.3%; }
.s02m > div img{height: 100%;}

.s04m_subtitle > div { display: flex; justify-content: space-between; }
.inner {position: relative;width: 100%;}
.inneritem{padding:10vw 5.5vw; text-align: center; }
.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%;
}
/* 보장내용, 가입안내 */
.tab3_1 {width:90vw; height: 700px; 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:5vw; }
.tab3_1 .inner p.box2 { margin-top:17%; }
.tab3_1 .inner p.box3 { margin-top:-5%; }
.tab3_1 .bottom_box {width: 97%;min-height: 190px;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_3_div { font-size: 30px ;width: 90vw; 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: 90vw; margin:auto; margin-top:5vw;}
.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;}

/*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: 12px; line-height: 1.6; 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; }

/* 보장내역 */
.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(cid:part16_20250324_162633_3005282_r_mss5x5.gif) 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}
.prd_msg_02{font-size:12px;}
.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: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: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; }
 
/* 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;border-radius:2px;height:35px;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: 1vw 0 1vw;}
.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 1vw;}
.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:20vw;
     padding-top:12vw;
     -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: 13vw;
    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 */

