@charset "utf-8";

@import url('app.css');
@import url('common.css');
@import url('content01.css');
@import url('content02.css');
@import url('main.css');
/* s: R20250625_0031_tf상품안내리뉴얼 추가 */
@import url('base/pretendard.css');




/*
@import url('jeon.css');
@import url('lim.css');
@import url('kim.css');
@import url('ios9.css');
*/

/* s: 상품설명서공통라인_2503 */
.topTxt.fcColor  {
    font-size: 1.5rem;
    text-align: left;
}
.topTxt.fcColor strong {
    color:inherit;
    font-weight: bold;
    display: inline;
}
.toggleWrap .tabBox.open .toggleDetail.newlist strong {
    display: inline;
}

/* e: 상품설명서공통라인_2503 */

/* s: R20250421_0076_네이버특약 */
.inputWrap.flex_wrap {
	display: flex;
	align-items: center;
}
.inputWrap.flex_wrap input {
	flex: 1;
	width: calc(100% - 100px);
	padding: 5px 15px;
	height: 43px;
}
.inputWrap.flex_wrap .btn {
	width: 100px;
	margin-top: 0;
}
/* R20250421_0076_네이버특약_2 */
.error_msg {
	position: relative;
	padding-right: 10px;
	padding-top: 10px;
	font-size: 13px;
	line-height: 1.5em;
	letter-spacing: -0.04em;

	padding-left: 20px;
}
.error_msg:after {
	content: '';
	position: absolute;
	left: 0;
	top: 12px;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_415_252)'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='7.5' stroke='%23FF2D55'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.31445 3.7168H8.68555L8.58008 9.35156H8H7.41992L7.31445 3.7168ZM8.00007 12.2832C7.54304 12.2773 7.16218 11.9082 7.16804 11.4512C7.16218 10.9941 7.54304 10.6191 8.00007 10.6191C8.45124 10.6191 8.82624 10.9941 8.8321 11.4512C8.82624 11.9082 8.45124 12.2773 8.00007 12.2832Z' fill='%23FF2D55'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_415_252'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.btn_naver {
	border: 1px solid #000;
	width: 100%;
	border: 1px solid #ccc;
	background: #fff;
	color: #2db400;
	padding: 5px 0;
	font-weight: 500;
	margin-top: 1rem;
}
/* s: R20250526_0060_앱카드결제  */
.agreeBox.noBg {
	border: 0;
	padding: 1rem 0;
	padding-left: 0;
	margin-bottom: 0;
	background: transparent;
}
.agreeBox.noBg p {
	margin-top: 0;
	border-top: 0;
	padding-top: 0;
}
.agreeBox.noBg p input {
	top: 0;
}
/* es: R20250526_0060_앱카드결제  */

