@charset "utf-8";

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

/* Roboto */
@font-face {
	font-family: 'Roboto';
	font-weight: 300;
	src: local("Roboto-Light"),
	url(/default/font/Roboto/Roboto-Light.woff2) format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-weight: 400;
	src: local("Roboto-Regular"),
	url(/default/font/Roboto/Roboto-Regular.woff2) format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-weight: 700;
	src: local("Roboto-Bold"),
	url(/default/font/Roboto/Roboto-Bold.woff2) format('woff2');
}

html, body { height:100%; box-sizing:border-box; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video { margin:0; padding:0; font-family:"Pretendard", sans-serif; color:#666; font-weight:400; box-sizing:border-box; }
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display:block; }
body { line-height:1; background-color:#fff; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
img { object-fit:cover; vertical-align:top; border:0; }
button,input,select,textarea,label { margin:0; font-family:"Pretendard", sans-serif; font-size:100%; vertical-align:middle; box-sizing:border-box; appearance:none; }
select { margin:0; padding:0; padding-right:15px; background:url("/petpermint/images/cmpet/common/ico_select_arrow.svg") no-repeat 97% 50%/10px auto; }
fieldset { border:0; box-sizing:border-box; }
/* legend,caption{visibility:hidden;width:0;height:0;font-size:0;line-height:0} wa: 주석 */
address,cite,code,dfn,em,var { font-style:normal; }
strong,i,u { font-style:normal; }
ol,ul,li { list-style:none; }
table { border-collapse:collapse; border-spacing:0; width:100%; }
caption,hr,legend { width:0px; height:0px; font-size:1px; text-indent:-9999em; line-height:0; }
th, td { letter-spacing:-1px; vertical-align:top; }
button { background-color:#fff; border:none; padding:0; margin:0; cursor:pointer; }
:before { box-sizing:border-box; }
:after { box-sizing:border-box; }

:disabled { background-color:transparent; }

a:link, a:visited, a:hover { text-decoration:none; }

#renew ::-webkit-scrollbar { width:6px; }
#renew ::-webkit-scrollbar-thumb { background-color:#bbb; border-radius:3px; }
#renew ::-webkit-scrollbar-track { background-color:#eee; border-radius:3px; }

.link_txt { color:#6e61de; }
.link_txt:after { display:inline-block; width:7px; height:16px; margin-left:6px; margin-top:-2px; text-decoration:underline; vertical-align:middle; background:url("/petpermint/images/cmpet/cont/ico_links3.png") no-repeat 50% 50%; background-size:contain; content:""; }
.link_txt2 { color:#6e61de; text-decoration:underline; }

/* button */
.btn { display:inline-flex; justify-content:center; align-items:center; width:auto; min-width:200px; height:52px; background:#fff; border:1px solid #e5e5e5; border-radius:12px; transition:all .3s; }
.btn_normal {  font-size:18px; color:#333; font-weight:700; border-color:#aaaaaa; }
.btn_normal > .links:after { display:inline-block; width:7px; height:16px; margin-left:8px; margin-top:-2px; vertical-align:middle; background:url("/petpermint/images/cmpet/common/ico_arror_black.png") no-repeat 50% 50%; background-size:contain; transform:rotate(180deg); content:""; }
.btn_normal > .links2:before { display:inline-block; width:7px; height:16px; margin-right:8px; margin-top:-2px; vertical-align:middle; background:url("/petpermint/images/cmpet/common/ico_arror_black.png") no-repeat 50% 50%; background-size:contain; content:""; }
.btn_active {  font-size:18px; color:#fff; background:#6e61de; border:0; }
.btn_active > .links:after { display:inline-block; width:7px; height:16px; margin-left:8px; margin-top:-2px; vertical-align:middle; background:url("/petpermint/images/cmpet/common/ico_links.png") no-repeat 50% 50%; background-size:contain; transform:none; content:""; }
.btn_line_active { min-width:200px; color:#6e61de; font-weight:700; border-color:#6e61de; }

.btn_s { min-width:auto; height:24px; padding:0 8px; font-size:13px; color:#666; font-weight:400; border-color:#e5e5e5; border-radius:4px; }
.btn_m { min-width:auto; height:40px; padding:0 14px; font-size:16px; font-weight:400; border-radius:30px; }
.btn_m.btn_active { color:#6e61de; font-weight:700; background:#fff; border:1px solid #6e61de; box-shadow:2px 2px 4px rgba(0,0,0,0.12); }

.btn_m2 { min-width:auto; width:100%; height:44px; padding:0 14px; font-size:16px; font-weight:400; border-radius:8px; }
.btn_m2.btn_active { color:#6e61de; font-weight:700; background:#fff; border:1px solid #6e61de; }

.btn_m3 { min-width:auto; width:100%; height:44px; padding:0 14px; font-size:16px; font-weight:400; border-radius:8px; }
.btn_m3.btn_active { color:#fff; font-weight:700; background:#6e61de; border:1px solid #6e61de; }
.btn_m3.btn_active > .checks:before { display:inline-block; width:20px; height:20px; margin-right:8px; vertical-align:middle; background:url("/petpermint/images/cmpet/cont/ico_label_check.png") no-repeat 50% 50%; background-size:contain; content:""; }

.btn_normal .ico_check:before { display:inline-block; width:20px; height:20px; margin-right:8px; vertical-align:middle; background:url("/petpermint/images/cmpet/cont/ico_check_check.png") no-repeat 50% 50%; background-size:contain; content:""; }
.btn_active .ico_check:before { display:inline-block; width:20px; height:20px; margin-right:8px; vertical-align:middle; background:url("/petpermint/images/cmpet/cont/ico_check_check_on.png") no-repeat 50% 50%; background-size:contain; content:""; }

/* Input */
::placeholder { font-size:18px; color:#aaa; font-weight:400; }
input[type=text],input[type=tel],input[type=number],input[type=email],input[type=password], select { width:100%; height:48px; font-size:18px; color:#333; font-weight:700; border:0; border-bottom:1px solid #aaa; }
input[type=text] + .bars { display:block; width:0; height:2px; background:#6e61de; transition:all 0.3s; }
input[type=tel] + .bars { display:block; width:0; height:2px; background:#6e61de; transition:all 0.3s; }
input[type=number] + .bars { display:block; width:0; height:2px; background:#6e61de; transition:all 0.3s; }
input[type=email] + .bars { display:block; width:0; height:2px; background:#6e61de; transition:all 0.3s; }
input[type=password] + .bars { display:block; width:0; height:2px; background:#6e61de; transition:all 0.3s; }
input[type=text]:focus + .bars { width:100%; }
input[type=tel]:focus + .bars { width:100%; }
input[type=number]:focus + .bars { width:100%; }
input[type=email]:focus + .bars { width:100%; }
input[type=password]:focus + .bars { width:100%; }

input[type=radio] { position:absolute; left:0; top:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; }
input[type=radio] + label { position:relative; display:inline-block; padding-top:2px; padding-left:30px; font-size:18px; color:#333; cursor:pointer; }
input[type=radio] + label:before { position:absolute; left:0; top:0; width:20px; height:20px; background:#fff; border-radius:50%; box-shadow:0 0 0 5px #c5c5c5 inset; content:""; }
input[type=radio]:checked + label { font-weight:700; }
input[type=radio]:checked + label:before { box-shadow:0 0 0 5px #6e61de inset; }

input[type=radio].radio_check { position:absolute; left:0; top:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; }
input[type=radio].radio_check + .ico_rch { display:inline-flex; justify-content:center; align-items:center; width:auto; min-width:56px; height:40px; padding:0 14px; font-size:16px; white-space:nowrap; background:#fff; border:1px solid #e5e5e5; border-radius:30px; }
input[type=radio].radio_check + .ico_rch:before { display:none; }
input[type=radio].radio_check:checked + .ico_rch { color:#6e61de; border-color:#6e61de; box-shadow:2px 2px 4px rgba(0,0,0,0.12); }
input[type=radio].radio_check:focus + .ico_rch {outline:2px solid #000;}

input[type=radio].ico_radio { position:absolute; left:0; top:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; }
input[type=radio].ico_radio + label { position:relative; display:inline-block; padding:3px 0; padding-left:32px; font-size:18px; color:#333; font-weight:700; cursor:pointer; }
input[type=radio].ico_radio + label:before { position:absolute; left:0; top:50%; width:24px; height:24px; background:#c5c5c5 url("/petpermint/images/cmpet/cont/ico_check_white.png") no-repeat center center; background-size:20px; border:1px solid #e5e5e5; border-radius:50%; box-shadow:none; transform:translateY(-50%); content:""; }
input[type=radio].ico_radio:checked + label:before { background-color:#6e61de; border:0; }

input[type=checkbox] { position:absolute; left:0; top:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; }
input[type=checkbox] + label { position:relative; display:inline-block; padding:3px 0; padding-left:32px; font-size:18px; color:#333; font-weight:700; cursor:pointer; }
input[type=checkbox] + label:before { position:absolute; left:0; top:50%; width:24px; height:24px; background:#fff url("/petpermint/images/cmpet/cont/ico_check_check.png") no-repeat center center; background-size:20px; border:1px solid #e5e5e5; border-radius:50%; transform:translateY(-50%); content:""; }
input[type=checkbox]:checked + label:before { background-color:#6e61de; border:0; }

input[type=checkbox].chk_check { position:absolute; left:0; top:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; }
input[type=checkbox].chk_check + .ico_rch { position:relative; display:inline-block; padding:1px 0; padding-left:26px; font-size:16px; color:unset; font-weight:400; cursor:pointer; }
input[type=checkbox].chk_check + .ico_rch:before { position:absolute; left:0; top:50%; width:20px; height:20px; background:#fff url("/petpermint/images/cmpet/cont/ico_check_check.png") no-repeat center center; background-size:contain; border:1px solid #e5e5e5; border-radius:50%; transform:translateY(-50%); content:""; }
input[type=checkbox].chk_check:checked + .ico_rch:before { background-color:#6e61de; }
input[type=checkbox].chk_check:focus + .ico_rch:before { outline: 2px solid #000;; }

input[type=checkbox].chk_check2 { position:absolute; left:0; top:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; }
input[type=checkbox].chk_check2 + label { position:relative; display:inline-block; padding:1px 0; padding-left:26px; font-size:16px; color:unset; font-weight:400; cursor:pointer; }
input[type=checkbox].chk_check2 + label:before { position:absolute; left:0; top:50%; width:20px; height:20px; background:#fff url("/petpermint/images/cmpet/cont/ico_check_check.png") no-repeat center center; background-size:contain; border:1px solid #e5e5e5; border-radius:4px; transform:translateY(-50%); content:""; }
input[type=checkbox].chk_check2:checked + label:before { background-color:#6e61de; }

/* flex_box */
.flex_box { position:relative; display:flex; flex-flow:row wrap; }
.block_box { position:relative; display:block; }
.guide_box { margin-top:40px; }
.doc_num { margin-top:8px; font-size:14px; color:#666; text-align:right; }

/* dl list-type */
.dl_type_1 dt { font-size:16px; color:#6e61de; font-weight:700; }
.dl_type_1 dt + dd { margin-top:12px; }
.dl_type_1 dd + dt { margin-top:20px; }
.dl_type_1 + .doc_num { margin-top:40px; }

.dl_type_2 dt { font-size:18px; color:#6e61de; font-weight:700; }
.dl_type_2 dt + dd { margin-top:12px; }
.dl_type_2 dd + dt { margin-top:40px; }

/* ul list-type */
.type_dot_1 li { position:relative; padding-left:10px; line-height:1.375; word-break:keep-all; }
.type_dot_1 li._etc { position:relative; padding-left:0px; line-height:1.375; word-break:keep-all; }
.type_dot_1 li._etc:before { background:#fff; width:0px; height:0px; }
.type_dot_1 li + li { margin-top:8px; }
.type_dot_1 > li > a { text-decoration:underline; }
.type_dot_1 li:before { position:absolute; left:0; top:7px; width:3px; height:3px; background:#666; border-radius:50%; content:""; }
.type_dot_1 li.ico_etc { padding-left:14px; }
.type_dot_1 li.ico_etc:before { top:unset; width:auto; height:auto; background:transparent; content:"※"; }
.type_dot_1 li.bullet:before { position:absolute; left:-3px; top:0; width:auto; height:auto; background:transparent; border-radius:0; content:"※"; }
.type_dot_1 li > ul { margin-top:6px; }
.type_dot_1 li > ul > li:before { position:absolute; left:0; top:0; width:initial; height:initial; background:none; border-radius:none; content:"*"; }
.type_dot_1 li > ul > li + li { margin-top:3px; }
.type_dot_1 .wyl_241119 > ol {padding:10px 0 10px 0;  }
.type_dot_1 .wyl_241119 > ol > li.ls { position: relative; margin-left: 19px; text-indent: -19px; line-height: 1.3; font-size:16px; }
.type_dot_1 .wyl_241119 > ol > li.ls:before { content:""; position: absolute; left:0; top:0; width:0; height:0;  }
.type_dot_1 .wyl_241119 > ol > li + li { margin-top:2px }
.type_dot_1 dt.wyl_dt { position:relative; padding-left:11px; }
.type_dot_1 dt.wyl_dt:before { content:""; position:absolute; left:4px; top:6px; width:2px; height:2px; background: #666; border-radius:50%;   }
.text_block .txt_tip { font-size:14px;  }
.text_block .txt_tip:before { display: inline; position: relative; padding-left: 3px; font-size: 14px; line-height: 18px; color: #777; margin-right: 3px; content: '*'; vertical-align: middle; }
.text_block .txt_tip + .type_dot_1 { margin-top:14px; }


.type_dot_1.half { display:flex; flex-flow:row wrap; gap:10px; }
.type_dot_1.half li { flex:1 0 45%; }
.type_dot_1.half li + li { margin-top:unset; }

.type_check_1 li { position:relative; padding:5px 0; padding-left:28px; line-height:1.375; }
.type_check_1 li:before { position:absolute; left:0; top:50%; width:20px; height:20px; background:url("/petpermint/images/cmpet/cont/ico_check_check.png") no-repeat center center; background-size:contain; transform:translateY(-50%); content:""; }
.type_check_1 li.on:before { background-image:url("/petpermint/images/cmpet/cont/ico_check_check_on.png"); }
.type_check_1 li + li { margin-top:8px; }

.type_check_new_1 li { position:relative; line-height:1.375; }
.type_check_new_1 li + li { margin-top:12px; }
.type_check_new_1 li .btn { justify-content:stretch; width:auto; height:auto; font-size:16px; color:#666; font-weight:400; border:0; border-radius:0; }
.type_check_new_1 li .btn > em { position:relative; padding:0; }
.type_check_new_1 li .btn > em:before { display:none; }

/* .type_check_new_1 li em { position:relative; padding-right:22px; } */
/* .type_check_new_1 li em:before { position:absolute; right:0; top:50%; width:20px; height:20px; background:url("/petpermint/images/cmpet/cont/ico_arrow.png") no-repeat center center; transform:translateY(-50%); content:""; } */
/* .type_check_new_1 li em.on:before { background-image:url("/petpermint/images/cmpet/cont/ico_arrow_on.png"); } */
/* .type_check_new_1 li .btn { position:absolute; right:0; top:50%; width:20px; height:20px; padding:0; background:url("/petpermint/images/cmpet/cont/ico_check_check.png") no-repeat center center; background-size:contain; border:1px solid #e5e5e5; border-radius:50%; transform:translateY(-50%); } */
/* .type_check_new_1 li .btn > em { position:absolute !important; left:0; top:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; } */
/* .type_check_new_1 li.on .btn { background-image:url("/petpermint/images/cmpet/cont/ico_check_check_on.png"); } */

.type_nb_1 li { position:relative; line-height:1.375; }

.type_decimal li { list-style-type:decimal; list-style-position:inside; padding-left:18px; text-indent:-18px; }
.type_decimal li + li { margin-top:8px; }


/* ico- */
.ico_dot { position:relative; padding-left:10px; }
.ico_dot:before { position:absolute; left:0; top:5px; width:3px; height:3px; background:#666; border-radius:50%; content:""; }

/* text & color- */
.hide { display:none; }
.color_point { color:#6e61de; }
.color_red { color:#f2416b !important; }

/* 툴팁 */
.tooltips_box { position:relative; display:inline-block; width:16px; height:16px; margin-left:6px; background:url("/petpermint/images/cmpet/cont/ico_tooltips.png") no-repeat center center; background-size:contain; }
.tooltips_box > em { position:absolute; left:0; top:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; }

/* Temp */
.layer_btn_area {position:fixed; left:0; top:50%; width:150px; padding:10px; font-size:12px; border:1px solid #ddd; transform:translateY(-50%); }
.layer_btn_area p { margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #111; }
.layer_btn_area a { display:block; padding:6px 0; }

.obj_area { }
.obj_area .temp_box { padding:10px 0; }
.obj_area .temp_box + .temp_box { margin-top:20px; }
.obj_area .temp_box > h2 { margin-bottom:20px; padding-bottom:15px; font-size:18px; color:#666; font-weight:700; border-bottom:1px dotted #111; }
.obj_area .temp_box * { margin:10px 0; }

/* 로딩 */
.block-ui-overlay { opacity:1; background:rgba(0,0,0,0.6); }
.block-ui-overlay + .block-ui-message-container { left:50%; right:unset; top:50%; transform:translate(-50%, -50%); z-index:10; }
.block-ui-overlay + .block-ui-message-container div { display:none; }
.block-ui-overlay + .block-ui-message-container:before { position:absolute; left:50%; top:50%; width:40px; height:60px; background:url("/petpermint/images/cmpet/common/MM.png") no-repeat center center; background-size:contain; transform:translate(-50%, -50%); z-index:12; content:""; }
.block-ui-overlay + .block-ui-message-container:after  { position:absolute; left:50%; top:50%; width:80px; height:80px; background:#fff; border:1px solid #888; border-radius:50%; box-shadow:0 0 1rem rgba(256,256,256,0.8); 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 + .block-ui-message-container { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:10; }
.block-ui-overlay2 + .block-ui-message-container:before { position:absolute; left:50%; top:50%; width:320px; height:196px; background:url("/petpermint/images/cmpet/common/wyl_loading_bg.png") no-repeat center center; transform:translate(-50%, -50%); z-index:12; content:""; background-size:cover; }
.block-ui-overlay2 + .block-ui-message-container:after  { position:absolute; left:50%; top:50%; width:280px; height:49px; background:#fff; box-shadow:0 0 1rem rgba(256,256,256,0.7); transform:translate(-50%, -50%); z-index:12; content:""; background:url("/petpermint/images/cmpet/common/wyl_loading_bar.gif") no-repeat center center; background-size:cover; }

/* 일반형 */
.block-ui-overlay3.on { width:100%; height:100%; opacity:1; background:rgba(0,0,0,0.6); }
.block-ui-overlay3 + .block-ui-message-container { top:50%; margin-top:-25rem; transform:translateY(-50%); z-index:10; }
.block-ui-overlay3 + .block-ui-message-container div { display:none; }
.block-ui-overlay3 + .block-ui-message-container:before { position:absolute; left:50%; top:0; width:276px; height:40px; background:url("/petpermint/images/cmpet/common/wylie_loading.gif") no-repeat center center; background-size:contain; transform:translateX(-50%); z-index:12; content:""; }

/* 기본형 */
/* .block-ui-overlay3 { width:100%; height:100%; opacity:1; background:rgba(0,0,0,0.6); }
.block-ui-overlay3 + .block-ui-message-container { top:50%; margin-top:0; transform:translateY(-50%); z-index:10; }
.block-ui-overlay3 + .block-ui-message-container div { display:none; }
.block-ui-overlay3 + .block-ui-message-container:before { position:absolute; left:50%; top:0; width:276px; height:40px; background:url("/petpermint/images/cmpet/common/wylie_loading.gif") no-repeat center center; background-size:contain; transform:translateX(-50%); z-index:12; content:""; } */

.hide_txt{display:inline-block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;clip:rect(1px 1px 1px 1px)}