@charset "utf-8";
/*@import "font.css";*/

* { 
    box-sizing: border-box;
    font-family: /*'Pretendard', Sans-serif;*/'Noto Sans KR', sans-serif;
    color: #212121;
}
/* a:visited {
    color: unset;
} */
.swal2-shown {
    padding-right: 0px !important;
}
.swal2-actions {
    width: 100% !important;
    flex-wrap: unset !important;
}
.swal2-deny, .swal2-confirm {
    max-width: 140px !important;
    width: 100% !important;
}
.swal2-html-container.set {
    margin: 0 !important;
    padding: 0 !important;
}
.swal2-html-container.set > .exit_pop_content {
    text-align: center;
    line-height: 20px; /* 142.857% */
    padding-top: 32px;swiper.m_hot_con
}
.swal2-html-container.set > .exit_pop_content.mobile {
    align-self: flex-end;
}
.swal2-html-container.set > .exit_pop_content > .join_pop {
    padding-top: 12px;
}
.swal2-html-container.set > .exit_pop_content > .title {
    font-size: 24px;
    font-weight: 800;
    line-height: 30px; /* 125% */
    margin-bottom: 12px;
}
.swal2-popup.set > .swal2-close {
    width: 24px;
    height: 24px;
}
.swal2-popup.set > .swal2-actions > button {
    height: 50px;
}
.swal2-popup.set.mobile {
    align-self: flex-end;
    grid-row: 3;
    max-width: unset;
    border-radius: 12px 12px 0 0;
}
.swal2-backdrop-show.set { /* 모바?�¼ ?Œ�?—… 백그?�¼?š´?“œ */
    padding: 0;
}




.chk_group.fixed {
    display: flex;
    align-items: center;
    gap: 4px;
    line-height: 20px; /* 142.857% */
}
.chk_group.fixed > input[type="checkbox"] {
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 2px solid #ccc;
}
.chk_group.fixed > input[type="checkbox"]:checked {
    background: url(../z_images/zoo_img/checked_black.svg) no-repeat center center;
    border: none !important;
}
.chk_group.fixed > label {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    text-align: left;
}
.mont {
	font-family: 'Montserrat';
}
[type="radio"], select {
    appearance: none;
}
.normalradios {
    vertical-align: middle;
    appearance: none;
    border: 2px solid #CCCCCC;
    border-radius: 50%;
    width: 17px;
    height: 17px;
}

.normalradios:checked {
    border: 2px solid #000; position: relative;
}
.normalradios:checked:after {
    content: '';
    position: absolute;
    left: 2px; top: 2px;
    background-color: #000;
    width: 9px; height: 9px;
    border-radius: 50%;
}
.normalradios:disabled {
    border: 5px solid #ddd;
}
label.input_label {
    margin-left: 5px; margin-right: 15px;
}
.swal2-styled.swal2-confirm {
    box-shadow: none !important; /* "?•„?‹ˆ?˜¤" 버튼?�˜ ?�¬ì»¤ìŠ¤ ?…Œ?‘�리ë?? ? œê±? */
}
div:where(.swal2-container) .swal2-html-container {
    color: var(--Dark, #212121) !important;
    text-align: center;
    font-size: 14px !important;
    line-height: 20px !important;
    margin: 40px 0 0 0!important;
}
div:where(.swal2-container).swal2-center>.swal2-popup {
    padding: 20px;
    max-width: 400px;
    width: calc(100% - 40px);
    border-radius: 12px;
    background: #FFF;
	z-index:999;
}
.swal2-deny, .swal2-confirm {
    border-radius: 100px !important;
    padding: 0.8em 1.3em !important;
}

.pop_test_btn_custom {
    padding: 12px 40px !important;
}
.pop_test_long {
    max-width: 480px !important;
}


#timer { 
    position: absolute;
    top: 0;
    right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: red;
    z-index: 100;
}
form {
    margin: 0;
}



/*html {
    overflow-y: scroll;
    overflow-x: hidden;
}*/
/*html, body {overscroll-behavior: contain; overflow-y: auto !important; height: 100%;}*/

html { height: 100%; overflow-y: scroll; scrollbar-gutter: stable; }
body { min-height: 100%; overflow: visible; overscroll-behavior: contain; }

body {
    margin: 0;
    font-size: 14px;
}
p {
    margin: 0;
}
input, button, select, textarea {
    margin: 0;
    padding: 0;
}
button {
    border: none;
    cursor: pointer; 
    background-color: #fff;
}
ul:after {display:block;visibility:hidden;clear:both;content:""}

/* hidden */
.hidden {display: block; position: absolute; overflow: hidden; top: -999999px; left: -999999px; width: 1px; height: 1px; font-size: 0; text-indent: -999999px; line-height: 0;}


.sign_admin_view {
    width: 200px;
    height: 120px;
    background-color: #f4f4f4;
}

/* button area */
.btn {display: inline-block; vertical-align: bottom;}
.btn img {border: 0; vertical-align: middle;}
.btn:hover {text-decoration: none;}


.btn.homepage,
.btn.logout {font-family: '?�‹???', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif;}