/* s: R20250711_0043_loading */
.car_loadingWrap {
	background: #fff;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 20;
	color: #555555;
	font-size: 15px;
	left: 0;
	top: 0;
}
.car_loadingWrap .ldItem {
	position: absolute;
	left: 50%;
	top: 20%;
	transform: translateX(-50%);
}
.car_loadingWrap .ldItem .img_car {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.car_loadingWrap .img_car {
	top: 30px;
	width: 200px;
	height: 105px;
	background: url(../images/new/common/loading_car.png) no-repeat 0 0;
	background-size: contain;
}
.car_loadingWrap .img_text1 {
	top: 170px;
	width: 259px;
	height: 47px;
	background: url(../images/new/common/loading_t1.png) no-repeat 0 0;
}
.car_loadingWrap .img_text2 {
	top: 180px;
	width: 240px;
	height: 48px;
	background: url(../images/new/common/loading_t2.png) no-repeat 0 0;
}
.car_loadingWrap .img_text3 {
	top: 207px;
	width: 218px;
	height: 34px;
	background: url(../images/new/common/loading_t3.png) no-repeat 0 0;
}
.car_loadingWrap .img_text4 {
	top: 210px;
	width: 359px;
	height: 31px;
	background: url(../images/new/common/loading_t4.png) no-repeat 0 0;
}

.car_loadingWrap .ani_wrap {
	text-align: center;
}
.car_loadingWrap .ani_wrap .ani {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
	animation-timing-function: ease-in-out;
	position: relative;
}

.car_loadingWrap .ani_wrap .img_text1 {
	animation-name: fade_text1;
}
.car_loadingWrap .ani_wrap .img_text2 {
	animation-name: fade_text2;
	animation-timing-function: ease-in-out;
}
.car_loadingWrap .ani_wrap .img_text3 {
	animation-name: fade_text3;
	animation-timing-function: ease-in-out;
}
.car_loadingWrap .ani_wrap .img_text4 {
	animation-name: fade_text4;
}

@keyframes fade_text1 {
	0%,
	9% {
		opacity: 1;
	}
	10%,
	79% {
		opacity: 1;
	}
	80%,
	100% {
		opacity: 1;
	}
}
@keyframes fade_text2 {
	0%,
	5% {
		opacity: 0;
	}
	15%,
	79% {
		opacity: 1;
	}
	80%,
	100% {
		opacity: 0;
	}
}
@keyframes fade_text3 {
	0%,
	10% {
		opacity: 0;
	}
	25%,
	79% {
		opacity: 1;
	}
	80%,
	100% {
		opacity: 0;
	}
}
@keyframes fade_text4 {
	0%,
	15% {
		opacity: 0;
	}
	35%,
	79% {
		opacity: 1;
	}
	80%,
	100% {
		opacity: 0;
	}
}

/* e: R20250711_0043_loading */

/* s : 대중교통이용할인특약 */
.formIntext.inputWrap {
	background: #fff;
	width: calc(100% - 32px);
	padding: 7px 15px 10px 15px;
	border: 1px solid #e0e0e0;
}
.formIntext.inputWrap + .formIntext {
	border-top: 0;
}
.formIntext.inputWrap .stit {
	font-size: 11px;
	color: #707070;
}
.formIntext.inputWrap .svalue {
	font-size: 1.4rem;
}
.inputWrap + .inputWrap {
	border-top: 0;
}
.inputWrap.selectText select {
	color: #282828;
	font-size: 14px;
}
.inputWrap.selectText select:invalid {
	color: #86807b;
	font-size: 11px;
}

.inputWrap.selectText select:valid {
	color: #282828;
}
/* e : 대중교통이용할인특약 */

/* s: R20250702_0126_메인이동공통팝업 */
.layerPopup.commonStyle > div.layerWrap {
	border-radius: 24px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding-bottom: 16px;
	max-height: unset !important;
}
.layerPopup.commonStyle > div.layerWrap h2 {
	color: #1f1f21;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
	border-bottom: 0;
	padding: 0;
	margin: 0;
	background: #fff;
}
.layerPopup.commonStyle > div.layerWrap h2 .point_color {
	font-weight: bold;
	color: #ee5a00;
	font-size: inherit;
}
.layerPopup.commonStyle > div.layerWrap .tomain_wrap {
	padding: 45px 16px 20px 16px;
}
.layerPopup.commonStyle .layerWrap .layerClose {
	top: 11px;
	right: 20px;
	background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.78'%3E%3Cg filter='url(%23filter0_b_142_14154)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z' fill='%23EFEFF1'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.6256 10.6256C21.1531 10.1531 20.387 10.1532 19.9144 10.6257L15.9235 14.6167L12.0089 10.7021C11.5364 10.2296 10.7703 10.2297 10.2978 10.7022C9.82521 11.1748 9.82514 11.9409 10.2976 12.4134L14.2122 16.328L10.2212 20.3189C9.74869 20.7915 9.74863 21.5576 10.2211 22.0301C10.6936 22.5025 11.4597 22.5025 11.9322 22.0299L15.9232 18.039L19.8378 21.9535C20.3103 22.426 21.0764 22.426 21.5489 21.9534C22.0215 21.4808 22.0215 20.7147 21.5491 20.2423L17.6345 16.3277L21.6254 12.3367C22.098 11.8642 22.0981 11.0981 21.6256 10.6256Z' fill='%23777779'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_b_142_14154' x='-54.3656' y='-54.3656' width='140.731' height='140.731' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='27.1828'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_142_14154'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_142_14154' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A")
		no-repeat center center;
	width: 32px;
	height: 32px;
}
.layerPopup.commonStyle .layerWrap .tomain_wrap .box_area {
	margin-top: 20px;
	border-radius: 10px;
	background: #f3f9ff;
	padding: 20px;
}

.layerPopup.commonStyle .layerWrap .tomain_wrap .box_area .t1 {
	color: #1f1f21;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.layerPopup.commonStyle .layerWrap .tomain_wrap .box_area .t1 {
	color: #1f1f21;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.layerPopup.commonStyle .layerWrap .tomain_wrap .box_area .app_icon {
	text-indent: -9999px;
	border: 1px solid #e7e7e7;
	position: relative;
	background-color: #fff;
	border-radius: 20px;
	margin: 15px auto;
	width: 100px;
	height: 100px;
}
.layerPopup.commonStyle .layerWrap .tomain_wrap .box_area .app_icon::after {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: url(../images/common/appIcon_logo.png) no-repeat center center;
	width: 75px;
	height: 75px;
	background-size: contain;
}
.layerPopup.commonStyle .layerWrap .tomain_wrap .box_area .btn_down {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	border: 1px solid #028ced;
	border-radius: 5px;
	height: 40px;
	color: #028ced;
	font-weight: bold;
}
.layerPopup.commonStyle .layerWrap .tomain_wrap .box_area .btn_down .ic_arr {
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/common/arr_appDown.png) no-repeat 0 0;
	background-size: 95% auto;
	margin-left: 5px;
}
.layerPopup.commonStyle .layerWrap .layerBtn {
	display: flex;
	min-height: 58px;
	width: calc(100% - 32px);
	padding: 0 16px;
	position: relative;
}
.layerPopup.commonStyle .layerWrap .layerBtn a {
	padding: 17px 24px;
	font-size: 16px;
	line-height: 22px;
	border-radius: 16px;
	padding-left: 10px;
	padding-right: 10px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.layerPopup.commonStyle .layerWrap .layerBtn a:first-child {
	margin-right: 8px;
}

.new_direct .modal.commonStyle .modal_content .modal_body .wrapper {
	border-radius: 24px;
	padding: 0 16px 20px;
}
.new_direct .modal.commonStyle .modal_footer.fix {
	padding: 0 16px 16px 16px;
}
.new_direct .modal.commonStyle .modal_footer.fix:before {
	backdrop-filter: unset;
	border-radius: 24px;
	background: none;
}

.new_direct .modal.commonStyle .btn_modal_close {
	background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.78'%3E%3Cg filter='url(%23filter0_b_142_14154)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z' fill='%23EFEFF1'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.6256 10.6256C21.1531 10.1531 20.387 10.1532 19.9144 10.6257L15.9235 14.6167L12.0089 10.7021C11.5364 10.2296 10.7703 10.2297 10.2978 10.7022C9.82521 11.1748 9.82514 11.9409 10.2976 12.4134L14.2122 16.328L10.2212 20.3189C9.74869 20.7915 9.74863 21.5576 10.2211 22.0301C10.6936 22.5025 11.4597 22.5025 11.9322 22.0299L15.9232 18.039L19.8378 21.9535C20.3103 22.426 21.0764 22.426 21.5489 21.9534C22.0215 21.4808 22.0215 20.7147 21.5491 20.2423L17.6345 16.3277L21.6254 12.3367C22.098 11.8642 22.0981 11.0981 21.6256 10.6256Z' fill='%23777779'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_b_142_14154' x='-54.3656' y='-54.3656' width='140.731' height='140.731' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='27.1828'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_142_14154'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_142_14154' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A")
		no-repeat center center;
	width: 32px;
	height: 32px;
}
.new_direct .modal.commonStyle .tomain_wrap {
	padding-top: 45px;
}
.new_direct .modal.commonStyle .tomain_wrap h2 {
	color: #1f1f21;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
}
.new_direct .modal.commonStyle .tomain_wrap .box_area {
	margin-top: 20px;
	border-radius: 10px;
	background: #f3f9ff;
	padding: 20px;
}
.new_direct .modal.commonStyle .tomain_wrap .box_area .t1 {
	color: #1f1f21;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.new_direct .modal.commonStyle .tomain_wrap .box_area .app_icon {
	text-indent: -9999px;
	border: 1px solid #e7e7e7;
	position: relative;
	background-color: #fff;
	border-radius: 20px;
	margin: 15px auto;
	width: 100px;
	height: 100px;
}
.new_direct .modal.commonStyle .tomain_wrap .box_area .app_icon::after {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: url(../images/common/appIcon_logo.png) no-repeat center center;
	width: 75px;
	height: 75px;
	background-size: contain;
}
.new_direct .modal.commonStyle .tomain_wrap .box_area .btn_down {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	border: 1px solid #028ced;
	border-radius: 5px;
	height: 40px;
	color: #028ced;
	font-weight: bold;
}
.new_direct .modal.commonStyle .tomain_wrap .box_area .btn_down .ic_arr {
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/common/arr_appDown.png) no-repeat 0 0;
	background-size: 95% auto;
	margin-left: 5px;
}
/* e: R20250702_0126_메인이동공통팝업 */


