@charset "utf-8";

/* Pretendard */
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	src: local("Pretendard-Light"),
	url(/petpermint/font/Pretendard/Pretendard-Light.woff2) format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	src: local("Pretendard-Regular"),
	url(/petpermint/font/Pretendard/Pretendard-Regular.woff2) format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	src: local("Pretendard-Medium"),
	url(/petpermint/font/Pretendard/Pretendard-Medium.woff2) format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	src: local("Pretendard-SemiBold"),
	url(/petpermint/font/Pretendard/Pretendard-SemiBold.woff2) format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	src: local("Pretendard-Bold"),
	url(/petpermint/font/Pretendard/Pretendard-Bold.woff2) format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	src: local("Pretendard-ExtraBold"),
	url(/subscribe/font/Pretendard/Pretendard-ExtraBold.woff2) format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	src: local("Pretendard-Black"),
	url(/subscribe/font/Pretendard/Pretendard-Black.woff2) format('woff2');
}

/* Pretendard */
@font-face {
	font-family: 'Roboto';
	font-weight: 300;
	src: local("Roboto-Light"),
	url(/petpermint/font/Roboto/Roboto-Light.woff2) format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-weight: 400;
	src: local("Roboto-Regular"),
	url(/petpermint/font/Roboto/Roboto-Regular.woff2) format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-weight: 700;
	src: local("Roboto-Bold"),
	url(/petpermint/font/Roboto/Roboto-Bold.woff2) format('woff2');
}
@font-face {
	font-family: 'cafe24Ssurround';
	font-weight: normal;
	src: local("cafe24Ssurround"),
	url(/petpermint/font/woff/Cafe24Ssurround.woff) format('woff');
}
@font-face {
	font-family: 'SBAggro';
	font-weight: 400;
	src: local("SBAggroL"),
	url(/petpermint/font/SBAggro/SBAggroL.woff) format('woff');
}
@font-face {
	font-family: 'SBAggro';
	font-weight: 500;
	src: local("SBAggroM"),
	url(/petpermint/font/SBAggro/SBAggroM.woff) format('woff');
}
@font-face {
	font-family: 'SBAggro';
	font-weight: 700;
	src: local("SBAggroB"),
	url(/petpermint/font/SBAggro/SBAggroB.woff) format('woff');
}


/* 리셋
*****************************************/

