@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;
}

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
}

.navigation-list {
    z-index: 100;
    position: absolute;
    top: 0;
    width: 100%;
    box-shadow: 0px 9999px 0px 9999px rgba(0, 0, 0, 0.6);
}

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

/* 헤더 */
.header {
    width: 100%;
    overflow: hidden;
    background-color: white;
    position: relative;
    height: 12.5vw;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
}

.header .logo_wrap {
    display: block;
    width: 40.5556vw;
}

.header img {
    width: 100%;
}

.header .header_tel_wrap {
    width: 34.4444vw;
    display: block;
    margin-left: auto;
}

.header .ham_wrap {
    width: 8.8889vw;
    margin-right: 3.8889vw;
}

.menuTab button {
    width: 33.33%;
}

.content_title {

    display: flex;
    justify-content: center;
    padding: 6vw;
}

.content_title img {
    width: 75vw;
}

.content_tabs {
    width: 88.8vw;
    padding: 0 5.5556vw 4.1667vw;
    margin: 0 auto;
    background: url(dental-insurance-coverage-tabs.webp) 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: 0;
}

.content_tabs-list li button {
    width: 100%;
    height: 100%;
    display: block;
}

.content_tabs-desc {
    font-size: 6px;
    color: #a9a9a9;
    margin-top: 0;
    padding: 0;
}

.content_tabs-desc li {
    padding-left: 5px;
    position: relative;
    letter-spacing: -0.04em;
    font-size: 9px
}

.content_tabs-desc li:before {
    content: "";
    width: 1px;
    height: 1px;
    background-color: #a9a9a9;
    position: absolute;
    left: 0;
    top: 6px;
}

/*내 보험료 조회*/
.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-size: 4.4444vw;
    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-size: 4.4444vw;
    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);
}

.slider {
    position: relative
}

.slider .slick-arrow {
    width: 5.5556vw;
    height: 23.6111vw;
    background: no-repeat center/100% auto;
    position: absolute;
    top: 77.0833vw;
    z-index: 50;
    font-size: 0;
}

.slider .slick-arrow.active {
    transform: scale(1.6);
    transition: transform .2s ease;
}

.slider .slick-arrow.off {
    transform: scale(1);
}

.slider .slick-prev {
    left: 0;
    background-image: url(221122_slider_btn.png);
}

.slider .slick-next {
    right: 0;
    background-image: url(221122_slider_btn-right.png);
}

.slider .images {
    position: relative;
}

.slider .item .images .motion li {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.slider .item .images .motion li.on {
    opacity: 1;
    z-index: 10;
}

.slider .item .images .motion {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.slider .item1 .images .motion {
    top: 55.5556vw;
    width: 31.9444vw;
}

.slider .item4 .images .motion {
    top: 50.9722vw;
    width: 80vw;
}

.contents_banner {
    width: 100%;
    padding: 0 11.1111vw;
    /*height:19.4444vw;*/
}

.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;
}

.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%;
}

/* 보장내용, 가입안내 */
.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: 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_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: 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;
}

/* 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'].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 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: 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;
    }
}

/* 가입안내 */
.joininfo_list {
    overflow: hidden;
    *zoom: 1
}

.joininfo_list li {
    float: left;
    width: 50%;
    padding: 0 0 0 5px;
    margin-bottom: 15px;
    box-sizing: border-box
}

.joininfo_list li:nth-child(2n+1) {
    padding: 0 5px 0 0
}

.joininfo_list li>.joinex_info {
    height: 210px;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    color: #222;
    text-align: center
}

.joininfo_list.long li>.joinex_info {
    height: 230px;
    font-size: 12px
}

.joininfo_list li>.joinex_info .ico {
    position: relative;
    display: block;
    margin-bottom: 20px;
    padding: 60px 0 20px;
    background-color: #f5faff;
    color: #222;
    text-align: center;
    font-size: 13px
}

.joininfo_list li>.joinex_info .ico:before {
    content: "";
    display: block;
    position: absolute;
    top: 28px;
    left: 50%
}

.joininfo_list .ico_01:before {
    width: 24px;
    height: 29px;
    margin-left: -12px;
    background: url('221122_ico_bg_joinex.png') no-repeat;
    background-size: auto 29px;
    background-position: 0 0
}