/* s: R20250813_0125_토스트팝업 */
.openEventShowHide {
	/* position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	outline: 0;
	z-index: 8010;
	display: block; */
}
.openEventShowHide .bannerImgWrap {
	position: fixed;
	width: 100%;
	/* height: auto;
	min-height: 100%; */
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
	bottom: 0;
    z-index: 8010;
}
.openEventShowHide .bannerImg {
	position: relative;
	width: 100%;
}
.openEventShowHide .bannerImg img {
	vertical-align: top;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 100%;
	border-radius: 24px 24px 0 0;
}
.openEventShowHide .bannerImgWrap .btn {
	display: block;
	position: absolute;
	z-index: 20;
}
.openEventShowHide .bannerImgWrap .btn.down {
	width: 22px;
	height: 22px;
	right: 10px;
	top: -25px;
	padding: 0;
	margin-top: 0;
	top: -25px;
	background: #fff url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 10L12 16L18 10' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center;
	border-radius: 100%;
	background-size: contain;
	border-radius: 24px;
	border: 1px solid #ccc;
}

.openEventShowHide .bannerImg .btn.open {
	display: none;
	right: 0;
	bottom: -10px;
	width: 100%;

	background: #fff;
	border-radius: 10px 10px 0 0;
	height: 46px;
	position: relative;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}
