@charset "utf-8";

/* accessibility */
.skip_nav {position:absolute; top:0; left:0; width:100%; height:12px; z-index:10; visibility:hidden;}
.skip_nav a {
	position:absolute;
	top:-10000px;
	left:0px;
	display:block;
	width:100%;
	height:12px;
	padding:5px 0;
	background:#000;
	font:bold 100%/100% "RixSGo M","Malgun Gothic","Dotum",sans-serif;
	text-align:center;
	color:#fff;
	visibility:visible;
}
	
.skip_nav a:hover, .skip_nav a:focus, .skip_nav a:active	{
	position: absolute;
	top: 0;
	left: 0;
	color:#fff;
}

/* 2023-12-01 더블리스팅 챗봇 최신화 작업 */
.main_container .bnr_list ul li:nth-child(2) dl dd .ico_arrow { position:relative; display:inline-block; }
.main_container .bnr_list ul li:nth-child(2) dl dd .ico_arrow:after { display:inline-block; width:0.5rem; height:0.5rem; margin-left:0.3rem; border:1px solid #fff; border-left:0; border-bottom:0; transform:rotate(45deg); content:""; }

/* 메리츠 카운트 */
.product_wrap > ol { margin-bottom:3rem; }
.product_wrap > ol > li { padding-bottom:0; }
.product_wrap > ol > li + li { margin-top:5rem; }
.trust_design { margin:0 -1.5rem 2rem; padding:2.4rem 1.8rem; background:#f5f5f5; }
.trust_design .identity_box { padding:2.4rem 2rem; background:#fff; border-radius:.8rem; }
.trust_design h4 { font-size:1.8rem; font-weight:bold; line-height:1.4; }
.identity_group { position:relative; display:flex; flex-flow:row nowrap; justify-content:space-between; gap:3rem; margin-top:2.4rem; }
.identity_group:after { position:absolute; left:50%; top:1rem; bottom:0; width:1px; height:auto; background:#eee; content:""; }
.identity_group > div { position:relative; flex:1; text-align:center; }
.identity_group > div > p { font-size:1.3rem; line-height:1.5; }
.identity_group .identity_logo i { display:inline-block; width:9.4rem; height:5rem; background:url("/common/images/main/img_identity_logo.png") no-repeat center center; background-size:contain; }
.identity_group .identity_logo i span._hide_txt { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.identity_group .identity_icon i { display:inline-block; width:12.2rem; height:5rem; background:url("/common/images/main/img_identity_icon.png") no-repeat center center; background-size:contain; }
.identity_group .identity_icon p { margin-top:1rem; }
.identity_group .identity_icon p small { display:block; font-size:1rem; }
.identity_group p { margin-top:1.8rem; }
.identity_group .color_point { color:#de4738; }

/* 챗봇 */
.chat_banner_wrap { position:fixed; display:none; left:auto; right:1rem; bottom:8rem; width:auto; min-width:auto; margin:0; line-height:unset; z-index:90; }
.chat_banner_wrap.on { display:block; }
.chat_banner_wrap .mondi_wrap { position:relative; left:unset; top:unset; width:auto; height:auto; background:none; overflow:unset; }
.chat_banner_wrap .mondi_wrap .chat_count { position:absolute; display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; right:0; top:0; width:2rem; height:2rem; font-size:1.1rem; color:#fff; font-weight:bold; background:#f2416b; border-radius:50%; z-index:2; }
.chat_banner_wrap .mondi_wrap .mondi_renew { position:relative; display:block; width:6.4rem; height:6.4rem; margin:0 0 0 auto; background:linear-gradient(138.93deg, #5759ff 20.32%, #3f9aff 73.55%); border-radius:2.7rem; box-shadow:0 .8rem 1.6rem rgba(0,0,0,0.45); overflow:hidden; }
.chat_banner_wrap .mondi_wrap .mondi_renew span { position:absolute; font-size:1.6rem; color:#fff; font-weight:bold; text-align:center; line-height:1.2; opacity:0; }
.chat_banner_wrap .mondi_wrap .mondi_renew .txt_copy_1 { left:50%; top:0; transform:translateX(-50%); animation:txt_ani_1 7s infinite both; }
.chat_banner_wrap .mondi_wrap .mondi_renew .txt_copy_2 { left:50%; top:0; transform:translateX(-50%); animation:txt_ani_2 7s infinite both; }
.chat_banner_wrap .mondi_wrap .mondi_renew .txt_copy_3 { left:50%; top:0; width:4rem; height:3.5rem; transform:translateX(-55%); animation:txt_ani_3 7s infinite both; }
.chat_banner_wrap.mainChat { display:block; bottom:3rem; }

.renew_helper { display:none; left:initial; right:10px; width:auto !important; transform:initial; }
.renew_helper .chat_ment { position:absolute; display:none; right:52px; top:8px; min-width:216px; height:56px; background:url("/subscribe/images/renew/chat_word_bg.png?ver=20250708") no-repeat center center; background-size:contain; transition:all .3s; }
.renew_helper .chat_ment .chat_ment_txt {position:absolute; top:0; left:0; right:42px; bottom:0; display:block;}
.renew_helper .chat_ment .btn_close_ment { position:absolute; right:16px; top:8px; left:initial; bottom:0; width:32px; height:32px; text-indent: -9999px; background:url("/subscribe/images/renew/btn_x.svg") no-repeat center center; background-size:25%; cursor:pointer; content:""; }
.renew_helper .chat_ment.on {display:block }
.renew_helper .chat_ment .txt { position:absolute; left:25px; top:17px; font-size:13px; color:#111; font-weight:500; white-space:nowrap; opacity:0; }
.renew_helper .chat_ment .txt > em { font-weight:700; }
.renew_helper .chat_ment .txt_mov_1 { animation:txt_mov_1 9s infinite both; }
.renew_helper .chat_ment .txt_mov_2 { animation:txt_mov_2 9s infinite both; }
.renew_helper .chat_ment .txt_mov_3 { animation:txt_mov_3 9s infinite both; }
.renew_helper .chat_ment .txt_mov_4 { animation:txt_mov_4 9s infinite both; }
.renew_helper.on { display:inline-block; }
.renew_helper.on_important { display:none !important; }

@keyframes txt_mov_1 {
	  0%    { opacity:0; }
	 10%    { opacity:1; }
	 20%    { opacity:1; } 
	 30%    { opacity:0; }
	100%    { opacity:0; }
}
@keyframes txt_mov_2 {
	0%  { opacity:0; }
   30%  { opacity:0; }
   40%  { opacity:1; } 
   50%  { opacity:1; }
   60%  { opacity:0; }
  100%  { opacity:0; }
}
@keyframes txt_mov_3 {
	0%  { opacity:0; }
   60%  { opacity:0; }
   70%  { opacity:1; } 
   90%  { opacity:1; }
  100%  { opacity:0; }
}

@keyframes txt_ani_1 {
	  0% { top:-2rem; opacity:0; }
	 10% { top:1.3rem; opacity:1; }
	 20% { top:1.3rem; opacity:1; }
	 30% { top:-2rem; opacity:0; }
	100% { opacity:0; }
}
@keyframes txt_ani_2 {
	  0% { top:-2rem; opacity:0; }
	 30% { top:-2rem; opacity:0; }
	 40% { top:1.3rem; opacity:1; }
	 60% { top:1.3rem; opacity:1; }
	 70% { top:-2rem; opacity:0; }
	100% { opacity:0; }
}
@keyframes txt_ani_3 {
	  0% { top:-2rem; opacity:0; }
	 60% { top:-2rem; opacity:0; }
	 70% { top:1.2rem; opacity:1; }
	 90% { top:1.2rem; opacity:1; }
	100% { top:-2rem; opacity:0; }
}

@keyframes txt_ani_word_1 {
	0% { opacity:0; }
	50% { opacity:1; }
	100% { opacity:0; }
}
@keyframes txt_ani_word_2 {
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}

.main_section_renew { margin-top:24px; padding:0 18px; }
.main_section_renew h2 { font-size:18px; color:#111; font-weight:700; }
.main_section_renew .section_3_cont { position:relative; display:block; margin-top:16px; }
.main_section_renew .section_3_cont a { position:relative; display:block; min-height:88px; padding:0; padding-left:90px; padding-top:23px; color:#fff; line-height:1.5; border-radius:8px; box-sizing:border-box; }
.main_section_renew .section_3_cont a span { display:block; font-size:16px; font-weight:700; }
.main_section_renew .section_3_cont a em { display:block; font-size:14px; }
.main_section_renew .section_3_cont a em:after { display:inline-block; width:16px; height:16px; margin-top:1px; vertical-align:text-top; background:url("/common/images/common/ico_arrow_left_w.svg") no-repeat center center; content:""; }
.main_section_renew .section_3_cont a + a { margin-top:10px; }
.main_section_renew .section_3_cont a:nth-of-type(1) { background:#b79ffc; }
.main_section_renew .section_3_cont a:nth-of-type(2) { background:#f6a093; }
.main_section_renew .section_3_cont a:before { position:absolute; left:18px; top:50%; width:56px; height:56px; border-radius:50%; transform:translateY(-50%); overflow:hidden; content:""; }
.main_section_renew .section_3_cont a:nth-of-type(1):before { background:url("/common/images/main/ico_qa_2.png") no-repeat center center; background-size:contain; }
.main_section_renew .section_3_cont a:nth-of-type(2):before { background:url("/common/images/main/ico_qa_1.png") no-repeat center center; background-size:contain; }
.main_section_renew .counsel_box { position:absolute; left:90px; top:-10px; display:flex; flex-flow:row nowrap; align-items:center; min-width:130px; height:26px; padding-left:25px; padding-right:10px; font-size:12px; color:#333; background:#fff; border:1px solid #e42052; border-radius:20px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); z-index:1; }
.main_section_renew .counsel_box .ico_bell { position:absolute; left:13px; top:6px; width:9px; height:13px; animation:bell_mov 1.5s infinite both ease-in; transform-origin:50% 0%; }

.incall_warp { margin-left:0; margin-right:0; }