@charset "utf-8";

:lang(ko){letter-spacing: -0.08em;}
html{background: #f9f9fb;}
#wrap{overflow-y: auto !important;}

/* blur */
#wrap.blur{position:fixed;filter:blur(1px);transition: all 0s ease-in-out!important;overflow:hidden !important;}
#wrap.blur:after{position:fixed;top: 0; left: 0; width: 100%; height:100%;overflow: hidden; background: rgba(0,0,0,0.6); content: "";z-index: 50000;}

<!--
			/*pc에서 이중스크롤방지*/
#container{width:100%;overflow: unset;height:auto;margin: 0 auto;}   
.new_car_v1 #container{padding-top: 0;}
/*넓이최고 700픽셀 PC대응 클래스*/
#contents{background: #f9f9fb; position:relative;width:100%;overflow:auto;min-height:calc(100% - 45px);padding-top: 0px;}
#header{position:relative;top:0;left:0;width:100%;height:auto;text-align:center;border-bottom:none;z-index: 10;background: #fff;margin: 0 auto !important;}  
#header h1{padding: 13px 0;background: #f9f9fb;}
#header img{width: 100px;height: auto;}
#header a.close{
	width: 20px;
    height: 20px;
    background: url("../img/close-btn.png") no-repeat center;
    background-size: contain !important;
    position: absolute;
    right: 20px;
    top: 12px;
}
.header_tit_wrap{padding:17px 25px 27px;width:100%;background:#f9f9fb;}
.header_tit{text-align: left;color: #333;line-height: 26px;font-size: 20px;letter-spacing: -1px;font-weight:300;}
.field_box label, .base_label{
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.08em;
    color: #000;
        }
.recommon_coupon_wrap{
    text-align: center;position: relative;
    background: #20b7a4 url("../img/campaign2022_2.png") no-repeat center !important;
    background-size: contain !important;
    padding-top: 0 !important;
    height: 200px;
}
.recommon_step {
    padding:20px 20px 145px !important;
    margin: 0 !important;
}

/*체크박스 추가*/
.line-box{width: 100%; height: auto;  background: #fff; padding: 13px;
	    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
	    border: none !important;
	    border-radius: 15px !important;
}
.line-box .check_box{float: left; width: 100%;}
.line-box .check_box input{position: absolute; width: 90%; margin: 0; padding: 0; opacity: 0; left: 0;}		
.line-box .check_box input[type=checkbox] + span .check i{display: inline-block;height: 24px;width: 24px;background: url(../img/check_off.png) no-repeat left top 2px;height: 26px;background-size: 24px;vertical-align: middle;}
.line-box .check_box input[type=checkbox]:checked + span .check i{background: url(../img/check_on.png) no-repeat left top 2px;}
.line-box .check_box span.table_layout{display: table; table-layout: fixed; width: 100%;background: url(../img/arr-right-bk.png) no-repeat right center;}
.line-box .check_box span.table_layout span{display: table-cell; vertical-align: middle; overflow: hidden;}
.line-box .check_box span.table_layout span.check{width: 24px;height: 24px;}		
.line-box .check_box span.table_layout span.txt{font-size: 16px; line-height: 26px; color: #000; font-weight: 400;padding-left: 10px;}
.line-box .check_box span.table_layout a{display: block;}

/*내가 소개한 지인 확인*/
#checkMyAcqPop .body > .tar {
    font-size: 14px;
    color: #8e8e8e;
    line-height: 1;
    margin-bottom: 10px;
}
.check_join{
    padding: 25px 20px;
    border-radius: 15px;
    box-shadow: 0 10px 13px rgb(0 149 145 / 20%);
    background: #20b7a4;
}
.check_join .join_tit {
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    width: calc(100% - 30px);
    text-align: left;
}
.check_join .join_num{
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
    color: #fdfb39;
}
.check_join .join_num i{    
    font-style: normal;
    font-size: 25px;
}
#checkMyAcqPop .table_wrap td{
    text-align: center;
}
#checkMyAcqPop .pagingBox{
    margin-bottom: 5px;
}
#checkMyAcqPop .pagingBox a{
    border: none;
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
    border-radius: 15px;
}

