@charset "UTF-8";


/* Base */
@import url(./base/new_reset.css);
@import url(./base/new_noto-sans.css);
@import url(./base/new_magic.css);

/* Layout */
@import url(./layout/new_layout.css);
@import url(./layout/new_sidebar.css);

/* Module */
@import url(./layout/new_module.css);

/* Contents */
@import url(./layout/new_content.css);
@import url(./layout/new_work.css);

/* 휴대폰인증 동의 변경 2402 */
.new_direct [data-category="terms"] .terms_area input[type=radio] + label:before{/*width:23px; height:23px;*/ width:25px; height:25px;} /* 2024웹접근성_추가240719 */
.new_direct [data-category="terms"] .terms_area input[type=radio] + label{padding:2px 0 0 28px;}
.new_direct [data-category="terms"] .terms_area .terms_section{padding:0;}
.new_direct [data-category="terms"] .terms_area .comp{width:calc(100% - 35px);}
.new_direct [data-category="terms"] .terms_area .terms_intro{margin:0 auto 20px; padding:10px 15px; color:#000; font-size:13px; line-height:25px; background:#e8f2ff; border-radius:10px;}
.new_direct [data-category="terms"] .terms_area .agree_item{display:flex; justify-content:space-between; padding:0 0 10px;}
.new_direct [data-category="terms"] .terms_area .agree_item span{width:100%; font-size:16px;color:#000;}
.new_direct [data-category="terms"] .terms_list:not(:first-of-type){margin:20px 0 0;}
.new_direct [data-category="terms"] .terms_list > ul > li {position:relative; letter-spacing:-0.04em;}
.new_direct [data-category="terms"] .terms_list > ul > li:not(:first-child){margin-top:15px;}
.new_direct [data-category="terms"] .terms_list > ul .radio_set{display:flex; justify-content:flex-end; margin-right:20px;}
.new_direct [data-category="terms"] .terms_list > ul .radio_set .radio_box{margin:0 10px 0 0;}
.new_direct [data-category="terms"] .terms_list .radio_title{position:absolute; margin:0 0 5px; font-size:13.5px;}
.new_direct [data-category="terms"] .terms_area .btn_search{position: absolute; top: 0; right: 0; width:16px; height: 24px; background: 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='M10 8L14.5 12.5L10 17' stroke='%23909090' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;}

/* s: R20241108_0122_주번뒷자리UI */
.new_direct .form_item .form_wrap.pinmask_area {
  width: 8% !important;
  float: left !important;
  margin-left: 8%;
  position: relative;
}
.new_direct .form_item .form_wrap.pinmask_area input {
  background: #fad8be;
}
.new_direct .form_item .form_wrap.pinmask_area::before {
  display: block;
  content: '●●●●●●';
  padding-left: 10px;
  color: #f18d00;
  font-size: 14px;
  letter-spacing: 8px;
  position: absolute;
  left: 130%;
  top: 15px;
}
.new_direct .form_item .form_wrap.pinmask_area::after {
  background-color: #dfdfe1 !important;
}
.new_direct .item_title_wrap.flex-right {
  justify-content: flex-end;
  margin-top: -15px;
}
.new_direct .pos-r-pr {
  position: relative;
  padding-right: 25px;
}
.new_direct .pos-r-pr span {
  font-size: initial;
  color: initial;
}
/* e: R20241108_0122_주번뒷자리UI*/

/* s: 리뉴얼 팝업 스타일 추가 */
.layerPopup.renewalPopWrap .popWrap,
.layerPopup.renewalPopWrap .popContent {
	background: #fff;
}
.layerPopup.renewalPopWrap .popWrap > header {
	border-bottom: 0;
}
.layerPopup.renewalPopWrap .popWrap > header > h1 {
	text-align: left;
	font-weight: 500;
	font-size: 15px;
	line-height: 21px;
	letter-spacing: -0.04em;
	color: #1f1f21;
	padding: 5px 20px;
}
.layerPopup.renewalPopWrap .popWrap > button {
	top: 11px;
	right: 20px;
	background: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 8L16 12M8 20L14 14' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 8L20 20' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center;
	width: 28px;
	height: 28px;
}
.layerPopup.renewalPopWrap .popWrap > button:after {
	width: 36px;
	height: 36px;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.layerPopup.renewalPopWrap .btnWrap {
	padding: 0 20px 34px 20px;
	box-sizing: border-box;
	background: #fff;
}
.layerPopup.renewalPopWrap .btnWrap a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 17px 24px;
	font-size: 16px;
	line-height: 22px;
	border-radius: 16px;
	font-weight: 700;
	box-sizing: border-box;
}
.layerPopup.renewalPopWrap .section {
	padding-top: 0;
	box-sizing: border-box;
	position: relative;
	width: 100%;
}
.layerPopup.renewalPopWrap .section .comp {
	margin: 24px auto 0;
	width: calc(100% - 40px);
}
.layerPopup.renewalPopWrap .section .comp p {
	color: #555557;
	font-size: 15px;
	font-weight: 400;
}
.layerPopup.renewalPopWrap .section .governing {
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 40px;
	border-radius: 0;
	color: #555557;
}
.layerPopup.renewalPopWrap .governing .governing_title {
	font-weight: 700;
	font-size: 22px;
	line-height: 1.5em;
	letter-spacing: -0.02em;
	color: #1f1f21;
	word-break: break-all;
}
.layerPopup.renewalPopWrap .title_area {
	margin-top: 32px;
	margin-bottom: 24px;
}
.layerPopup.renewalPopWrap .title_area .h3 {
	color: #1f1f21;
	font-size: 17px;
	line-height: 23px;
	letter-spacing: -0.02em;
	font-weight: 700;
}
.layerPopup.renewalPopWrap .h4 {
	color: #3f3f41;
	font-weight: 500;
	font-size: 15px;
	line-height: 21px;
	letter-spacing: -0.04em;
}
.layerPopup.renewalPopWrap .h4 + ul {
	margin-top: 8px;
}
.layerPopup.renewalPopWrap .uol_list ul + .h4 {
	margin-top: 24px;
}
.layerPopup.renewalPopWrap .uol_list ul > li {
	position: relative;
	padding-left: 10px;
	color: #3f3f41;
	word-break: break-all;
	font-size: 14px;
}

.layerPopup.renewalPopWrap .uol_list ul > li:before {
	content: '';
	position: absolute;
	left: 1px;
	top: 10px;
	width: 2px;
	height: 2px;
	background-color: #909090;
	border-radius: 50%;
}
.layerPopup.renewalPopWrap .bul_imp {
	position: relative;
	padding-left: 8px;
}

.layerPopup.renewalPopWrap .bul_imp:before {
	position: absolute;
	content: '*';
	top: 0;
	left: 0;
	font-size: initial;
}
.layerPopup.renewalPopWrap .section.bottom_fix {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding-bottom: 24px;
}

.layerPopup.renewalPopWrap .accordion .fold_header {
	background: #fff;
}

.layerPopup.renewalPopWrap .accordion .fold_header a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	padding: 20px 0;
}
.layerPopup.renewalPopWrap .accordion {
	border-top: 12px solid #f9f9fb;
	margin-left: -20px;
	margin-right: -20px;
	margin-top: 32px;
}
.layerPopup.renewalPopWrap .accordion .fold_header {
	position: relative;
}
.layerPopup.renewalPopWrap .accordion .fold_header a {
	padding: 24px 20px;
}
.layerPopup.renewalPopWrap .accordion .item .fold_header a {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.layerPopup.renewalPopWrap .accordion .item .fold_header .title {
	position: relative;
	font-size: 15px;
	line-height: 20px;
	width: calc(100% - 30px);
}

.layerPopup.renewalPopWrap .accordion .item .fold_header .title strong {
	color: #000;
	font-weight: 500;
	vertical-align: middle;
	word-break: break-word;
}

.layerPopup.renewalPopWrap .accordion .item .fold_header .title span {
	color: #1f1f21;
	word-break: break-word;
	text-align: right;
}

.layerPopup.renewalPopWrap .accordion .item .fold_header .icon_angle {
	content: '';
	position: absolute;
	width: 28px;
	height: 28px;
	background-position: 50% 50%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	top: 20px;
	right: 20px;
	background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 11.6666L14 18.6666L21 11.6666' stroke='%23767678' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	-webkit-transform: rotate(0);
	transform: rotate(0);
}

.layerPopup.renewalPopWrap .accordion .item .fold_header .icon_angle span {
	position: absolute;
	display: inline-block;
	font-size: 1px;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	visibility: hidden;
	overflow: hidden;
	border: 0;
	clip: rect(0, 0, 0, 0);
}

.layerPopup.renewalPopWrap .accordion .item .fold_body {
	display: none;
	padding: 20px 20px;
	border-top: 1px solid #dfdfe1;
}
.layerPopup.renewalPopWrap .accordion.open .item .fold_body {
	display: block;
}
.layerPopup.renewalPopWrap .accordion .item:first-child {
	border-top: none;
}

.layerPopup.renewalPopWrap .accordion.open .item .fold_header a .icon_angle {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.layerPopup.renewalPopWrap .accordion + .accordion {
	border-top: 0;
}
.layerPopup.renewalPopWrap .accordion .fold_body.uol_list ul li {
	font-weight: 400;
	font-size: 13px;
	line-height: 1.5em;
	letter-spacing: -0.02em;
	color: #555557;
}
/* e: 리뉴얼 팝업 스타일 추가 */

/* s: 해외여행상품설명서_2503 */
.new_direct .prinfo_text {
  font-size: 14px;
  padding-left: 10px;
  text-indent: -10px !important;
}
.new_direct .prinfo_text2 {
  font-size: 14px !important;
  color: #1f1f21 !important;
  margin-top: 14px !important;
}

.new_direct .boxstep_wrap {
  margin-top: 20px !important;
}
.new_direct .boxstep_wrap .box_cont {
  position: relative;
  margin-bottom: 40px;
}
.new_direct .boxstep_wrap .box_cont .list-dot {
  position: absolute;
  left: 250px;
  top: 0;
}
.new_direct .boxstep_wrap .box_cont .list-dot li {
  font-size: 13px;
  position: relative;
  padding-left: 10px;
}
.new_direct .boxstep_wrap .box_cont .list-dot li::before {
  display: block;
  content: "";
  background: #777;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 8px;
}

.new_direct .boxstep_wrap .box_cont .intext {
  display: flex;
  align-items: center;

  border: 1px solid #cccccc;
  padding: 10px;
  text-align: left;
  width: 100%;
  height: 75px;
  position: relative;
  font-size: 14px;
  padding: 10px 10px;
}
.new_direct .boxstep_wrap .box_cont .intext::after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 80px;
  width: 24px;
  height: 24px;
  transform: translateX(-50%);
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M6 10L12 16L18 10" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
}
.new_direct .boxstep_wrap .box_cont:last-child .intext::after {
  display: none;
}
.new_direct .bu_dot {
  font-size: 10px;
  position: relative;
  padding-left: 15px;
  font-size: 14px;
  color: #3f3f41;
  font-weight: bold;
}
.new_direct .bu_dot:before {
  content: "";
  position: absolute;
  left: 3px;
  top: 11px;
  width: 3px;
  height: 3px;
  background-color: #555557;
  border-radius: 100%;
}
.new_direct .bu_dot_list {
  margin-top: 10px;
}
.new_direct .bu_dot_list li {
  font-size: 14px !important;
  margin-left: 5px;
}
.new_direct .bu_dot_list li:before {
  display: none;
}
.new_direct .bu_dot + .prinfo_text2 {
  margin-top: 5px !important;
  margin-left: 10px;
}
/* e: 해외여행상품설명서_2503 */

/* s: R20250211_0121 간편결제 페이수정  */
.payselect_wrap ul {
	display: flex;
	gap: 8px;
	flex-direction: row;
}
.payselect_wrap ul li {
	flex: 1;
}
.payselect_wrap .rd_item input[type='radio'] + label {
	display: flex;
	position: relative;
	min-width: 100%;
	min-height: 54px;
	font-size: 0;
	cursor: pointer;
	padding: 0;
	border: 1px solid #dfdfe1;
	border-radius: 8px;
}

.payselect_wrap .rd_item input[type='radio'] + label:before {
	background-image: none;
}
.payselect_wrap .rd_item input[type='radio'].kakaoPayInfo + label::after {
	display: block;
	content: '';
	background: url('../images/new/common/paylogo_kakao.png') no-repeat 0 0;
	width: 60px;
	height: 25px;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.payselect_wrap .rd_item input[type='radio'].naverPayInfo + label::after {
	display: block;
	content: '';
	background: url('../images/new/common/paylogo_naver.png') no-repeat 0 0;
	width: 60px;
	height: 25px;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.payselect_wrap .rd_item input[type='radio'].tossPayInfo + label::after {
	display: block;
	content: '';
	background: url('../images/new/common/paylogo_toss.png') no-repeat center center;
	width: 80px;
	height: 20px;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.payselect_wrap .rd_item input[type='radio']:checked + label {
	border-color: #1f1f21;
}

/* e: R20250211_0121 간편결제 페이수정  */
/* 장기보험 상품설명서-공통 */
.new_direct .terms_style strong:not(.point_color, .bold_blue),
.new_direct .terms_style .h4,
.new_direct .terms_style .h5{font-weight:500; color:#1F1F21;}

/* uol_list 내부 list 사용시 - 보험금 청구 및 지급절차 */
.new_direct .terms_style .uol_list .list_space li ul li{display:flex; flex-direction:column;}
.new_direct .terms_style .uol_list .list_space li ul li:before{top:10px; left:4px;}
.new_direct .terms_style .uol_list .list_space li .bul_imp{margin-left:-16px;}

/* s:상품설명개정/2503 */
.new_direct .boxstep {
  margin-top: 20px !important;
}
.new_direct .boxstep .box_cont {
  position: relative;
  padding: 10px;
  margin-bottom: 40px;
  border: 1px solid #ccc;
}
.new_direct .boxstep .box_cont .intext {
  font-size: 14px;
  color: #636363;
}
.new_direct .boxstep .box_cont::after {
  content: "";
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M6 10L12 16L18 10" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
}
.new_direct .boxstep .box_cont:last-child::after {
  display: none;
}
/* e:상품설명개정/2503 */

/* s:R20250522_0139_인터넷회원가입 추가 */
.new_direct .box.notice.internet_mem {
	background: #fff7f5;
	text-align: center;
}
.new_direct .box.notice.internet_mem .first_text {
	font-size: 16px;
	font-weight: 500;
	color: #1f1f21;
}
.new_direct .box.notice.internet_mem .sub_text {
	font-size: 13px;
	margin-top: 10px;
	color: #1f1f21;
}
/* e:R20250522_0139_인터넷회원가입 추가 */