.openEventShowHide .bannerImg .btn.open::after {
	display: block;
	content: '';
	position: absolute;
	right: 10px;
	bottom: 17px;
	border-radius: 100%;
	border: 1px solid #ccc;
	border-radius: 100%;
	width: 20px;
	height: 20px;
	background: #fff url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 14L12 8L18 14' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center;
	background-size: contain;
}

/* e: R20250813_0125_토스트팝업 */

/* s: 251218_자동차보험 */
.banner_band,
.new_direct .banner_band {
	background: #4458f5;
	border-radius: 10px;
	height: 50px;
	position: relative;
	margin-bottom: 20px;
}
.new_direct .banner_band {
	margin-bottom: 40px;
}
.banner_band::before,
.new_direct .banner_band::before {
	display: block;
	content: '';
	background: url(../images/motor/ic_import.png) no-repeat 0 0;
	width: 30px;
	height: 30px;
	background-size: cover;
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
}
.banner_band::after,
.new_direct .banner_band::after {
	display: block;
	content: '';
	background: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 8.5L14.5 13L10 17.5' stroke='%23ffffff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
	background-size: 100% 100%;
	width: 30px;
	height: 30px;
	background-size: cover;
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
}
.banner_band a,
.new_direct .banner_band a {
	display: flex;
	align-items: center;
	gap: 8px;
	width: calc(100% - 40px);
	height: 100%;
	color: #fff;
	padding-left: 40px;
	font-size: 14px;  
	font-weight: bold; 
}
.banner_band a .dday,
.new_direct .banner_band a .dday {
	color: #ffe077;
}
/* e: 251218_자동차보험 */