html,body,main,footer,
div,section,article,aside,p,pre,span,summary,em,
dl,dt,dd,details,
form,fieldset,input,legend,textarea,
h1,h2,h3,h4,h5,h6,header,hgroup,
figure,figcaption,
mark,menu,nav,
ol,ul,li,
table,th,td,
a,button,
audio,blockquote,canvas,code,time,video {
	font-style:normal;
	margin:0; padding:0;
	word-break:keep-all;
	box-sizing: border-box;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-rendering:optizizeLegibility;
	-webkit-text-size-adjust:none;
}
html, body { height:100% !important; font-family:'Pretendard', Helvetica,sans-serif; font-size:10px; font-weight:400; color:#666; line-height:1; background:#fff; }
ul, ol, li { list-style:none; }
button { border:0; background-color:transparent; cursor:pointer; }
button, input, select, textarea { margin:0; padding:0; font-family:'Pretendard', Helvetica,sans-serif; font-size:1rem; font-weight:400; color:#666; vertical-align:middle; line-height:1; border-radius:0; appearance:none; }
fieldset { border:0; }
caption, hr, legend { width:0; height:0; font-size:1px; text-indent:-9999em; line-height:0; }
input, select { font-size:1.8rem; color:#333; font-weight:700; }
input[type=text], input[type=tel], input[type=number], input[type=email], input[type=password] { width:100%; height:4.8rem; border:0; border-bottom:1px solid #e5e5e5; }
select { -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; padding:.5rem 1.5rem .5rem 0; background:url("/petpermint/images/pet/ico_select_arrow.svg") no-repeat 97% 50%/1rem auto; }
select::-ms-expand { display:none; }
img { max-width:100%; }
hr { border:0;}
a, a:link { text-decoration:none; }
::placehoder { color:#aaa; font-weight:400; }
::-webkit-input-placeholder { color:#aaa; font-weight:400; }
::-moz-placeholder { color:#aaa; font-weight:400; }
:disabled { background:transparent; }

/* :focus { outline:1px solid #333; outline-offset:0; } */
:focus { outline:0; outline-offset:0; }

.color_red { color:#f2416b !important; }

label + input { margin-top:0.5rem; }
caption { position:absolute; left:0; top:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; }

/* Skip */
.skipnav { position:absolute; left:0; top:0; width:100%; z-index:100; }
.skipnav a { display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; height:3rem; margin-top:-3rem; font-size:1.4rem; color:#fff; text-align:center; background:#333; z-index:0; }
.skipnav a:focus { margin-top:0; z-index:1; }

#container { min-height:auto !important; }

/* 로딩 */
.block-ui-overlay { opacity:1; background:rgba(0,0,0,0.6); }
.block-ui-overlay + .s_loader { position:absolute; left:0; right:0; top:0; bottom:0; z-index:10; }
.block-ui-overlay + .s_loader:before { position:absolute; left:50%; top:50%; width:4.5rem; height:6.4rem; background:url("/petpermint/images/pet/MM.png") no-repeat center center; background-size:contain; transform:translate(-50%, -50%); z-index:12; content:""; }
.block-ui-overlay + .s_loader:after  { position:absolute; left:50%; top:50%; width:8rem; height:8rem; background:#fff; border-radius:50%; box-shadow:0 0 1rem rgba(256,256,256,0.7); transform:translate(-50%, -50%); z-index:11; content:""; }

.block-ui-overlay2 { position:fixed; width:100vw; height:100vh; opacity:1; background:rgba(0,0,0,0.6); }
.block-ui-overlay2 + .s_loader { position:absolute; left:0; right:0; top:0; bottom:0; z-index:10; }
.block-ui-overlay2 + .s_loader:before { position:absolute; left:50%; top:50%; width:32rem; height:19.6rem; background:url("/petpermint/images/pet/wyl_loading_bg.png") no-repeat center center; transform:translate(-50%, -50%); z-index:12; content:""; background-size:cover; }
.block-ui-overlay2 + .s_loader:after  { position:absolute; left:50%; top:50%; width:28rem; height:4.9rem; background:#fff; box-shadow:0 0 1rem rgba(256,256,256,0.7); transform:translate(-50%, -50%); z-index:12; content:""; /*border:1px solid red;*/ background:url("/petpermint/images/pet/wyl_loading_bar.gif") no-repeat center center; background-size:cover; }

/* .block-ui-overlay3 + .s_loader { position:absolute; left:0; right:0; top:0; bottom:0; color:#777; background:rgba(0,0,0,0.5); z-index:10; }
.block-ui-overlay3 + .s_loader:before { position:absolute; left:50%; top:50%; width:27.4rem; height:4rem; background:url("/petpermint/images/pet/wylie_loading.gif") no-repeat center center; background-size:contain; transform:translate(-50%, -50%); z-index:12; content:""; } */
.block-ui-overlay3.on { width:100%; height:100%; opacity:1; background:rgba(0,0,0,0.6); }
.block-ui-overlay3 + .s_loader { position:absolute; left:0; right:0; top:0; bottom:0; font-size:0; z-index:10; }
.block-ui-overlay3 + .s_loader:before { position:absolute; left:50%; top:3.4rem; width:27.4rem; height:4rem; background:url("/petpermint/images/pet/wylie_loading.gif") no-repeat center center; background-size:contain; transform:translateX(-50%); z-index:12; content:""; }
/* .block-ui-overlay3 + .s_loader { position:absolute; left:0; right:0; top:0; bottom:0; font-size:0; background:rgba(0,0,0,0.7); z-index:10; }
.block-ui-overlay3 + .s_loader:before { position:absolute; left:50%; top:50%; width:27.4rem; height:4rem; background:url("/petpermint/images/pet/wylie_loading.gif") no-repeat center center; background-size:contain; transform:translate(-50%, -50%); z-index:12; content:""; } */

/* .dc_service ~ .block-ui-container { }
.dc_service ~ .block-ui-container .block-ui-overlay { opacity:1; background:rgba(0,0,0,0.6); }
.dc_service ~ .block-ui-container .s_loader { position:absolute; left:50%; top:50%; width:12rem; height:12rem; text-indent:-9999em; background:#fff; border-radius:50%; box-shadow:0 0 1rem rgba(256,256,256,0.7); transform:translate(-50%, -50%); z-index:11; }
.dc_service ~ .block-ui-container .s_loader:before { left:1rem; right:initial; width:6.5rem; height:6.5rem; background:url("/petpermint/images/pet/card03dog.gif") no-repeat center center; background-size:contain; transform:translateX(0) translateY(-50%); content:""; }
.dc_service ~ .block-ui-container .s_loader:after  { left:initial; right:1rem; width:5.4rem; height:5.4rem; background:url("/petpermint/images/pet/card03cat.gif") no-repeat center center; background-size:contain; transform:translateX(0) translateY(-38%); content:""; } */

/* 푸터 */
.footer_renew { margin-bottom:initial; padding:0; background-color:transparent; }
.footer_renew .foot_inner { padding:24px 18px; background:#f5f5f5; }
.footer_renew .foot_callcenter { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; }
.footer_renew .foot_callcenter .foot_callcenter_item { flex:1; }
.footer_renew .foot_callcenter .foot_callcenter_item + .foot_callcenter_item { margin-left:10px; }
.footer_renew .foot_callcenter .foot_callcenter_item a { display:block; padding:14px 10px; font-size:14px; color:#111; font-weight:500; text-align:center; white-space:nowrap; background:#fff; border:1px solid #bbb; border-radius:6px; }
.footer_renew .foot_callcenter .foot_callcenter_item a > em { position:relative; display:inline-block; padding-right:18px; font-size:inherit; color:inherit; font-weight:inherit; }
.footer_renew .foot_callcenter .foot_callcenter_item a > em:after { position:absolute; right:0; top:50%; display:inline-block; width:11px; height:14px; background:url("/subscribe/images/renew/ico_foot_call.svg") no-repeat center center; background-size:contain; transform:translateY(-53%); content:""; }
/*
.footer_renew .foot_callcenter .foot_callcenter_item a > em { display:inline-block; font-size:inherit; color:inherit; font-weight:inherit; }
.footer_renew .foot_callcenter .foot_callcenter_item a > em:after { display:inline-block; width:11px; height:14px; margin-left:8px; vertical-align:text-top; background:url("/subscribe/images/renew/ico_foot_call.svg") no-repeat center center; background-size:contain; content:""; }
*/
.footer_renew .foot_callcenter + .f_menu { margin-top:16px; }
.footer_renew .kwa_mark { display:block; width:33px; margin:12px 0 0 auto; }

.footer_renew .f_menu { display:flex; flex-flow:row nowrap; justify-content:stretch; align-items:center; gap:16px; margin:0; }
.footer_renew .f_menu:before, #renew #footer.footer_renew .f_menu:after { display:none; }
.footer_renew .f_menu li { position:relative; flex:0; float:none; margin:0; padding:0; background:none; }
.footer_renew .f_menu li:before { position:absolute; right:-10px; top:50%; width:1px; height:10px; background:#999; transform:translateY(-50%); content:""; }
.footer_renew .f_menu li:nth-last-of-type(1):before { display:none; }
.footer_renew .f_menu li a { display:block; padding:8px 0; color:#888; font-size:12px; font-weight:500; text-align:center; white-space:nowrap; }
.footer_renew .f_menu li:nth-of-type(1) a { color:#333; font-weight:700; }

@media all and (max-width:359px) { 
	.footer_renew .f_menu { flex-flow:row wrap; gap:0 16px; }
	.footer_renew .f_menu li:before { right:-10px; }
}
@media all and (min-width:360px) and (max-width:375px) { 
	.footer_renew .f_menu { gap:0 9px; }
	.footer_renew .f_menu li:before { right:-6px; }
}

.footer_renew address p { font-size:13px; color:#999; line-height:1.5; }
.footer_renew address p span { display:inline; margin-left:10px; }
.footer_renew address p span:before { display:inline-block; width:1px; height:8px; margin-right:10px; background:#999; content:""; }
.footer_renew address .copyright { font-size:11px; }

.pet_renew { padding-top:109px; }
.footer_renew.padding-bottom { padding-bottom:60px; }

.mgt5 { margin-top:5px !important; }
.mgt10 { margin-top:10px !important; }

/* 접근성 스크린리더 글 숨기기 */
.blind_text {position: absolute; top:0; left: 0; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(1px 1px 1px 1px); clip-path: inset(50%); border: 0;}


/* 팝업 로딩 */
.pop_loading { display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#f7f6ff; }
.pop_loading .pop_loading_inner { }
.pop_loading .pop_loading_inner .pop_loading_img { display:block; width:18rem; height:18.4rem; margin:0 auto 3rem; background:url("/petpermint/images/pet/pop_loading_img.svg") no-repeat center center; }
.pop_loading .pop_loading_inner .pop_loading_txt { font-size:2rem; color:#333; text-align:center; }
.pop_loading .pop_loading_inner .pop_loading_txt > strong { color:#5844d5; }
.pop_loading .pop_loading_inner .ani_point { display:inline-block; }
.pop_loading .pop_loading_inner .ani_point i { display:inline-block; width:3px; height:3px; margin-right:2px; background:#333; border-radius:50%; }
.pop_loading .pop_loading_inner .ani_point i.ani_point_1 { animation:ani_point_1 .8s .2s infinite both; }
.pop_loading .pop_loading_inner .ani_point i.ani_point_2 { animation:ani_point_2 .8s .2s infinite both; }
.pop_loading .pop_loading_inner .ani_point i.ani_point_3 { animation:ani_point_3 .8s .2s infinite both; }
@keyframes ani_point_1 {
	0%    { opacity:0; }
   10%    { opacity:1; }
  100%    { opacity:0; }
}
@keyframes ani_point_2 {
	0%    { opacity:0; }
   30%    { opacity:1; }
  100%    { opacity:0; }
}
@keyframes ani_point_3 {
	0%    { opacity:0; }
   50%    { opacity:1; }
  100%    { opacity:0; }
}