/* 공통 */
button {background: inherit; border:0;}
body{padding-top: 14.4444vw;}
.at-container {padding: 5.5556vw 4.1667vw; box-sizing: border-box; width: 100%; position: relative;}
.at-contain {padding: 0 4.1667vw; box-sizing: border-box; width: 100%;}
.at-contain2 {padding: 4.1667vw; box-sizing: border-box; width: 100%;} 
.flex{display: flex; align-items: center;}
.flex-sp{display: flex; align-items: center; justify-content: space-between;}
.flex-en{display: flex; align-items: center; justify-content: center;}
.flex-co{display: flex; flex-direction: column; align-items: center;}
.flex-w{display: flex; flex-wrap: wrap;}
.in-bl-p > * {display: inline-block; vertical-align:middle;}


/*margin*/
.mt-2 {margin-top: 2rem};



.title{margin-bottom: 5.5556vw; font-size: 5.5556vw; font-weight: bold;}
.sub_title{font-size: 4.4444vw; font-weight: bold;}
.title_policy{margin-bottom: 4.5556vw; font-size: 5.5556vw; font-weight: bold;}
.sub_title_policy{font-size: 3.4444vw; font-weight: bold;}
.sub2_title{font-size: 3.6111vw; color: #707070;}
.arrow{max-width: 6.6667vw;}
.arrow2{max-width: 5.5556vw;}
.i_16max{max-width: 4.4444vw;}

.btn{width: 100%; padding: 3.3333vw 0; font-size: 5.5556vw; color: #FFF; background-color: #0077BD; border-radius: 1.6667vw;}
.btn_grey{padding: 3.3333vw 0; font-size: 5.5556vw; color: #FFF; background-color: #696969; border-radius: 1.6667vw;}
.btn_wrap{width: 100%; padding: 4.1667vw; background-color: #FFF;}
.btn2_wrap{background-color: #F8F8FA;} 
.btn_half{width: 48%;}

/* ============================= HEADER ========================= */
.header {position: fixed; top: 0; left: 0; width: 100%;  z-index: 33; box-sizing: border-box; background-color: #F8F8FA;}
.header .logo{max-width: 55.0000vw; margin: 0 auto;}
.header .hamburger{position: absolute;top: 50%;left: 4.1667vw;transform: translateY(-50%);max-width: 6.6667vw;}

/* header2 */
.header2{position: fixed; top: 0; left: 0; width: 100%;  z-index: 33; box-sizing: border-box; background-color: #FFF;}


/* header3 */
.header3{position: fixed; top: 0; left: 0; width: 100%;  z-index: 33; box-sizing: border-box;background-color: #F8F8FA;}
.header3 .title{font-size: 20px; font-weight: bold; margin: 0 auto;}
.header3 .close-btn{position: absolute;top: 50%;right: 15px;transform: translateY(-50%);max-width: 24px;}

/* header4 */
.header4{background-color: #FFF !important;}

/* header5 */
.header5{background-color: #FFF !important;}

/* ============================= FOOTER ========================= */
.footer{width: 100%;box-sizing: border-box; background-color: #F8F8FA;}
.footer p{padding: 5.5556vw 0 6.9444vw 0; font-size: 3.3333vw; color: #707070;}
.footer h3{font-size: 5.0000vw; font-weight: bold; color: #696969;}
.footer .call_time{font-size: 3.3333vw; color: #707070;}
.footer .call{width: 19.4444vw; padding: 1.1111vw 0; margin-bottom: 1.1111vw; font-size: 3.3333vw; border-radius: 4.1667vw; color: #FFF; background-color: #696969;}
.footer .copyright{padding: 3.6111vw 0 5.5556vw 0; text-align: center; color: #AEAEAE;}
.footer .background { width: 70%; margin-top: 2rem; align-items: center; justify-self: anchor-center;}

/* ============================= gnb ========================= */
.gnb{display: none;}
.gnb.on{display: block; position: fixed;top: 0;left: 0; width: 100%;height: 100%; z-index: 999;box-sizing: border-box;transition: 0.3s ease all;}
.gnb .bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color:rgba(0,0,0,0.6);}
.gnb .content{width: 75%; height: 100%; position: absolute; top: 0; left: 0; overflow-y: scroll; box-sizing: border-box;background-color: #FFF;}
.gnb .content .customer{padding: 5.5556vw 4.1667vw 4.1667vw; color: #FFF; background-color: #0077BD;}
.gnb .content .customer .close_btn{margin-bottom: 5.5556vw; max-width: 6.6667vw;}
.gnb .content .customer h2{font-size: 4.4444vw; font-weight: bold;}
.gnb .content .customer p{font-size: 3.3333vw;}
.gnb .content ul li{padding: 3.6111vw 4.1667vw; font-size: 4.1667vw;}
.gnb .content ul li .m_img{max-width: 6.6667vw; margin-right: 1.6667vw;}
.gnb .content .terms{position: absolute; bottom: 5.7778vw; right: 5.5556vw; font-size: 3.6111vw; color: #AEAEAE;}
.gnb .content .terms a{margin-left: 5.5556vw; text-decoration: underline;}

/* ============================= MAIN - INDEX ========================= */
.main{background-color: #F8F8FA;}
.main .today_say{padding: 2.7778vw 0;}
.main .today_say .face_img{max-width: 5.5556vw; margin-right: 1.1111vw;}
.main .today_say p{font-size: 3.3333vw; color: #707070;}

.main .swiper{overflow: hidden;}
.main .swiper-pagination-bullet{width: 1.6667vw; height: 1.6667vw;}
.main .swiper-pagination-bullet-active{width: 3.8889vw; border-radius: 5.5556vw; background: #000;}

.main .notice{padding: 2.5000vw 2.7778vw 1.9444vw; margin: 5.5556vw 0; font-size: 3.8889vw; display: flex; align-items: center; background-color: #FFF; border-radius: 1.6667vw; box-shadow: 0.5556vw 0.5556vw 1.6667vw 0 rgb(0 0 0 / 16%);}
.main .notice .bell_img{max-width: 6.6667vw; margin-right: 1.6667vw;}

.main .tab-wrap .tab-top {margin: 3.3333vw 0 2.5000vw 0; display: flex; align-items: center; justify-content: space-between;}
.main .tab-wrap .tab-top button.on{outline: 0.2778vw solid #0077BD; border-bottom: 0.5556vw solid #0077BD; color: #0077BD;}
.main .tab-wrap .tab-top button{width: calc(100% / 2); padding:  3.6111vw 0; font-size: 4.4444vw; background-color: #FFF; border-top-left-radius: 2.7778vw;-webkit-border-top-left-radius: 2.7778vw;-moz-border-radius-topleft: 2.7778vw;box-shadow: 0.5556vw 0.5556vw 1.6667vw 0 rgb(0 0 0 / 16%);}
.main .tab-wrap .tab-top .simple_btn{border-top-right-radius: 2.7778vw; border-top-left-radius: 0.0000vw; -webkit-border-top-right-radius: 2.7778vw; -moz-border-radius-topright: 2.7778vw; margin-left: 0.5556vw;} 
.main .tab-wrap .tab-bottom{display: none;}
.main .tab-wrap .tab-bottom.on{display: block;}
.main .tab-wrap .tab-bottom ul{display: flex; flex-wrap: wrap;}
.main .tab-wrap .tab-bottom ul li{width: 44.4444vw; margin: 0 0 2.7778vw 2.7778vw; padding: 5.5556vw 2.7778vw 2.7778vw; border-radius: 1.6667vw; box-shadow: 0.5556vw 0.5556vw 1.6667vw 0 rgb(0 0 0 / 16%); background: #fff;}
.main .tab-wrap .tab-bottom ul li:nth-child(2n+1){margin: 0 0 2.7778vw 0;}
.main .tab-wrap .tab-bottom ul li button{width: 100%;}
.main .tab-wrap .tab-bottom ul li .menu{text-align: left; margin-bottom: 0.5556vw; font-size: 4.4444vw; color: #191919;}
.main .tab-wrap .tab-bottom ul li .menu_img{float: right; max-width: 12.2222vw;}
.main .tab-wrap .tab-bottom ul li .a3_img{max-width: 8.8889vw; margin-top: 2.2222vw;}
/* .main .tab-wrap .tab-bottom ul .a1{background-color: #DAF4F5;}
.main .tab-wrap .tab-bottom ul .a2{background-color: #F6F8DC;}
.main .tab-wrap .tab-bottom ul .a3{background-color: #FBE7E7;}
.main .tab-wrap .tab-bottom ul .a4{background-color: #EAFCE4;} */
.main .tab-wrap .simple ul .a2{background-color: #F9F9FB;}
.main .tab-wrap .simple ul .a2 .menu{color: #B4B4B5;}

/* ============================= insurance (보험료 청구) ========================= */
.insurance .sub2_title{margin-bottom: 15.0000vw;}
.insurance .agree-ok{margin-bottom: 2.7778vw; font-size: 3.8889vw;}
.insurance .agree-zone{width: 100%; padding: 3.3333vw 2.7778vw;  border-radius: 1.6667vw; border: 0.2778vw solid #EDEDED;}
.insurance .agree-zone input{position: fixed; left: -2777.5000vw;}
.insurance .agree-zone input+label{background: url('../img/input_off.png')no-repeat center left; background-size: 5.5556vw; padding-left: 8.3333vw;}
.insurance .agree-zone :checked+label{background: url('../img/input_on.png')no-repeat center left; background-size: 5.5556vw; padding-left: 8.3333vw;}

/* ============================= insurance2 (보험료 청구) ========================= */
.insurance2 .check_document{margin-bottom: 5.5556vw; font-size: 3.8889vw; color: #707070;} 
.insurance2 .check_document a{margin-bottom: 2.7778vw;}

.insurance2 .notice_box{margin-bottom: 8.3333vw;}
.insurance2 .notice_box .notice_top{margin-bottom: 2.7778vw;}
.insurance2 .notice_box .notice_top h3{margin-left: 1.1111vw; font-size: 4.4444vw; font-weight: bold;}
.insurance2 .notice_box .notice_list{padding: 4.4444vw 2.7778vw; background-color:#EAFCE4; border-radius: 1.6667vw;}
.insurance2 .notice_box .notice_list li{margin-bottom: 5.5556vw; font-size: 3.8889vw;}
.insurance2 .notice_box .notice_list li:last-child{margin-bottom: 0;}
.insurance2 .notice_box .notice_list li .list-tit{margin-bottom: 1.6667vw; font-weight: bold;}
.insurance2 .notice_box .notice_list li .list-sub{margin-left: 3.8889vw;}
.insurance2 .notice_box .notice_list li .list-tit::before{content: ''; width: 2.2222vw; height: 2.2222vw; margin-right: 1.6667vw; display: inline-block; vertical-align: middle; background-color: #191919;}
.insurance2 .notice_box2{margin-bottom: 31.6667vw;}
.insurance2 .notice_box2 .notice_list{background-color: #F6F8DC;}
.insurance2 .notice_box2 .notice_list li::before{content: ''; width: 2.2222vw; height: 2.2222vw; margin-right: 1.6667vw; display: inline-block; vertical-align: middle; background-color: #191919;}

.clar{display: block; margin: 1.6667vw 0 0 3.8889vw; font-size: 3.8889vw; color: #707070;}

/* ============================= insurance_new (보험료 청구하기 접수) ========================= */

/* 상단 공통 */
.insurance_new {margin-bottom: 26.1111vw;}
.insurance_new .insurance_receipt .title{margin-right: 18.0556vw;}
.insurance_new .insurance_receipt .step_bar{vertical-align: top;}
.insurance_new .insurance_receipt .step_bar ul{display: flex; align-items: center;}
.insurance_new .insurance_receipt .step_bar ul .steps{width: 5.5556vw; height: 5.5556vw;border-radius: 100%; background-color: #DAF4F5;}
.insurance_new .insurance_receipt .step_bar ul .bar{content: ''; display: inline-block; width: 3.3333vw; height: 0.5556vw; background-color: #DAF4F5;}
.insurance_new .insurance_receipt .step_bar ul .steps.on{width: 10.0000vw; height: 10.0000vw; line-height: 2.5; text-align: center; background-color: #0077BD; color: #FFF;}
 
/* input 공통 */
.input_list_common ul li{margin-bottom: 5.5556vw;}
.input_list_common ul li .f_li_title{margin-bottom: 1.6667vw; font-size: 3.8889vw; font-weight: bold;}
.input_list_common ul li .r_li{margin-bottom: 4.4444vw;}
.input_list_common ul li input{width: 100%; padding: 4.1667vw 2.7778vw; border: 0.2778vw solid #DEDEDE; border-radius: 1.6667vw;}
.input_list_common ul li input[type=radio] + label{background: url('../img/radio_off.png')no-repeat center left; background-size: 6.6667vw; padding-left: 8.3333vw; margin-right: 4.4444vw; font-size: 4.4444vw;}
.input_list_common ul li input[type=radio]:checked + label{background: url('../img/radio_on.png')no-repeat center left; background-size: 6.6667vw; padding-left: 8.3333vw;}

/* 2단계 */
.all_check {margin-bottom: 11.1111vw;}
.all_check ul .all_ck_fi{border-bottom: 0.5556vw solid #EDEDED;}
.all_check ul .all_ck_fi label{font-weight: bold;}
.all_check ul .checkbox_group{position: relative; margin-bottom: 4.1667vw;}
.all_check ul .checkbox_group .see-go{position: absolute;right: 0;top: 0;width: 5.5556vw;height: 5.5556vw;background: url(../img/right_arrow.png) no-repeat;background-size: 5.5556vw;}
.all_check ul .checkbox_group input[type=checkbox]+ label{background: url('../img/input_off.png')no-repeat center left; background-size: 5.5556vw; padding-left: 8.3333vw; font-size: 3.8889vw;}
.all_check ul .checkbox_group input[type=checkbox]:checked + label{background: url('../img/input_on.png')no-repeat center left; background-size: 5.5556vw; padding-left: 8.3333vw;}
.input_list_common ul li textarea{width: 100%; padding: 2.7778vw; border: 0.2778vw solid #DEDEDE; border-radius: 1.6667vw;}
.input_list_common ul .visit .click-box{width: 25%; padding: 4.1667vw 2.7778vw; margin-right: 1.3889vw; border: 0.2778vw solid #DEDEDE; border-radius: 1.6667vw; background: url(../img/arr_down.png) no-repeat 90% 50%/5.5556vw auto;}
.input_list_common ul .visit .year{width: 30%;}

.etc2{display: block; margin:1.6667vw 0 6.6667vw 7.7778vw; font-size: 3.3333vw; color: #707070;}

/* 3단계 */
.input_list_common ul li .two-input input{width: 45%;}
.input_list_common ul li .two-input .bar{width: 3.8889vw;height: 0.5556vw;background-color: #AEAEAE;}
.input_list_common ul .regist .same .f_li_title{margin-right: 5.0000vw;}
.input_list_common ul .regist .same input[type=checkbox]+ label{background: url('../img/checkbox_off.png')no-repeat center left; background-size: 5.0000vw; padding-left: 6.3889vw; font-size: 3.3333vw; color: #707070; vertical-align: inherit;margin-bottom: 1.6667vw;}
.input_list_common ul .regist .same input[type=checkbox]:checked + label{background: url('../img/checkbox_on.png')no-repeat center left; background-size: 5.0000vw; padding-left: 6.3889vw;}
.input_list_common ul .bank_sel .choose-bank{width: 100%; padding: 4.1667vw 2.7778vw; border: 0.2778vw solid #DEDEDE; border-radius: 1.6667vw; background: url(../img/arr_down_black.png) no-repeat 95% 50%/5.5556vw auto;}

/* 4단계 */
.input_list_common ul li .sign #canvas{width: 91.6667vw; height: 50.0000vw; border: 0.2778vw solid #AEAEAE; border-radius: 1.6667vw;}
.input_list_common ul li .guide{padding-right: 5.5556vw; margin-bottom: 1.6667vw;font-size: 3.8889vw; color: #707070; background: url('../img/right_arrow.png')no-repeat center right;background-size: 5.0000vw;}
.input_list_common ul li .more_view{margin-bottom: 4.4444vw; font-size: 3.6111vw;}
.input_list_common ul li .more_view .under{margin-left: 2.7778vw; text-decoration: underline;}
/* .input_list_common ul .second_li{margin-bottom: 8.8889vw;} */
.input_list_common ul li #erase{max-width: 5.5556vw;}

.photo_area .photo_list .add_photo{display: flex; align-items: center; border: 0.2778vw solid #0077BD !important;}
.photo_area .photo_list .add_photo .file_add_btn{display:block; min-width: 7.2222vw; min-height: 7.2222vw; margin: 0 auto;} 
.photo_area .photo_list .add_photo .file_add_btn img{width: 80%;}

/* 완료 */
.choose_more{margin-top: 8.3333vw;}
.choose_more .sub_title{margin-bottom: 2.7778vw;}
.choose_more input[type=checkbox]+ label{width: auto; padding: 2.7778vw; font-size: 4.4444vw; color: #707070; border: 0.2778vw solid #EDEDED; border-radius: 8.3333vw;}
.choose_more input[type=checkbox]:checked + label{background-color: #0077BD; color: #FFF;}
.choose_more .input-wrap label{margin:0 2.7778vw 2.7778vw 0;}

/* ============================= contract (계약사항 조회) ========================= */
.contract table thead tr{text-align: center;}
.contract table thead tr .number{width: 25%; padding-left: 0;}
.contract table thead tr .subject{width: 50%; text-align: center;}
.contract table thead tr .date{width: 25%; padding-left: 0;}
.contract table tbody{color: #707070;} 
.contract table tbody ul li{margin-bottom: 1.6667vw;}
.contract table tbody ul li:last-child{margin-bottom: 0;}
.contract table tbody .text{padding-left: 2.7778vw;}
.contract table tbody .text ul li{text-align: left;}

.etc{display: block; margin-bottom: 13.8889vw; font-size: 3.3333vw; color: #707070;}

/* ============================= claim (청구진행 조회) ========================= */
.sel_area{padding: 4.4444vw 0;}
.sel_area .sel_title{margin-bottom: 1.6667vw; font-size: 3.8889vw; font-weight: bold;}
.sel_area select{width: 100%; padding: 4.1667vw 2.7778vw;  background: url(../img/arr_down_black.png) no-repeat 94% 50%/6.6667vw auto; border: 0.2778vw solid #DEDEDE; border-radius: 1.6667vw;}

.view_history_area .no_view{position: relative; width: 100%; height: 66.6667vw;}
.view_history_area .no_view .no_view_ver{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.view_history_area .no_view .mark{max-width: 8.3333vw; margin: 0 auto;}
.view_history_area .no_view .mark_txt{margin-top: 1.6667vw; font-size: 3.8889vw; color: #AEAEAE; text-align: center;}

.view_history_area{padding: 4.4444vw 4.1667vw; background-color: #F8F8FA;}
.view_history_area .view_box{padding: 5.5556vw; margin-bottom: 4.4444vw; border-radius: 1.6667vw; font-size: 4.4444vw;}
.view_history_area .view_box ul li{margin-bottom: 5.5556vw;}
.view_history_area .view_box ul li:last-child{margin-bottom: 0px;}
.view_history_area .view_box .v-title{width: 35%; color: #707070;}
.view_history_area .view_box .v-data{width: 60%;}

.view_history_area .no_view{background-color: #FFFFFF;}
.view_history_area .blue{background-color: #DAF4F5;}
.view_history_area .red{background-color: #FBE7E7;}
.view_history_area .green{background-color: #EAFCE4;}
.view_history_area .yellow{background-color: #F6F8DC;}
.lapse{color: #0077BD;}
.lapse2{color: #FB3D3D;}
.lapse3{color: #3B874A;}
.lapse4{color: #B1BC14;}

/* =========== claim_detail (청구진행 조회 상세페이지) ============= */
.claim_detail{background-color: #F8F8FA;}
.claim_detail .detail_view_list{margin: 20px 0; background-color: #FFFFFF;}

.photo_area .sub_title{margin-bottom: 1.6667vw;}
.photo_area .photo_list{display: flex; flex-wrap: wrap; gap: 2.7778vw; margin-bottom: 11.1111vw;}
.photo_area .photo_list .photo_document{width: 20.8333vw; height: 20.8333vw; overflow: hidden; background-color: #FFF; border: 0.2778vw solid #DEDEDE; border-radius: 1.6667vw;}
.photo_area .photo_list .photo_document img{width: 90%; height: 100%; margin: 0 auto;}

/* ============================= document (구비서류 안내) ========================= */
.document .title{margin-bottom: 1.6667vw;}
.document .sub2_title{margin-bottom: 2.7778vw;}
.document .paper_img{width: 100%; height: 57.7778vw; margin-bottom: 5.5556vw; background-color: #EDEDED;}

/* ============================= notice ========================= */
table {width: 100%;margin-bottom: 3.8889vw;}
/* table thead{background-color: #DAF4F5;}  */
table thead tr td{padding: 4.1667vw 0; font-size: 3.8889vw;}
table thead tr .number{width: 15%; padding-left: 1.9444vw;}
table thead tr .subject{width: 60%; text-align: center;}
table thead tr .date{width: 25%; padding-left: 2.7778vw;}
table tbody tr td{padding: 4.1667vw 0; text-align: center;border-bottom: 0.2778vw solid #EDEDED; font-size: 3.8889vw;}
.notice table tbody tr .text{max-width: 27.7778vw; padding: 0 4.1667vw;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
.notice table tbody tr .date{font-size: 3.3333vw; color: #AEAEAE;}

.pagination{width: 100%; padding-bottom: 3.8889vw; text-align: center;}
.pagination .page{display: inline-block;}
.pagination .page li{display: inline;}
.pagination .page li a{float: left; padding: 0 3.0556vw; line-height: 1.5; font-size: 3.8889vw; color: #AEAEAE;}
.pagination .page li a.active{font-weight: bold; color: #0077BD;}

.search{width: 100%; padding: 2.2222vw 2.7778vw; display: flex; align-items: center; justify-content: space-between; border: 0.2778vw solid #EDEDED; border-radius: 1.6667vw;}
.search input{width: 100%; font-size: 3.8889vw;}
.search input::placeholder{ color: #AEAEAE;}
.search .search_btn{max-width: 4.4444vw;}

/* ============================= notice - post ========================= */
.post .top{margin-top: 5.5556vw;}
.post .top .info ul li{display: inline; font-size: 3.6111vw; color: #707070;}
.post .top .info ul .stic{display: inline-block; height: 2.7778vw; border: 0.2778vw solid #AEAEAE;}
.post .bottom div{padding: 2.7778vw 0; white-space: pre-line; font-size: 3.8889vw;}
.post .bottom div p{padding: 0 0; white-space: pre-line; font-size: 3.8889vw;}
.post .list{width: 17.5000vw; padding: 2.5000vw 0; margin: 8.3333vw auto 0; font-size: 4.1667vw; background-color: #FFF; border: 0.2778vw solid #DEDEDE; border-radius: 1.6667vw;}

/* ============================= account ========================= */
.account ul li{padding:4.4444vw 0 3.6111vw 0; font-size: 4.1667vw; border-bottom: 0.2778vw solid #F5F5F5;}
.account ul li button{width: 100%;}

/* ============================= term ========================= */
.term{width: 100%; height: 100vh; padding: 5.5556vw 0; background-color: #F8F8FA;}
.term p{color: #707070; font-size: 3.8889vw;}

/* ============================= login ========================= */
.login .login_j_zone{margin: 12.5000vw 0 14.7222vw 0; font-size: 5.0000vw;}
.login .login_j_zone .welcome{font-weight: bold;}
.login .login_j_zone .join_induce{margin-top: 1.9444vw; font-size: 3.8889vw;}

.login .login_l_zone .login-div{padding: 2.7778vw; margin: 2.2222vw 0; border: 0.2778vw solid #E3E3E3; border-radius: 1.6667vw;}
.login .login_l_zone .login-div input{width: 78%;}
.login .login_l_zone .login-div input::placeholder{font-size: 3.8889vw; color: #E3E3E3; font-weight: bold;}
.login .login_l_zone .mw-18{width: 10%;}
.login .login_l_zone .mw-18 img{max-width: 5.0000vw; display: inline-block;}

.move-go{margin-left: 4.1667vw; font-size: 4.4444vw; color: #0077BD;}
.find-go{float: right;}

/* ============================= join ========================= */
.join{margin-bottom: 100px;}
.input_list_common ul li .certi-input input{width: 65%;}
.input_list_common ul li .certi-input .certi-number{width: 30%; padding: 4.1667vw 0; font-size: 3.8889vw; color: #0077BD; border-radius: 1.6667vw; border: 0.2778vw solid #0077BD;}

/* ============================= find ========================= */
.find .title{margin-bottom: 13.8889vw;}


/* ============================= password_edit ========================= */
.password_edit .title{margin-bottom: 16.9444vw;}

/* ============================= password_edit_ok ========================= */
/*
.check_page .center_text{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);}
*/
.check_page .center_text .check_img{max-width: 16.6667vw; margin: 0 auto;}
.check_page .center_text .check_txt{text-align: center; margin-top: 5.5556vw;}

/* ============================= pop ========================= */
.pop{display: none;}
.pop.on{display: block; position: fixed;top: 0;left: 0; width: 100%;height: 100vh; z-index: 999; box-sizing: border-box; transition: 0.3s ease all;}
.pop .bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color:rgba(0,0,0,0.6);}
.pop .content{width: 66.6667vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 4.7222vw 4.1667vw 2.7778vw; box-sizing: border-box;border-radius: 1.6667vw; background-color: #FFF;}

/* pop - 회원탈퇴 */
.pop1 .content .text{text-align: center; font-size: 4.4444vw; margin-bottom: 5.8333vw;}
.pop1 .content .two_btn button{width: 27.7778vw; padding: 2.5000vw 0; font-size: 3.8889vw;border-radius: 1.6667vw;}
.pop1 .content .two_btn .go-back{border: 1px solid #EDEDED;background-color: #EDEDED;}
.pop1 .content .two_btn .leave{border: 1px solid #FF0000; color: #FF0000;}

/* pop2 - 최초내원일 */
.pop2 .content{width: 100%; height: 100vh; border-radius: 0;}
.pop2 .content .pop2_head{position: fixed; top: 0; left: 0; width: 100%;  z-index: 33; box-sizing: border-box;background-color: #FFF;}
.pop2 .content .pop2_head .title{font-size: 5.5556vw; font-weight: bold; margin: 0 auto;}
.pop2 .content .pop2_head .close-btn{position: absolute;top: 50%;right: 4.1667vw;transform: translateY(-50%);max-width: 6.6667vw;}

/* ======== 스케줄 ======== */
.schedule_monthly{margin-top: 19.4444vw;}
.schedule_monthly .date {margin-bottom: 2.7778vw;}
.schedule_monthly .date .year{margin: 0 5.8333vw; font-size: 4.4444vw;}
.schedule_monthly .date .arro{max-width: 5.8333vw;}

.calendar thead{background-color: #FFF;}
.calendar thead tr{border-bottom: 1px solid #E4E4E4;}
.calendar thead tr th{padding: 3.3333vw 0; font-size: 3.8889vw; font-weight: normal;}
.calendar tbody tr td{position: relative;width: calc(100% / 7); padding: 3.6111vw 0; text-align: center;font-size: 3.8889vw; border-bottom: 0;} 
.calendar tbody tr .today{position: absolute;top: 50%; left: 50%;transform: translate(-50%, -50%); z-index: -99; width: 8.8889vw; height: 8.8889vw; border-radius: 100%; background-color: #0077BD;}
.calendar tbody tr .sun-day{color: #A61019;}
.calendar tbody tr .sat-day{color: #326CC7;}
.calendar tbody .prev-day td{opacity: 0.4;}

/* pop3 - 은행선택 */
.pop3{display: none;}
.pop3.on{display: block; position: fixed;top: 0;left: 0; width: 100%;height: 100vh; z-index: 999; box-sizing: border-box; transition: 0.3s ease all;}
.pop3 .bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color:rgba(0,0,0,0.6);}
.pop3 .content{position: absolute; width: 100%; bottom: 0; left: 0; padding: 4.7222vw 4.1667vw 2.7778vw; box-sizing: border-box;border-top-left-radius: 1.6667vw; border-top-right-radius: 1.6667vw; background-color: #FFF;}
.pop3 .content .pop2_head{position: relative; width: 100%; box-sizing: border-box; padding: 2.7778vw; margin-bottom: 5.5556vw;}
.pop3 .content .pop2_head .title{font-size: 4.4444vw; font-weight: bold; margin-bottom: 0; text-align: center;}
.pop3 .content .pop2_head .close-btn{position: absolute;top: 50%;right: 4.1667vw;transform: translateY(-50%);max-width: 6.6667vw;}
.pop3 input[type=radio]+ label{width: auto; padding: 2.2222vw; font-size: 4.4444vw; color: #707070; border: 0.2778vw solid #EDEDED; border-radius: 8.3333vw;}
.pop3 input[type=radio]:checked + label{background-color: #0077BD; color: #FFF;}
.pop3 .input-wrap {height:55.5556vw; overflow: scroll; margin-bottom: 35.8333vw;}
.pop3 .input-wrap label{margin:0 1.1111vw 1.6667vw 0;}

/* pop4 - 로그아웃 */
.pop4 .text{text-align: center; font-size: 4.4444vw; margin-bottom: 5.8333vw;}
.pop4 .content .two_btn button{width: 27.7778vw; padding: 2.5000vw 0; font-size: 3.8889vw;border-radius: 1.6667vw;}
.pop4 .content .two_btn .go-back{border: 1px solid #EDEDED;background-color: #EDEDED;}
.pop4 .content .two_btn .leave{border: 1px solid #FF0000; color: #FF0000;}

/* 12/04 추가 */
.login_l_zone .h3 {text-align: center; margin-bottom: 5.5556vw; font-size: 3.8889vw;}
.find-go {float: inherit; font-weight: 500;}
.move-go {margin-left: 0;}
.find_div {font-size: 0; margin-bottom: 5.5556vw;}
.find_div .f_left, .find_div .f_right {display: inline-block; width: 50%; font-size: 4.4444vw;}
.find_div .f_left {text-align: -webkit-left;}
.find_div .f_right {text-align: -webkit-right;}

.sns_div .h4 {font-size: 3.8889vw; margin-bottom: 5.5556vw; text-align: center;}
.sns_div .sns {text-align: center;}
.sns_div .sns .circle {width:12.2222vw; margin-right: 5.5556vw; display: inline-block;}
.sns_div .sns .circle:last-child {margin-right: 0;}
/* 12/04 추가 끝 */

/* 12/26 추가 */
/* pop5 = 마케팅활용 동의 팝업 */
.pop5 .content {font-size: 3.6111vw; font-weight: 500; width: 91.6667vw; padding: 3.3333vw 5.0000vw 5.0000vw; box-sizing: border-box;}
.pop5 .p_btnarea {margin-top: 6.9444vw; font-size: 0;}
.pop5 .p_btnarea .btns {width: 38.8889vw; margin-right: 3.3333vw; font-size: 3.0556vw; background: #EDEDED; border-radius: 1.6667vw; padding: 2.5000vw 0; display: inline-block;}
.pop5 .p_btnarea .btns.btn2 {margin-right: 0; background: #0077BD; color: #fff;}
.main .tab-wrap .tab-top button {box-shadow: 0.5556vw 0.5556vw 1.3889vw rgba(0,0,0,0.08);}
.main .tab-wrap .tab-top .simple_btn {margin-left: 0.2778vw;}
.main .tab-wrap .tab-bottom ul li .menu_img {width: 9.7222vw;}
.main .tab-wrap .tab-bottom ul li .menu_img img {width: 100%;}
.main .tab-wrap .tab-bottom ul li .menu {font-weight: 600;}
.gnb .content .customer .go_login {padding-bottom: 4.7222vw;}
.notice .thead {border: 0.2778vw solid #EDEDED; border-radius: 1.6667vw 1.6667vw 0 0; font-size: 0; padding: 4.1667vw 0; box-sizing: border-box;}
.notice .tbody {font-size: 0;}
.notice .thead .th, .notice .tbody .td {font-size: 3.8889vw; display: inline-block; vertical-align: middle; text-align: center;}
.notice .thead .th1, .notice .tbody .td1 {width: 15%;}
.notice .thead .th2, .notice .tbody .td2 {width: 60%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.notice .thead .th3, .notice .tbody .td3 {width: 25%;}
.notice .no_list {height: 115.8333vw; text-align: center;}
.notice .no_list .no_p {padding-top: 54.7222vw; color: #707070; font-size: 3.8889vw;}
.notice .tbody .td3 {font-size: 3.3333vw; color: #AEAEAE;}
/* pop6 = "확인" 공통팝업 */
.pop6 .content { padding: 4.4444vw 4.4444vw 2.7778vw; box-sizing: border-box;}
.pop6 .content .con_p {font-size: 4.4444vw; font-weight: 500;}
.pop6 .content .ok_btnwrap {margin-top: 4.4444vw; text-align: right;}
.pop6 .content .ok_btnwrap .ok_btn {display: inline-block; color: #0077BD; font-size: 4.4444vw;}
.insurance2 .notice_box .notice_list {background: #fff; border: 0.2778vw solid #DEDEDE;}
.insurance2 .notice_box2 .notice_list {background: #fff; border: 0.2778vw solid #DEDEDE;}
/* 보험료청구 4단계 (서명페이지) */
.input_list_common ul li .cont {font-size: 3.6111vw; margin-bottom: 1.9444vw;}
.input_list_common ul li .ckbox+ label{background: url('../img/checkbox_off.png')no-repeat center left; background-size: 5.5556vw; padding-left: 6.3889vw; font-size: 3.6111vw; vertical-align: inherit;}
.input_list_common ul li .ckbox:checked + label{background: url('../img/checkbox_on.png')no-repeat center left; background-size: 5.5556vw; padding-left: 6.3889vw;}
.input_list_common ul li .l_left {display: inline-block; width: 6.6667vw; vertical-align: middle; vertical-align: top;}
.input_list_common ul li .l_left .radio {position: inherit; appearance: none; width: 6.6667vw; height: 6.6667vw; background: url('../img/radio_off.png')no-repeat center center / 100%; padding: 0; border: none;}
.input_list_common ul li .l_left .radio:checked {background-image: url('../img/radio_on.png')}
.input_list_common ul li .l_right {display: inline-block; width: calc(100% - 7.7778vw); vertical-align: middle; padding-left: 1.6667vw; box-sizing: border-box;}
.input_list_common ul li .l_right label {font-size: 3.6111vw;}
.input_list_common ul li textarea {outline: none;}

/* 구비서류 가이드 */
.p_block {margin-bottom: 4.1667vw; font-size: 0;}
.p_block:last-child {margin-bottom: 0;}
.p_block .p_left {display: inline-block; vertical-align: top; margin-top: 1.9444vw;}
.p_block .p_right {display: inline-block; vertical-align: middle; font-size: 4.1667vw; width: calc(100% - 5.5556vw); color: #707070;}
.p_block .p_left img {width: 2.2222vw; margin-right: 1.6667vw;}

/* pop7 = 해당 보험사 링크로 이동 */
.pop7 .text{text-align: center; font-size: 4.4444vw; margin-bottom: 5.8333vw;}
.pop7 .two_btn {font-size: 0; text-align: center;}
.pop7 .two_btn .btns {width: 22.2222vw; padding: 2.7778vw 0; box-sizing: border-box; font-size: 3.8889vw; display: inline-block; background: #EDEDED; margin-right: 2.7778vw; border-radius: 1.6667vw;}
.pop7 .two_btn .btn2 {background: #0077BD; color: #fff; margin-right: 0;}
.choose_more input[type=checkbox]:checked + label {background: #fff; color: #707070;}

/* 청구진행 */
.view_history_area .view_box {border-radius: 1.6667vw; box-shadow: 0.5556vw 0.5556vw 1.3889vw rgba(0,0,0,0.2); background: #fff;}
.claim .sel_area .select {width: 100%; border-radius: 1.6667vw; border: 0.2778vw solid #DEDEDE; padding: 4.1667vw 2.7778vw; box-sizing: border-box; position: relative;}
.claim .sel_area .select::after {content: ""; display: inline-block; position: absolute; top: 50%; right: 2.7778vw; transform: translateY(-50%); background: url("/org/img/arr_down_black.png") no-repeat center center / 100%; width: 6.6667vw; height: 6.6667vw;}
/* 기간선택팝업 */
.pop8 .content {width: 44.4444vw; border-radius: 0; padding: 0;}
.pop8 .content .d_li {padding: 3.6111vw 2.7778vw; box-sizing: border-box; border-bottom: 0.2778vw solid #DEDEDE;}
.input_list_common ul li .lab_wrap {margin-bottom: 5.5556vw;}

/* 계약조회 */
.contract .thead {border: 0.2778vw solid #EDEDED; border-radius: 1.6667vw 1.6667vw 0 0; font-size: 0; padding: 4.1667vw 0; box-sizing: border-box;}
.contract .tbody {font-size: 0;}
.contract .thead .th {font-size: 3.8889vw; display: inline-block; vertical-align: middle; text-align: center;}
.contract .thead .th1 {width: 20%;}
.contract .thead .th2 {width: 60%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.contract .thead .th3 {width: 20%;}
.contract .date {width: 20%;}
.document .paper_img {height:auto; background: #fff;}
/* 약관들 */
.insurance_term .term_p {font-size: 4.1000vw; padding-bottom: 22.2222vw;}

/* 12/26 추가 끝 */

/* 01/03 구비서류 추가 */
.document .table {margin-bottom: 27.7778vw; margin-top: 5.5556vw;}
.document .table .bold {font-weight: bold;}
.document .table {border-collapse: collapse; width: 100%; text-align: left;}
.document .table .cell {font-size: 2.7778vw; border: 0.2778vw solid #707070; text-align: left; padding: 1.3889vw; box-sizing: border-box; word-break: keep-all;}
.document .table .th {width: 20.2778vw; font-weight: 400;}
.document .table .td2 {width: 23.3333vw;}
.document .table .cell .d_red {color: #E91B1B;}
.document .table .cell .d_red2 {color: #8A0000;}

/* 01/03 구비서류 추가 끝 */

.m_body { background: #F8F8FA;}
.doc {padding-bottom: 22.2222vw; box-sizing: border-box;}



/* 보험금 청구 절차 안내문 */
.doc .block {margin-bottom: 5.5556vw;}
.doc .block:last-child {margin-bottom: 0; margin-top: -2.7778vw;}
.doc .h3 {font-size: 3.6111vw; margin-bottom: 2.7778vw; font-weight: 500;}
.claim_table {width: 100%;}
.claim_table .th {font-size: 2.7778vw; width: 40%; color: #fff; background: #7F7F7F; border: 0.5556vw solid #fff;}
.claim_table .th.border1 {border-top: 0.5556vw solid #7F7F7F;}
.claim_table .th.border2 {border-bottom: 0.5556vw solid #7F7F7F;}
.claim_table .th.left {border-left: 0.5556vw solid #7F7F7F;}
.claim_table .th.half {width: 20%;}
.claim_table .td {font-size: 2.2222vw; width: 60%; padding: 1.3889vw 0 1.3889vw 1.3889vw; box-sizing: border-box; text-align: left; border: 0.5556vw solid #7F7F7F;}

.doc_table {width: 100%;}
.doc_table .th {background: #7F7F7F; color: #fff; font-size: 2.7778vw; padding: 2.7778vw 0; border: 0.2778vw solid #707070; font-weight: 400;}
.doc_table .th1 {width: 22%; font-size: 2.5000vw;}
.doc_table .th2 {width: 78%;}
.doc_table .th2.wid60 {width: 57%;}
.doc_table .wid20 {width: 18%;}
.doc_table .td {padding: 1.1111vw; box-sizing: border-box; border: 0.2778vw solid #7F7F7F; letter-spacing: -0.2778vw;}
.doc_table .td.fs7 {font-size: 1.9444vw;}
.doc_table .td1 {font-size: 2.7778vw; color: #7F7F7F;}
.doc_table .td2 {font-size: 2.2222vw; color: #7F7F7F; text-align: left;}
.doc_table .td3 {font-size: 2.2222vw; color: #7F7F7F; line-height: 4.1667vw;}

.fs0 {font-size: 0;}
.vt_top {display: inline-block; vertical-align: top; font-size: 2.2222vw;}
.vt_top.vt1 {width: 3.3333vw;}
.vt_top.vt2 {width: calc(100% - 3.3333vw);}


/* 07/05 */
.document .table .cell {text-align: center; font-size: 2.2222vw;}
.document .table .d_blue {color: #0077BD;}
.document .table .td3 {text-align: left;}