/*소개지인 확인 팝업 하단페이징*/
		.pagingBox{margin-top:15px;}
		.pagingBox .btn_more{display: inline-block;font-size: 14px;text-align: center;color: #666;border-radius: 5px;background-color: #fff;box-sizing: border-box;line-height: 37px;-webkit-box-sizing: border-box;font-weight: 400;cursor: pointer;border: 1px solid #e1e3e6;width: 100%;}
		.pagingBox .page_list{}		
		.pagingBox .page_list li{display: inline-block;padding:0 10px;font-size:16px;font-weight:300;}
		.pagingBox .page_list li a{display: block;}
		.pagingBox .page_list li.active{font-weight:500;}
		.pagingBox .page_list li:first-child,.pagingBox .page_list li:last-child{display:none;}
						
		.popup_box{width:100%;overflow: unset;height:100%;max-width: 700px;margin: 0 auto;}   
		.popup_header{position:fixed;float:left;width:100%;padding:12.5px;background:#3d3d49;box-sizing:border-box;height:50px;color:#fff;font-size:17px;min-width:320px;max-width: 700px;}
.full_popup{/* display:none; */background-color:rgba(0, 0, 0, 0.6);position:fixed;top:0;width:100%;height:100%;left:0px;z-index:60000;}
.full_popup .container{top: 0;left:0;height: 100%;}
.full_popup .header{letter-spacing: -1px;width: 100%;padding: 15px 0;color:#000;font-size:18px;font-weight:500;text-align: center;background:#fff}
.full_popup .header .closeBtn{border: none;display: inline-block;width:16px;height:16px;color:#222;text-indent:-9999px;background:url('../img/close-btn.png')no-repeat center center;background-size:16px;position: absolute;right: 20px;top: 20px;}		
.full_popup .body{width:100%;height: 100%;float:left;background:#fff;padding:25px 25px 30px;text-align:center;overflow-y: auto;padding-bottom: 160px;}
.full_popup .tit{background: url(../img/agree_icon.png) no-repeat center top;padding-top:73px;font-size: 22px;font-weight: 400;letter-spacing: -0.05em;}
.full_popup .tit span{font-weight: 500; color: #000;}
.full_popup .txt{margin-top: 7px;}
.full_popup .table_wrap{margin-top: 48px;border-top: 1px solid #000;}
.full_popup table{word-break: keep-all;}		
.full_popup table th{border: 1px solid #e7e9ee;padding: 15px 0;font-size: 16px;line-height: 18px;color: #333;font-weight: 400;letter-spacing: -0.05em;vertical-align: middle;}		
.full_popup table td{border: 1px solid #e7e9ee;padding: 15px 0;font-size: 16px;line-height: 25px;color: #333;font-weight: 300;letter-spacing: -0.05em;vertical-align: middle;}				
.full_popup table tbody tr:first-child > td{border-top: none;}	
.full_popup table tr td:first-child,
.full_popup table tr th:first-child{border-left: none;}	
.full_popup table tr td:last-child,
.full_popup table tr th:last-child{border-right: none;}
.full_popup ul li:first-child{color:#009591;margin-bottom:5px;}
.full_popup ul li{font-weight:400}
.full_popup ul li span{font-weight:300}
.full_popup .footer{padding: 0 21px 21px;position:fixed;left:0;bottom:0;width: 100%;background: linear-gradient(to bottom,rgba(255, 255, 255, 0.0)1%,rgba(255, 255, 255) 40%,#ffffff);text-align:center;z-index:20;}
.full_popup .btn,.full_popup .footer > a,
.full_popup > a{display: block;border: none;background: #009591; color: #fff; width: 100%; padding: 18px 0; border-radius: 30px; font-size: 18px; line-height: 1; letter-spacing: -1px; box-shadow: 0 10px 13px rgba(0,149,145,0.2);}


/*링크이동페이지*/
.pd_section{
    padding: 33px 20px 30px;
}
.pd_section .main{
    background: url("../img/sub_main_img.png")no-repeat bottom right;
    background-size: 152px 118px;
}
.main_tit{
    font-size: 24px;
    line-height: 30px;
    color: #000;
    padding-bottom: 80px;
}
.main_tit strong{
    font-weight: 500;
    color: #009591;
}
.pd_section ul{
    margin-top: 10px;
}
.pd_section ul li{
    margin-bottom: 20px;
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
    border-radius: 15px;
}
.pd_section ul li:last-child{margin-bottom: 0;}
.pd_section ul li a{
    display: block;
    padding: 23.5px 20px;
    border-radius: 15px;
}
.pd_section ul li:nth-child(1) a{
    background: #20b7a4 url("../img/sub_main_li_1.png") no-repeat right 15px center;
    background-size: auto calc(100% - 10px);
}
.pd_section ul li:nth-child(2) a{
    background: #dd9757 url("../img/sub_main_li_2.png") no-repeat right bottom;
    background-size: auto calc(100% - 10px);
}
.pd_section ul li:nth-child(3) a{
    background: #7ec774 url("../img/sub_main_li_3.png") no-repeat right 15px center;
    background-size: auto calc(100% - 20px);
}
.pd_section ul li:nth-child(4) a{
    background: #807acc url("../img/sub_main_li_4.png") no-repeat right 15px center;
    background-size: auto calc(100% - 10px);
}
.pd_section ul li a i{
    display: block;
    font-style: normal;
    color: #fff;
    line-height: 1;
    font-size: 14px;
    margin-bottom: 10px;
}

.pd_section ul li a strong{
    display: block;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    font-size: 19px;
}


/*recom 메인페이지(보험가입)*/
.pd_section.recom_main .main{
    background: url(../img/recom_main_img.png)no-repeat bottom right;
    background-size: 131px 140px;
}
.pd_section.recom_main .main .main_tit{
    margin-bottom: 8px;
    padding-bottom: 0;
}
.pd_section p.recom_txt{
    padding-bottom: 36px;
    line-height: 20px;
    color: #8e8e8e;
}
.pd_section.recom_main ul{
    margin-top: 15px;
}
.pd_section.recom_main ul li.off{
    box-shadow: none;
}
.pd_section.recom_main ul li.off > a.info_sMain{
    background-color: #eaeaea;
}
.pd_section.recom_main ul li:nth-child(1) a{
    background: #fff url("../img/recom_main_li_1.png") no-repeat right bottom 2px;
    background-size: auto calc(100% - 10px);
}
.pd_section.recom_main ul li:nth-child(2) a{
    background: #fff url("../img/recom_main_li_2.png") no-repeat right 10px center;
    background-size: auto calc(100% - 20px);
}
.pd_section.recom_main ul li:nth-child(3) a{
    background: #fff url("../img/recom_main_li_3.png") no-repeat right 10px center;
    background-size: auto calc(100% - 15px);
}
.pd_section.recom_main ul li:nth-child(4) a{
    background: #fff url("../img/recom_main_li_4.png") no-repeat right 10px center;
    background-size: auto calc(100% - 15px);
}
.pd_section.recom_main ul li a i{
	color:#8e8e8e;
}
.pd_section.recom_main ul li:nth-child(1) a strong{
	color:#20b7a4;
}
.pd_section.recom_main ul li:nth-child(2) a strong{
	color:#dd9757;
}
.pd_section.recom_main ul li:nth-child(3) a strong{
	color:#7ec774;
}
.pd_section.recom_main ul li:nth-child(4) a i.event_icon{
    display: inline-block;
    background: #f65f70;
    padding: 0 7px;
    border-radius: 10px;
    line-height: 17px;
    font-size: 10px;
    color:#fff;
}
.pd_section.recom_main ul li:nth-child(4) a strong{
    color:#333534;
}
.pd_section.recom_main .line-box{
    height: auto;
}
.pd_section.recom_main .check_all{
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
    border: none;
    border-radius: 15px;
    background: #fff;
    margin-bottom:100px;
}
.pd_section.recom_main .check_all > input[type=checkbox] + label{
    width: calc(100% - 28px);
    box-shadow: none;
    background: transparent;
    margin-bottom: 0;
}
.pd_section.recom_main .check_all > input[type=checkbox] + label::before{
    background-position: left 15px center !important;
    width: 47px !important;
}
.pd_section.recom_main .check_all > a{
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url("../img/arr-right-bk.png") no-repeat right center;
}

/*임직원 직원 추천 캠페인*/
.pd_section.recom_cam .main{
    background: url("../img/02_main_img.png")no-repeat bottom right;
    background-size: 152px 118px;
}
.pd_section.recom_cam .main .main_tit > b{
    font-weight: 500;
}
.pd_section.recom_cam .main p.recom_txt{
    padding-bottom: 60px;
}
.pd_section.recom_cam .link_wrap{
    margin-top: 20px;
    padding: 20px 0;
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
    border: none;
    border-radius: 15px;
    background: #fff;
}
.pd_section.recom_cam .link_wrap h5{
    padding: 0 20px 20px;
    font-size: 19px;
    line-height: 1;
    color: #333;
    font-weight: 500;
    border-bottom: 1px solid #e7e9ee;
}
.pd_section.recom_cam .link_wrap p{
    padding: 16px 20px;
    font-size: 16px;
    line-height: 24px;
    color: #333;
}
.pd_section.recom_cam .link_wrap a{
    display: block;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 300;
    text-decoration: underline;
    color: #009591;
}
.pd_section .check_all >input[type=checkbox]:checked + label{
    font-weight: 400;
}
.pd_section.recom_cam .check_all > input[type=checkbox] + label:before{
    background: url(../../moriaHoneQ/img/icon_check.png) no-repeat left 15px center;
    background-size: 13px 10px;
}
.pd_section.recom_cam .check_all >input[type=checkbox]:checked + label:before{
    background: url(../../moriaHoneQ/img/icon_check_on.png) no-repeat left 15px center !important;
    background-size: 13px 10px !important;
    width: 47px;
}


/*팝업*/
.full_popup .body{
    padding-bottom: 160px;
}
.full_popup.sm_img .body{
    padding: 25px 10px 160px !important;
}
.full_popup .body > img,
.full_popup .body > iframe{
    max-width: 375px;
    width: 100%;
    vertical-align: top;
}
.full_popup .body > iframe{border:1px solid #eee;}
.new_car_v1.new_car_v2 .check_all>input[type=checkbox]:checked + label{
    color: inherit;
}


/*이벤트 참여완료 팝업*/
.join_complete .header,
.join_complete .body{
    background: #f9f9fb;
}
.join_complete .join_com_tit{
    font-size: 20px;
    line-height: 25px;
    color: #000;
    padding-top: 135px;
    background: url("../img/recom_main_img.png")no-repeat top center;
    background-size: 125px auto;
}
.join_complete .join_com_tit > b{
    font-weight: 500;
    color: #009591;
}
.join_complete .join_com_txt{
    margin: 20px 0;
    font-size: 15px;
    line-height: 1;
    font-weight: 300;
    color: #666;
}
.coupon_wrap .coupon_con{
    padding: 20px 0 0;
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
    border: none;
    border-radius: 15px;
    background: url("../img/recom_main_li_2.png")no-repeat left 20px top 20px;
    background-size: 104px 60px;
    text-align: right;
    word-break: keep-all;
}
.coupon_wrap .coupon_con.cp_25{    
    background: url("../img/coupon_25.png")no-repeat left 20px top 20px;
    background-size: 104px 60px;
}
.coupon_wrap .coupon_con.cp_30{    
    background: url("../img/coupon_30.png")no-repeat left 20px top 20px;
    background-size: 104px 60px;
}
.coupon_wrap .coupon_con.cp_10{    
    background: url("../img/coupon_10.png")no-repeat left 20px top 20px;
    background-size: 104px 60px;
}
.coupon_wrap .coupon_con.cp_05{    
    background: url("../img/coupon_05.png")no-repeat left 20px top 20px;
    background-size: 104px 60px;
}
.coupon_wrap .coupon_con .coupon_tit{
    font-size: 19px;
    line-height: 24px;
    font-weight: 500;
    color: #333;
    display: inline-block;
    text-align: left;
    padding-right: 20px;
    width: calc(100% - 136px);
    word-break: break-all;
}
.coupon_wrap .coupon_con .coupon_tit i{
    font-style: normal;
    font-weight: 300;
}
.coupon_wrap .coupon_con .coupon_tit .coupon_price{
    color: #009591;
}
.coupon_wrap .coupon_con .coupon_txt{
    font-size: 13px;
    line-height: 1;
    color: #666;
    margin: 7px 0px 15px;
    padding-right: 20px;
    width: calc(100% - 136px);
    display: inline-block;
    text-align: left;
}
.coupon_wrap .coupon_con .coupon_noti{
    font-size: 12px;
    color: #8e8e8e;
    text-align: left;
    padding: 0 20px 18px;
}
.coupon_wrap .coupon_con .keep_join{
	display: block;
	width: 100%;
	border: none;
	background: #556b79;
	color: #fff;
	width: 100%;
	padding: 15px 0;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	font-size: 15px;
	line-height: 1;
}
.coupon_wrap .coupon_con.on .keep_join{
    background: #20b7a4;
    box-shadow: 0 10px 13px rgb(0 149 145 / 20%);
}
.coupon_wrap .dis_coupon{
    margin: 40px 0;
    border-top: 1px solid #e7e9ee;
}
.coupon_wrap .dis_coupon h5,
.coupon_wrap .coupon_h5{
    margin: 40px 0 15px;
    font-size: 19px;
    line-height: 1;
    font-weight: 500;
    color: #222;
    text-align: left;
    padding-left: 20px;
}
.coupon_wrap .dis_coupon h5:nth-child(3){
    margin-top: 45px;
}
.coupon_wrap .dis_coupon h5 i,
.coupon_wrap .coupon_h5 i{
    font-size: 15px;
    color: #6a6a6a;
    font-weight: 400;
    font-style: normal;
}

/*혜택선택*/
.join_complete.benefit_select .tit{
    font-size: 20px;
    line-height: 25px;
}
.join_complete.benefit_select .tit > b{
    font-weight: 500;
    color: #009591;
}
.join_complete.benefit_select .join_com_txt{
    margin: 20px 0;
    font-size: 15px;
    line-height: 1;
    font-weight: 300;
    color: #666;
}
.join_complete.benefit_select .select_coupon{
    font-size: 0;
} 
.join_complete.benefit_select .select_coupon input[type="radio"] + label{
    width: calc(50% - 5px);
    padding: 44px 30px 90px;
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
    border-radius: 15px;
    font-size: 19px;
    line-height: 1;
    font-weight: 500;
    color: #333;
    margin-right: 10px;
    border:1px solid #fff;
    box-sizing: border-box;
}
.join_complete.benefit_select .select_coupon input[type="radio"]:checked + label{
    border:2px solid #009591;
}
.join_complete.benefit_select .select_coupon input[type="radio"] + label:last-child{
    margin-right: 0;
}
.join_complete.benefit_select .select_coupon input[type="radio"] + label:before{
    top:12px;
    left:50%;
    transform: translateX(-50%)
}
.join_complete.benefit_select .select_coupon input[type="radio"].hana_cp + label{
    background: #fff url("../img/benefit_hana.png")no-repeat bottom 18px center;
    background-size: 103px auto;
}
.join_complete.benefit_select .select_coupon input[type="radio"].naver_cp + label{
    background: #fff url("../img/benefit_naver.png")no-repeat bottom 18px center;
    background-size: 103px auto;
}
.join_complete.benefit_select .select_ul{
    margin: 40px 0;
}
.join_complete.benefit_select .select_ul h5{
    font-size: 16px;
    line-height: 1;
    color: #333;
    padding: 15px 0;
    text-align: center;
    border: 1px solid #e7e9ee;
    border-left: none;
    border-right: none;
    margin-bottom: 20px;
}
.join_complete.benefit_select .select_ul li{
    padding-left: 10px;
    font-size: 15px;
    line-height: 20px;
    color: #333;
    font-weight: 500;
    margin-bottom: 15px;
    position: relative;
}
.join_complete.benefit_select .select_ul li::before{
    content: "·";
    font-size: 14px;
    position: absolute;
    left: 0;
}
.join_complete.benefit_select .select_ul li:last-child{
    margin-bottom: 0;
}
.join_complete.benefit_select .select_ul li p{
    font-size: 14px;
    font-weight: 400;
}
.join_complete.benefit_select .select_ul li i{
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
}

/*주의메세지*/
.new_car_v1 .not_info{background:url("/static/resources/moriaHoneQ/img/img_warning.png") 0px 7px  no-repeat;background-size:15px  15px;padding: 5px 5px 5px 20px;font-size:12px;color:#999;}
.new_car_v1.not_info{background:url("/static/resources/moriaHoneQ/img/img_warning.png") 0px 7px  no-repeat;background-size:15px  15px;padding: 5px 5px 5px 20px;font-size:12px;color:#999;}

/*alert box*/
.alert_box {display:none;background-color:rgba(0, 0, 0, 0.6);position:fixed;top:0;width:100%;height:100%;left:0px;z-index:60000;}
.alert_container {position:absolute;max-width:500px;min-width:328px;border-radius:10px;top:50%;left:50%;transform:translate(-50%, -50%);}
.alert_header{width:100%;float:left;background:#009591;border-top-left-radius:10px;border-top-right-radius:10px;text-align: center;}
.alert_header h1 {color:#fff;padding:20px;font-size:18px;font-weight:400;line-height:18px;letter-spacing: -0.05em;}
.alert_header h1.warning{background:url("../img/icon_alert01.png") no-repeat center left;background-position-x:20px;}
.alert_header h1.notice{background:url("../img/icon_alert02.png") no-repeat center left;background-position-x:20px;}
.alert_body{width:100%;float:left;background:#fff;padding:33px 25px 30px;text-align:center;}
.alert_body p {text-align:center;color:#333;font-size:16px;line-height: 22px;height: auto;white-space:pre-line;letter-spacing:-1px;display: block;font-weight: 400;}		
.alert_body .alert_tit{line-height: 28px;color:#000;font-weight: 400;}
.alert_body .alert_txt{color:#666;word-break: keep-all;}		
.alert_body a.arr_right{color:#009591;text-align: center;display: inline-block;font-size: 16px;line-height: 22px;font-weight: 300;background: url('../img/arr-right-color.png') right top 8px no-repeat #fff;background-size: 4px 8px;padding-right: 11px;}
.alert_foot{width:100%;float:left;}
.alert_foot a{display:block;}
.alert_btn{width:100%;float:left;text-align:center;padding:11.5px;background:#e8e8e8;border-top:1px solid #dcdcdc;font-size:16px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}
.alert_foot2 .alert_btn{width:50%;}
.alert_foot2 .alert_btn:nth-child(1){border-bottom-right-radius:0;border-right:1px solid #dcdcdc;}
.alert_foot2 .alert_btn:nth-child(2){border-bottom-left-radius:0;}
.alert_btn:hover{color:#2259bb;text-decoration:none}
.alert_close_btn{position:absolute;width:30px;height:30px;background:url("../img/icon_alertClose.png") no-repeat center center;top:13px;right:15px;z-index:1000;padding:15px;}
.alert_box.perinfo_alert .alert_foot .alert_btn{width:50%;}
.alert_box.perinfo_alert .alert_foot  .alert_btn:nth-child(1){border-bottom-right-radius:0;border-right:1px solid #dcdcdc;}
.alert_box.perinfo_alert .alert_foot  .alert_btn:nth-child(2){border-bottom-left-radius:0;}
.alert_box.perinfo_alert .pop_btn_fixed {
    border: none;
    background: #009591;
    color: #fff;
    width: calc(100% - 40px);
    padding: 18px 0;
    border-radius: 30px;
    font-size: 18px;
    line-height: 1;
    letter-spacing: -1px;
    box-shadow: 0 10px 13px rgb(0 149 145 / 20%);
    position: fixed;
    bottom: 0;
    left: 20px;
}

/*신규브릿지페이지*/
.pd_section.recom_main.new{
	padding:0;
	margin-top: 50px;
}
.pd_section.recom_main.new ul{margin-top:0;}
.pd_section.recom_main.new ul li:nth-child(1) a{background-color: #20b7a4;}
.pd_section.recom_main.new ul li:nth-child(2) a{
    background-color: #dd9757;
}
.pd_section.recom_main.new ul li:nth-child(3) a{
    background-color: #7ec774;
}
.pd_section.recom_main.new ul li a i{color:#fff;}
.pd_section.recom_main.new ul li a strong{color:#fff;}


/* 2024-12-16 한방병원 치료확인서 */

.main.diagnosis-new {
    margin-top: 45px;
}
.header-wrap .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    width: 100%;
    border-bottom: 1px solid #e2e2e3;
    background-color: #fff;
}
.header-wrap .header h1 {
    font-size: 16px; 
    line-height: 22px;
    color: #111;
    font-weight: 500;
}
.header-wrap .header .btn-prev {
    width: 10px;
    height: 18px;
    background:url('../img/icon-btn-prev.png') center center / 100% 100% no-repeat;
}
.header-wrap .header .btn-menu {
    width: 19px;
    height: 15px;
    background:url('../img/icon-btn-menu.png') center center / 100% 100% no-repeat;
}
.content-box {
    padding: 40px 20px 0;
}
.content-box.intro {
    padding-top: 0;
}
.intro-title-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 48px 0 30px;
}
.intro-title-box .main-title {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 30px;
    color:#000;
}
.intro-title-box .main-title strong {
    font-size: 26px;
    color: #009178;
}
.intro-title-box .img-box {
    width: 177px;
    height: auto;
    /* background:url('../img/main-character.png') center center / 100% 100% no-repeat; */
}
.intro-text-box li {
    padding: 20px 20px 20px 88px;
    border-radius: 20px;
    border: 2px solid #46d3b8;
}
.intro-text-box li:nth-child(1) {
    background:url('../img/analysis-intro-icon01.png') top 50% left 15px / 60px 60px no-repeat;
}
.intro-text-box li:nth-child(2) {
    background:url('../img/analysis-intro-icon02.png') top 50% left 15px / 60px 60px no-repeat;
}
.intro-text-box li:nth-child(3) {
    background:url('../img/analysis-intro-icon03.png') top 50% left 15px / 60px 60px no-repeat;
}
.intro-text-box li + li {
    margin-top: 10px;
}
.intro-text-box .sub-title {
   margin-bottom: 10px;
   font-size: 18px;
   line-height: 22px;
   font-weight: 500;
   color:#009178;
   white-space: nowrap; 
}
.intro-text-box .sub-text {
   font-size: 16px;
   line-height: 20px;
   color:#333; 
   white-space: nowrap;
}
.footer-wrap {
	position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.0) 1%, rgba(255, 255, 255) 40%, #ffffff);
    text-align: center;
    z-index: 20;
}
.footer-wrap .simple {
  padding: 0;
  height: auto;
}
.footer-wrap .bottom-btn-wrap {
    padding: 20px;
}
.footer-wrap .btn {
    display: block;
    height: 60px;
    padding: 10px 10px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border: 0px solid transparent;
    border-radius: 30px;
    cursor: pointer;
    width: 100%;
    background: #8d9695;
   
}
.footer-wrap .btn.prev {
    background: #cccccc;
}
.footer-wrap .btn.on {
    background: #009591;
    box-shadow: 0px 5px 15px 0px rgba(0 149 145 / 40%);
}
.footer-wrap .btn-green {
    display: block;
    height: 60px;
    padding: 10px 10px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border: 0px solid transparent;
    border-radius: 30px;
    cursor: pointer;
    width: 100%;
    background: #018d70;
    box-shadow: 0px 5px 15px 0px rgba(0 149 145 / 40%);
}
.footer-wrap .btn-mint {
    display: block;
    height: 60px;
    padding: 10px 10px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border: 0px solid transparent;
    border-radius: 30px;
    cursor: pointer;
    width: 100%;
    background: #009591;
    box-shadow: 0px 5px 15px 0px rgba(0 149 145 / 40%);
}

/* agree_step */
.cont-main-title {
    margin-bottom: 35px;
    font-size: 21px;
    line-height: 27px;
    color:#000;
}
.cont-main-title span {
    font-weight: 500;
}
.cont-main-title span.mint-text {
    color:#009591;
}
.cont-main-title .user-name {
    color:#009591;
}
.cont-sub-title {
    margin-top: 20px;
    font-size: 15px;
    line-height: 21px;
    color:#333;
}
/* join_list */
.detail-simple-box {
    padding: 25px 20px;
    border-radius: 15px;
    border: 2px solid #46d3b8;
    background-color: #fff;
}
.detail-simple-box .box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.detail-simple-box .box:first-child {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #dddee4;
}
.detail-simple-box dt{
    font-size: 16px;
    line-height: 22px;
    color:#333;
    font-weight: 500;
}
.detail-simple-box dd {
    font-size: 16px;
    line-height: 22px;
    color: #333;
    font-weight: 500;
}
.detail-simple-box dd span{
    font-size: 25px;
    line-height: 31px;
    color: #ed1651;
    margin-right: 5px;
}
.join-list-box {
    padding-top: 20px;
    margin-top: 20px;
    margin-bottom: 40px;
    border-top: 1px solid #dddee4;
}
.join-list-box.simple {
    border-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    margin-top: 0;
    border-radius: 15px;
    border: 2px solid #46d3b8;
    background-color: #fff;
}
.join-list-box .list-box {
    display: block;
    width: 100%;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);
}
.join-list-box .list-box + .list-box {
    margin-top: 20px;
}
.join-list-box .list-box .top-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 17px 20px;
    border-bottom: 1px solid #dddee4;
}
.join-list-box .list-box .product-name {
    display: -webkit-box;
    width: calc(100% - 45px);
    font-size: 16px;
    line-height: 22px;
    color:#333;
    text-align: left;
    overflow: hidden;
    font-weight: 500;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.join-list-box .list-box .top-title .full_open{
    display: block;
    width: 14px;
    height: 22px;
    background: url('../img/next-btn.png') center right 0 / 7px 11px no-repeat;
}
.join-list-box .bottom-detail-box {
    padding: 20px; 
}

.join-list-box .bottom-detail-box .box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.join-list-box .bottom-detail-box .box dt {
    font-size: 14px;
    line-height: 20px;
    color: #666666;
}
.join-list-box .bottom-detail-box .box dd {
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    font-weight: 500;
}
.join-list-box .bottom-detail-box .box dd.hana-text {
    color: #009195;
}
.join-list-box .bottom-detail-box .box + .box {
    margin-top: 10px;
}

/* 기본 form (eco_car.css 참고) */
/* check_box 개별 css */
.check_box:not(:last-child){margin-bottom: 20px;}
.check_box{
    padding: 20px 15px;
    border-radius: 15px;
    background: #fff;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    transition: all, 0.1s;
    box-sizing: border-box;
    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);
    word-break: keep-all;
}
.check_box input[type="checkbox"] + label{
    padding: 0;
    color: #000;
    position: unset;
    display: inline-block;
    flex-grow: 1;
    position: relative;
    padding-left: 40px;
    -webkit-tap-highlight-color: transparent !important; /*클릭시 파란색 없앰*/ 
}
.check_box input[type="checkbox"]:checked + label{color: #000;}
.check_box input[type="checkbox"] + label::before{
    content:"";
    position: absolute;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0;
    background: url(/static/resources/moriaHoneQ/img/img_chkOff.png) no-repeat;
    background-size: 100%;
    vertical-align: middle;
    margin-right: 13px;
    top: 50%;
    transform: translateY(-50%);
}
.check_box input[type="checkbox"]:checked + label::before{
    content:"";
    background: url(/static/resources/moriaHoneQ/img/img_chkOn.png) no-repeat;
    background-size: 100%;
}
.check_box.all_check{
    flex-wrap: wrap;
    padding: 20px 0;
}
.check_box.all_check input[type="checkbox"] + label{
    padding: 0 15px 0 52px;
    font-size: 16px;
    line-height: 22px;
    overflow: visible;
}
.check_box.all_check input[type="radio"] + label{
    margin-right: 0;
}
.check_box.all_check input[type="checkbox"] + label::before{
    top: 0;
    left: 15px;
    transform: translateY(0);
}
.check_box.all_check ul{
    margin-top: 20px;
    border-top: 1px solid #dddee4;
    padding: 20px 20px 0;
    width: 100%;
}
.check_box.all_check ul li{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
}
.check_box.all_check ul li:not(:last-child){margin-bottom: 10px;}
.check_box.all_check ul li a{
    display: inline-flex;
    padding-right: 12px;
    color: #000;
    background: url(/static/resources/moriaHoneQ/img/btn_arrowR.png) center right / 4px 7px no-repeat;
}
.sub_chk.multi {
    display: flex;
    gap: 15px;
}
div.sub_chk,
.check_box.all_check ul li div.sub_chk{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0 15px;
}
div.sub_chk input + label,
.check_box.all_check ul li div.sub_chk input + label{
    padding: 0;
    font-size: 13px;
    color: #333;
    font-weight: 300;
    line-height: 1.2;
}

div.sub_chk input + label::before,
.check_box.all_check ul li div.sub_chk input + label::before{
    content: "";
    width: 11px;
    height: 8px;
    background: url(/static/resources/moriaHoneQ/img/icon_check.png) 0 0 / 11px 8px no-repeat;
    margin-right: 8px;
    transition: all 0.3s ease-in-out;
    position: unset;
}
div.sub_chk input:checked + label::before,
.check_box.all_check ul li div.sub_chk input:checked + label::before{
    background: url(/static/resources/moriaHoneQ/img/icon_check_on.png) 0 0 / 11px 8px  no-repeat;
}
.check_box li div.sub_chk input[type="checkbox"] + label{padding: 0 0 0 21px;}
.check_box li div.sub_chk input[type="checkbox"] + label::before{
    position: absolute ;
    left: 0;
    top: 5px;
}

/* input 개별 css */
.input_box_renew:not(:last-child){margin-bottom: 10px;}
.input_box_renew{
    height: 80px;
    padding: 13px 18px 15px;
    border-radius: 15px;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    border: 2px solid transparent;
    transition: all, 0.1s;
    box-sizing: border-box;
    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);
    align-content: space-between;
}
.input_box_renew select,
.input_box_renew input[type="text"], .input_box_renew input[type="tel"],
.input_box_renew input[type="text"]::placeholder, .input_box_renew input[type="tel"]::placeholder,
.input_box_renew input[type="password"]::placeholder{
	font-size:20px !important;
}
.input_box_renew:focus-visible,
.input_box_renew:focus-within{border: 2px solid #20b7a4;}
.input_box_renew > div{
    display: flex;
    height: 20px;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.input_box_renew.num > div{
    justify-content: flex-start;
    gap: 0 20px;
}
.input_box_renew input[type=number]::-webkit-outer-spin-button,
.input_box_renew input[type=number]::-webkit-inner-spin-button {display:none;-webkit-appearance:none;margin:0;};

.input_box_renew input[type="number"]::placeholder,
.input_box_renew input[type="tel"]::placeholder,
.input_box_renew input[type="password"]::placeholder{
    font-family: "NotoSansCJKkr";
    letter-spacing: -0.08em;
}
.input_box_renew.disabled,
.input_box_renew.disabled input{
    background: #e5e5e5 !important;
    color: #757575 !important;
    box-shadow: none;
}
.input_box_renew.disabled:focus-visible,
.input_box_renew.disabled:focus-within{border: 2px solid transparent;}
.input_box_renew.num input{width: calc(50% - 35px);}
.input_box_renew.select input, 
.toast .input_box_renew.select input {
	background:url(/static/resources/onedayHoneQ/img/btn_arrowDn_g.png)	right center/12px 7px no-repeat !important;
	color:#111 !important;
}
.input_box_renew.num span{display: inline-block;}
.input_box_renew.err{border: 2px solid #ed1651;}
.input_box_renew.err .err_msg{
    display: block;
    font-size: 12px;
    color: #ed1651;
}
.input_box_renew .err_msg{display: none;}
.input_box_renew.err label{display: none;}

.input_box_renew label{
    font-size: 12px;
    color: #666;
    width: 100%;
    text-align: left;
}

.input_box_renew:not(:last-child){margin-bottom: 10px;}
.wrapper .input_box_renew input, 
.toast .input_box_renew input{
    width: 100%;
    border: none;
    height: 20px;
    padding: 0;
}
.wrapper .input_box_renew.select input, 
.toast .input_box_renew.select input {
    background: url(https://dhome.hanaportal.co.kr:8170/static/resources/onedayHoneQ/img/btn_arrowDn_g.png) right center / 12px 7px no-repeat;
}
.toast .check_box.all_check ul li a {
    width: 100%;
}
.wrapper .input_box_renew input[type="number"],
.wrapper .input_box_renew input[type="tel"]{
    letter-spacing: -0.05em;
    font-size: 18px;
    line-height: 24px;
    color:#000;
}

/*input_box_renew 내 다른항목이 있는경우*/
.input_box_renew.nowrap > div input{
    width: 45%;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.input_box_renew > div input + div{
    display: inline-flex;
    align-items: center;
    gap: 0 15px;
}
.input_box_renew > div input + div > button.gray_btn,
.input_box_renew > .flex_wrap.lr +  div > div{margin-right: -5px;}
.input_box_renew > div input + div .time{
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    color: #ed1651;
    font-style: normal;
    flex-shrink: 0;
}
.input_box_renew.input_code_box {
    display: none;
}
.input_box_renew.input_code_box.on {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
/* 버튼 */
.gray_btn{
    display: block;
    font-size: 14px;
    color: #fff;
    background: #556b79;
    padding: 0 18px;
    line-height: 29px;
    height: 30px;
    border-radius: 15px;
    white-space: nowrap;
    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);
}

/* radio 개별 css */
/*card 형태*/
.radio_card{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 0 10px;
}
.radio_card input[type="radio"] + label{
    padding: 16px 5%;
    font-size: 16px;
    text-align: center;
    color: #666;
    margin-right:0;
    border-radius: 15px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);
    word-break: keep-all;
    flex-grow: 1;
    transition: all, 0.3s;
    -webkit-tap-highlight-color: transparent !important; /*클릭시 파란색 없앰*/ 
}
.radio_card input[type="radio"]:checked  + label{
    background: #20b7a4;
    color: #fff;
    box-shadow: 0px 5px 15px 0px rgba(32 183 164 / 40%);
}
.radio_card input[type="radio"] + label::before{
    content: none;
}
.radio_card input[type="button"]{
    padding: 15px 5%;
    font-size: 15px;
    text-align: center;
    color: #666 !important;
    border-radius: 15px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);
    word-break: keep-all;
    flex-grow: 1;
    transition: all, 0.3s;
    width:100%;
    border:none;
    -webkit-tap-highlight-color: transparent !important; /*클릭시 파란색 없앰*/ 
}
.radio_card.row_2{
    flex-wrap: wrap;
    gap: 10px;
}
.radio_card.row_2 input[type="radio"] + label{
    width: calc(50% - 5px);
    flex-grow: unset;
}
.radio_card.row{
    flex-wrap: wrap;
    gap: 10px 0;
}
.radio_card.row input[type="radio"] + label{
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1;
    padding: 18px 5%;
}
.radio_card.border{
    border-top: none;
    margin: 0;
}
.radio_card.border input[type="radio"] + label{
    height: 54px;
    border: 2px solid transparent;
}
.radio_card.border input[type="radio"]:checked + label{
    background: #fff;
    border: 2px solid #009591;
    color: #009591;
    font-weight: 500;
}
.radio_card.border input[type="radio"] + label + .gray_btn{
    width: 100%;
    height: 54px;
    font-size: 16px;
}

/* 하단팝업(toast) */
.toast{
    display: none;
    opacity: 0;
    position: fixed;
    bottom: -100%;
    width: 100%;
    height: 100%;
    z-index: 20;
    overflow: hidden;
    transition: all, 0.3s;
}
.toast.on{
    display: block !important;
    bottom: 0;
    opacity: 1;
}
.toast .bg{
    display: block;
    width: 100%;
    height: 100vh;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);    
    background: rgba(0,0,0,.5);
    z-index: 1;
    overflow: hidden;
}
.toast.on .bg{
    opacity: 1;
}
.toast .toast_con{
    position: absolute;
    bottom: -100%;
    width: 100%;
    min-height: auto;
    max-height: 80%;
    height: auto;
    background: #f9f9fb;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    transition: all, 0.5s;
    overflow-y: auto;
    z-index: 20;
}
.toast.on .toast_con{bottom: 0;}
.toast .toast_con .toast_head{
    padding: 20px 20px 0;
    text-align: center;
    font-size: 0;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 2;
    background: linear-gradient(to top, rgba(249, 249, 251, 0.0) 1%, rgba(249, 249, 251) 45%, #f9f9fb) !important;
}
/* 5_2 토스트에서 오류 */
.toast .toast_con .toast_head .step_tit {
    background: linear-gradient(to top, rgba(249, 249, 251, 0.0) 1%, rgba(249, 249, 251) 30%, #f9f9fb);
    padding: 40px 0;
    font-size: 21px;
    line-height: 27px;
    text-align: left;
    color: #111;
}
.toast .toast_con .toast_head .step_tit span {
    font-weight: 500;
}
.toast .toast_con .toast_head .step_tit.alert{
    background-image:
        url(/static/resources/moria/img/icon_null2.png),
        linear-gradient(to top, rgba(249, 249, 251, 0.0) 1%, rgba(249, 249, 251) 30%, #f9f9fb);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 50px 50px;
}
.toast .toast_con .toast_head button.close{
    display: inline-block;
    width: 15%;
    height: 4px;
    border-radius: 4px;
    background: #dbdbdb;
    vertical-align: top;
    border: none;
}
.toast .toast_con .toast_body{padding: 0 20px 60px;}
.toast .toast_con .toast_body.with-btn{padding: 0 20px 40px;}
.toast-btn-wrap {
    width: 100%;
    background-color: #f9f9fb;
}
.toast-btn-wrap.multi {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px 20px;
    gap: 10px;
}
.toast-btn-wrap .btn {
    display: block;
    height: 60px;
    padding: 10px 10px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border: 0px solid transparent;
    border-radius: 30px;
    cursor: pointer;
    width: 100%;
    background: #8d9695;
}
.toast-btn-wrap .btn.prev {
    width: 105px;
    flex-shrink: 0; 
    background: #cccccc;
}
.toast-btn-wrap .btn.on {
    background: #009591;
    box-shadow: 0px 5px 15px 0px rgba(0 149 145 / 40%);
}

/* 풀팝업 */
.full_pop{
    display: none;
    opacity: 0;
    position: absolute;
    bottom: -100%;
    width: 100%;
    height: 100%;
    z-index: 20;
    transition: all, 0.3s;
    background: #f9f9fb;
}
.full_pop.on{
    display: block;
    opacity: 1;
    bottom: 0;
}
.full_pop .pop_head{
    padding: 15px 20px;
    text-align: right;
    vertical-align: middle;
    font-size: 0;
    background: #f9f9fb;
}
.full_pop .pop_head h4{
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #111;
    display: inline-block;
    width: calc(100% - 32px);            
    text-align: center;
    padding-left: 16px;
}
.full_pop .pop_head button.close{
    display: inline-block; 
    width: 16px;
    height: 16px;
    vertical-align: top;
    background: url("/static/resources/mo/img/icon_pop_close3.png") no-repeat right center;
    background-size: 100%;
}
.full_pop .pop_con{
    padding: 40px 20px 60px;
    overflow-y: auto;
    background: #f9f9fb;
}
.full_pop .pop_con .company-tag {
    padding: 6px 15px;
    margin-bottom: 20px;
    width: fit-content;
    height: 25px;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    text-align: center;
    color:#009178;
    border: 1px solid #009178;
    border-radius: 13px;
    white-space: nowrap;
}
.full_pop .pop_con .company-tag.hana {
    background-color: #009178;
    color: #fff;
}
.full_pop .product-name {
    margin-bottom: 40px;
    font-size: 21px;
    line-height: 27px;
    font-weight: 500;
}
.full_pop .pop_con .info-wrap .cont + .cont {
    margin-top: 40px;   
}
.full_pop .pop_con .info-wrap .pop-title {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 21px;
    color:#000;
    font-weight: 500;
}
.full_pop .pop_con .step_tit{margin-top: 0;}
.full_pop .pop_con .pop-main-title {
    margin-bottom: 40px;
    font-size: 21px; 
    line-height: 27px;
    color:#000;
}
.full_pop .pop_con .pop-main-title span {
    font-weight: 500;
}
.full_pop .table-simple-mint.base_tb {
    font-size: 12px;
    line-height: 18px;
    border-top: 1px solid #009591;
    border-bottom: 0;
    background-color: #fff;
}
.full_pop .table-simple-mint.base_tb thead th  {
    color: #333;
    font-weight: 500;
    background: #e0f7f5;
    border-bottom: 1px solid #dddee4;
}
.full_pop .table-simple-mint.base_tb thead th:first-child{
    border-right: 1px solid #dddee4;
}
.full_pop .table-simple-mint.base_tb th+th {
    border-left: 0;
}
.full_pop .table-simple-mint.base_tb tr {
    border-top: 0;
}
.full_pop .table-simple-mint.base_tb tbody td {
    border-bottom: 1px solid #dddee4;
}
.full_pop .table-simple-mint.base_tb tbody td:first-child {
    border-right: 1px solid #dddee4;
}
.toast.toast-detail .toast_con {
    min-height: 100vh;
}
.toast.toast-detail .toast-title-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 40px 0;
    text-align: center;
}
.toast.toast-detail .img-box {
    margin-bottom: 20px;
    width: 60px;
    height: 60px;
}
.toast.toast-detail .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.toast.toast-detail .title {
    margin-bottom: 20px;
    font-size: 21px; 
    line-height: 27px;
    color: #000;
}
.toast.toast-detail .title span {
    font-weight: 500;
}
.toast.toast-detail .desc-text {
    font-size: 15px; 
    line-height: 21px;
    color:#333;
}
.toast.toast-detail .desc-list {
    padding: 20px; 
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    background-color: #fff;
}
.toast.toast-detail .desc-list li {
    padding-bottom: 16px;
}
.toast.toast-detail .desc-list li:last-child {
    padding-bottom: 0;
}
.toast.toast-detail .desc-list li + li {
    padding-top: 16px;
    border-top: 1px solid #e5e5e5;
}
.toast.toast-detail .desc-list .list-name {
    margin-bottom: 6px;
    font-size: 16px;
    color: #009591;
    font-weight: 500;
}
.toast.toast-detail .desc-list .list-cont {
    font-size: 14px;
    color: #666666;
}

/* 담보상세 버튼 수정 11.26 */
.toast.toast-detail .toast-btn-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.0) 1%, rgba(255, 255, 255) 40%, #ffffff);
    padding: 20px; 
    width: 100%; 
}

.toast.toast-detail .toast_con .toast_body.with-btn {
    padding-bottom: 140px;
}
/* 담보상세 버튼 수정 11.26 */

/*intro*/
.main.main-renewal{
	padding-bottom: 140px;
	transition: all .3s;
}
.main.main.main-renewal .form-input input[type="text"],
.main.main.main-renewal .form-input input[type="tel"],
.main.main.main-renewal .form-input input[type="password"] {
	border: 2px solid transparent;
}
.main.main.main-renewal .form-input input[type="text"]:focus,
.main.main.main-renewal .form-input input[type="tel"]:focus,
.main.main.main-renewal .form-input input[type="password"]:focus{
	border: 2px solid #20b7a4;
    color: #009591;
	font-weight: 500;
	transition: all, 0.1s;
	box-shadow: none;
}
.form-area input[type=tel],
.form-area input[type=password]{
    display: block;
    width: 100%;
    padding: 0 15px;
    height: 45px;
    font-size: 16px;
    color: #000;
    border: none;
    border-radius: 15px;
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
}
.form-area input[type=tel]:disabled,
.form-area input[type=password]:disabled{
	background:#ebeef1;
	color:#757575;
	box-shadow: none;
}
.form-area input[type=tel]:focus,
.form-area input[type=password]:focus{
    outline:none;
    border:1px solid #20b7a4;    
    box-shadow: 0px 0px 10px 0px rgb(33 184 164 / 40%);
}

.main.main-renewal .visual-box {
	min-height: 390px;
	background-color: #3ac89d;
}
.main.main-renewal .visual-box .bg {
	position: relative;
	height: 304px;
}
.main.main-renewal .visual-box .bg::before {
	display: block;
	content: '';
	position: absolute;
	top: 40px;
	width: 100%;
	height: 100%;
	background:  url('../images/mediMdiCn/intro-main.png') center center/contain no-repeat;
}
.form-title {
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	margin-bottom: 36px;
}
.input-flex-box {
	display: flex;
	gap: 10px;
}
.form-area {
	margin-top: -25px;
	padding: 32px 20px 0 20px;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	background-color: #f9f9fb;
}
.form-area.no-visual {
	margin-top: 0;
	padding-top: 29px;
	border-radius: 0;
}
.form-area.no-visual .form-input {
	margin-bottom: 36px;
}
.form-input.bottom-answer {
	display: none;
}

.form-input.bottom-answer.active {
	display: block;
}

.form-area .form-input:last-child {
	margin-bottom: 0;
}
.form-area .phone-set select{
	flex-shrink: 0;
	margin-right: 0;
}
.form-area .phone-set input.phone-input {
 width: 100%;
}

/* 01 ~ 02 */
.progress-box {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin-bottom: 40px;
}
.progress-box .progress-list {
	display: flex;
	gap: 0 5px;
}
.progress-box .progress-list li {
	width: 15px;
    height: 15px;
    background: url('../images/mediMdiCn/progress-dot.png') center/contain no-repeat;
	box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
	text-indent: -9999px;
	border-radius: 50%;
}
.progress-box .progress-list li:after{
 	content: none;
}
.progress-box .progress-list li.on {
	background: url('../images/mediMdiCn/progress-dot-on.png') center/contain no-repeat;
}
.radio-box.check-with input[type="radio"] + label {
	display: block;
	width: 100%;
	font-size: 15px;
    line-height: 1;
	padding: 13px 0 13px 42px;
	height: 45px;
	border: 2px solid transparent;
	background-color: #fff;
	border-radius: 15px;
	margin: 5px 0 0 0;
	color:#666;
	transition: all, 0.1s;
    box-sizing: border-box;
    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);
}
.radio-box.check-with input[type="radio"]:first-child + label {
	margin-top: 0;
}
.radio-box.check-with input[type="radio"] + label::before {
	content: "";
    display: inline-block;
    width: 12px;
    height: 9px;
    position: absolute;
    left: 13px;
    top: 16px;
    background: url('../images/mediMdiCn/check.png') center/contain no-repeat;
    background-size: 12px auto;
}
.radio-box.check-with input[type="radio"]:checked + label {
	background: #fff;
    border: 2px solid #20b7a4;
    color: #009591;
    font-weight: 500;
}
.radio-box.check-with input[type="radio"]:checked + label::before {
	background: url('../images/mediMdiCn/check-on.png') center/contain no-repeat;
}
.radio-box.text-with > div {
	margin-bottom: 20px;
}
.radio-box.text-with > div:last-child {
	margin-bottom: 0;
}

.radio-box.text-with .input-text-box {
	position: relative;
	height: 45px;
}
.radio-box.text-with label {
	display: block;
	margin-bottom: 12px;
	font-size: 15px;
	line-height: 21px;
	color:#000;
	font-weight: 500;
}
.radio-box.text-with input[type="text"] {
	color: #009591;
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
	border: 2px solid transparent;
}
.radio-box.text-with input[type="text"]:focus {
    border: 2px solid #20b7a4;
    color: #009591;
	font-weight: 500;
	transition: all, 0.1s;
	box-shadow: none;
}
.radio-box.text-with .input-right-text {
	font-size: 15px;
	line-height: 20px;
	color:#000;
	position: absolute;
	top: 14px;
	right: 14px;
}
.form-small-title {
	margin-bottom: 34px;
	font-size: 16px;
	line-height: 27px;
	color: #000000;
}
.form-small-title .hosipital-name {
	color: #009591;
	font-weight: 500;
}
.form-big-title {
	margin-bottom: 36px;
	font-size: 21px;
	line-height: 1;
	color:#000;
	font-weight: 500;
}
.form-question {
	margin-bottom: 12px;
	font-size: 15px;
	line-height: 21px;
	color:#000;
	font-weight: 500;
}
.form-question span {
	color: #009591;
}
.bottom-btn-wrap {
	display:flex;
	justify-content: center;
	gap: 10px;
}
.bottom-btn-wrap .prev.btn {
	width: 105px;
	flex-shrink: 0;
}
/* 03 */
.form-sub-text {
	margin-top: 12px;
	font-size: 15px;
	line-height: 21px;
	color:#333;
	font-weight: 400;
}
.form-sub-text span {
	color: #009591;
	font-weight: 500;
}
.sub-img-box {
	margin-top: 20px;
	padding: 20px;
	border-radius: 15px;
	border: 1px solid #e5e5e5;
	background-color: #fff;
}
.sub-img-box.top {
	margin-top: 0;
	padding: 16px;
}
.sub-img-box .img-title {
	font-size: 13px;
	color: #333;
	margin-bottom: 10px;
}
.sub-img-box .img-title .icon {
	display: inline-block;
	margin-right: 4.5px;
	width: 13px;
	height: 13px;
	vertical-align: text-top;
	background: url('../images/mediMdiCn/icon-error.png') center/contain no-repeat;
}
.sub-img-box .img-box {
	width: 100%;
	background-color: #fff;
	border-radius: 20px;
}
.sub-img-box .img-box.multi {
	display: flex;
	justify-content: center;
}
.sub-img-box .img-box.multi img {
	width: 50%;
}
/* complete */
.cont-wrap {
	padding: 60px 20px 0;
}
.complete-box {
	padding-top: 70px;
	margin-bottom: 40px;
	text-align: center;
	background: url('../images/mediMdiCn/icon-complete.png')top center/ 50px 50px no-repeat;
}
.complete-box .main-text {
	margin-bottom: 15px;
	font-size: 21px;
	line-height: 27px;
	color: #333;
	font-weight: 500;
}
/* 최신수정 */
.complete-box .main-text span {
	color: #009591;
}
.complete-box .sub-text {
	font-size: 15px;
	color: #333;
}
.link-box {
	margin-bottom: 40px;
}
.link-box .banner-wrap {
	width: 100%;
	height: 110px;
	padding:5px;
	background-color: #fff;
	border-radius: 15px;
	box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);
}
.link-box .banner {
	display: block;
	position: relative;
	padding: 20px;
	width: 100%;
	height: 100%;
	border-radius: 12px;
}
.link-box .banner.driver {
	background: #cdf0ec url('../images/mediMdiCn/banner-driver-img.png')bottom 0 right 20px /128px 93px no-repeat;
}
.link-box .banner.cancer {
	background: #deebf4 url('../images/mediMdiCn/banner-cancer-img.png')bottom 5px right 26px /163px 87px no-repeat;
}
.link-box .banner-wrap + .banner-wrap {
	margin-top: 10px;
}
.link-box .banner .pd-title {
	z-index: 1;
	display: inline-block;
	position: relative;
	margin-bottom: 6px;
	font-size: 12px;
	line-height: 1;
	color:#333;
}
.link-box .banner .pd-title::after {
	z-index: -1;
	position: absolute;
	bottom:0;
	left:0;
	display: inline-block;
	content: '';
	width: 100%;
	height: 5px;
	background-color:#98e4d7;
}
.link-box .banner .pd-name {
	font-size: 18px;
	line-height: 22px;
	color:#000;
	font-weight: 500;
}
.link-box .banner .pd-name strong {
	display: block;
	color:#009591;
	font-weight: 700;
}
.link-box .banner .icon {
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translate(Y)-50%;
	right: 15px;
	width: 7px;
	height: 12px;
	background: url('../images/mediMdiCn/icon-link.png') center/contain no-repeat;
}
.info-box {
	border-radius: 15px;
	border: 1px solid #e5e5e5;
	background-color: #fff;
}
.info-box .top-text {
	display: flex;
	align-items: center;
	padding: 20px;
	font-size: 16px;
	color: #000;
	border-bottom: 1px solid #e5e5e5;
}
.info-box .top-text .icon{
	display: inline-block;
	margin-right: 10px;
	width: 21px;
	height: 19px;
	background: url('../images/mediMdiCn/icon-info.png')center/ 21px 19px no-repeat;
}
.info-box .bottom-text-box {
	padding: 20px 0 20px 26px;
}
.info-box .bottom-text {
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	letter-spacing: -0.8px;
	text-indent: -6px;
}
.info-box .bottom-text + .bottom-text {
	margin-top: 15px;
}
.info-box .bottom-text::before {
	display: inline-block;
	margin-right: 3px;
	content: ''; 
	width: 3px;
	height: 3px;
	background-color: #009591;
	border-radius: 100%;
	vertical-align: 4px;
}
.info-box .bottom-text span {
	color: #009591;
	font-weight: 500;
} 
.etc-input-box {
	display: none;
}
.etc-input-box.active {
	display: block;
}

@media screen and (max-height: 965px) {
	.main.main-renewal:has(#custNo2:disabled) {
		margin-top: -107px;
	}	
}

/*가상 키패드 위치 수정*/
html .dv_transkey_div {
	position: fixed;
	top: auto !important;
	bottom: 0;
	width: 100% !important;
	height: auto;
}
html .dv_transkey_div_2.dv_transkey_end .dv_transkey_div3.dv_transkey_div_a2.dv_transkey_div2_Height{
	width: 25% !important;
}

html .dv_transkey_div3_1 {
	width: 25% !important;
}
html .dv_transkey_div_b {
	width: 50% !important;
}

@media screen and (max-width: 344px) {
	.input_box.num>div {
		gap: 0 16px;
	}
}

/* 공통 인증 */
#popIntegrateCertNew.wrap.new_car_v1.new_car_v2 {
	position: fixed;
	z-index: 5000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
}

#popIntegrateCertNew.wrap.new_car_v1.new_car_v2 .step_info {
	padding-top: 65px !important;
}

#popIntegrateCertNew.wrap.new_car_v1.new_car_v2 #divAuthMethodBox {
	display: flex;
	gap: 5px;
}

#popIntegrateCertNew.wrap.new_car_v1.new_car_v2 #divAuthMethodBox a {
	width: 100%;
	color: #666;
}

#popIntegrateCertNew.wrap.new_car_v1.new_car_v2 #divAuthMethodBox a.on {
	color: #fff;
}

#twoTestBtn {
	display: flex;
	justify-content: flex-end;
	gap: 5px;
}

#twoTestBtn a {
	position: relative;
	bottom: 0;
}

.test_ria_auth_method {
	position: absolute;
	color: #fff;
	background: #e89999;
	bottom: -32px;
	right: 0;
	padding: 2px 6px;
}
.radio-set input[type="radio"]:disabled +label::before{
    display:none;
}
#popIntegrateCertNew.wrap.new_car_v1.new_car_v2 .success_position {
	margin-bottom: 10px;
}

#popIntegrateCertNew.wrap.new_car_v1.new_car_v2 .form-area .set {
	float: initial;
}
#popIntegrateCertNew.wrap.new_car_v1.new_car_v2 .input_box {
	height: initial;
	padding: 0;
	flex-direction: row;
	flex-wrap: nowrap;
	background: none;
	box-shadow: none;
	border: none;
}
#popIntegrateCertNew.wrap.new_car_v1.new_car_v2 .form-area{
	margin-top:0;
}
.simpleCert_set {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.simpleCert_set p {
	font-size: 16px;
	color: #111;
}

.simpleCert_set .bg_icon {
	margin: 20px 0 10px;
	width: 100%;
	height: 160px;
	background: url(/static/resources/mo/image/icon_simpleCer.png) no-repeat
		center center;
	background-size: 75px auto;
}

.simpleCert_set button {
	border: none;
	width: 100%;
}

.no_certify button {
	width: 100%;
	height: 45px;
	background: #556b79;
	color: #fff;
	font-size: 15px;
	border: none;
	border-radius: 15px;
}

#btnMobileCertConfirm.btn_gray2 {
	margin-top: 10px !important;
	background: #556b79;
	color: #fff !important;
	border-radius: 15px;
	font-size: 15px;
	border-color: #ccc;
	font-weight: 400;
}

#divRadioBtn {
	display: flex;
	gap: 5px;
	padding: 0 20px;
}

#divRadioBtn>span, #divRadioBtn>span label {
	width: 100% !important;
	height: 75px;
}

#divRadioBtn>span input[type=radio]#rdoReal+label {
	background: url(/static/resources/mo/img/common/icon_card_01.png)
		no-repeat center top 15px;
	background-size: 35px 25px;
}

#divRadioBtn>span input[type=radio].btn_radio+label {
	padding: 48px 0 17px !important;
	font-size: 13px;
	color: #999;
	background: url(/static/resources/mo/img/common/icon_card_02.png)
		no-repeat center top 15px;
	background-size: 35px 25px;
	border: 1px solid #999;
	box-sizing: border-box;
}

#divRadioBtn>span input[type=radio].btn_radio:checked+label {
	border: 2px solid #009591;
}
.new_car_v1 .box_rad01 input[type=checkbox].all_check + label {margin-bottom:0px;padding: 0 0 0 28px !important;font-size:16px;font-weight: 400;letter-spacing: -0.5px;color: #000;text-align: left;border-radius: 3px;word-break: keep-all;border: none;box-shadow: none;}
.new_car_v1 .box_rad01 .rule_checklist dd input[type=checkbox] + label:before {position:absolute;top: 13px;left: 23px;display: inline-block; width: 11px; height: 8px; background: url(/static/resources/moriaHoneQ/img/icon_check.png) 0 0 no-repeat; background-size: 11px 8px; content: "";}
.new_car_v1 .box_rad01 .rule_checklist dd input[type=checkbox]:checked + label:before {background: url(/static/resources/moriaHoneQ/img/icon_check_on.png) 0 0 no-repeat; background-size: 11px 8px;}
.new_car_v1 .box_rad01 .rule_checklist dd .rule_link {position: absolute;top: -2px;right:0px;display: block;width: 30px;height: 36px;background: url(/static/resources/moriaHoneQ/img/btn_arrowR.png) center center no-repeat;background-size: 4px 7px;z-index: 10;}
.new_car_v1 .box_rad01 .rule_checklist dd .rule_link.sub_add {top: 10%;}
.new_car_v1 .box_rad01 .rule_checklist dd label{padding:5px 0 5px 44px;font-weight:300;color: #333;}
.new_car_v1 input[type=checkbox] + label.b_no:before{background:none !important;}

.dot_list{margin-top: 40px;}
.dot_list li{ position:relative; padding-left:10px; color: #333; font-size: 14px; line-height: 21px; margin-bottom: 9px; letter-spacing: -0.08em; word-break:keep-all; }
.dot_list li:before { content:""; display:block; position:absolute; left:0; top: 9px; width: 3px; height: 3px; border-radius:50%; background:#505050; }
.dash_list ul {font-size: 14px;color: #333;line-height: 21px;position: relative;}
.dash_list li{list-style: none;position: relative;margin-left: 10px;margin-top: 5px;margin-bottom: 0;}
.dash_list li:first-child{margin-top:0px ;}
.dash_list li:before {content: "-";display: inline-block;height: 8px;width: 12px;position: absolute;left: -10px;top: 3px;}

.line{width:100%;height:1px;background:#dddee4}

/* 2025-04-21 임직원캠페인 지인공유 메뉴 */
.event-ul{
	padding:16px 20px 60px; 
}
.event-ul .car {
	display: block;
	height: 120px;
	position: relative;
	border: 5px solid #fff;
	border-radius: 20px;
	box-sizing: border-box;
	background: url(/static/resources/etcurl/img/ex-banner-01.png) no-repeat center left 20px #d2ebea;
	background-size: auto 90px;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}
.event-ul .car::after {
	content: '';
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	background: url(/static/resources/mo/img/main/main_ul_clip.png) no-repeat;
	background-position: 0 0;
	background-size: 50px auto;
}

.event-ul .driver{
	display: block;
	height: 120px;
	position: relative;
	border: 5px solid #fff;
	border-radius: 20px;
	box-sizing: border-box;
	background: url(/static/resources/etcurl/img/ex-banner-02.png) no-repeat center left 20px #c3e9f0;
	background-size: auto 90px;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}
.event-ul.vvip .car {
	background: url(/static/resources/etcurl/img/ex-banner-04.png) no-repeat center left 20px #d2ebea;
	background-size: auto 90px;	
}
.event-ul.vvip .driver{
	background: url(/static/resources/etcurl/img/ex-banner-05.png) no-repeat center left 20px #c3e9f0;	
	background-size: auto 90px;
}
.event-ul .driver::after {
	content: '';
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	background: url(/static/resources/mo/img/main/main_ul_clip.png)	no-repeat;
	background-position: 0 -50px;
	background-size: 50px auto;
}
.event-ul .car a,
.event-ul .driver a{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 0;
	color:  transparent;
}
.event-ul .car + .driver{
	margin-top: 10px;
}
.event-ul .driver + .call{
	margin-top:40px;
}
.event-ul .driver + .call::before{
	content:'';
	display:block;
	position:absolute;
	top:-20px;
	left:0;
	width:100%;
	height:1px;
	background:#e5e5e5;
}
.event-ul .call{
	padding: 20px;
	border-radius:15px;
	background: #fff;
	position:relative;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
	text-align: left;	
}
.event-ul .call a{
	padding-left: 75px;
	display: block;
	position:relative;
	background: url(/static/resources/mo/img/tit1_arr.png) no-repeat right center;
	background-size: 7px 12px;
}
.event-ul .call a::before{
	content:'';
	display:block;
	position:absolute;
	top: 50%;
	transform:translateY(-50%);
	left: 0px;
	width:60px;
	height:60px;
	background: url(/static/resources/etcurl/img/ex-banner-03.png) no-repeat;
	background-size: 60px auto;
	background-position: 0 0;
}
.event-ul .call a .title{
	font-size:18px;
	font-weight:500;
	color:#000;
}
.event-ul .call a .tel{
	font-size:20px;
	font-weight:600;
	color:#009591;
	letter-spacing: -0.05em;
}
.event-ul .call a + .descript{
	margin-top:40px;
}
.event-ul .call a + .descript::before{
	content:'';
	display:block;
	position:absolute;
	top:-20px;
	left:-20px;
	width:calc(100% + 40px);
	height:1px;
	background:#e5e5e5;
}
.event-ul .call .descript{
	font-size:16px;
	color: #333;
	position: relative;
	word-break: keep-all;
}
.event-ul .call .descript span{
	margin-top: 10px;
	display: block;
	font-size: 13px;
	font-weight: 300;
	color: #666;
	line-height: 1.3;
	letter-spacing: -0.09em;
}
.event-ul .help{
	width:100%;
	height: 80px;
	border-radius: 20px;
	padding: 20px;
	background: #fff url(/static/resources/mo/img/main/easy_li.png) no-repeat left 20px top 20px;
	background-size: auto 482px;
	box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 10%);
	background-position-y: -422px;
	background-color: #3291a7;
}
.event-ul .help a{
	display:block;
	padding: 6px 0 6px 56px;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.08em;
	word-break: keep-all;	
	color:#fff;
	background: url(/static/resources/mo/img/main/ico_arr_w.png) no-repeat right center;
	background-size: 7px 12px;
}
.event-ul .call + .help{
	margin-top:20px;
}
.toast_con.scroll{max-height: 100%;}