html{width: 100%; height: 100%; min-height: 100%; color: #000; font-size: 10px; font-weight: 500; font-family: "NotoSansKR", sans-serif !important; letter-spacing: -0.04rem;}
body {height:100vh; padding-bottom: constant(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom);}
.wrapper{min-height: 100%;}
input[type=text], input[type=date]{outline: none; border: none;}
td:has(input[type=date]){position: relative;}
input[type='date']:focus::before,
input[type='date']:valid::before {display: none;}
input[type=date]{font-size: 1.4rem; text-align: right; color: #838383; padding-right: 1rem}
input[type='date']::-webkit-clear-button,
input[type='date']::-webkit-inner-spin-button {display: none;}
input[type="date"]::-webkit-calendar-picker-indicator {
	background: transparent;
	z-index: 1;
}
input[type=date]:after{
	content: '';
	background: #fff url('/images/icon_dates.svg') center no-repeat;
	background-size: 2.2rem;
	width: 2.2rem;
	height: 2rem;
	display: block;
	position: absolute;
	top: 2.4rem;
	right: 0;
}
input[type=text]::placeholder{font-size: 1.4rem; color: #dedede;}
input[type=checkbox] {position: absolute;z-index: 10;opacity: 0;width: 100%; height: 100%; letter-spacing: 0;border: none;vertical-align: middle; background: none; -webkit-appearance: none;}
input[type=checkbox]{display: none;}

.tal{text-align: left;}
.tal{text-align: left;}
.tac{text-align: center;}
.tar{text-align: right;}

.pr{position: relative;}

.col {display: flex; flex-direction: column;}
.space-between {justify-content: space-between;}
.row {display: flex;}
.f1 {flex: 1;}
.num {font-family: "NotoSansKR", sans-serif !important; }
.on {display: block;}
.notice {color: #e9731f; font-size: 1.1rem; letter-spacing: -0.025rem; margin-top:1.2rem;}

.font15{font-size: 1.5rem; letter-spacing: -0.047rem; font-weight: 600}
.font14{font-size: 1.4rem; letter-spacing: -0.047rem;}

.bold {font-weight: 700;}

.txt-blue{color: #014bb4;}
.txt-red{color: #ff003f;}
.txt-yellow{color: #ee9e00;}
.txt-navy{color: #003174;}
.txt-green{color: #0f923c;}
.txt-orange{color: #e9731f;}
.txt-red{color: #ff003f;}
.txt-white{color: #fff;}
.txt-ligtgray{color: #aeaeae;}
.txt-gray{color: #838383;}

.bg-red{background-color: #ff003f !important;}
.bg-yellow{background-color: #ee9e00 !important;}
.bg-blue{background-color:#014bb4 !important;}
.bg-orange{background-color:#e9731f !important;}
.bg-green{background-color:#0f923c !important;}
.bg-darkgray{background-color:#dcdcdc !important;}
.bg-lightgray{background-color:#f8f8f8 !important;}
.bg-gray{background-color:#f2f5f9 !important;}
.bg-brgray{background-color:#303030 !important;}
.bg-black{background-color:#000 !important;}

/* width */
.w100{width: 11rem !important}
.w130{width: 13rem !important}

/* padding */
/* top */
.pdt0{padding-top: 0 !important;}
.pdt4{padding-top: 0.4rem !important;} /* 20230224 퍼블리싱 수정 */
.pdt6{padding-top: 0.6rem !important;}
.pdt8{padding-top: 0.8rem !important;}
.pdt20{padding-top: 2rem !important;}
.pdt70{padding-top: 7rem !important;}
/* bottom */
.pdb20{padding-bottom: 2rem !important;}
.pdb40{padding-bottom: 4rem !important;}

/* margin */
/* top */
.mgt0{margin-top: 0 !important;}
.mgt6{margin-top: 0.6rem !important;}
.mgt8{margin-top: 0.8rem !important;}
.mgt12{margin-top: 1.2rem !important;}
.mgt20{margin-top: 2rem !important;}
.mgt30{margin-top: 3rem !important;}
.mgt40{margin-top: 4rem !important;}
/* bottom */
.mgb12{margin-bottom: 1.2rem !important;}
.mgb30{margin-bottom: 3rem !important;}
.mgb40{margin-bottom: 4rem !important;}

h3{font-size: 2rem; font-weight: 700;}
h5{font-size: 1.8rem; font-weight: 700;}
h6{font-size: 1.6rem; font-weight: 700;}

/* button */
.full-btn{width: 100%; font-size: 1.4rem; font-weight: 600; height: 5rem; color: #fff; background-color: #014bb4;}
.close-btn{width: 100%; font-size: 1.2rem; color: #aeaeae; background-color: transparent; margin-top: 1.6rem;}
.cancel{background-color:#bbbbbb;}
.next {width: 1.6rem; background: url(/images/icon_arrow_next.svg) center right no-repeat;}

/* table */
.full-table{width: 100%; text-align: left;}
.full-table th{font-size: 1.4rem; color:#838383; padding-top: 1.2rem; width: 10.5rem;}
.full-table td{font-size: 1.4rem; text-align: right; padding-top: 1.2rem; font-weight: 600;}
.full-table tr:first-child th, .full-table tr:first-child td{padding-top: 0;}

.m-table{text-align: left; width: 100%}
.m-table button {font-size:1.2rem; width: 5rem; height: 2.8rem; border-radius: 0.6rem; border: 0.1rem solid #c3cbd3; background-color: #fff; margin-left: 1.2rem;}
.m-table th{font-size: 1.3rem; letter-spacing: -0.05rem; color: #838383; padding: 2.4rem 0 0.4rem;}
.m-table td{font-size: 1.5rem; letter-spacing: -0.047rem; font-weight: 600}

.m-table tr:first-child th {padding-top: 1.6rem;}
.m-table th {padding-top: 1.2rem; width: 100px;}

/* 삼성화재 더가치 보험료 테이블 */
.thegachi-table{text-align: center; width: 100%; border: thin solid black; font-size: 1.1rem; border-collapse: collapse;}
.thegachi-table tr th {border: 0.1rem solid #ffffff; padding: 0.4rem 0; font-weight: bold;}
.thegachi-table tr td {width: 20%; border: 0.1rem solid #f1f1f1; padding: 0.4rem 0;}
.thegachi-table-skyblue{background-color: #f2f5f9; }


.number-table{text-align: left; width: 100%}
.number-table th{font-size: 1.4rem; letter-spacing: -0.04rem; color: #838383; padding-bottom: 1rem;}
.number-table .select-list{display: flex; margin: 0 -0.2rem;}
.number-table .select-line{border-radius: 0.5rem; background-color: #fff; border: 0.1rem solid #eee; padding: 1.2rem; margin: 0 0.2rem; width: 100%; text-align: left; display: flex; align-items: center; justify-content: space-between;}
.number-table .select-line:disabled{background-color: #f8f8f8;}
.number-table .select-line:disabled::after{background: url(/images/icon_arrow_down_dis.svg) no-repeat;}
.number-table .select-line:focus{border:0.1rem solid#014bb4;}
.number-table input{width: 100%; border:0.1rem solid #eee; border-radius: 0.8rem; text-align: left; font-weight: 500; padding: 1.2rem 1.6rem;}
.number-table input:focus{border:0.1rem solid#014bb4;}
.number-table input::placeholder{text-align: left;}
.number-table input:disabled{background-color: #f8f8f8; color: #c1c1c1;}
/* 20230224 퍼블리싱 수정 */

.padding-box{padding: 2rem; border-radius: 1rem; background-color: #fff; box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.08); position: relative;}
.padding-box:has(.img) {padding: 4.3rem 2rem 2rem;}
.padding-box .line{border-bottom: 0.1rem solid #eeeeee;}
/* fixed btn */
.fixed-top.on {opacity: 1;}
.fixed-top{
	z-index: 1;
	display: flex;
	flex-direction: column;
	position: fixed;
	right: 1.6rem;
	bottom: 6.4rem;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
	width: 4.4rem;
	height: 4.4rem;
	border-radius: 50%;
	background: #fff url(/images/top.svg) center no-repeat;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.06);
}
.kakao{
	z-index: 1;
	display: flex;
	flex-direction: column;
	position: fixed;
	right: 1.6rem;
	bottom: 1.6rem;
	width: 4.4rem;
	height: 4.4rem;
	border-radius: 50%;
	background: url(/images/kakaotalk.png) no-repeat;
	background-size:4.4rem;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.06);
}

.g-market {font-family: 'gmarketsans', sans-serif !important;}
.b-input{font-size: 1.6rem; font-weight: 700; text-align: right}
.b-input::placeholder{font-size: 1.4rem; font-weight: 400; text-align: right}
/*******************************************************************************************************************/
/* header */
.header{
	padding: 0 1.3rem;
	height: 5.4rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	position: fixed;
	z-index: 2;
	background-color: #fff;
}
.header.line{border-bottom: 0.1rem solid #eee;}
.header h1{font-size: 1.7rem; text-align: center; font-weight: 600;}
.header .btn-back{width: 2.4rem; height: 2.4rem; background: url(/images/back.svg) center no-repeat; background-size: 2.4rem;}
.header .btn-close{width: 2.4rem; height: 2.4rem; background: url(/images/close.svg) center no-repeat; background-size: 2.4rem;}
.header .btn-back.white{background: url(/images/back_white.svg) center no-repeat;}
.header .btn-close.white{background: url(/images/close_white.svg) center no-repeat;}
.header .none{background: none !important; width: 2.4rem; height: 2.4rem;}

/* main */
main{position: relative; padding-top: 5.4rem; height: 100%; min-height: calc(100vh - 24.3rem);}
main .content{padding: 0 2.4rem; width: 100%; display: inline-block;}
main .content h6{margin: 4rem 0 1.2rem;}
main .content:has(.result){padding: 0 2.4rem 4rem;}

.bottom-img{background: url('/images/bg_bottom.png') center no-repeat; background-size: 100%; height: 8.4rem;}
/* footer */
.footer{padding: 1.8rem 2.0rem; min-height: 18.9rem; background-color: #f2f5f9; border-top: 0.1rem solid #f2f5f9;}
.footer.line{border-top: 0.1rem solid #e7eaee;}
.footer .top{display: flex; justify-content: space-between; font-size: 1.2rem; color: #4c5459;}
.footer .use::after{
	width: 1rem;
	height: 0.6rem;
	padding-left: 0.8rem;
	display: inline-block;
	content: '∣';
	background-size: 1rem;
}
div:has(.customer-info){position: relative;}
.customer-info{padding-right: 1.6rem}
.customer-info::after{
	position: absolute;
	top:0.7rem;
	right: 0;
	width: 1rem;
	height: 0.6rem;
	display: inline-block;
	background: url(/images/icon_arrow.svg) center no-repeat;
	content: '';
	background-size: 1rem;
}
.customer-info.on::after{top:0.6rem; background: url(/images/icon_arrow_up.svg) center no-repeat;}

.footer .info-box{text-align: center;}
.footer .info-list{color: #848a92; font-size: 1.1rem; margin-top: 2.4rem;}
.footer .info-list .tit{color: #333a40; font-size: 1.1rem; margin-top: 2.4rem;}
.footer .copy-right{text-align: center; font-size: 1.1rem; color: #c3cbd3; margin-top: 2.4rem;}

/*******************************************************************************************************************/
/* component */
.banner{overflow: hidden; text-align: center; margin-top: 1.6rem; }
.banner-box .swiper-slide{width: 87% !important; height: auto; overflow: hidden; border-radius: 1.6rem; margin: 0 0.6rem;}

.main-info{text-align: center}
.main-info .main-title{margin: 3.8rem 2.1rem;}
.main-info .main-title h2{font-size: 2.4rem; letter-spacing: -0.2rem}
.main-info .main-title h2 span{font-weight: 700;}
.main-info .main-title p{font-size: 1.2rem; color: #b0b0b0; letter-spacing: -0.03rem; margin-top: 0.4rem;}
.main-info .main-box{display: flex; flex-direction: column; width: auto; text-align: left;}
.main-info .main-box .top{
	display: flex;
	align-items: center;
	padding: 2.4rem 2.4rem 1.6rem 2.4rem;
	width: auto;
	height: 13rem;
	border-top-left-radius: 1.6rem;
	border-top-right-radius: 1.6rem;
}
.main-info .main-box .bottom{
	font-size: 1.2rem;
	padding: 1.8rem 2.4rem;
	width: auto;
	border-bottom-left-radius: 1.6rem;
	border-bottom-right-radius: 1.6rem;
}
.main-info .main-box .top .logo{width: 9rem; height: 9rem; border-radius: 4.5rem; margin-right: 1.7rem;}
.main-info .main-box .top h6{font-size: 1.5rem; font-weight: 700; letter-spacing: -0.02rem; margin: 0 0 0.4rem 0 !important;}
.main-info .main-box .top p{font-size: 1.4rem; line-height: 1.8rem; letter-spacing: -0.019rem;}

/* 현대해상 */
.main-info .main-box.hd .logo{background: url('/images/hd_logo.png') center no-repeat; background-size: cover;}
.main-info .main-box {margin-bottom: 1.6rem;}
.main-info .main-box .bottom p {color: #000;}
.main-info .main-box.hd .top{color:#ea7404; background-color: #fdefe3;}
.main-info .main-box.hd .bottom{background-color: #f9e1cd;}

/* DB손해보험 */
.main-info .main-box.db .logo{background: url('/images/db_logo.png') center no-repeat; background-size: cover;}
.main-info .main-box.db .top{color:#0f923c; background-color: #e3f2e8;}
.main-info .main-box.db .bottom{background-color: #cfe6d5;}

/* samsung */
.main-info .main-box.samsung .logo{background: url('/images/samsung_logo.png') center no-repeat; background-size: cover;}
.main-info .main-box.samsung .top{color:#014bb4; background-color: #e0e9f4;}
.main-info .main-box.samsung .bottom{background-color: #cbdaee;}

/* kb */
.main-info .main-box.kb .logo{background: url('/images/kb_logo.png') center no-repeat; background-size: cover;}
.main-info .main-box.kb .top{color: #ee9e00; background-color: #fef6e7;}
.main-info .main-box.kb .bottom{background-color: #ffe9cc;}

.col-box {display: flex; flex-direction: column; justify-content: space-between;}
.content .center{text-align: center; padding: 0 1.6rem;}
.content .m-title{font-size: 1.4rem; line-height: 2.2rem; color:#838383;}
.content .s-title{font-size: 1.4rem; line-height: 2.2rem; color:#838383;}
.content .ok{background: url('/images/icon_ok.svg') top center no-repeat; background-size: 6rem; margin-top:7rem;}
.content .fail{background: url('/images/icon_fail.svg') top center no-repeat; background-size: 6rem; margin-top:7rem;}
.content .pass{background: url('/images/pass.png') top center no-repeat; background-size: 8rem; margin-top:3rem;}
.content .pass button{width: 100%; height: 5rem; margin-top: 10.6rem; color:#fff; border-radius: 0.6rem;}
.content .error{background: url('/images/icon_error.svg') top center no-repeat; background-size: 6rem; margin-top:7rem;}
.content .error span,
.content .service-error span{font-size: 1.1rem; letter-spacing: -0.025rem; color: #838383; margin-top: 0.8rem; display: block;}
.content .service-error{background: url('/images/service_error.svg') top center no-repeat; background-size: 6rem; margin-top:7rem;}
.content .test{background: url('/images/icon_test.svg') top center no-repeat; background-size: 6rem; margin-top:7rem;}
.content .padding-info-box{
	margin-top: 2rem;
	padding: 2rem;
	background-color: #f8f8f8;
	border-radius: 1rem;
}
.content .padding-info-box table th{width:6rem; font-size: 1.2rem; line-height: 1.8rem; letter-spacing: -0.03rem; color: #838383; text-align: left;}
.content .padding-info-box table td{font-size: 1.2rem; line-height: 1.8rem; letter-spacing: -0.03rem; color: #000; text-align: left;}
.content .padding-info-box {font-size: 1.2rem; line-height: 1.8rem; letter-spacing: -0.03rem; color: #000; text-align: left;}

.content .img{
	position: absolute;
	top: -2.5rem;
	left: 2rem;
	z-index: 1;
	background: url('/images/logo.png') center no-repeat;
	width: 5rem;
	height: 5rem;
	background-size: 5rem;
}

.intro{
	margin-top: 4rem;
	padding: 0 3rem !important;
	background: url('/images/bg.png') right -1rem bottom 20% no-repeat;
	background-size: 90%;
	min-height: calc(100vh - 19rem);
}
.intro h2{font-size: 2.4rem; line-height: 2.9rem; font-weight: 400;}
.intro .m-title{font-size: 1.5rem; font-weight: 200; margin: 1.4rem 0 1rem;}
.intro .tag{
	background: url('/images/logo_sam.png') center no-repeat;
	background-size: 8rem;
	width: 8rem;
	height: 3.4rem;
	display: inline-block;
}

.info .full-table tr th, .info .full-table tr td{border-bottom: 0.1rem solid #eeeeee; padding: 2.4rem 0 1.8rem;}

.padding-box .list-box{margin-top: 1rem; position: relative;}
.padding-box .list-box .btn {
	position: absolute;
	top:0.7rem;
	right: 0;
	width: 1.2rem;
	height: 0.8rem;
	background: url('/images/icon_arrow_next.svg') center no-repeat;
	background-size: 1.2rem;
	padding-top: 0.6rem;
}
.padding-box h5.txt-blue{margin: 2.3rem 0 0.6rem;}
.padding-box:has(.m-table){margin-bottom: 4rem;}

.padding-box .txt-info{color: #838383; font-size: 1.4rem; letter-spacing: -0.04rem;}
.padding-box .txt-black-info{color: #000000; font-size: 1.4rem; letter-spacing: -0.04rem;}
.padding-box .txt-info li{display: flex; justify-items: start;}
.padding-box .txt-info li::before{content: '∙'; display: inline-block; margin-right: 1rem;}

.padding-box .notice-box h6{width: 100%; margin: 0}
.padding-box .notice-box h6 span{
	display: block;
	line-height: 2.2rem;
	font-size: 1.4rem;
	letter-spacing: -0.07rem;
	color: #000;
	background: url('/images/icon_down.svg') right center no-repeat;
	margin: 2rem 0;
}
.padding-box .notice-box h6.on span{
	display: block;
	line-height: 2.2rem;
	font-size: 1.4rem;
	letter-spacing: -0.07rem;
	color: #000;
	background: url('/images/icon_up.svg') right center no-repeat;
	margin: 2rem 0;
}
.padding-box .notice-box .notice-view{
	font-size: 1.1rem;
	letter-spacing: -0.04rem;
	color: #838383;
	border-bottom: 0.1rem solid #eee;
	padding: 1.6rem 0 2rem;
	display: none;
}
.padding-box .notice-box.no-line h6 span{margin-bottom: 0;}
.padding-box .notice-box.no-line .notice-view{
	margin-top: 2rem;
	font-size: 1.1rem;
	letter-spacing: -0.04rem;
	color: #838383;
	border-top: 0.1rem solid #eee;
	border-bottom: 0.1rem solid #eee;
	padding: 1.6rem 0 2rem;
	display: none;
}

input[type=checkbox] + label{font-size: 1.4rem; position: relative; display: block; padding:0 3rem 0 3.2rem;}
input[type=checkbox] + label .txt-blue{font-size: 1.2rem; margin-left: 0.6rem;}
input[type=checkbox] + label .txt-ligtgray{font-size: 1.2rem; margin-left: 0.6rem;}
input[type=checkbox] + label::before{
	position: absolute;
	left: 0;
	content: '';
	display: inline-block;
	width: 2.2rem;
	height: 2.2rem;
	background: url(/images/icon_check_off.svg) left center no-repeat;
	background-size: 2.2rem;
}
input[type=checkbox]:checked + label::before{background: url(/images/icon_check_on.svg) left center no-repeat; background-size: 2.2rem;}

input[name=all] + label{
	font-size: 1.4rem;
	font-weight: 700;
	position: relative;
	padding-left: 3.2rem;
}
input[name=all] + label::before{
	position: absolute;
	left: 0;
	content: '';
	display: inline-block;
	width: 2.2rem;
	height: 2.2rem;
	background: url(/images/all_check_off.svg) left center no-repeat;
	background-size: 2.2rem;
}
input[name=all]:checked + label::before{background: url(/images/all_check_on.svg) left center no-repeat;background-size: 2.2rem;}

.result{background: url('/images/talk.png') top 0.5rem center no-repeat; background-size: 8rem;}
.result h3{text-align: center; color: #fff; padding-top: 7rem; margin-bottom: 1.8rem;}
.result .txt-info{color: rgba(225, 225, 225, 0.8); font-size: 1.1rem; line-height: 1.6rem; letter-spacing: -0.025rem; margin: 1.6rem 0 0;}
/* 20230127 txt-info margin 값 변경 */
.result .txt-info li{display: flex; justify-items: start;}
.result .txt-info li::before{content: '∙'; display: inline-block; margin-right: 0.3rem;}

.title-btn{display: flex; justify-content: space-between; align-items: center; margin: 4rem 0 1.2rem;}
.title-btn h6{margin: 0 !important;}
.title-btn button{font-size: 1.2rem; color: #fff; height: 2.8rem; padding: 0 1.2rem; border-radius: 0.6rem;}

.check-point{margin: 3rem 0 4rem;}
.check-point li{font-size: 1.3rem; letter-spacing: -0.03rem; color: #666;}
.check-point strong{font-size: 1.4rem; letter-spacing: -0.05rem; color: #4c5459; margin-bottom: 1.2rem; display: block}

.ex{text-align: center; margin: 4rem 0;}
.ex .logo{
	width: 8rem;
	height: 3.4rem;
	background: url('/images/logo_sam.png') center no-repeat;
	background-size: 8rem;
	display: inline-flex;
}
.ex h5{letter-spacing: -0.05rem; font-weight: 400; margin-top: 1.2rem;}



/* popup */
.dim_pop{width: 100%; height: 100vh; position: fixed; background: rgba(0, 0, 0, 0.8); display: none; animation: fadein 1s; top: 0; z-index: 10000;}
.dim_pop.on{display: table;}
.dim_pop .pop_outer{display: table-cell; padding: 0 2rem; vertical-align: middle;}
.dim_pop .pop_outer .pop_inner{width: 100%; overflow: hidden; text-align: center;}

.main-pop{width: 100%; height: 100vh; position: fixed; top: 0; background: rgba(0, 0, 0, 0.8); animation: fadein 1s; display: none; z-index: 10000;}
.main-pop.on{display: block;}
.main-pop .inner{width: 100%; position: fixed; bottom: 0;}
.main-pop .inner .top{background-color: #fff; padding: 2rem 2rem 2.4rem 2rem; border-top-left-radius: 1.6rem; border-top-right-radius: 1.6rem;}
.main-pop .inner .top p{margin-top: 1.4rem; color: #838383; font-size: 1.4rem;}
.main-pop .inner .top .full-btn{border-radius: 0.6rem;}

.loading-box{
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.2);
	width: 100vw;
	height: 100vh;
	align-items: center;
	justify-content: center;
	display: none;
}
.loading-box.on{display: flex;}
.dot-pulse {
	--uib-size: 40px;
	--uib-speed: 1.3s;
	--uib-color: #014BB4;

	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: var(--uib-size);
	height: calc(var(--uib-size) * 0.27);
}
.dot-pulse__dot,
.dot-pulse::before,
.dot-pulse::after {
	content: '';
	display: block;
	height: calc(var(--uib-size) * 0.18);
	width: calc(var(--uib-size) * 0.18);
	border-radius: 50%;
	background-color: var(--uib-color);
	transform: scale(0);
}

.dot-pulse::before {animation: pulse var(--uib-speed) ease-in-out infinite;}
.dot-pulse__dot {animation: pulse var(--uib-speed) ease-in-out calc(var(--uib-speed) * 0.125) infinite both;}
.dot-pulse::after {animation: pulse var(--uib-speed) ease-in-out calc(var(--uib-speed) * 0.25) infinite;}

.agree{overflow: hidden; position: relative;}
.agree-box{width: 100vw !important; /* height: 100vh; overflow: scroll;*/}
/* 20230206 퍼블리싱 수정 */
.agree-box .txt{position: relative; margin-top: 1.5rem; line-height: 2rem; font-size: 1.1rem; letter-spacing: -0.031rem; color: #838383; padding-bottom: 10rem;}
.agree-box .txt.vh{height: calc(100vh - 19.3rem);}
/* 20230215 퍼블리싱 수정 */
.agree-box .txt .title{font-size: 1.2rem;}
/* 20230206 퍼블리싱 수정 */
.agree .agree-btn{
	position: absolute;
	bottom:0rem;
	left: 50%;
	margin-left: -10rem;
	height: 5rem;
	width: 20rem;
	z-index: 99;
	background:#fff url('/images/agree_check_off.svg') left 1.4rem center no-repeat;
	padding-left: 1.4rem;
	font-size: 1.2rem;
	border-radius: 2.5rem;
	letter-spacing: -0.05rem;
	box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.06);
	border: 0.1rem solid #e1e1e1;
}
.agree .agree-btn.on{background: #fff url('/images/agree_check_on.svg') left 1.4rem center no-repeat; color: #014bb4;}
/* 20230208 퍼블리싱 수정 */
.agree-pop-box{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: #fff;
	min-height: 100%;
	display: none;
}
.agree-pop-box .agree{
	margin-top: 5.4rem;
}
.agree-pop-box .agree-box .list{
	width: 100% !important;
	height: calc(100vh - 5.4rem) !important;
	padding: 3rem 2.4rem 0;
	padding-bottom: calc(env(safe-area-inset-bottom) + 14rem);
	overflow-y: auto;
	position: relative;
}
/* 20230215 퍼블리싱 수정 */
.scrollLock {overflow: hidden;}

.privacy .privacy-box{margin: 8.6rem 0 12rem;}
.privacy .privacy-box h6{margin: 2rem 0 0 0;}
.privacy .privacy-box .txt{margin-top: 0.6rem; font-size: 1.1rem; letter-spacing: -0.031rem; color: #838383;}
.privacy .date-box{
	border-radius: 1rem;
	background-color: #f8f8f8;
	position: fixed; z-index: 1;
	top: 7rem; left: 0;
	width: calc(100% - 4.8rem);
	height: 5rem;
	margin: 0 2.4rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 2rem;
}
.privacy .date-box span{font-size: 1.4rem;}
.select-btn{background-color: transparent; font-size: 1.4rem; text-align: right;}
.select-btn::after{
	content: '';
	display: inline-flex;
	background: url('/images/icon_arrow_down.svg') center no-repeat;
	width: 1rem;
	height: 0.8rem;
	margin-left: 0.9rem;
}

/* popup */
/* select popup */
.scroll-wrap{height: 14.5rem;overflow: auto;}
.sort-pop, .m-pop{width: 100%; height: 100vh; position: fixed; top: 0; left: 0; display: none; z-index: 200;}
.sort-pop.on, .m-pop.on{display: block;}
.on .dim{
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
	animation: fadein 1s;
	-moz-animation: fadein 1s; /* Firefox */
	-webkit-animation: fadein 1s; /* Safari and Chrome */
	-o-animation: fadein 1s; /* Opera */
}
.sort-pop.on .sort-menu{
	width: 100%;
	background: #fff;
	border-top-left-radius: 2rem;
	border-top-right-radius: 2rem;
	overflow: hidden;
	padding: 2.4rem;
	padding-bottom: calc(constant(safe-area-inset-bottom) + 2.4rem); padding-bottom: calc(env(safe-area-inset-bottom) + 2.4rem);
	position: fixed;
	z-index: 201;
	bottom: 0;
	animation: fadeInUp 0.5s;
}
.sort-pop.on .sort-menu .top{width: 100%; height: 2.4rem; display: flex; justify-content: space-between; margin-bottom: 2.5rem;}
.sort-pop.on .sort-menu .top button{width: 1.8rem; height: 1.8rem; background: url(/images/close.svg) no-repeat; background-size: 1.8rem;}

.sort-pop.on .date-list-box .list{width: 100%; padding: 0.8rem 0; position: relative;}
.sort-pop.on .date-list-box .list:first-child{width: 100%; padding-top: 0;}
.sort-pop.on .list input[type="radio"] {
	border: none;
	margin: 0;
	position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; opacity: 0;
	letter-spacing: 0;
	background: none;
	vertical-align: middle;
	-webkit-appearance: none;
	/*-ms-appearance: none;*/
}
.sort-pop.on .date-list-box .list input[type="radio"] + label {width: 100%; font-size: 1.4rem;}
.sort-pop.on .date-list-box .list input[type="radio"]:checked + label {font-weight: 700;}

.sort-pop.on .radio-list-box{display: flex; align-items: center; flex-wrap: wrap}
.sort-pop.on .radio-list-box .list{width: 50%; padding: 0.8rem 0; position: relative;}
.sort-pop.on .radio-list-box .list:first-child{padding-top: 0;}
.sort-pop.on .radio-list-box .list:nth-child(2){padding-top: 0;}

.sort-pop.on .radio-list-box .list input[type="radio"] + label {
	display: flex;
	align-items: center;
	font-size: 1.4rem;
}
.sort-pop.on .radio-list-box .list input[type="radio"] + label::before{
	width: 2.2rem;
	height: 2.2rem;
	content: '';
	display: inline-flex;
	background: url('/images/icon_radio_off.svg') center no-repeat;
	background-size: 2.2rem;
	margin-right: 1rem;
}
.sort-pop.on .radio-list-box .list input[type="radio"]:checked + label{font-weight: 700;}
.sort-pop.on .radio-list-box .list input[type="radio"]:checked + label::before{background: url('/images/icon_radio_on.svg') center no-repeat;}

/* 기본 popup */
.m-pop .pop-inner{
	width: calc(100% - 4.8rem);
	min-height: 17.6rem;
	background-color: #fff;
	margin: 0 2.4rem;
	border-radius: 1rem;
	padding: 3rem 2rem 2rem;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
}
.m-pop .pop-inner .top {margin-bottom: 3rem;}
.m-pop .pop-inner .top p{font-size: 1.4rem; margin-top: 1rem; color: #838383;}
.m-pop .pop-inner .full-btn{border-radius: 0.6rem;}
.pop-flex{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.m-pop .pop-inner.pop-join .top {margin-bottom: 0.6rem;}
.m-pop .pop-inner.pop-join{text-align: left; justify-content: start;}
.pop-join .full-table tr th, .pop-join .full-table tr td {border-bottom: 0.1rem solid #eeeeee; padding: 2.4rem 0 1.8rem;}

.m-pop.ing .m-table tr:first-child th {padding-top: 1.2rem;}
.m-pop.ing .m-table tr th {padding-top: 2.4rem;}
.m-pop.ing .pop-inner .close-btn {
	width: 1.8rem;
	height: 1.8rem;
	background: url(/images/close.svg) center no-repeat;
	background-size: 1.8rem;
	position: absolute;
	top: 2rem;
	right: 2rem;
	margin: 0;
}

@keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-moz-keyframes fadein { /* Firefox */
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-o-keyframes fadein { /* Opera */
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-moz-keyframes fadein { /* Firefox */
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-o-keyframes fadein { /* Opera */
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@-moz-keyframes fadeOut { /* Firefox */
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@-webkit-keyframes fadeOut { /* Safari and Chrome */
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@-o-keyframes fadeOut { /* Opera */
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	to {
		opacity: 1;
		transform: translateZ(0);
	}
}

@media (max-width: 320px) {
	html {font-size: 8px;}
}

@keyframes pulse {
	0%,
	100% {
		transform: scale(0);
	}

	50% {
		transform: scale(1.5);
	}
}




/*******************************************************************************************************************/
/* DB 손해보험 */
#db .full-btn {background-color: #0f923c;}
#db .cancel{background-color:#bbbbbb;}
.btn-wrapper {display: flex; align-items: center;}
.btn-wrapper button {width: 50%; height: 5rem; color: #fff; font-size: 1.4rem; font-weight: 600;}

#db .intro .tag {
	background: url('/images/logo_db.png') center no-repeat;
	background-size: 8rem;
	width: 8rem;
	height: 3.4rem;
	display: inline-block;
}
#db .intro {background: url(/images/db_bg.png) right -1rem bottom 10% no-repeat; background-size: 100%;}
#db .intro .g-market {margin: 1.6rem 0 0;}
#db .intro .m-title {font-size: 1.5rem; font-weight: 200; margin: 0.6rem 0 0;}
#db .m-table th {
	font-size: 1.3rem;
	letter-spacing: -0.05rem;
	color: #838383;
	padding: 2.4rem 0 0.4rem;
}
#db .ex .logo {
	width: 10rem;
	height: 3.4rem;
	background: url(/images/logo_db.png) center no-repeat;
	background-size: 8rem;
	display: inline-flex;
}

#db .no-shadow {box-shadow: none;}
#db input[type=checkbox] + label .txt-green {font-size: 1.2rem; margin-left: 0.6rem;}
#db input[type=checkbox]:checked + label::before {
	position: absolute;
	left: 0;
	content: '';
	display: inline-block;
	width: 2.2rem;
	height: 2.2rem;
	background: url(/images/icon_check_db_on.svg) left center no-repeat;
	background-size: 2.2rem;
}

#db input[name=all]:checked + label::before {background: url(/images/all_check_db_on.svg) left center no-repeat; background-size: 2.2rem;}

#db .agree .agree-btn.on {background: #fff url(/images/all_check_db_on.svg) left 1.4rem center no-repeat; color: #0f923c;}
#db .number-table .select-line:focus {border: 0.1rem solid #0f923c;}
#db .sort-pop.on .radio-list-box .list input[type="radio"]:checked + label::before{background: url('/images/icon_radio_db_on.svg') center no-repeat;}

#db .content .ok {background: url(/images/icon_ok_db.svg) top center no-repeat; background-size: 6rem; margin-top: 7rem;}
#db  .content .img {
	position: absolute;
	top: -2.5rem;
	left: 2rem;
	z-index: 1;
	background: url(/images/logo_db_c.png) center no-repeat;
	width: 5rem;
	height: 5rem;
	background-size: 5rem;
	border-radius: 50%;
}
#db .dot-pulse {
	--uib-size: 40px;
	--uib-speed: 1.3s;
	--uib-color: #0f923c;

	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: var(--uib-size);
	height: calc(var(--uib-size) * 0.27);
}
#db .number-table input:focus{border:0.1rem solid #0f923c;}
#db .padding-box .title .txt-orange {font-size: 1.4rem; font-weight: 700;}
#db .padding-box .title .txt-green {margin-top: 0.4rem;}


/*******************************************************************************************************************/
/* 현대해상 */
#hd .full-btn {background-color: #ea7404;}
#hd .cancel{background-color:#bbbbbb;}
.btn-wrapper {display: flex; align-items: center;}
.btn-wrapper button {width: 50%; height: 5rem; color: #fff; font-size: 1.4rem; font-weight: 600;}

#hd .intro .tag {
	background: url('/images/logo_hd.png') center no-repeat;
	background-size: 9.2rem;
	width: 9.2rem;
	height: 3.4rem;
	display: inline-block;
}
#hd .intro {background: url(/images/hd_bg.png) right -1rem bottom 0 no-repeat; background-size: 100%;}
#hd .intro .g-market {margin: 1rem 0 0;}
#hd .intro .m-title {font-size: 1.5rem; font-weight: 200; margin: 0;}
#hd .m-table th {
	font-size: 1.3rem;
	letter-spacing: -0.05rem;
	color: #838383;
	padding: 2.4rem 0 0.4rem;
}
#hd .ex .logo {
	width: 9.2rem;
	height: 3.4rem;
	background: url(/images/logo_hd.png) center no-repeat;
	background-size: 9.2rem;
	display: inline-flex;
}

#hd .no-shadow {box-shadow: none;}
#hd input[type=checkbox] + label .txt-orange {font-size: 1.2rem; margin-left: 0.6rem;}
#hd input[type=checkbox]:checked + label::before {
	position: absolute;
	left: 0;
	content: '';
	display: inline-block;
	width: 2.2rem;
	height: 2.2rem;
	background: url(/images/icon_check_hd_on.svg) left center no-repeat;
	background-size: 2.2rem;
}

#hd input[name=all]:checked + label::before {background: url(/images/all_check_hd_on.svg) left center no-repeat; background-size: 2.2rem;}

#hd .agree .agree-btn.on {background: #fff url(/images/all_check_hd_on.svg) left 1.4rem center no-repeat; color: #ea7404;}
#hd .number-table .select-line:focus {border: 0.1rem solid #ea7404;}
#hd .sort-pop.on .radio-list-box .list input[type="radio"]:checked + label::before{background: url('/images/icon_radio_hd_on.svg') center no-repeat;}

#hd .content .radio-list-box {display: flex; align-items: center; flex-wrap: wrap}
#hd .content .radio-list-box input[type="radio"] {position: absolute; margin: 0; top: 0.4rem; left: 0.4rem; width: auto; z-index: -1;}
#hd .content .radio-list-box .list{width: 50%; position: relative;}
#hd .content .radio-list-box .list:first-child{padding-top: 0;}
#hd .content .radio-list-box .list:nth-child(2){padding-top: 0;}
#hd .content .radio-list-box .list input[type="radio"] + label {
	display: flex;
	align-items: center;
	font-size: 1.4rem;
}
#hd .content .radio-list-box .list input[type="radio"] + label::before{
	width: 2.2rem;
	height: 2.2rem;
	content: '';
	display: inline-flex;
	background: url('/images/icon_radio_off.svg') center no-repeat;
	background-size: 2.2rem;
	margin-right: 1rem;
}
#hd .content .radio-list-box .list input[type="radio"]:checked + label{font-weight: 700;}
#hd .content .radio-list-box .list input[type="radio"]:checked + label::before{background: url('/images/icon_radio_hd_on.svg') center no-repeat;}


#hd .content .ok {background: url(/images/icon_ok_hd.svg) top center no-repeat; background-size: 6rem; margin-top: 7rem;}
#hd .content .img {
	position: absolute;
	top: -2.5rem;
	left: 2rem;
	z-index: 1;
	background: url(/images/logo_hd_c.png) center no-repeat;
	width: 5rem;
	height: 5rem;
	background-size: 5rem;
	border-radius: 50%;
}
#hd .dot-pulse {
	--uib-size: 40px;
	--uib-speed: 1.3s;
	--uib-color: #ea7404;

	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: var(--uib-size);
	height: calc(var(--uib-size) * 0.27);
}
#hd .number-table input:focus{border:0.1rem solid #ea7404;}

#hd .white-box {padding: 3rem 2.4rem; min-height: 26rem; color: #666666; background-color: #FFFFFF;}
#hd .white-box h6 {font-size: 1.4rem; margin-bottom: 1.2rem;}
#hd .white-box .list {font-size: 1.3rem; letter-spacing: -0.03rem; margin-bottom: 0.6rem;}
#hd .white-box .list:last-child {margin-bottom: 0;}


/*******************************************************************************************************************/
/* kb손해보험 */
#kb .full-btn {background-color: #fcaf17;}
#kb .cancel{background-color:#bbbbbb;}
#kb .btn-wrapper {display: flex; align-items: center;}
#kb .btn-wrapper button {width: 100%; height: 5rem; color: #fff; font-size: 1.4rem; font-weight: 600;}

#kb .intro .tag {
	background: url('/images/logo_kb.png') center no-repeat;
	background-size: 9.2rem;
	width: 9.2rem;
	height: 3.4rem;
	display: inline-block;
}
#kb .intro {background: url(/images/kb_bg.png) right -1rem bottom 0 no-repeat; background-size: 100%;}
#kb .intro .g-market {margin: 1rem 0 0;}
#kb .intro .m-title {font-size: 1.5rem; font-weight: 200; margin: 0;}
#kb .m-table th {
	font-size: 1.3rem;
	letter-spacing: -0.05rem;
	color: #838383;
	padding: 2.4rem 0 0.4rem;
}
#kb .ex .logo {
	width: 9.2rem;
	height: 3.4rem;
	background: url(/images/logo_kb.png) center no-repeat;
	background-size: 9.2rem;
	display: inline-flex;
}

#kb .no-shadow {box-shadow: none;}
#kb input[type=checkbox] + label .txt-yellow {font-size: 1.2rem; margin-left: 0.6rem;}
#kb input[type=checkbox]:checked + label::before {
	position: absolute;
	left: 0;
	content: '';
	display: inline-block;
	width: 2.2rem;
	height: 2.2rem;
	background: url(/images/icon_check_kb_on.svg) left center no-repeat;
	background-size: 2.2rem;
}

#kb input[name=all]:checked + label::before {background: url(/images/all_check_kb_on.svg) left center no-repeat; background-size: 2.2rem;}
#kb #drvMeathod {
	border: none;
	margin: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
	opacity: 0;
	letter-spacing: 0;
	background: none;
	vertical-align: middle;
	-webkit-appearance: none;
}
#kb #drvMeathod + label {display: flex; align-items: center; font-size: 1.4rem;}
#kb #drvMeathod + label::before {
	width: 2.2rem;
	height: 2.2rem;
	content: '';
	display: inline-flex;
	background: url(/images/icon_radio_off.svg) center no-repeat;
	background-size: 2.2rem;
	margin-right: 1rem;
}
#kb #drvMeathod:checked + label {font-weight: 700;}
#kb #drvMeathod:checked + label::before {background: url(/images/icon_radio_kb_on.svg) left center no-repeat;}
#kb .agree .agree-btn.on {background: #fff url(/images/all_check_kb_on.svg) left 1.4rem center no-repeat; color: #fbae16;}
#kb .number-table .select-line:focus {border: 0.1rem solid #fbae16;}
#kb .sort-pop.on .radio-list-box .list input[type="radio"]:checked + label::before{background: url('/images/icon_radio_kb_on.svg') center no-repeat;}

/*#kb .wrapper .content #drvMeathod input[type="radio"]:checked + label::before{background: url('/images/icon_radio_kb_on.svg') center no-repeat;}*/



#kb .content .radio-list-box {display: flex; align-items: center; flex-wrap: wrap}
#kb .content .radio-list-box input[type="radio"] {position: absolute; margin: 0; top: 0.4rem; left: 0.4rem; width: auto; z-index: -1;}
#kb .content .radio-list-box .list{width: 50%; position: relative;}
#kb .content .radio-list-box .list:first-child{padding-top: 0;}
#kb .content .radio-list-box .list:nth-child(2){padding-top: 0;}
#kb .content .radio-list-box .list input[type="radio"] + label {
	display: flex;
	align-items: center;
	font-size: 1.4rem;
}
#kb .content .radio-list-box .list input[type="radio"] + label::before{
	width: 2.2rem;
	height: 2.2rem;
	content: '';
	display: inline-flex;
	background: url('/images/icon_radio_off.svg') center no-repeat;
	background-size: 2.2rem;
	margin-right: 1rem;
}
#kb .content .radio-list-box .list input[type="radio"]:checked + label{font-weight: 700;}
#kb .content .radio-list-box .list input[type="radio"]:checked + label::before{background: url('/images/icon_radio_kb_on.svg') center no-repeat;}


#kb .content .ok {background: url(/images/icon_ok_kb.svg) top center no-repeat; background-size: 6rem; margin-top: 7rem;}
#kb .content .img {
	position: absolute;
	top: -2.5rem;
	left: 2rem;
	z-index: 1;
	background: url(/images/logo_kb_c.png) center no-repeat;
	width: 5rem;
	height: 5rem;
	background-size: 5rem;
	border-radius: 50%;
}
#kb .dot-pulse {
	--uib-size: 40px;
	--uib-speed: 1.3s;
	--uib-color: #fbae16;

	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: var(--uib-size);
	height: calc(var(--uib-size) * 0.27);
}
#kb .number-table input:focus{border:0.1rem solid #fbae16;}

#kb .white-box {padding: 3rem 2.4rem; min-height: 26rem; color: #666666; background-color: #FFFFFF;}
#kb .white-box h6 {font-size: 1.4rem; margin-bottom: 1.2rem;}
#kb .white-box .list {font-size: 1.3rem; letter-spacing: -0.03rem; margin-bottom: 0.6rem;}
#kb .white-box .list:last-child {margin-bottom: 0;}

/* 홈버튼 공통 색상 적용 23.11.08 */
.home-btn {background-color: #000000;}