.btn.homepage {height: 22px; padding: 0 7px; border: 1px solid #686868; font-size: 11px; color: #ffffff; line-height: 24px; background-color: #565656;}
.btn.logout {height: 22px; padding: 0 7px; border: 1px solid #686868; font-size: 11px; color: #ffffff; line-height: 24px; background-color: #3a3a3a;}
.btn.prove {height: 22px; padding: 0 7px; border: 1px solid #686868; font-size: 11px; color: #ffffff; line-height: 24px; background-color: #0476b8;}
.btn.grayback {height: 22px; padding: 0 7px; border: 1px solid #686868; font-size: 11px; color: #999; line-height: 24px; background-color: #f2f2f2;}

.btn.done {
    height: 22px; padding: 2px 6px 0; border: 1px solid #b4b4b4; font-size: 12px; line-height: 20px; color: #333333; text-align: center; letter-spacing: -0.06em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #f2f2f2;
    }


/*
 * ì¡°ê±´ë¶? ê²??ƒ‰ ?‹œ ?“°?Š” 버튼
 * ?ƒ�?œ„메뉴 ?“± 기본? �?�¸ 버튼 : basic
 * 미리보기 : basic look
 */
button.btn.basic {height: 36px;}
a.btn.basic {height: 34px;}
.btn.basic {padding: 0 22px; border: 1px solid #bfbfbf; font-family: 'Nanum Gothic', 'NanumGothic', '?‚˜?ˆ”고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-weight: bold; font-size: 13px; line-height: 35px; color: #515151; text-align: center; letter-spacing: -0.04em; background-color: #fafafa;}
	.btn.basic span {display: block; text-align: left;}
	.btn.basic span.look {padding-right: 22px; background: url('../z_images/icon/icon_link.png') no-repeat right 11px;}


/*
 * ì¡°ê±´ë¶? ê²??ƒ‰ ?‹œ ?“°?Š” 버튼
 * ê²??ƒ‰ : sch
 * ? „ì²´ë³´ê¸? : clear
 */
.btn.sch, .btn.clear {width: 100px; height: 27px; font-family: 'Nanum Gothic', 'NanumGothic', '?‚˜?ˆ”고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; font-weight: 400; text-align: center; line-height: 27px; color: #ffffff;}
.btn.sch {background-color: black;}
.btn.clear {background-color: white; border: 1px solid #d7d7d7; color: #807f80;}


/*
 * 문�발송, 메�발송 버튼 : sns
 * 
 */
.btn.sns {width: 134px; height: 34px; border: 1px solid #bfbfbf; font-family: 'Nanum Gothic', 'NanumGothic', '?‚˜?ˆ”고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; font-weight: bold; color: #515151; text-align: center; line-height: 35px; background-color: #e8e8e8;}
	.btn.sns span {display: block; text-align: left;}
	.btn.sns span.icon_sms {padding-left: 53px; background: url('../z_images/icon/icon_sms.png') no-repeat 31px 11px;}
	.btn.sns span.icon_mail {padding-left: 56px; background: url('../z_images/icon/icon_mail.png') no-repeat 29px 12px;}
button.btn.upper {height: 27px;}
a.btn.upper {height: 25px;}
.btn.upper {
	padding: 0 15px; border: 1px solid #bababa; font-family: 'Nanum Gothic', 'NanumGothic', '?‚˜?ˆ”고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; color: #606060;
	background: #f5f5f5;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%, #f5f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0 ); /* IE6-9 */
	}


/*
 * table ê²??ƒ‰ 버튼 : schtable
 * active?•œ 버튼 : acti
 * ?…¸ë©??•œ 버튼 : none
 */
button.btn.schtable,
button.btn.acti,
button.btn.none {height: 25px;}
a.btn.schtable,
a.btn.acti,
a.btn.none {height: 23px;}
.btn.schtable {
	padding: 0 17px; border: 1px solid #3793c8; font-family: 'Nanum Gothic', 'NanumGothic', '?‚˜?ˆ”고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; font-weight: bold; text-align: center; color: #4d4d4d; line-height: 24px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}
.btn.acti {
	padding: 0 14px; border: 1px solid #0074b5; font-family: 'Nanum Gothic', 'NanumGothic', '?‚˜?ˆ”고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 12px; font-weight: bold; text-align: center; color: #ffffff; line-height: 24px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #0074b5;
	}
.btn.none {
	padding: 0 14px; border: 1px solid #939292; font-family: 'Nanum Gothic', 'NanumGothic', '?‚˜?ˆ”고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 12px; font-weight: bold; text-align: center; color: #4d4d4d; line-height: 24px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #fefefe;
	}


/*
 * table?•ˆ?—� ?žˆ?Š” 버튼 
 * 보기 : look
 * active?•œ 버튼 : active
 * ?…¸ë©??•œ 버튼 : nomal
 */
button.btn.look,
button.btn.active,
button.btn.nomal {height: 22px;}
a.btn.look,
a.btn.active,
a.btn.nomal {height: 20px;}
a.btn.look:hover,
a.btn.active:hover,
a.btn.nomal:hover {text-decoration: none;}
.btn.look {
	padding: 0 10px; border: 1px solid #bababa; font-family: 'Nanum Gothic', 'NanumGothic', '?‚˜?ˆ”고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 12px; color: #515151; line-height: 20px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background: #f5f5f5;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%, #f5f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0 ); /* IE6-9 */
	}
.btn.active {
	padding: 0 10px; border: 1px solid #3793c8; font-family: 'Nanum Gothic', 'NanumGothic', '?‚˜?ˆ”고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 12px; color: #515151; line-height: 20px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	}
.btn.nomal {
	padding: 0 10px; border: 1px solid #b1b1b1; font-family: 'Nanum Gothic', 'NanumGothic', '?‚˜?ˆ”고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 12px; color: #515151; line-height: 20px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	}


/* 
 * 목� : list
 * ????ž¥, ?ˆ˜? •, ?“±ë¡?, 추ê?? : save
 * 취소, ?‚­? œ : cancel
 */
 .mbn {
     font-size: 20px;
     font-weight: bold;
 }
.bd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.bd2 {
    justify-content: flex-end;
}
button.btn.list,
button.btn.save,
button.btn.delete,
button.btn.cancel {width: 104px; height: 36px; font-family: 'Nanum Gothic', 'NanumGothic', '?‚˜?ˆ”고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; display: flex; align-items: center; justify-content: center;}
a.btn.list,
a.btn.save,
a.btn.delete,
a.btn.cancel {width: 104px; height: 36px; font-family: 'Nanum Gothic', 'NanumGothic', '?‚˜?ˆ”고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; line-height: 34px;}
.btn.list {border: 1px solid #7a7979; color: #515151; text-align: center; background-color: #fafafa;}
.btn.save {color: #ffffff; text-align: center; background-color: #2172d3;}
.btn.cancel {border: 1px solid #7a7979; color: #807f80; text-align: center; background-color: #f2f2f2;}
.btn.delete {color: #ffffff; text-align: center; background-color: #a6a6a6; font-size: 20px;}



/* =================================================================
   [°øÅë] Flexbox(Ç÷º½º) ·¹À̾ƿô À¯Æ¿¸®Æ¼
   ================================================================= */
.d-flex { display: flex; width: 100%; }
.d-flex-auto { display: flex; }
.d-justify-center { justify-content: center; }
.d-justify-start { justify-content: flex-start; }
.d-justify-end { justify-content: flex-end; }
.d-justify-between { justify-content: space-between; }
.d-align-center { align-items: center; }
.d-align-start { align-items: flex-start; }
.d-align-end { align-items: flex-end; }
.d-gap-5 {gap: 5px;}

.d-header-wrap { position: relative !important; display: flex !important; justify-content: center !important; align-items: center !important; }
.d-border-b { border-bottom: 1px solid #e0e0e0 !important; width: 100% !important; }
.d-p-head { padding: 16px !important; }
.d-mb-space { margin-bottom: 20px !important; }
.d-btn-close { position: absolute !important; right: 16px !important; top: 50% !important; transform: translateY(-50%) !important; cursor: pointer !important; }


.d-br-mobile { display: none; }
.d-br-pc { display: block; }
.d-pc_only { display: inline; }
.payment-bottom-fixed { overflow: visible !important; height: auto !important; width: 100% !important; margin: 0px !important; position: absolute; 
bottom: 0; left: 0; padding: 50px 20px 20px 20px !important; background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 50%, rgba(255,255,255,0)) !important; background: linear-gradient(to top, rgba(255,255,255,1) 50%, rgba(255,255,255,0)) !important; z-index: 100; }
.btn-primary {background: var(--Primary, #FF820F) !important; }

@media (max-width: 768px) {
.d-br-mobile { display: block;}
.d-br-pc { display: none; } 
.d-pc_only { display: none; } 
.payment-btn { width: 100% !important; }
.d-p-head { padding: 12px  10px !important; font-size:16px !important;}
.payment-bottom-fixed { padding: 40px 10px 0px 10px !important; }
}

@media (min-width: 769px) {
    .d-ad-btn-hp { pointer-events: none !important; cursor: default !important; }
}


/* margin & padding */

.in_wp600 {width: 600px !important;}

.marginl3 {margin-left: 3px;}
.marginl5 {margin-left: 5px;}
.marginl10 {margin-left: 10px;}
.marginl12 {margin-left: 12px;}
.marginl15 {margin-left: 15px;}
.marginl20 {margin-left: 20px;}
.marginl22 {margin-left: 22px;}
.marginl25 {margin-left: 25px;}
.marginl40 {margin-left: 40px;}
.marginml5 {margin-left: -5px;}
.marginr3 {margin-right: 3px;}
.marginr5 {margin-right: 5px;}
.marginr10 {margin-right: 10px;}
.marginr20 {margin-right: 20px;}
.marginmt2 {margin-top: -2px;}
.margintm5 {margin-top: -5px;}
.margintm10 {margin-top: -10px;}
.margintm20 {margin-top: -20px;}

.margint2 {margin-top: 2px;}
.margint3 {margin-top: 3px;}
.margint5 {margin-top: 5px;}
.margint6 {margin-top: 6px;}
.margint10 {margin-top: 10px;}
.margint12 {margin-top: 12px !important;}
.margint15 {margin-top: 15px;}
.margint20 {margin-top: 20px !important;}
.margint26 {margin-top: 26px;}
.margint40 {margin-top: 40px !important;}
.margint49 {margin-top: 49px;}
.margint50 {margin-top: 50px;}
.margint60 {margin-top: 60px !important;}
.margint100 {margin-top: 100px;}


.marginb10 {margin-bottom: 10px;}
.marginb20 {margin-bottom: 20px;}
.marginb30 {margin-bottom: 30px;}
.marginb40 {margin-bottom: 40px;}

.margin5 {margin: 5px;}

.pad5 {padding: 5px;}
.pad10 {padding: 10px !important;}
.pad510 {padding: 5px 10px;}
.padt5 {padding-top: 8px;}
.padt6 {padding-top: 6px;}
.padt52 {padding-top: 52px;}
.padl5 {padding-left: 5px;}
.padl10 {padding-left: 10px;}
.padl15 {padding-left: 15px;}
.padt10 {padding-top: 10px;}
.padt20 {padding-top: 20px;}
.pad105 {padding: 10px 10px 5px;}
.padb40 {padding-bottom: 40px;}
.padb20 {padding-bottom: 20px;}

.backgroundgray {
    background-color: #F5F5F5;
}
.minW1280 {
    width: 1280px;
}
/* a css */
a {cursor: pointer;}
a,
a:link,
a:visited {text-decoration: none;}


/* align */
.alignl {text-align: left;}
.alignr {text-align: right !important;}
.alignc {display: flex; justify-content: center; gap: 5px; text-align: center;}

.float_left {float: left;}
.float_right {float: right;}
.ableft {position: absolute; left: 0; top: 0;}
.abright {position: absolute; right: 0; top: 0;}

.vertical_top {vertical-align: top;}

/* color */
.color_none {color: #4d4d4d;}
.color_point {color: #005bac;}
.color_pointr {color: #ff0000;}
.color_pointg {color: #21872d;}
.color_pointo {color: #ff6600;}
.color_pointgr {color: #8bc138;}
.color_pointgy {color: #777777;}
.bold {font-weight: bold;}

.important_txt {display: inline-block; margin-top: 1px; font-size: 15px; color: #ff0000; vertical-align: middle;}
.important_txt1 {display: inline-block; margin-top: -1px; font-size: 12px; color: #ff0000; vertical-align: middle;}
.important_txt2 {padding-left: 15px; padding-top: 3px; font-size: 12px; color: #626262; line-height: 1.5em; background: url('../z_images/icon/icon_important.png') no-repeat 1px 7px;}



/* skip */
.skip_nav {height: 0;}
    .skip_nav a {display: block; position: absolute; left: 0; top: -100px; width: 100%; height: 1px; text-align: center;}
    .skip_nav a:focus,
    .skip a:active {position: absolute; top: 0; z-index: 120; height: 25px; padding: 10px 0; font-size: 1.4em; font-weight: 700; color: #36348f; background: #fff;}



/* block */
.theblock {display: block;}
.inblock {display: inline-block;}



/* area */
.division {overflow: hidden;}
.division20 {overflow: hidden; margin-bottom: 20px;}
.division40 {overflow: hidden; margin-bottom: 40px;}
.division50 {overflow: hidden; margin-bottom: 50px;}
.table_area {
    overflow: hidden; margin-bottom: 20px;
    background: white;
    padding: 30px 15px;
    border-radius: 15px;
    border: 1px solid #dadada;
}
.button_area {overflow: hidden; margin-bottom: 34px;}
.button_area02 {overflow: hidden; margin-bottom: 14px;}
	select.handling_select {height: 36px;}
.float_left {float: left;}
.float_right {float: right;}
.file_area + .file_area {margin-top: 8px;}
.editor_area {overflow: hidden;}
.half_area {overflow: hidden; float: left; width: 50%;}
.area20 {float: left; width: 20%;}
.area30 {float: left; width: 30%;}
.area35 {float: left; width: 35%;}
.area40 {float: left; width: 40%;}
.area45 {float: left; width: 45%;}
.area50 {float: left; width: 50%;}
.area55 {float: left; width: 55%;}
.area60 {float: left; width: 60%;}
.area65 {float: left; width: 65%;}
.area70 {float: left; width: 70%;}
.area80 {float: left; width: 80%;}
.area_xscroll {overflow-x: auto; min-width: 730px;} /* ê°?ë¡? ?Š¤?�¬ë¡? ? ˆ?�´?•„?›ƒ */
.area_xscroll2 {overflow-x: auto;} /* ê°?ë¡? ?Š¤?�¬ë¡? ? ˆ?�´?•„?›ƒ */

.select_area {overflow: hidden; padding: 8px 10px; border: 1px solid #dedede;} /* border area */
.select_area strong.title {font-family: 'Nanum Gothic', 'NanumGothic', '?‚˜?ˆ”고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-weight: bold; font-size: 13px;}
.select_area span.txt {font-family: 'Nanum Gothic', 'NanumGothic', '?‚˜?ˆ”고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px;}

.bggray { background: #e8e8e8;}
.bgwhite { background: #fff;}

table.td_left tr td{
	text-align: left !important;
}
table.list.dash th, 
table.list.dash tr,
table.list.dash td{
	padding: 10px !important;
}

.img_link_box > img {
	cursor: pointer;
}

.page_loading {
	display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
	background: rgba(0,0,0,0.7);
	color: #fff;
}

.page_loading > i {
	color: #efc614;
}

.down_link {
	margin-left: 25px;
	font-size: 0.9em;
	background-color: #000;
	color: #fff !important;
	display: inline-block;
    padding: 0px 20px;
    line-height: 30px;
    text-align: center;
    border-radius: 7px;
}

.partner_file_box {
	height: 35px;
	display: flex;
    align-items: center;
	border-bottom: solid #bebebe 2px;
	padding: 25px 0px;
}

.partner_file_box > a {
	width: 80%;
}

.partner_file_box > p {
	width: 80px;
    height: 25px;
    line-height: 25px;
	cursor: pointer;
}

.paging_area02 {
    display: flex; align-items: center; justify-content: center;
    gap: 10px; margin-top: 40px;
}
.paging_area02 > a {
    display: flex; align-items: center; justify-content: center;
    width: 18px; height: 18px; color: #666;
}
.paging_area02 > a > strong {
    color: #000;
}




/*
.DetailFramepopup {
    position: fixed; width: 100%; height: 100%;  display: none;
    z-index: 100000; background-color: rgba(0,0,0,0.7); left: 0; top: 0;
}

.Framepopup {
    width: 100%; height: 100%; overflow-y: scroll; border: 0px; 
}*/




/* ¼öÁ¤ */

.DetailFramepopup { position: fixed; width: 100%; height: 100%; display: none; z-index: 100000; background-color: rgba(0,0,0,0.7); left: 0; top: 0; }
.Framepopup { display: block; width: 100%; height: 100%; border: 0px; margin: 0; background-color: transparent; }
@media screen and (min-width: 768px) { 
	.Framepopup.popup_small { width: 800px; height: 85vh; border-radius: 12px; }
}

.community_detail_popup {
    width: 100%; height: 100%; position: fixed; left: 0; top: 0;
    padding: 20px;
}


.community_detail_popup_area,
.pet_service_detail_popup {
    background-color: #fff; width: 600px; z-index: 1;
    border-radius: 12px; 
    position: sticky; left: calc(50% - 300px); top: 40px;
    margin: 100px 0;
}
/*.pet_service_detail_popup {
    width: 560px;
    left: calc(50% - 280px);
}*/

.community_detail_popup_area > div.popup_title {
    display: flex; align-items: center; justify-content: space-between; padding: 20px;
    border-bottom: 1px solid var(--Grey_D, #DDD);
    /*box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);*/
    color: var(--Dark, #212121);
    font-size: 20px;
    font-weight: 800;

}
.community_detail_popup_area > div.popup_contents_area {
    padding: 20px;
}
.community_detail_popup_area > div.popup_contents_area > div.popup_profiles {
    display: flex; align-items: center; justify-content: space-between;
}
.community_detail_popup_area > div.popup_contents_area > div.popup_profiles > div.profiles {
    display: flex; align-items: center; justify-content: space-between;
    color: var(--Dark, #212121); font-size: 12px; font-weight: 800; gap: 5px;
}
.community_detail_popup_area > div.popup_contents_area > div.popup_profiles > div.buttons {
    position: relative;
}
.community_detail_popup_area > div.popup_contents_area > div.info1 {
    display: flex; align-items: center; justify-content: flex-start; margin-top: 8px;
    color: #666; font-size: 10px; font-weight: 400;
}

.community_detail_popup_area > div.popup_contents_area > div.info1 > span {
    display: flex; width: 43px; height: 30px; align-items: center; justify-content: center; margin-right: 8px;
    border-radius: 100px; background-color: #EEE;
    color: #212121;
    font-size: 10px;
}
.community_detail_popup_area > div.popup_contents_area > div.popup_contents_title {
    margin-top: 12px; padding-bottom: 20px; border-bottom: 1px solid #EEEEEE; 
    color: var(--Dark, #212121); font-size: 24px; font-weight: 800;

}

.community_detail_popup_area > div.popup_contents_area > div.popup_profiles > div.buttons > .buttons_sub {
    position: absolute; right: 0; top : 12px; border: 1px solid var(--Grey_D, #DDD); border-radius: 8px; padding: 12px;
    width: 80px; background-color: #fff; display: none;
}
.community_detail_popup_area > div.popup_contents_area > div.popup_profiles > div.buttons > .buttons_sub > button {
    color: var(--Dark, #212121); font-size: 12px; font-weight: 400; text-align: center; width: 100%; height: 20px;
}
.community_detail_popup_area > div.popup_contents_area > div.popup_contents {
    line-height: 25px; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #EEEEEE; 
}
.community_detail_popup_area > div.popup_contents_area > div.popup_contents img {
    width: 100% !important; 
}
.community_detail_popup_area > div.popup_contents_area > div.popup_replylist_count {
    margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #EEEEEE; 
}

.community_detail_popup_area > div.popup_contents_area > div.popup_contents > div.selecter_list_area  {
    border: 1px solid #ddd;  padding: 20px; border-radius: 12px; margin-top: 20px;
}
.community_detail_popup_area > div.popup_contents_area > div.popup_contents > div.selecter_list_area > div.list_title {
    color: var(--Dark, #212121); font-size: 20px; font-weight: 800;
}
.community_detail_popup_area > div.popup_contents_area > div.popup_contents > div.selecter_list_area > div.select_list {
    margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #EEEEEE;
}
.community_detail_popup_area > div.popup_contents_area > div.popup_contents > div.selecter_list_area > div.select_list > p {
    margin-top: 8px;
}
.community_detail_popup_area > div.popup_contents_area > div.popup_contents > div.selecter_list_area > div.list_buttons {
    text-align: center; margin-top: 20px;
}
.community_detail_popup_area > div.popup_contents_area > div.popup_contents > div.selecter_list_area > div.list_buttons > button {
    width: 200px; height: 56px; color: var(--White, #FFF);
    font-size: 16px; font-weight: 800; border-radius: 100px; background: var(--Primary, #FF820F);
}
.community_detail_popup_area > div.popup_contents_area > div.popup_contents > div.selecter_list_area > div.select_list_result > div {
    margin-top: 20px;
}
.community_detail_popup_area > div.popup_contents_area > div.popup_contents > div.selecter_list_area > div.select_list_result > div > p {
    color: var(--Dark, #212121);
    /* Title_b */
    font-size: 16px;
    font-weight: 800;
}
.community_detail_popup_area > div.popup_contents_area > div.popup_contents > div.selecter_list_area > div.select_list_result > div > div {
    display: flex; align-items: center; justify-content: flex-start;
}
.community_detail_popup_area > div.popup_contents_area > div.popup_contents > div.selecter_list_area > div.select_list_result > div > div > div {
    width: 200px; height: 8px; background-color: #eee; border-radius: 100px; margin-right: 5px; position: relative;
}
.community_detail_popup_area > div.popup_contents_area > div.popup_contents > div.selecter_list_area > div.select_list_result > div > div > div > div {
    position: absolute; left: 0px; top: 0px; height: 8px; background-color: #FF820F; border-radius: 100px;
}
.community_detail_popup_area > div.popup_contents_area > div.popup_contents > div.selecter_list_area > div.select_list_result > div > div > span {
    color: var(--Dark, #212121);
    font-size: 12px;
    font-weight: 400;
}

.swal2-title {
    color: #000 !important;
}
.popup_replylist > div {
    margin-top: 20px;
}
.popup_replylist > div,
.replylistwrap {
    display: flex; align-items: flex-start; justify-content: flex-start; gap: 12px;
    width: 100%;
}
.replylistwrap > div:nth-child(2) {
    width: calc(100% - 12px); display: flex; align-items: flex-start; flex-direction: column;
}
.replylistwrap > div:nth-child(2) > div,
.replylistwrap > div:nth-child(2) > button {
    width: 100%; display: flex;
}
.replylistwrap > div:nth-child(2) > div:nth-child(1) {
    display: flex; align-items: flex-start; justify-content: space-between; 
}
.replylistwrap > div:nth-child(2) > div:nth-child(1) > div.buttons {
    position: relative; display: flex; align-items: flex-start; justify-content: center; gap: 15px;
}
.replylistwrap > div:nth-child(2) > div:nth-child(1) > div.buttons > .buttons_sub {
    position: absolute; right: 0; top : 15px; border: 1px solid var(--Grey_D, #DDD); border-radius: 8px; padding: 12px;
    width: 80px; background-color: #fff; display: none; z-index: 1000;
}
.replylistwrap > div:nth-child(2) > div:nth-child(1) > div.buttons > .buttons_sub > button {
    color: var(--Dark, #212121); font-size: 12px; font-weight: 400; text-align: center; width: 100%; height: 20px;
}
.replylistwrap > div:nth-child(2) > div:nth-child(1) > div.buttons > span {
    display: flex; flex-direction: column; align-items: center; gap: 5px;
    color: var(--Dark, #212121); font-size: 12px; font-weight: 800;
}
.replylistwrap > div:nth-child(2) > div:nth-child(2){
    color: var(--Dark, #212121);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}
.replylistwrap > div:nth-child(2) > div:nth-child(2) > span {
    color: #999; margin-right: 5px;
}
.replylistwrap > div:nth-child(2) > button:nth-child(3){
    margin-top: 12px; 
    color: var(--Dark, #212121);
    font-size: 12px;
    font-weight: 400;
}
.replylistwrap > div:nth-child(2) > button:nth-child(4){
    margin-top: 12px; 
    color: var(--Dark, #212121);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    padding-left: 20px;
}

.community_detail_popup_area > div.popup_replyinput {
    display: flex; align-items: center; justify-content: space-between; 
    border-top: 1px solid #CCC;
}
.community_detail_popup_area > div.popup_replyinput > div {
    display: flex; align-items: center; justify-content: space-between;
    width: 100%; padding: 0px 20px; gap: 5px;
    color: var(--Dark, #212121);
    font-size: 14px;
    font-weight: 400;
    background: white;
    border-bottom-left-radius: 12px;
}
.community_detail_popup_area > div.popup_replyinput > div > input {
    width: 100%; height: 56px; border: none;
    padding: 0 12px;
}
.community_detail_popup_area > div.popup_replyinput > button {
    width: 100px; height: 57px; background-color: #000 !important; margin-top: -1px;
    color: var(--White, #FFF);
    font-size: 16px;
    font-weight: 800;
    border-bottom-right-radius: 12px;
}

.emer_popup {
    position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7);
    display: flex; align-items: center; justify-content: center; z-index: 2;
}
.emer_popup_area {
    width: 400px; padding: 20px; background-color: #fff; border-radius: 12px;
}
.emer_popup_area_close {
    text-align: right;
}
.emer_popup_area_title {
    color: var(--Dark, #212121);
    font-size: 24px;
    font-weight: 800;
    text-align: center;
}
.emer_popup_area_subtitle {
    color: var(--Dark, #212121);
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    margin-top: 8px;
}
.emer_popup_area_selector {
    margin-top: 12px;
}
.emer_popup_area_selector > p {
    margin-top: 8px;
}
.emer_popup_area_selector > p > label {
    margin-left: 0px; margin-right: 0px;
    cursor: pointer;
}

.emer_radio + label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    appearance: none;
    border: 1px solid #ddd;
    border-radius: 8px;
    width: 100%;
    padding: 12px 20px;
    color: var(--Grey_9, #999);
    font-size: 16px;
    font-weight: 400;
}

.emer_radio:checked + label {
    border: 1px solid #FF820F; background-color: #FF820F;
    position: relative;
    color: var(--White, #FFF);
    font-size: 16px;
    font-weight: 800;
    cursor: pointer;
}
.emer_radio:checked + label::after {
    content: url("../z_images/common/fa6-solid-check.svg");
    position: absolute; right: 20px;
    color: '#fff'
}

.emer_popup_area_selector > p > textarea {
    margin-top: 12px;
    border-radius: 4px;
    border: 1px solid var(--Grey_D, #DDD);
    padding: 12px; width: 100%; height: 100px;
    resize: none;
}
.emer_popup_area_picture {
    margin-top: 12px;
}
.emer_popup_area_picture > div:nth-child(1) {
    color: var(--Dark, #212121);
    font-size: 14px;
    font-weight: 800;
}
.emer_popup_area_picture > div:nth-child(2) {
    display: flex; align-items: center; justify-content: flex-start; gap: 8px;
    margin-top: 12px;
}
.emer_popup_area_picture > div:nth-child(2) > div,
.emer_popup_area_picture > div:nth-child(2) > button {
    display: flex; align-items: center; justify-content: center; width: 56px; height: 56px;
    background-color: #F5F5F5; border-radius: 4px; position: relative;
}
.emer_popup_area_picture > div:nth-child(2) > button {
    flex-direction: column;
}
.emer_popup_area_picture > div:nth-child(2) > button > span {
    color: var(--Grey_9, #999);
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px;
}
.emer_popup_area_picture > div:nth-child(2) > button > span > strong {
    color: #000; font-weight: 800;
}
.emer_popup_area_picture > div:nth-child(2) > div {
    background-size: cover; background-position: center;
}
.emer_popup_area_picture > div:nth-child(2) > div > button {
    position: absolute; right: 0px; top: 0px;
}

.emer_popup_area_buttons {
    display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 20px;
}
.emer_popup_area_buttons > button {
    width: 120px; height: 50px; border-radius: 100px; background: var(--Grey_C, #CCC);
    color: var(--White, #FFF); font-size: 16px; font-weight: 800;
}
.emer_popup_area_buttons > button:last-child {
    background-color: #000;
}


.buttonstyle1 {
    border-radius: 8px;
    background: var(--Dark, #212121);
    display: flex;
    padding: 8px 20px;
    color: var(--White, #FFF);
    font-size: 12px;
    font-weight: 800;
}
.buttonstyle2 {
    border-radius: 8px;
    border: 1px solid var(--Primary, #FF820F);
    background: var(--White, #FFF);
    display: flex;
    padding: 8px 20px;
    color: var(--Primary, #FF820F);
    font-size: 12px;
    font-weight: 800;
}
.buttonstyle3 {
    display: flex; align-items: center; justify-content: center;gap: 0px;
}
.buttonstyle3 > button:nth-child(1) {
    border-radius: 8px 0px 0px 8px;
    background: var(--Primary, #FF820F);
    padding: 8px 20px;
    color: var(--White, #FFF);
    font-size: 12px;
    font-weight: 800;    
}
.buttonstyle3 > button:nth-child(2) {
    border-radius: 0px 8px 8px 0px;
    background: var(--Green, #44CA42);
    padding: 8px 20px;
    color: var(--White, #FFF);
    font-size: 12px;
    font-weight: 800;    
}
.buttonstyle4 {
    display: flex;
    align-items: center; justify-content: center;
    width: 120px;
    height: 50px;
    border-radius: 100px;
    background: var(--Dark, #212121);
    color: var(--White, #FFF);
    font-size: 16px;
    font-weight: 800;
}
.stickerstyle1 {
    display: inline-block;
    border-radius: 4px;
    background: var(--Dark, #212121);
    padding: 4px 8px;        
    color: var(--White, #FFF);
    font-size: 10px;
    font-weight: 800;
}

.stickerstyle-gray {
    display: inline-block;
    border-radius: 4px;
    background: #777;
    padding: 4px 8px;        
    color: var(--White, #FFF);
    font-size: 10px;
    font-weight: 800;
}






.pageinfobox {
    display: flex; align-items: center; justify-content: center;
    border-bottom: 1px solid #DDD; width: 100%; height: 80px;
}

.pageinfobox > div.pageinfobox_title {
    width: 1280px;
    font-size: 24px; font-weight: 800;
    display: flex; align-items: center; justify-content: space-between;
}
.pageinfobox > div.pageinfobox_title > div:nth-child(2) {
    font-size: 16px; font-weight: 400; display: flex; align-items: center; justify-content: center;
}

.nomalbutton {
    width: 100%; min-height: 56px; border-radius: 100px; background: #CCC;
    font-size: 16px; font-weight: 800; color: #fff;
}
.nomalbutton.line {
    background: #fff; border: 1px solid #212121;
    color: #212121;
}
.nomalbutton.fill {
    background: #212121;
}
.nomalbutton.middle {
    font-size: 14px; min-height: 44px;
}
.nomalbutton.vote {
    max-width: 200px;
}

.normalradioarea {
    display: flex; align-items: center; justify-content: flex-start; gap: 8px;
    flex-direction: row; flex-wrap: wrap;
}
.normalradio {  
    display: none;                           
}
.normalradio + label {
    background-color: #EEEEEE; font-size: 14px; font-weight: 400; color: #999;
    display: flex; align-items: center; justify-content: center;
    min-width: 80px; min-height: 44px;
    border-radius: 50px;
    cursor: pointer;
}
.normalradio:checked + label {
    background-color: #FF820F; font-weight: 800; color: #fff;
    cursor: pointer;
}
.normalradioarea2 {
    display: flex; align-items: center; justify-content: flex-start; gap: 12px;
    flex-direction: row; flex-wrap: wrap;
}
.normalradio2 {
    display: none;          
}
.normalradio2 + label {
    background-color: #EEEEEE; font-size: 14px; font-weight: 400; color: #999;
    display: flex; align-items: center; justify-content: center;
    min-height: 64px;
    border-radius: 50px;
    cursor: pointer;
    max-width: 145px;
    width: 100%; padding:0 7px;
	letter-spacing:-0.3px;
}

@media (max-width: 768px) {
.normalradio2 + label {font-size: 13px;}
}

.normalradio2:checked + label {
    background-color: #FF820F; font-weight: 800; color: #fff;
}
.normalselect {
    border-radius: 4px;
    border: 1px solid #DDD;
    height: 44px; width: 100%; padding: 0px 0px 0 12px;
	background: url(../z_images/zoo_img/sel-arrow.svg) no-repeat;
	background-position: right 10px bottom 50%;    
}

.normalradioarea3 {
    display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 8px;
}
.normalradio3 {
    display: none;          
}
.normalradio3 + label {
    background-color: white /* #EEEEEE */; font-size: 14px; font-weight: 400; color: #999;
    display: flex; align-items: center; justify-content: center;
    min-width: 100%; min-height: 64px;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid var(--Grey_D, #DDD);

}
.normalradio3:checked + label {
    background-color: #FF820F; font-weight: 800; color: #fff;
    cursor: pointer;
    border: none;
}


.custom_radio_area{display:flex;flex-wrap:wrap;gap:12px;width:100%;margin:10px 0 20px 0}
.custom_radio{display:none}
.custom_radio+label{flex:1;display:flex;align-items:center;justify-content:center;min-height:64px;background-color:#EEEEEE;border-radius:50px;font-size:14px;color:#999;cursor:pointer;max-width:132px;width:100%;box-sizing:border-box}
.custom_radio:checked+label{background-color:#FF820F;color:#fff;font-weight:800}
@media screen and (max-width:769px){
.custom_radio_area{gap:8px}
.custom_radio+label{min-height:44px;max-width:calc(33.33% - 5.4px);font-size:13px}
.custom_radio+label.half{max-width:calc(50% - 4px)!important}
}


.inputRadiopop {
    position: fixed; z-index: 1001; width: 100%; height: 100%; left: 0; top: 0;
    display: flex; align-items: center; justify-content: center;
}
.inputRadiopop > div {
    width: 400px; background-color: #fff; border-radius: 12px;
    padding: 20px;
}
.inputRadiopop > div > div:nth-child(1) {
    text-align: center; font-size: 24px; font-weight: 800;
}
.inputRadiopop > div > div:nth-child(2) {
    height: 300px; overflow: auto; margin-top: 40px;
}
.inputRadiopop > div > div:nth-child(3) {
    width: 200px; margin: auto; 
	
}

.normalinput {
    border: 1px solid #CCC; height: 64px; font-size: 16px;
    padding: 0px 20px; padding-right: 10px; border-radius: 40px;    
    width: 100%;
}

.fontsizeinfo {
    position: relative;
}


.fontsizeinfoviewer {
    position: absolute; right: 20px; bottom: 16px;
    font-size: 10px; color: #999;
}

.page_info_cate.off {
    display: none !important;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.normal_post_term {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    gap: 20px;
    margin-top: 40px;
    border-radius: 12px;
    border: 1px solid var(--Primary, #FF820F);
}
.normal_post_term.mobile {
    border: none;
    padding: 0;
}
.normal_post_term > .title {
    color: var(--Dark, #212121);
    font-size: 24px;
    font-weight: 800;
    line-height: 30px; /* 125% */
}
.normal_post_term > .normal_post_btn {
    border-radius: 100px;
    border: 1px solid var(--Orange, #FF7C32);
    display: flex;
    padding: 12px 40px;
    align-items: center;

    color: var(--Orange, #FF7C32);
    font-weight: 800;
    line-height: 20px; /* 142.857% */
}
.term_open_box.on {
    display: flex !important;
    flex-direction: column;
    width: 100%;
    gap: 20px;
}
.term_open_box .term_tap {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    background: var(--Grey_F1, #F1F1F1);
    padding: 20px;
    width: 100%;
    gap: 8px;
    cursor: pointer;
}
.term_open_box .term_tap.sub,
.term_open_box .term_tap.price {
    background: none;
    padding: 0;
}
.term_open_box .term_tap > .title {
    color: var(--Dark, #212121);
    font-size: 16px;
    font-weight: 800;
    line-height: 24px; /* 150% */
}
.term_open_box .term_tap > .comment {
    color: var(--Dark, #212121);
    font-size: 16px;
    line-height: 24px; /* 150% */
}
.term_open_box .term_tap.price > .title {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px; /* 142.857% */
    gap: 4px;
}
.term_open_box .term_tap.price > .title img {
    cursor: pointer;
}
.term_open_box .term_tap.price > .top_bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-top: 1px solid var(--Grey_C, #CCC);
    border-bottom: 1px solid var(--Grey_C, #CCC);
    background: var(--Grey_F1, #F1F1F1);
    padding: 8px 0px;
}
.term_open_box .term_tap.price > .top_bar p {
    text-align: center;
    width: 100%;
}
.term_tap.price .price_graph {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.term_tap.price .price_graph > .price_graph_part {
    display: flex;
    border-bottom: 1px solid var(--Grey_C, #CCC);
}
.price_graph_part > .sub_part {
    padding: 8px 20px;
}
.price_graph_part > .sub_part .text_one {
    color: var(--Dark, #212121);
    line-height: 20px; /* 142.857% */
}
.price_graph_part > .sub_part .text_two {
    color: var(--Dark, #212121);
    font-weight: 800;
    line-height: 20px; /* 142.857% */
}
.price_graph_part > .sub_part .sub_part_divide_box {
    display: flex;
    width: 100%;
    border-bottom: 1px solid var(--Grey_C, #CCC);
}
.price_graph_part > .sub_part .sub_part_divide_box:nth-last-child(1) {
    border: none;
}
.price_graph_part > .sub_part .sub_part_divide_box .sub_part_divide {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 8px 20px;
}
.price_graph_part > .sub_part .sub_part_divide_box .sub_part_divide .text_group {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.price_graph_part > .sub_part._1 {
    max-width: 180px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.price_graph_part > .sub_part._2 {
    width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
}

/* ?�¼ë°˜ë¶„?–‘ 리뉴?–¼ 박스 모바?�¼ */
.term_open_box.mobile > .term_tap {
    background: white;
    border: 1px solid var(--Grey_D, #DDD);
    padding: 20px;
}
.term_open_box.mobile > .sub_title {
    margin-bottom: -8px;
    font-size: 14px;
    font-weight: 800;
    line-height: 20px; /* 142.857% */
}
.term_open_box.mobile > .term_tap > .title {
    display: flex;
    align-items: center;
    gap: 8px;
}
.term_open_box.mobile > .term_tap > .comment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.term_open_box.mobile > .term_tap > .comment.top {
    font-size: 14px;
    line-height: 20px; /* 142.857% */
}
.term_open_box.mobile > .term_tap > .comment > .comment_box1 {
    font-size: 14px;
    line-height: 20px; /* 142.857% */
    max-width: calc(100% - 95px);
}
.term_open_box.mobile > .term_tap > .comment > .comment_box2 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}
.term_open_box.mobile > .term_tap > .comment > .comment_box2 > p {
    color: var(--Grey_6, #666);
    text-align: right;
    font-size: 12px;
    font-weight: 800;
    line-height: 16px; /* 133.333% */
}
.term_open_box.mobile > .term_tap > .comment > .comment_box2 > span {
    text-align: right;
    font-size: 16px;
    font-weight: 800;
    line-height: 24px; /* 150% */
}
.term_open_box.mobile > .term_tap.sub.on {
    border: 1px solid var(--Primary, #FF820F);
}


.add_vote_cate p {
    color: var(--Dark, #212121);
    font-size: 12px;
    font-weight: 800;
    line-height: 15px; /* 133.333% */
    cursor: pointer;
}
.add_vote_cate span {
    color: var(--Grey_6, #666);
    font-size: 12px;
    font-weight: 400;
}

.pet_service_detail_popup > .popup_title {
    box-shadow: unset !important;
}



.inputRadiopop.set_pop > div {
    padding: 0;
}
.inputRadiopop.set_pop > div > .title_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid var(--Grey_D, #DDD);
}
.inputRadiopop.set_pop > div > .title_box > img {
    cursor: pointer;
}
.inputRadiopop.set_pop > div > .content_box {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    height: unset;
    overflow: unset;
}

.nolistData {
    display: flex; align-items: center; justify-content: center; height: 100px;
}

.textcut_online {
    display: inline-block !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.normalorderpop {
    position: absolute; right: 0px; top: 20px; 
    background-color: #fff; border: 1px solid #eee;
    padding: 20px; border-radius: 8px; width: 100px;
    display: flex; flex-direction: column; gap: 8px; z-index: 1;
}

.radiusimg {
    border-radius: 50%;
}
.mobileView {
    display: none !important;
}

.pconlyview {
    
}

.infynityAd {
    position: absolute; right: 10px; top: 10px;
    padding: 3px 5px; background-color: #ddd !important; border-radius: 5px;
    font-size: 12px;
}

.fin_write_key {
    position: absolute; right: 10px; top: 10px; z-index: 2;
    padding: 7px 10px; background-color: #f7f7f7 !important; border-radius: 100px;
    font-size: 11px; color: #FF820F;
}

#addimgs > div .edit_btn {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #000;
    color: #fff;
    border: none;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer;
    width: 50px;
}

.img_edit_popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img_edit_popup_inner {
    background: #fff;
    border-radius: 10px;
    width: 90%;
    max-width: 600px;
    overflow: hidden;
}

.img_edit_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #eee;
}

.img_edit_header p {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.img_edit_header img {
    cursor: pointer;
    width: 24px;
}

.img_edit_body {
    background: #000;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img_edit_body img {
    max-width: 100%;
    max-height: 100%;
}

.img_edit_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
}

.img_edit_tools button {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    padding: 5px 10px;
}

.img_edit_buttons button {
    border: 1px solid #ddd;
    background: #fff;
    padding: 8px 20px;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 5px;
}

.btn_upload {
    background: #f58220 !important;
    color: #fff;
    border: none !important;
    padding: 8px 30px;
    border-radius: 5px;
    cursor: pointer;
}

.img_edit_body .cropper-container {
    background: #000;
}

.img_edit_body .cropper-bg {
    background: #000;
}

/* ¸ð¹ÙÀÏ È­¸é */
@media (max-width: 768px) {
    .img_edit_popup_inner {
        width: 100%;
        height: 100%;
        max-width: 100%;
        border-radius: 0;
        display: flex;
        flex-direction: column;
    }
    
    .img_edit_header {
        padding: 12px 15px;
    }
    
    .img_edit_header p {
        font-size: 16px;
    }
    
    .img_edit_body {
        flex: 1;
        height: auto;
    }
    
    .img_edit_footer {
        flex-wrap: wrap;
        padding: 10px 15px;
        gap: 10px;
    }
    
    .img_edit_tools {
        width: 100%;
        display: flex;
        justify-content: center;
        gap: 15px;
        margin-bottom: 5px;
    }
    
    .img_edit_tools button {
        padding: 8px 12px;
    }
    
    .img_edit_tools button img {
        width: 20px;
        height: 20px;
    }
    
    .img_edit_buttons {
        display: flex;
        gap: 8px;
    }
    
    .img_edit_buttons button {
        padding: 6px 15px;
        font-size: 13px;
    }
    
    .btn_upload {
        padding: 8px 20px !important;
        font-size: 14px;
    }
}



/* ¾à°ü µ¿ÀÇ ·¹À̾ƿô ¹× Ä¿½ºÅÒ Ã¼Å©¹Ú½º */
.agree_wrap_box { display: flex; align-items: center; justify-content: space-between; padding: 15px; border: 1px solid #ddd; border-radius: 10px; background-color: #fff; margin-bottom: 20px; }
.agree_chk_label { display: flex; align-items: center; cursor: pointer; font-size: 15px; font-weight: bold; color: #333; gap: 10px; }
.chk_custom_icon { width: 24px; height: 24px; background-color: #e0e0e0; border-radius: 6px; position: relative; transition: background-color 0.2s; }
.chk_custom_icon::after { content: ''; position: absolute; left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); }
input[id="agree_checkbox"]:checked + .agree_chk_label .chk_custom_icon { background-color: #FF820F; }
.btn_terms_view { font-size: 13px; color: #888; text-decoration: underline; cursor: pointer; }


/* ÆäÀÌ¡½ºÅ¸ÀÏ */
.d-paging-container { display: flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box; }
.d-paging-btn { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 12px; background-color: #ffffff; border: 1px solid #e5e7eb; color: #4b5563; cursor: pointer; transition: all 0.2s ease; outline: none; text-decoration: none; flex-shrink: 0; }
.d-paging-number { font-weight: 700; font-size: 16px; }
.d-paging-btn:hover:not(.d-paging-active) { color: #f97316; border-color: #fdba74; }
.d-paging-active { background-color: #f97316; color: #ffffff; border-color: #f97316; box-shadow: 0 4px 6px -1px rgba(249, 115, 22, 0.3), 0 2px 4px -2px rgba(249, 115, 22, 0.3); }
.d-paging-active:hover { background-color: #ea580c; border-color: #ea580c; color: #ffffff; }
.d-paging-dots { color: #d1d5db; padding: 0 4px; font-weight: 900; letter-spacing: 2px; }
.d-paging-prev svg, .d-paging-next svg { color: #9ca3af; transition: color 0.2s ease; }
.d-paging-btn:hover .d-paging-prev svg, .d-paging-btn:hover .d-paging-next svg { color: #f97316; }

@media (max-width: 768px) {
    .d-paging-container { width: 100%; padding: 20px 12px 60px; gap: 4px; }
    /*.d-paging-btn { width: 100%; flex: 1; height: 38px; border-radius: 8px; }*/
    .d-paging-number { font-size: 14px; }
    .d-paging-dots { display: flex; align-items: center; justify-content: center; flex: 0.5; padding: 0; font-size: 14px; }
}