.joininfo_list .ico_02:before {
    width: 30px;
    height: 29px;
    margin-left: -15px;
    background: url('221122_ico_bg_joinex.png') no-repeat;
    background-size: auto 29px;
    background-position: -26px 0
}

.joininfo_list .ico_03:before {
    width: 27px;
    height: 29px;
    margin-left: -14px;
    background: url('221122_ico_bg_joinex.png') no-repeat;
    background-size: auto 29px;
    background-position: -57px 0
}

.joininfo_list .ico_04:before {
    width: 32px;
    height: 29px;
    margin-left: -16px;
    background: url('221122_ico_bg_joinex.png') no-repeat;
    background-size: auto 29px;
    background-position: -84px 0
}

.joininfo_list .ico_05:before {
    width: 30px;
    height: 29px;
    margin-left: -15px;
    background: url('221122_ico_bg_joinex.png') no-repeat;
    background-size: auto 29px;
    background-position: -115px 0
}

.joininfo_list li>.joinex_info .block {
    margin-bottom: 5px
}

.joininfo_list li em {
    font-weight: bold
}

.joininfo_box {
    padding: 20px 10px;
    border: 1px solid #dfdfdf;
    text-align: center
}

.joininfo_box dt {
    height: 44px;
    padding-top: 3px;
    padding-left: 30px;
    background: url('221122_ico_special_contr.png') 40% 0 no-repeat;
    background-size: 39px 23px;
    box-sizing: border-box;
    color: #222;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: -1px
}

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

/* 꼭 알아둘 사항 */
.h5_tit {
    margin: 24px 0 15px;
    color: #222;
    font-size: 13px
}

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

.prd_panel_02 {
    font-size: 13px;
}

.prd_panel_02 .img_left {
    margin-bottom: 15px;
    border: 1px solid #dfdfdf
}

.prd_panel_02 .img_graph {
    padding: 20px 15px;
    margin-bottom: 15px;
    border: 1px solid #dfdfdf
}

.prd_panel_02 .img_graph img,
.prd_panel_02 .img_left img {
    max-width: 100%
}

.prd_panel_02 .g_list_04 li {
    position: relative;
    padding-left: 6px;
    margin-bottom: 5px;
    box-sizing: border-box;
    color: #666;
    line-height: 1.4;
    text-indent: 0
}

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

.prd_panel_02 .g_list_04 li.no_bullet:before {
    display: none
}

.prd_panel_02 .g_list_04 li i {
    display: inline-block;
    margin-right: 3px;
    font-style: normal
}

.prd_panel_02 .g_list_04 li li {
    padding-left: 0;
    margin-bottom: 3px;
    margin-top: 3px
}

.prd_panel_02 .g_list_04 li .tit {
    display: block;
    margin-bottom: 3px;
    color: #222
}

.prd_panel_02 .g_table_03 thead th {
    text-align: center
}

.prd_panel_02 .g_table_03 tbody th {
    background-color: #fff
}

.prd_panel_02 table[class^='g_table_'] tr td[rowspan]:last-child {
    border-right: 0
}

/* 가입안내 */
.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;
    border: 1px solid #dfdfdf;
    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('221122_bg_ico_prd01.png') 50% 50% no-repeat;
    background-size: 31px 28px
}

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

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

/* 100세암보험 */
.prd_banner a .prd_04:before {
    background: #fff url('221122_bg_ico_prd04.png') 50% 50% no-repeat;
    background-size: 23px 35px
}

/* 시니어사망보험 */
.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('221122_btn_arr.png') 99% 50% no-repeat;
    background-size: 4px 7px;
    font-size: 12px
}

.prd_last {
    padding: 20px 15px;
    border-top: 0;
    border-bottom: 0;
    color: #767676;
    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('221122_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('221122_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('221122_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('221122_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('221122_product/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-bottom: 10px;
    border-top: 2px solid #222;
    border-bottom: 1px solid #666
}

.prd_panel table.g_table_03 th,
.p_table_01 th {
    padding: 7px 4px;
    color: #222;
    font-size: 12px
}

.prd_panel table.g_table_03 td,
.p_table_01 td {
    padding: 5px 4px;
    color: #222;
    font-size: 12px
}

.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: 1px solid #dfdfdf;
    border-bottom: 1px solid #666;
    text-align: center
}

.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;
    border-top: 1px solid #dfdfdf
}

.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: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf
}

.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
}


.margin_t7 {
    margin-top: 7vw;
}