@charset "utf-8";
/* 제휴컬러예시  */
:root{
	--Toggleoneday-color:#321FDB;
}

.Toggleoneday .step-view .active {
	border:2px solid var(--Toggleoneday-color);
}

.Toggleoneday .dv_transkey_div_b,
.Toggleoneday .select-combobox ul .selected,
.Toggleoneday .step-view .done,
.Toggleoneday .form-input .input-text.focused:after, 
.Toggleoneday .new_term h3 {
	background:var(--Toggleoneday-color);
}
.Toggleoneday .select-tab li .selected,
.Toggleoneday .select-tab li input[type="radio"]:checked + label {
	border-color:var(--Toggleoneday-color);
}
.Toggleoneday .form-input .input-text.focused input {
	caret-color:var(--Toggleoneday-color);
}
.Toggleoneday .checkbox.type3 i:after {
	left:1px;
	background-image:url("../images/common/icon_checkbox_16px_on_toggle.svg");
}
.Toggleoneday .new_term p a.link,
.Toggleoneday .sign_tit .dib,
.Toggleoneday .completed-survey h3 > font,
.Toggleoneday .completed-visual-new .completed-text-driver p:first-child{
	color:var(--Toggleoneday-color);
}
.Toggleoneday .signbox .buttons button,
.Toggleoneday .btn-blue,
.Toggleoneday .radiobox.type3 input:checked + i {
	border-color:var(--Toggleoneday-color);
	background:var(--Toggleoneday-color);
}
.Toggleoneday .completed-visual-new .completed-text-driver p:last-child b span{
  background: linear-gradient(to top, #321FDB50 35%, transparent 35%)
}

.Toggleoneday .surfing_intro .intro-animation .surfing-background{
    background: url("../images/insurance_intro/common-bg-toggle.svg") no-repeat center bottom;
    background-size: 100% auto;
}
.Toggleoneday .intro-dialouge {
	background:-webkit-linear-gradient(to bottom right, #321FDB80, #321FDB);
	background:-o-linear-gradient(to bottom right, #321FDB80, #321FDB);
	background: linear-gradient(to bottom right, #321FDB80, #321FDB);
}
.Toggleoneday .site-txt,
.Toggleoneday .intro-visual .intro-txt em, 
.Toggleoneday .accordion-wrap.open .accordion-tit,
.Toggleoneday .select-subscription-date > ul > li:nth-child(1).on span.time,
.Toggleoneday .select-product-type-container .list-title-wrap .list-count-wrap .present,	
.Toggleoneday .select-subscription-date > ul > li.on #start-input,
.Toggleoneday .select-subscription-date > ul > li.on #mid-input {
	color: var(--Toggleoneday-color);
}
.Toggleoneday .popup-content.list-content-type.content-dot p.popup-content-text::after,
.Toggleoneday .popup-content.list-content-type h3.popup-content-title::after ,
.Toggleoneday .dot-list > li:before,
.Toggleoneday .btn-floating:active {
	background-color: var(--Toggleoneday-color);
}
.Toggleoneday .intro-content-car .intro-content-car-top-title.bottom p::after{
	background-color:#321FDB80;
}
.Toggleoneday .btn-floating {
	border:1px solid var(--Toggleoneday-color);
	background:var(--Toggleoneday-color);	;
}
.Toggleoneday .checkbox.type1 input:checked + i,
.Toggleoneday .checkbox.type2 input:checked + i{
	border-color:var(--Toggleoneday-color);
	background:var(--Toggleoneday-color);
}
.Toggleoneday .btn-floating.btn-cancel {
	border-color:#545861;
	background:#545861;
}
.Toggleoneday .enter-info-slide .swiper-pagination-bullet-active {
  background: var(--Toggleoneday-color);
}
.Toggleoneday .select-product-type-container
  .swiper-container
  .select-product-type-list.swiper-slide-active {
  border: 2px solid var(--Toggleoneday-color);
}

/* 이미지 */
.Toggleoneday .enter-info-content .info-icon > .car-icon-type01{
	background-image: url("../images/insurance/insurance_car_icon13.svg");
	background-size: contain;
}
.Toggleoneday .enter-info-content .info-icon > .car-icon-type02 {
	background-image: url("../images/insurance/insurance_car_icon14.svg");
	background-size: contain;
}
.Toggleoneday .enter-info-content .info-icon > .car-icon-type03 {
	background-image: url("../images/insurance/insurance_car_icon15.svg");
	background-size: contain;
}
.Toggleoneday .enter-info-content .info-icon > .car-icon-type04 {
	background-image: url("../images/insurance/insurance_car_icon16.svg");
	background-size: contain;
}
.Toggleoneday .enter-info-content .info-icon > .car-icon-type05 {
  background-image: url("../images/insurance/insurance_car_icon17.svg");
}
.Toggleoneday .enter-info-content .info-icon > .car-icon-type06 {
  background-image: url("../images/insurance/insurance_car_icon18.svg");
}
.Toggleoneday .enter-info-content .info-icon > .car-icon-type06-new {
	background-image: url("../images/insurance/insurance_car_icon19.svg");
	background-size: contain;
}
.Toggleoneday .enter-info-content .info-icon > .car-icon-type07 {
	background-image: url("../images/insurance/insurance_car_icon20.svg");
	background-size: contain;
}

.Toggleoneday .accordion-wrap {
	border-bottom: 1px solid #321FDB55;
}

/* 2023-7-14 하나은행 유입경로 */
#jehuHeader {
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:50px;
	background:#fff;
	z-index:1000;
	border-bottom:1px solid #dddddd;
}
#jehuHeader > .inner {
	padding: 13px 0 12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#jehuHeader > .inner div:first-child {
	width: 102px;
	height: 24.2px;
	background: url("/static/resources/mopanel/img/img_logo.png") no-repeat center center;
	background-size: cover;
}
#jehuHeader > .inner div:last-child {
	width: 85px;
	height: 17px;
	background: url("/static/resources/platform/oneday/images/insurance_intro/logo-hanaTour.png") no-repeat center center;
	background-size: cover;	
}
#jehuHeader > .inner div.logo-hanaMoney{
	width: 75px;
	height: 14px;
	background: url("/static/resources/platform/oneday/images/insurance_intro/logo-hanaMoney.png") no-repeat center center;
	background-size: cover;	
}
#jehuHeader > .inner div.logo-hanaBenepia{
	width: 77px;
	height: 20px;
	background: url("/static/resources/platform/oneday/images/insurance_intro/logo-hanaBenepia.png") no-repeat center center;
	background-size: cover;	
}
#jehuHeader > .inner div.logo-hanaInsu{
	width: 103px;
	height: 24.2px;
	background: url("/static/resources/mopanel/img/img_logo.png") no-repeat center center;
	background-size: cover;	
}
.hana-tour #jehuHeader{
	display: block !important;
}
.hana-tour #header{
	top:50px;
}
.hana-tour .container{
	padding-top: 98px;
}

/* 2024-06-20 네이버비교분석 최대넓이값 수정 */
html.naverView{	
	max-width:681px;
	margin:0 auto;
	background-color:#cfeaf5;
}
.naverView body{
	height: 100vh;
	background-color:#fff;
}
.naverView #certDiv{
	background-color:#cfeaf5;
}
.naverView #header,
.naverView .ground-btm, .naverView .certification-wrap,
.naverView .popup-container,
.naverView #divPopSignBox{
	max-width:681px;
	left:50%;
	transform:translateX(-50%);
}
.naverView .container{
	max-width:681px;
	margin:0 auto;
	background: #fff;
	height: 100%;
}
.naverView .transkey,
.naverView #mtk_custNo2,
.naverView #mtk_txtCardNo3, .naverView #mtk_txtCardNo4{
	max-width:681px;
	left: 50% !important;
	transform: translateX(-50%);
}
.naverView .insurance-sign2 .info-list {
	margin-bottom: 180px;
}