@charset "utf-8";


/* Membership -------------------------------------------------------------------------------------------------------------------------------- */

/* 로그인 ========================================= */
.p_Login {display:flex; justify-content:center; align-items:stretch; flex-direction:column; padding-bottom:25px;}
.p_Login li {list-style:none;}
.p_Login .logo {margin-bottom:30px; font-size:0; text-align:center;}
.p_Login .logo img {height:25px}
.p_Login .login_form {}
.p_Login .login_form li+ li {margin-top:10px;}
.p_Login .login_form input.sy_form {height:70px; padding:0 20px; font-size:16px;}
.p_Login .login_form .set_login {margin-top:15px; display:flex; flex-direction:row; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.p_Login .login_form .link_find {padding:5px 0; font-size:12px; font-weight:600; color:rgba(var(--color-point-rgb),0.45);}
.p_Login .confirm_btn {margin-top:20px;}
.p_Login .join_link {margin-top:15px; text-align:center;}
.p_Login .join_link .link_join {padding:5px; font-size:12px;}
.p_Login .join_link .link_join em {margin-right:5px; font-weight:600; color:rgba(var(--color-point-rgb),0.4);}
.p_Login .join_link .link_join strong {font-weight:700; color:var(--color-point);}



/* 계정정보 찾기 ========================================= */
.p_Find {position:relative;}
.p_Find li {list-style:none;}
.p_Find .comment_guide {padding-top:25px;}
.p_Find .comment_guide .major {font-family:'TheJamsil'; font-size:19px; line-height:1.5;}
.p_Find .comment_guide .major strong {position:relative; z-index:1; color:var(--color-point);}
.p_Find .comment_guide .major strong:before {content:""; display:none; position:absolute; left:0; bottom:1px; z-index:-1; width:100%; height:7px; background:#dce8fe;}
.p_Find .comment_guide .explain {margin-top:20px; font-size:12px; font-weight:500; color:#b6c1d4; line-height:1.6;}
.p_Find .comment_guide .result {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; flex-wrap:wrap; gap:5px}
.p_Find .find_form {margin-top:20px;}
.p_Find .find_form .receive_type {margin-bottom:15px; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:20px;}
.p_Find .find_form li+ li {margin-top:10px;}
.p_Find .find_form input.sy_form {height:60px;}
.p_Find .before_find {}
.p_Find .result_account {}
.p_Find .result_account .comment_guide .major strong:before {display:block;}



/* 회원타입 ========================================= */
.p_Usertype {display:flex; flex-direction:column; justify-content:center; align-items:stretch; position:relative;}
.p_Usertype li {list-style:none;}
.p_Usertype .join_type {}
.p_Usertype .join_type ul {display:flex; flex-direction:row; justify-content:center; align-items:center; gap:10px;}
.p_Usertype .join_type li {flex:1;}
.p_Usertype .join_type .comment {text-align:center; font-size:17px; color:var(--color-black); font-family:'TheJamsil'; margin-bottom:30px;}

.p_Usertype label.label_member {text-align:center;}
.p_Usertype label.label_member input {position:absolute; left:0; top:0; width:0px; height:0px;}
.p_Usertype label.label_member .info {display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px solid #2fd4d3; background:rgba(47,212,211,0.05);}
.p_Usertype label.label_member .info {height:210px; border-radius:3px; box-sizing:border-box;}
.p_Usertype label.label_member .name {padding-top:55px; background:url('../images/picto_member_free.svg') no-repeat center top; background-size:42px 36px; font-family:'TheJamsil'; font-size:25px; font-weight:500;}
.p_Usertype label.label_member .join {margin-top:5px; font-size:14px; font-weight:600;}
.p_Usertype label.label_member.type_pm .info {border-color:#a14ae3; background:rgba(161,74,227,0.05);}
.p_Usertype label.label_member.type_pm .name {background-image:url('../images/picto_member_pm.svg'); background-size:41px 36px;}

.p_Usertype label.label_member input:checked+ .info {background:#2fd4d3; color:#fff;}
.p_Usertype label.label_member input:checked+ .info .name {background-image:url('../images/picto_member_free_on.svg');}
.p_Usertype label.label_member.type_pm input:checked+ .info {background:#a14ae3;}
.p_Usertype label.label_member.type_pm input:checked+ .info .name {background-image:url('../images/picto_member_pm_on.svg');}

.p_Usertype .about_info {margin-top:15px; transition:all 0.25s ease-out; -webkit-transition:all 0.25s ease-out; overflow:hidden; height:0}
.p_Usertype .about_info.if_show {height:150px}
.p_Usertype .one_info {border:1px solid rgba(var(--color-point-rgb),0.1); padding:20px; border-radius:3px; box-sizing:border-box; }
.p_Usertype .one_info dt {font-size:19px; font-weight:700;}
.p_Usertype .one_info dd {margin-top:5px; color:#6a747f; line-height:1.4;}
.p_Usertype .one_info .join_pay {margin-top:10px; padding:6px 10px; background:rgba(var(--color-point-rgb),0.1); color:var(--color-point); font-weight:600; border-radius:3px;}



/* 약관동의 ========================================= */
.p_Agree {}
.p_Agree li {list-style:none;}
.p_Agree .all_agree {}
.p_Agree .all_agree label.sy_label {width:100%; border:0.8px solid rgba(var(--color-point-rgb),0.25); background:rgba(var(--color-point-rgb),0.08); border-radius:3px; box-sizing:border-box; padding:20px 0;}
.p_Agree .all_agree label.sy_label input:checked+ .tx .bg {background:rgba(var(--color-point-rgb),0.25); border-color:var(--color-point); color:var(--color-point);}
.p_Agree .all_agree .join_guide {margin-top:5px; font-size:12px; font-weight:500; text-align:center; color:rgba(var(--color-point-rgb),0.45);}
.p_Agree .all_agree .join_guide strong {color:#ff2a2a;}

.p_Agree .agree_list {margin-top:20px;}
.p_Agree .agree_list li {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; border-bottom:0.8px solid rgba(var(--color-point-rgb),0.1);}
.p_Agree .agree_list label.sy_label {flex:1; justify-content:flex-start; padding:15px 0;}
.p_Agree .agree_list label.sy_label .tx {color:rgba(var(--color-point-rgb),0.6);}
.p_Agree .agree_list label.sy_label .require {margin-left:5px; padding:2px 3px; background:rgba(var(--color-point-rgb),0.1); font-size:11px; font-weight:600; color:var(--color-point); border-radius:2px;}
.p_Agree .agree_list label.sy_label .require.none {background:rgba(var(--color-point-rgb),0.08); color:rgba(var(--color-point-rgb),0.25);}
.p_Agree .agree_list label.sy_label input:checked+ .tx {color:var(--color-point);}
.p_Agree .agree_list .btn_view {width:35px; color:rgba(var(--color-point-rgb),0.45); font-size:13px; font-weight:600; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.p_Agree .agree_list .btn_view:before {content:">";}




/* 서류제출 ========================================= */
.p_File {padding-top:30px;}
.p_File li {list-style:none;}
.p_File .comment {font-family:'TheJamsil'; font-size:19px; line-height:1.6;}

.p_File .join_step {margin-top:30px;}
.p_File .join_step dl {position:relative; padding-left:23px; padding-bottom:20px;}
.p_File .join_step dl:before {content:""; position:absolute; left:4px; top:5px; width:0.8px; height:100%; background:rgba(var(--color-point-rgb),0.6);}
.p_File .join_step dl:last-child {padding-bottom:0;}
.p_File .join_step dl:last-child:before {display:none;}
.p_File .join_step dt {font-family:'TheJamsil'; font-size:14px; color:rgba(var(--color-point-rgb),0.6);}
.p_File .join_step dd {margin-top:5px; font-size:12px; color:#b6c1d4; line-height:1.4;}
.p_File .join_step .bullet {position:absolute; left:-2px; top:1px; width:7px; height:7px; background:rgba(var(--color-point-rgb),0.6); border:3px solid #fff; border-radius:100%;}

.p_File .file_list {margin-top:30px;}
.p_File .file_list ul {display:flex; flex-direction:row; justify-content:center; align-items:stretch; border:0.8px solid #dce8fe; border-radius:3px;}
.p_File .file_list li {flex:1; padding:20px 5px 15px; text-align:center; box-sizing:border-box;}
.p_File .file_list li+ li {border-left:0.8px solid #dce8fe;}
.p_File .file_list .picto {font-size:0;}
.p_File .file_list .picto img {height:25px;}
.p_File .file_list .name {margin-top:20px; font-size:12px; font-weight:600;}

.p_File .addition {margin-top:15px; font-size:11px; font-weight:500; color:#b6c1d4; line-height:1.6;}







/* Main -------------------------------------------------------------------------------------------------------------------------------- */

/* 메인 ========================================= */
html.if_main .wrap {background:#f5f7fb;}
.p_Main {flex:1; display:flex; flex-direction:column; justify-content:space-between; align-items:stretch; padding-bottom:env(safe-area-inset-bottom); overflow-y:auto;}
html.if_android .p_Main {padding-bottom:20px;}
.p_Main li {list-style:none;}

/* 상단 */
.p_Main .top_gnb {flex:none;}
.p_Main .top_gnb .gnb {display:flex; flex-direction:row; justify-content:space-between; align-items:center; height:70px; padding:0 var(--layout-gap); background:#fff; padding-top:env(safe-area-inset-top);}
.p_Main .top_gnb .gnb ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:20px;}
.p_Main .top_gnb .logo {font-size:0;}
.p_Main .top_gnb .logo a {display:block;}
.p_Main .top_gnb .logo img {height:28px;}
.p_Main .top_gnb .btn_menu {position:relative;}
.p_Main .top_gnb .btn_menu .icon {display:block; width:22px; height:30px; background-size:auto 22px !important; background-repeat:no-repeat !important; background-position:center center !important;}
.p_Main .top_gnb .btn_menu.type_push .icon {background-image:url('../images/main/btn_alarm.svg');}
.p_Main .top_gnb .btn_menu.type_set .icon {background-image:url('../images/main/btn_setting.svg');}
.p_Main .top_gnb .btn_menu .no_read {position:absolute; right:0; top:0; width:6px; height:6px; border-radius:100%; background:var(--color-point); transform:translateX(50%);}
.p_Main .top_gnb .btn_menu.if_deny {opacity:0.2; filter:alpha(opacity=20); -ms-filter:alpha(opacity=20);}
.p_Main .top_gnb .btn_menu.if_deny:before {content:""; width:1px; height:35px; background:#000; position:absolute; left:50%; top:-1px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.p_Main .top_gnb .btn_menu.if_noread .icon {animation:mv_main_push 2s infinite; -webkit-animation:mv_main_push 2s infinite; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.p_Main .top_gnb .my_info {display:flex; flex-direction:row; justify-content:space-between; align-items:center; flex-wrap:wrap; padding:10px var(--layout-gap) 20px; background:#fff; border-radius:0 0 26px 26px;}
.p_Main .top_gnb .my_info .name {font-family:'TheJamsil'; font-size:20px; color:#000;}
.p_Main .top_gnb .my_info .today {flex:none; font-size:11px; color:rgba(var(--color-point-rgb),0.25); font-weight:600;}

@-webkit-keyframes mv_main_push {
	0% {transform: rotate(0deg);}
	10% {transform: rotate(25deg);}
	20% {transform: rotate(-25deg);}
	30% {transform: rotate(15deg);}
	40% {transform: rotate(-15deg);}
	50% {transform: rotate(5deg);}
	60% {transform: rotate(-5deg);}
	70% {transform: rotate(0deg);}
	100% {transform: rotate(0deg);}
}
@keyframes mv_main_push {
	0% {transform: rotate(0deg);}
	10% {transform: rotate(25deg);}
	20% {transform: rotate(-25deg);}
	30% {transform: rotate(15deg);}
	40% {transform: rotate(-15deg);}
	50% {transform: rotate(5deg);}
	60% {transform: rotate(-5deg);}
	70% {transform: rotate(0deg);}
	100% {transform: rotate(0deg);}
}

@-webkit-keyframes mv_main_refesh {
	0% {trnasform:rotate(0); -webkit-transform:rotate(0);}
	100% {trnasform:rotate(360deg); -webkit-transform:rotate(360deg);}
}
@keyframes mv_main_refesh {
	0% {trnasform:rotate(0); -webkit-transform:rotate(0);}
	100% {trnasform:rotate(360deg); -webkit-transform:rotate(360deg);}
}

/* 현재남은 */
.p_Main .now_remain {flex:1; flex:none; display:flex; flex-direction:row; justify-content:space-between; align-items:center; padding:20px var(--layout-gap) 12px;}
.p_Main .now_remain .usable {flex:1; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; flex-wrap:wrap; font-family:'TheJamsil'; color:#000; padding:0 3px;}
.p_Main .now_remain .usable strong {margin-right:2px; font-size:24px; font-weight:500;}
.p_Main .now_remain .usable em {margin-right:5px;font-size:20px; font-weight:300;}
.p_Main .now_remain .usable em + em {margin:0;}
.p_Main .now_remain .btn_refresh {flex:none; margin-right:5px; background:transparent url('../images/main/btn_refresh.svg') center center no-repeat; background-size:15px; width:15px; height:15px;}
.p_Main .now_remain .btn_refresh.if_refresh {animation:mv_main_refesh 0.7s ease; -webkit-animation:mv_main_refesh 0.7s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}

/* 나의현황 */
.p_Main .my_state {flex:1; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; margin:0 var(--layout-gap); overflow:hidden; border-radius:15px; background:#18b4cc;}
.p_Main .my_state .about_common {display:flex; flex-direction:column; justify-content:space-between; align-items:stretch; padding:15px 20px; box-sizing:border-box; overflow:hidden;}
.p_Main .my_state .about_common {transition:all 0.25s ease-out; -webkit-transition:all 0.25s ease-out;}
.p_Main .my_state .about_pay {flex:1; background:var(--color-point); border-radius:0 0 15px 15px; position:relative;}
.p_Main .my_state .about_reward {flex:none; height:75px; padding:0 20px;}

.p_Main .my_state .guide_tip {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:4px; margin-bottom:15px; z-index:10; position:relative;}
.p_Main .my_state .guide_tip strong {color:rgba(255,255,255,0.6); font-size:13px; position:relative;}
.p_Main .my_state .guide_tip .sy_tooltip .btn_tip {background-image:url('../images/system/ic_tooltip_fill_white.svg'); opacity:0.5; filter:alpha(opacity=50); -ms-filter:alpha(opacity=50); background-size:13px;}
.p_Main .my_state .guide_tip .sy_tooltip .open_tip {top:25px;}
.p_Main .my_state .guide_tip .btn_extend {margin-left:auto; color:#fff; font-size:11px; font-weight:600; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:2px}
.p_Main .my_state .guide_tip .btn_extend {border-radius:100px; padding:5px 6px 4px; line-height:1; border:0.8px solid rgba(255,255,255,0.2); background:rgba(0,0,0,0.15);}
.p_Main .my_state .guide_tip .btn_extend:after {content:"+"; width:8px;}

.p_Main .my_state .sum_price {position:relative; z-index:4; flex:1; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column;}
.p_Main .my_state .sum_price * {font-family:'TheJamsil'; color:#fff; font-size:18px; line-height:1;}
.p_Main .my_state .sum_price dl {display:flex; flex-direction:row; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:5px; flex:1; box-sizing:border-box; position:relative;}
.p_Main .my_state .sum_price dt {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; flex-wrap:wrap; gap:5px; font-weight:300;}
.p_Main .my_state .sum_price dt .picto {font-size:0;}
.p_Main .my_state .sum_price dt .picto img {width:16px; height:16px;}
.p_Main .my_state .sum_price dd {font-weight:300; letter-spacing:0px;}
.p_Main .my_state .sum_price .this_use {margin-top:10px; padding-top:10px; border-top:0.8px dashed rgba(255,255,255,0.3);}
.p_Main .my_state .sum_price dl.picto_reward {background-image:url('../images/main/picto_reward.svg');}
.p_Main .my_state .sum_price dl.picto_this {background-image:url('../images/main/picto_this.svg');}
.p_Main .my_state .sum_price .extend {overflow:hidden; transition:all 0.25s ease-out; -webkit-transition:all 0.25s ease-out; height:0px; box-sizing:border-box;}
.p_Main .my_state .sum_price .extend * {font-size:13px; color:rgba(255,255,255,0.7);}
.p_Main .my_state .sum_price .extend dl {margin-top:10px; padding-left:18px;}
.p_Main .my_state .sum_price .extend dl:before {content:""; width:6px; height:6px; border:1px solid rgba(255,255,255,0.3); border-top:0; border-right:0; position:absolute; left:5px; top:2px;}

.p_Main .my_state.if_extend .about_reward {height:0px;}
.p_Main .my_state.if_extend .sum_price .extend {height:75px;}
.p_Main .my_state.if_extend .guide_tip .btn_extend:after {content:"-";}

.p_Main .my_state .about_reward .sum_price {justify-content:center}
.p_Main .my_state .about_reward .sum_price * {font-size:15px;}
.p_Main .my_state .about_reward .sum_price dl {flex:none; padding-left:20px; background-size:16px !important; background-repeat:no-repeat !important; background-position:left center !important;}
.p_Main .my_state .about_reward .sum_price dl+ dl {margin-top:8px;}

.p_Main .my_state .ratio_bar {overflow:hidden; position:relative; z-index:5; height:4px; background:rgba(0,0,0,0.4); border-radius:100px; margin-top:15px; }
.p_Main .my_state .ratio_bar .bar {min-width:4px; height:100%; background:#fff; border-radius:100px; transition:all 0.4s cubic-bezier(1, 0.01, 0, 1); -webkit-transition:all 0.4s cubic-bezier(1, 0.01, 0, 1);}
.p_Main .my_state .ratio_bar.if_deadline .bar {background:#ff2a2a;}

.p_Main .my_state .visual_motion {position:absolute; right:-100px; top:-100px;}
.p_Main .my_state .visual_motion:before {content:""; width:200px; height:200px; border-radius:100%; position:absolute; right:0; top:0; background:#fff; display:block;}
.p_Main .my_state .visual_motion:before {opacity:0.05; filter:alpha(opacity=5); -ms-filter:alpha(opacity=5);}
.p_Main .my_state .visual_motion:before {animation:mv_visual_motion 3s infinite; -webkit-animation:mv_visual_motion 3s infinite; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.p_Main .my_state .visual_motion:after {content:""; width:300px; height:300px; border-radius:100%; position:absolute; right:0; top:-80px; background:#fff; display:block;}
.p_Main .my_state .visual_motion:after {opacity:0.05; filter:alpha(opacity=5); -ms-filter:alpha(opacity=5);}
.p_Main .my_state .visual_motion:after {animation:mv_visual_motion 4s infinite; -webkit-animation:mv_visual_motion 4s infinite; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}

@keyframes mv_visual_motion {
	0% {}
	30% {transform:rotate(90deg) translate(-20px, 15px) scale(1.2); -webkit-transform:rotate(90deg) translate(-20px, 15px) scale(1.2);}
	60% {transform:rotate(180deg) translate(0) scale(0.9); -webkit-transform:rotate(180deg) translate(0) scale(0.9);}
	60% {transform:rotate(90deg) translate(10px, 10px) scale(1.1); -webkit-transform:rotate(90deg) translate(10px, 10px) scale(1.1);}
	100% {transform:rotate(0deg) translate(0) scale(1.0); -webkit-transform:rotate(0deg) translate(0) scale(1.0);}
}
@-webkit-keyframes mv_visual_motion {
	0% {}
	30% {transform:rotate(90deg) translate(-20px, 15px) scale(1.2); -webkit-transform:rotate(90deg) translate(-20px, 15px) scale(1.2);}
	60% {transform:rotate(180deg) translate(0) scale(0.9); -webkit-transform:rotate(180deg) translate(0) scale(0.9);}
	60% {transform:rotate(90deg) translate(10px, 10px) scale(1.1); -webkit-transform:rotate(90deg) translate(10px, 10px) scale(1.1);}
	100% {transform:rotate(0deg) translate(0) scale(1.0); -webkit-transform:rotate(0deg) translate(0) scale(1.0);}
}

/* 결제방법 */
.p_Main .payway {padding:20px var(--layout-gap) 0;}
.p_Main .payway ul {flex:1; display:flex; flex-direction:row; justify-content:stretch; align-items:stretch; flex-wrap:wrap; gap:18px;}
.p_Main .payway li {flex:1;}
.p_Main .payway .one_pay {display:flex; flex-direction:column; justify-content:space-evenly; align-items:stretch; position:relative; height:100%; text-align:center; border-radius:15px; box-sizing:border-box;}
.p_Main .payway .one_pay {background:#fff; box-shadow:10px 20px 20px 0 rgba(160,177,193,0.2); padding:20px 0;}
.p_Main .payway .one_pay.type_pay .picto {background:transparent url('../images/necopay/picto_type_pay.svg') center center no-repeat;}
.p_Main .payway .one_pay.type_sms .picto {background:transparent url('../images/necopay/picto_type_sms.svg') center center no-repeat;}
.p_Main .payway .one_pay .picto {font-size:0; margin-bottom:15px; height:58px; background-size:auto 58px; background-repeat:no-repeat; background-position:center center;}
.p_Main .payway .one_pay .how {font-size:12px; font-weight:600; color:rgba(var(--color-point-rgb),0.25); line-height:1;}
.p_Main .payway .one_pay .name {margin-top:5px; font-family:'TheJamsil'; font-size:18px; font-weight:500; color:#000;}



/* 사이트맵 */
.p_Main .sitemap {padding:30px 10px 10px; flex:none;}
.p_Main .sitemap ul {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:23px 0;}
.p_Main .sitemap .one_link {display:flex; flex-direction:column; justify-content:flex-start; align-items:center; position:relative;}
.p_Main .sitemap .one_link .picto {font-size:0; height:23px;}
.p_Main .sitemap .one_link .picto img {height:23px;}
.p_Main .sitemap .one_link .name {margin-top:5px; font-size:13px; font-weight:700; color:#000;}
.p_Main .sitemap .one_link .count {display:inline-flex; flex-direction:row; justify-content:center; align-items:center; margin-top:5px; min-width:45px; padding:0 5px; border:0.8px solid rgba(var(--color-point-rgb),0.25);}
.p_Main .sitemap .one_link .count {background:#fff; border-radius:100px; height:20px; box-sizing:border-box;}
.p_Main .sitemap .one_link .count strong {padding-top:1px; font-family:'TheJamsil'; font-size:10px; color:var(--color-point); line-height:1;}


/* 세로작은화면 반응형 */
@media screen and (max-height:750px) {
	.p_Main {overflow:auto}
	.p_Main .top_gnb {position:sticky; top:0; z-index:100}
	.p_Main .my_state {height:230px; flex:none}
}








/* 내정보(세팅) ========================================= */
.p_Setting {position:fixed; left:0; top:0; z-index:400; width:100%; height:100%; background:#fff; transform:translateX(100%); box-sizing:border-box;}
.p_Setting {display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.p_Setting li {list-style:none;}
.p_Setting.if_open {transform:translateX(0);}

.p_Setting .my_default {flex:none; position:relative; padding:25px var(--layout-gap); border-top:env(safe-area-inset-top) solid #f5f7fb; background:#f5f7fb;}
.p_Setting .my_default .member {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; flex-wrap:wrap;}
.p_Setting .my_default .id {margin-bottom:5px; font-size:14px; font-weight:500; color:rgba(var(--color-point-rgb),0.6); letter-spacing:-0.2px;}
.p_Setting .my_default .name {margin-right:5px; font-family:'TheJamsil'; font-size:20px; letter-spacing:-0.4px; color:#000;}
.p_Setting .my_default .type {height:20px; padding:0 4px; border:0.8px solid #2fd4d3; background:rgba(47,212,211,0.1); border-radius:2px; box-sizing:border-box;}
.p_Setting .my_default .type {display:flex; flex-direction:row; justify-content:center; align-items:center; font-size:12px; font-weight:600; color:#2fd4d3;}
.p_Setting .my_default .type.type_pm {border-color:#a14ae3; background:rgba(161,74,227,0.1); color:#a14ae3;}
.p_Setting .my_default .last_login {margin-top:10px; font-size:11px; font-weight:500; color:#b6c1d4; word-break:break-word;}
.p_Setting .my_default .btn_close {position:absolute; top:24px; right:20px; z-index:5; width:24px; height:24px; background:url('../images/system/ic_close_black.svg') no-repeat center center; background-size:12px;}

.p_Setting .share_join {border-radius:3px; display:flex; justify-content:center; align-items:center; flex-direction:column; height:45px; margin-bottom:15px; background:rgba(var(--color-point-rgb),0.1);}
.p_Setting .share_join strong {background:transparent url('../images/share_btn.svg') left center no-repeat; padding-left:18px; color:#000; background-size:12px; font-weight:500; font-size:1.05em;}

.p_Setting .contents {flex:1; overflow-y:auto; padding:20px var(--layout-gap);}

.p_Setting .group {padding-bottom:15px; border-bottom:0.8px solid #dce8fe;}
.p_Setting .group+ .group {margin-top:15px; }
.p_Setting .group dl {display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; font-weight:500;}
.p_Setting .group dl+ dl {margin-top:8px;}
.p_Setting .group dt {flex:none; width:95px; color:#b6c1d4; font-size:12px;}
.p_Setting .group dd {flex:1; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; flex-wrap:wrap; gap:3px; line-height:1.35; word-break:keep-all; overflow-wrap:anywhere;}
.p_Setting .group dd strong {word-break:break-word;}
.p_Setting .group .pay_name {border-radius:100px; padding:2px 6px 1px; font-size:12px; font-weight:600; color:rgba(var(--color-point-rgb),0.6); background:rgba(var(--color-point-rgb),0.1);}
.p_Setting .group .none {color:#aaa;}
.p_Setting .group .label_wrap {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; flex-wrap:wrap; gap:0 10px; width:100%;}

.p_Setting .group_title {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; flex-wrap:wrap; gap:5px; min-height:24px; margin-bottom:15px;}
.p_Setting .group_title strong {font-family:'TheJamsil'; font-size:15px; font-weight:500; letter-spacing:-0.2px; color:var(--color-black)}
.p_Setting .group_title .btn_go {display:flex; flex-direction:row; justify-content:center; align-items:center; height:24px; padding:0 10px; border:0.8px solid var(--color-point); border-radius:30px;}
.p_Setting .group_title .btn_go {margin-left:auto; font-size:12px; font-weight:600; line-height:1; color:var(--color-point); box-sizing:border-box;}

.p_Setting .out_link {margin-top:10px;}
.p_Setting .out_link ul {display:flex; flex-direction:row; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:15px;}
.p_Setting .out_link .btn_link {padding:5px 0; font-size:12px; font-weight:500; color:#b6c1d4;}

.p_Setting .app_set {flex:none; display:flex; flex-direction:row; justify-content:space-between; align-items:center; flex-wrap:wrap; padding:0 var(--layout-gap) 40px;}
.p_Setting .app_set .side_area {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.p_Setting .app_set .version_title {font-family:'TheJamsil'; font-size:14px; font-weight:500; margin-right:5px; line-height:1;}
.p_Setting .app_set .latest_version {font-size:12px; font-weight:600; color:var(--color-point);}
.p_Setting .app_set .link_update {padding:5px 0; font-size:13px; font-weight:600; color:#ff2a2a;}
.p_Setting .app_set .link_update strong {padding-right:18px; background:url('../images/btn_app_update.svg') no-repeat right center; background-size:16px;}
.p_Setting .app_set .label_name {margin-right:5px; font-size:12px; font-weight:600; color:var(--color-point);}









/* Usable Design -------------------------------------------------------------------------------------------------------------------------------- */

/* 팝업창 (관리자설정)  ========================================= */
.p_Popup {position:fixed; left:0; top:0 !important; z-index:9999999; width:100%; height:100%; padding-top:60px; background:transparent; box-sizing:border-box;}
.p_Popup {display:flex; flex-direction:column; justify-content:flex-end; align-items:center; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;}
.p_Popup+ .p_Popup {visibility:hidden;}
.p_Popup .pop_wrap {overflow:hidden; position:relative; z-index:100; width:100%; max-height:100%; border-radius:20px 20px 0 0; box-sizing:border-box;}
.p_Popup .pop_wrap {display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}
.p_Popup .img_box {overflow-y:auto; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; background:#fff;}
.p_Popup .img_box img {width:100%;}
.p_Popup .img_box a {font-size:0;}
.p_Popup .editor_box {overflow-y:auto; background:#fff; padding:20px; box-sizing:border-box; width:100%; flex:auto;}
.p_Popup .close_box {background:#fff;}
.p_Popup .close_box ul {position:relative; display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.p_Popup .close_box ul:before {content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:0.8px; height:15px; background:#b6c1d4;}
.p_Popup .close_box li {list-style:none; flex:1;}
.p_Popup .close_box .btn_ctrl {height:70px; box-sizing:border-box; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.p_Popup .close_box .btn_ctrl strong {font-size:13px; line-height:1; color:var(--color-black); font-weight:600;}
.p_Popup .close_box .btn_ctrl input {position:absolute; left:0; top:0; width:0; height:0; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.p_Popup_bg {background:rgba(0,0,0,0.7); position:fixed; left:0; top:0; width:100%; height:100%; z-index:10;}



/* 앱 업데이트 팝업 ========================================= */
.p_Update {position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000; display:flex; justify-content:center; align-items:center; flex-direction:column; box-sizing:border-box;}
.p_Update {transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.p_Update * {transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.p_Update li {list-style:none;}
.p_Update .bg_close {position:fixed; left:0; top:0; z-index:1; background:rgba(0,0,0,0.85); width:100%; height:100%; backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px);}
.p_Update .wrapping {position:relative; z-index:2; width:270px; box-sizing:border-box; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}

.p_Update .contents {display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; padding:40px 10px 35px; background:#fff; text-align:center; border-radius:3px 3px 0 0;}
.p_Update .contents .logo {font-size:0;}
.p_Update .contents .logo img {height:22px;}
.p_Update .contents .comment {margin-top:30px;}
.p_Update .contents .comment dt {font-family:'TheJamsil'; font-size:15px; font-weight:500; line-height:1.33; color:#000;}
.p_Update .contents .comment dd {margin-top:10px; color:#6a747f; line-height:1.38;}
.p_Update .contents .next_time {margin-top:10px;}
.p_Update .contents .next_time .btn_next {display:inline-flex; flex-direction:row; justify-content:center; align-items:center; height:30px; padding:0 20px;}
.p_Update .contents .next_time .btn_next strong {font-size:12px; font-weight:600; color:var(--color-black); text-decoration:underline;}

.p_Update .app_download {border-radius:0 0 3px 3px; overflow:hidden;}
.p_Update .app_download .btn_down {display:flex; flex-direction:row; justify-content:center; align-items:center; height:50px; background:var(--color-point); }
.p_Update .app_download .btn_down strong {padding-left:18px; background:url('../images/btn_update_down.svg') no-repeat left center; background-size:12px; font-size:14px; font-weight:600; color:#fff; white-space:nowrap;}

.p_Update.if_close {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); visibility:hidden;}
.p_Update.if_close .wrapping {transform:translateY(50px);}






/* 모달(경고/컨펌창) ========================================= */
.p_Modal {position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.p_Modal {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); visibility:hidden; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.p_Modal li {list-style:none;}
.p_Modal .wrapping {display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; z-index:2; width:280px;}
.p_Modal .bg_close {position:fixed; left:0; top:0; z-index:1; background:rgba(0,0,0,0.8); width:100%; height:100%;}
.p_Modal .contents {background:#fff; padding:20px 20px 30px; border-radius:3px 3px 0 0;}

.p_Modal.type_cover .bg_close {-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background:rgba(0,0,0,0.85);;}

.p_Modal .add_info {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.p_Modal .add_info .picto {font-size:0;}
.p_Modal .add_info .picto img {height:50px;}
.p_Modal .comment {margin-top:10px;}
.p_Modal .comment dt {font-family:'TheJamsil'; font-size:18px; line-height:1.4;}
.p_Modal .comment dd {margin-top:10px; font-size:12px; color:rgba(var(--color-point-rgb),0.45); line-height:1.45;}
.p_Modal .comment .buyer_phone {background:rgba(255,42,42,0.1); border-radius:3px; border:0.8px solid rgba(255,42,42,0.6); box-sizing:border-box; padding:10px; text-align:center; font-size:15px;  font-weight:700; color:#000;}
.p_Modal .comment .buyer_phone {margin-bottom:10px; letter-spacing:-0.5px;}
.p_Modal .write_info {margin-top:15px; background:rgba(var(--color-point-rgb),0.07); padding:14px; border-radius:5px;}
.p_Modal .write_info dl {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; font-size:12px;}
.p_Modal .write_info dl+ dl {margin-top:5px; padding-top:5px; border-top:1px dashed rgba(var(--color-point-rgb),0.1); }
.p_Modal .write_info dt {width:60px;}
.p_Modal .write_info dd {flex:1; font-weight:700; color:var(--color-point);}

.p_Modal .share_link {margin-top:20px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:10px}
.p_Modal .share_link .btn_share {width:50px; height:50px; border-radius:22px; display:flex; justify-content:center; align-items:center; flex-direction:column; overflow:hidden;}
.p_Modal .share_link .btn_share img {width:100%; height:100%;}

.p_Modal .bottom_control {overflow:hidden; border-radius:0 0 3px 3px;}
.p_Modal .bottom_control ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.p_Modal .bottom_control li {flex:1;}
.p_Modal .bottom_control .btn_ctrl {display:flex; flex-direction:row; justify-content:center; align-items:center; height:50px; background:var(--color-point); font-size:14px; font-weight:600; color:#fff;}
.p_Modal .bottom_control .btn_ctrl.type_kakao {background:#f9e000; color:#3c1d1e;}
.p_Modal .bottom_control .btn_ctrl.type_kakao strong {padding-left:23px; background:url('../images/system/btn_kakao.svg') no-repeat -5px center; background-size:30px;}
.p_Modal .bottom_control .btn_ctrl.type_cancel {background:#999;}

.p_Modal.if_open {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); visibility:visible;}
.p_Modal.if_open .wrapping {animation:mv_modal_showup 0.25s ease forwards; -webkit-animation:mv_modal_showup 0.25s ease forwards;}

@-webkit-keyframes mv_modal_showup {
	0% {transform:scale(0.5);}
	60% {transform:scale(1.1);}
	100% {transform:scale(1.0);}
}
@keyframes mv_modal_showup {
	0% {transform:scale(0.5);}
	60% {transform:scale(1.1);}
	100% {transform:scale(1.0);}
}




/* 레이어기본 ========================================= */
.p_Layer {position:fixed; left:0; top:0; width:100%; height:100%; box-sizing:border-box; display:flex; justify-content:flex-end; align-items:stretch; flex-direction:column; z-index:1000; visibility:hidden; overflow:hidden;}
.p_Layer {padding-top:env(safe-area-inset-top); transition:all 0.15s ease-out; -webkit-transition:all 0.15s ease-out;}
.p_Layer * {transition:all 0.15s ease-out; -webkit-transition:all 0.15s ease-out;}
.p_Layer li {list-style:none;}
.p_Layer .wrapping {background:#fff; overflow:hidden; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; z-index:2; border-radius:10px 10px 0 0;}
.p_Layer .wrapping {transform:translateY(100%); position:relative; max-height:calc(100% - 70px); height:calc(100% - 70px); }
.p_Layer .bg_close {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background:rgba(0,0,0,0.8); opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); pointer-events:none;}
.p_Layer .sc_Pagetop {margin-top:0px !important;}
.p_Layer .sc_Section {z-index:3}
.p_Layer .form_wrapping {flex:1; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; overflow:hidden;}
.p_Layer .form_wrapping .sc_Section {overflow-y:auto; max-height:100%}
.p_Layer .form_wrapping .sc_bottom {flex:none}

.p_Layer.auto_height .wrapping {height:auto;}
.p_Layer.auto_height .sc_Section {padding-bottom:25px; padding-top:0px;}

.p_Layer.if_open {visibility:visible; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
.p_Layer.if_open * {transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.p_Layer.if_open .bg_close {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); pointer-events:initial}
.p_Layer.if_open .wrapping {transform:translateY(0);}






/* 이미지 크게보기 ========================================= */
.p_Viewphoto {position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000; display:flex; justify-content:center; align-items:stretch; flex-direction:column; box-sizing:border-box;}
.p_Viewphoto {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); visibility:hidden; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; padding:50px 0 70px;}
.p_Viewphoto {background:rgba(0,0,0,0.9); transform:scale(0.8); -webkit-transform:scale(0.8);}
.p_Viewphoto li {list-style:none;}
.p_Viewphoto .photo {position:relative; z-index:2; box-sizing:border-box; max-height:100%; flex:1;}
.p_Viewphoto .photo img {width:100%; height:100%; object-fit:contain;}
.p_Viewphoto .btn_close {position:absolute; left:50%; bottom:40px; z-index:5; width:16px; height:16px; background:transparent url('../images/system/ic_close_white.svg') no-repeat center center; background-size:16px;}
.p_Viewphoto .btn_close {transform:translateX(-50%);}
.p_Viewphoto.if_open {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); visibility:visible; transform:scale(1.0); -webkit-transform:scale(1.0);}









/* Page Design -------------------------------------------------------------------------------------------------------------------------------- */



/* 완료페이지(가입/결제 등) ========================================= */
.p_Complete {display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
.p_Complete li {list-style:none;}
.p_Complete .picto {font-size:0;}
.p_Complete .picto img {height:80px;}

.p_Complete .comment {margin-top:20px;}
.p_Complete .comment dt {font-family:'TheJamsil'; font-size:20px; line-height:1.4; margin-bottom:15px; }
.p_Complete .comment dd {font-weight:500; color:rgba(var(--color-point-rgb),0.45); line-height:1.5;}
.p_Complete .comment dd+ dd {margin-top:10px;}
.p_Complete .comment dd.sms_timer {text-align:center; background:rgba(255,42,42,0.05); border:1px solid rgba(255,42,42,0.3); padding:12px 6px;  color:#ff2a2a; border-radius:100px;}
.p_Complete .comment dd.open_time {background:rgba(var(--color-point-rgb),0.6); padding:12px; color:#fff; border-radius:3px;}
.p_Complete .comment dd.open_time .weekly {border-top:1px dashed rgba(255,255,255,0.2); margin-top:5px; padding-top:5px; font-size:16px; font-weight:700;}
.p_Complete .comment dd.close_today {background:rgba(255,42,42,0.05); border:1px solid rgba(255,42,42,0.3); padding:12px 6px; color:#ff2a2a; border-radius:3px;}





/* 하단카피라잇 ========================================= */
.sc_Copyright {flex:none; padding:0 var(--layout-gap); position:relative; margin-bottom:15px}
html.if_android .sc_Copyright {margin-bottom:30px;}
html.if_ios .sc_Copyright {margin-bottom:env(safe-area-inset-bottom)}
.sc_Copyright .business_link {display:flex; justify-content:center; align-items:center; flex-direction:row; font-size:12px; color:rgba(var(--color-point-rgb),0.45); gap:2px}
.sc_Copyright .business_link i {line-height:1; transform:rotate(90deg); -webkit-transform:rotate(90deg); transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out}
.sc_Copyright .open_info {position:absolute; left:50%; bottom:10px; width:calc(100% - 2*var(--layout-gap)); background:rgba(var(--color-point-rgb),0.03); padding:15px; box-sizing:border-box; border:0.8px solid rgba(var(--color-point-rgb),0.25); transform:translateX(-50%); border-radius:3px;}
.sc_Copyright .open_info {display:flex; justify-content:center; align-items:flex-start; flex-direction:column; gap:2px; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.sc_Copyright .open_info {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); visibility:hidden;}
.sc_Copyright .open_info .txt {color:#6a747f; font-size:11px; font-weight:500;}
.sc_Copyright.if_open .open_info {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); visibility:visible; bottom:30px;}
.sc_Copyright.if_open .business_link i {transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}







/* 푸시 알림함 ========================================= */
.p_Push {overflow-y:auto; background:#fff; flex:1; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; padding-bottom:40px;}
.p_Push li {list-style:none;}
.p_Push img {max-width:100%;}
.p_Push .am_list {padding:20px; flex:1;}
.p_Push .am_list li+ li {padding-top:30px;}
.p_Push .am_list .no_list {display:flex; justify-content:center; align-items:center; flex-direction:column; height:100%;}
.p_Push .am_list .no_list strong {color:#bbb; font-size:13px; line-height:1; margin-top:15px; letter-spacing:-0.5px;}
.p_Push .am_list .no_list .ic {opacity:0.2; filter:alpha(opacity=20); -ms-filter:alpha(opacity=20);}
.p_Push .am_list .no_list .ic svg {width:50px;}
.p_Push .am_box {padding-left:25px; position:relative; overflow:hidden; display:flex; justify-content:center; stretch:flex-start; flex-direction:column;}
.p_Push .am_box:before {content:""; width:7px; height:7px; background:var(--color-point); border-radius:100px; position:absolute; left:3px; top:3px; z-index:2}
.p_Push .am_box:after {content:""; width:0.8px; height:200%; background:rgba(var(--color-point-rgb),0.25); position:absolute; left:6px; top:18px; z-index:1}
.p_Push .am_box .date {color:rgba(var(--color-point-rgb),0.6); font-size:10px; line-height:1; margin-top:10px; font-weight:500;}
.p_Push .am_box .conts {color:var(--color-black);}
.p_Push .am_box .conts dt {font-size:15px; line-height:1.4; letter-spacing:-0.5px; margin-bottom:5px; font-family:'TheJamsil';}
.p_Push .am_box .conts dd {font-size:13px; line-height:1.4; letter-spacing:-0.5px;}
.p_Push .am_box .photo {font-size:0px; margin-top:10px;}
.p_Push .am_box .btn_link {display:flex; justify-content:center; align-items:center; flex-direction:row; padding:12px 0; margin-top:10px; background:rgba(var(--color-point-rgb),0.1); border-radius:5px;}
.p_Push .am_box .btn_link {color:rgba(var(--color-point-rgb),0.6); line-height:1; font-size:13px; font-weight:600; letter-spacing:-0.5px;}
.p_Push .am_box .btn_link .ic {display:flex; justify-content:center; align-items:center; flex-direction:column;}
.p_Push .am_box .btn_link .ic svg {display:none; fill:#ff0000; width:15px;}






/* 폼페이지 ========================================= */
.p_Form {}
.p_Form.full_top {padding-top:0px;}
.p_Form li {list-style:none;}

.p_Form .group_title {display:flex; justify-content:space-between; align-items:center; flex-direction:row; margin-bottom:12px; box-sizing:border-box;}
.p_Form .group_title strong {color:#000; font-size:18px; font-weight:700; line-height:1;}
.p_Form .group_title .btn_onoff {width:19px; height:19px; background:transparent url('../images/system/ic_arrow_down.svg') center center no-repeat; background-size:13px 9px; margin-right:-4px;}
.p_Form .group_title .btn_onoff {transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; opacity:0.2; filter:alpha(opacity=20); -ms-filter:alpha(opacity=20);}

.p_Form .group {}
.p_Form .group+ .group {margin-top:30px;}

.p_Form .group dl+ dl {margin-top:15px;}
.p_Form .group dl+ div {margin-top:15px;}
.p_Form .group div+ dl {margin-top:15px;}
.p_Form .group .sy_btn {height:50px; font-size:13px; padding:0px 15px;}
.p_Form .group dt {margin-bottom:6px; color:#6a747f; line-height:1; font-size:13px; font-weight:600;}
.p_Form .group dt strong {position:relative;}
.p_Form .group dt strong:before {content:""; width:4px; height:4px; background:#ff2a2a; border-radius:100px; position:absolute; right:-8px; top:3px; display:none;}
.p_Form .group dd {position:relative;}
.p_Form .group dt.ess strong:before {display:block;}
.p_Form .group dd+ dd {margin-top:5px;}
.p_Form .group dd.with_multi {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; flex-wrap:wrap; gap:5px}
.p_Form .group dd.with_multi .sy_form {flex:1}
.p_Form .group dd.with_multi .sy_btn {min-width:70px;}
.p_Form .group dd.with_label {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; flex-wrap:wrap; gap:0 15px; padding:5px 0 10px; border-bottom:1px solid rgba(var(--color-point-rgb),0.1);}
.p_Form .group dd.with_half {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px}
.p_Form .group dd.with_file {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; border-bottom:1px solid rgba(var(--color-point-rgb),0.1); padding-bottom:10px;}
.p_Form .result_price {grid-column:auto / span 2; border:1px dashed rgba(var(--color-point-rgb),0.25); padding:12px;}
.p_Form .result_price strong {display:block; font-size:15px; font-weight:500; font-family:'TheJamsil'; color:var(--color-point);}
.p_Form .result_price em {font-size:11px; color:rgba(var(--color-point-rgb),0.45); margin-top:3px; display:block;}

.p_Form .group .lineup_half {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px;}
.p_Form .group .lineup_half dl {margin:0px !important;}
.p_Form .group .hide_wrap {/*개발용묶음*/}
.p_Form .group .upper_ctrl {position:absolute; right:10px; top:0; display:flex; justify-content:center; align-items:center; flex-direction:row; height:100%;}
.p_Form .group dd.with_multi .upper_ctrl {right:85px}
.p_Form .group .upper_ctrl .sy_tooltip .btn_tip {height:50px; width:30px; margin-right:-5px;}
.p_Form .group .width_upper {position:relative; flex:1}
.p_Form .group .width_upper .upper_ctrl {right:15px !important}

.p_Form .group.if_fold dl {display:none;}
.p_Form .group.if_fold .lineup_half {display:none;}
.p_Form .group.if_fold .group_title {margin-bottom:0px;}
.p_Form .group.if_fold .group_title .btn_onoff {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.p_Form .group.if_fold+ .group {margin-top:20px;}

/* 디자인 추가요소 */
.p_Form .btn_open_more {margin-left:auto; font-size:12px; color:rgba(var(--color-point-rgb),0.45); font-weight:500; line-height:1; padding:5px 0;}
.p_Form .open_more {padding:15px; font-size:12px; border:0.8px solid rgba(var(--color-point-rgb),0.25); background:#f5f7fb; border-radius:3px; margin-top:5px; display:none; width:100%;}
.p_Form .open_more.if_open {display:block;}

.p_Form .gender {font-weight:600; border-radius:3px; width:24px; height:24px; display:flex; justify-content:center; align-items:center; flex-direction:column; color:#fff; font-size:12px;}
.p_Form .gender.man {background:#73ccff;}
.p_Form .gender.woman {background:#ff7376;}

.p_Form .run_camera {width:40px; height:40px; background:transparent url('../images/system/btn_camera.svg') center center no-repeat; background-size:23px 23px;}

.p_Form .join_fee {background:var(--color-point); border-radius:3px; margin-bottom:30px; padding:20px;}
.p_Form .join_fee * {color:#fff; font-family:'TheJamsil';}
.p_Form .join_fee dl {display:flex; justify-content:space-between; align-items:center; flex-direction:row; font-size:13px;}
.p_Form .join_fee dd {opacity:0.5; filter:alpha(opacity=50); -ms-filter:alpha(opacity=50);}
.p_Form .join_fee .price {text-align:right; font-size:24px; margin-top:10px; line-height:1; border-top:0.8px dashed rgba(255,255,255,0.2); padding-top:10px;}

.p_Form .page_comment {color:var(--color-point); font-family:'TheJamsil'; font-size:18px; line-height:1.45; margin-bottom:25px;}
.p_Form .page_comment .addition {margin-top:12px; color:#6a747f; font-size:12px; line-height:1.5;}

.p_Form .chice_result {margin-top:5px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; flex-wrap:wrap; gap:5px}
.p_Form .chice_result .word {border-radius:100px; height:28px; padding:0 10px; font-size:12px; font-weight:500; color:rgba(var(--color-point-rgb),0.6); background:rgba(var(--color-point-rgb),0.1);}
.p_Form .chice_result .word {display:flex; justify-content:center; align-items:center; flex-direction:column;}

.p_Form .signiture {margin-top:5px; border-radius:3px; border:0.8px solid #dce8fe; box-sizing:border-box; font-size:0px; overflow:hidden;}

.p_Form .logout {margin-top:15px; text-align:right; border-top:1px solid rgba(var(--color-point-rgb),0.1); padding-top:10px;}
.p_Form .logout .link_logout {}
.p_Form .logout .link_logout strong {padding-left:16px; background:url('../images/btn_lock.svg') no-repeat left center; background-size:11px 13px; font-weight:700;}

.p_Form .copyright {margin-top:15px; font-size:11px; font-weight:600; text-align:center; color:rgba(var(--color-point-rgb),0.25);}

.p_Form .btn_open_layer {margin-left:auto; font-size:11px; color:#b6c1d4; font-weight:600; line-height:1; padding:5px 0;}/* 레이어 열림 버튼 */

.p_Form .tiemr {color:#ff2a2a; font-weight:600; font-size:12px;}

.p_Form .auth_phone {display:flex; justify-content:space-between; align-items:center; flex-direction:row; margin-top:5px;}
.p_Form .auth_phone .comment {color:#ff2a2a; font-weight:600;}
.p_Form .auth_phone .btn_mini {font-weight:600; color:#000; background:transparent url('../images/ic_refresh.svg') left center / 10px no-repeat; height:25px;}
.p_Form .auth_phone .btn_mini {display:flex; justify-content:center; align-items:center; flex-direction:column; padding-left:13px;}


/* 선택페이 */
.p_Form .use_pay {margin-bottom:25px; padding:20px; border:0.8px solid var(--color-point); border-radius:3px; box-shadow:5px 5px 10px 0 rgba(0,71,187,0.15); box-sizing:border-box;}
.p_Form .use_pay .pay_info {display:flex; flex-direction:row; justify-content:space-between; align-items:center; border-bottom:0.8px solid #dce8fe; padding-bottom:15px; margin-bottom:5px; gap:5px}
.p_Form .use_pay .pay_info .name {font-family:'TheJamsil'; font-size:22px; color:var(--color-point);}
.p_Form .use_pay .pay_info .fee {padding:2px 5px; background:rgba(255,42,42,0.1); font-size:12px; font-weight:700; color:#ff2a2a; border-radius:3px;}
.p_Form .use_pay .pay_info .fee em {margin-left:3px;}
.p_Form .use_pay .pay_info .btn_change {padding:5px 0; font-size:12px; font-weight:600; color:rgba(var(--color-point-rgb),0.45); margin-left:auto;}

.p_Form .use_pay .sum_info {}
.p_Form .use_pay .sum_info dl {display:flex; flex-direction:row; justify-content:space-between; align-items:center; flex-wrap:wrap; font-size:13px;}
.p_Form .use_pay .sum_info dl+ dl {margin-top:5px; padding-top:5px; border-top:0.8px solid #dce8fe;}
.p_Form .use_pay .sum_info dt {font-weight:500; color:#6a747f;}
.p_Form .use_pay .sum_info dd {font-family:'TheJamsil'; letter-spacing:0;}
.p_Form .use_pay .sum_info dl.this_usable dd {color:#2fd4d3;}

/* 웹인증폼 */
.p_Form .auth_form {}
.p_Form .auth_form li {position:relative;}
.p_Form .auth_form li+ li {margin-top:10px;}
.p_Form .auth_form .input_auth {position:relative;}
.p_Form .auth_form input.sy_form {height:60px; padding-left:50px;}
.p_Form .auth_form .picto {position:absolute; left:15px; top:50%; transform:translateY(-50%); width:20px; height:20px; pointer-events:none; background-size:20px !important; background-repeat:no-repeat !important;}
.p_Form .auth_form .picto {background-position:center center !important; opacity:0.2; filter:alpha(opacity=20); -ms-filter:alpha(opacity=20); transition:all 0.25s ease-out; -webkit-transition:all 0.25s ease-out;}
.p_Form .auth_form li.id .picto {background-image:url('../images/picto_web_name.svg?v=1')}
.p_Form .auth_form li.password .picto {background-image:url('../images/picto_web_phone.svg?v=1')}
.p_Form .auth_form input.sy_form:focus+ .picto {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
.p_Form .auth_form .confirm_btn {margin-top:15px;}

/* 상품/판매자 */
.p_Form .order_item {overflow:hidden; position:relative; border:0.8px solid rgba(var(--color-point-rgb),0.25); border-radius:3px;}
.p_Form .order_item .thumb {min-height:140px; padding:20px; background:#fff url('../images/system/ic_no_photo.svg') no-repeat center center; background-size:25px; box-sizing:border-box;}
.p_Form .order_item .thumb .photo {overflow:hidden; position:relative; height:170px; display:flex; flex-direction:row; justify-content:center; align-items:center; border-radius:3px;}
.p_Form .order_item .thumb .photo:before {content:""; position:absolute; right:10px; bottom:10px; width:30px; height:30px; border-radius:3px;}
.p_Form .order_item .thumb .photo:before {background:rgba(0,0,0,0.5) url('../images/btn_expand.svg') no-repeat center center; background-size:14px;}
.p_Form .order_item .thumb .photo img {width:100%;}
.p_Form .order_item .thumb .photo.if_open {height:auto;}
.p_Form .order_item .thumb .photo.if_open:before {display:none;}
.p_Form .order_item .sale_info {background:rgba(var(--color-point-rgb),0.08); padding:20px;}
.p_Form .order_item .sale_info ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start;}
.p_Form .order_item .sale_info ul+ ul {margin-top:6px;}
.p_Form .order_item .sale_info ul.this_division {margin-top:10px; padding-top:10px; border-top:0.8px solid rgba(var(--color-point-rgb),0.25);}
.p_Form .order_item .sale_info .option {flex:none; width:45px; font-weight:500; color:#b6c1d4; white-space:nowrap;}
.p_Form .order_item .sale_info .option strong {letter-spacing:5px;}
.p_Form .order_item .sale_info .value {flex:1; margin-left:20px; font-weight:600;}
.p_Form .order_item .sale_info .price {font-family:'TheJamsil'; font-weight:400; color:var(--color-point); letter-spacing:0;}
.p_Form .order_item .btn_call {display:flex; flex-direction:row; justify-content:center; align-items:center; border-radius:30px; position:absolute; right:20px; bottom:20px; width:70px; height:24px; background:#ff2a2a;}
.p_Form .order_item .btn_call strong {padding-left:13px; background:url('../images/btn_tel_white.svg') no-repeat left center; background-size:10px; font-size:12px; font-weight:600; color:#fff;}

/* 타이머 */
.p_Form .close_timer {display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.p_Form .close_timer {overflow:hidden; position:absolute; left:var(--layout-gap); bottom:20px; width:calc(100% - 2*var(--layout-gap)); height:40px; background:rgba(3,13,26,0.9); border-radius:50px;}
.p_Form .close_timer {animation:mv_close_timer 1s ease forwards; -webkit-animation:mv_close_timer 1s ease forwards;}
.p_Form .close_timer .notify {padding-left:15px; font-size:12px; color:#fff;}
.p_Form .close_timer .notify strong {color:#45e900; font-weight:700;}
.p_Form .close_timer .btn_close {width:40px; height:40px; background:url('../images/system/ic_close_white.svg') no-repeat center center; background-size:8px;}
.p_Form .close_timer.if_close {display:none;}

@-webkit-keyframes mv_close_timer {
    0% {transform:translateY(60px); -webkit-transform:translateY(60px);}
	30% {transform:translateY(-20px); -webkit-transform:translateY(-20px);}
    100% {transform:translateY(0); -webkit-transform:translateY(0);}
}
@keyframes mv_close_timer {
    0% {transform:translateY(60px); -webkit-transform:translateY(60px);}
	30% {transform:translateY(-20px); -webkit-transform:translateY(-20px);}
    100% {transform:translateY(0); -webkit-transform:translateY(0);}
}


/* 세무대행 서비스 선택 */
.p_Form .tax_service {margin-bottom:35px;}
.p_Form .tax_service .before {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; height:60px; padding:0 15px; background:var(--color-point); border-radius:3px;}
.p_Form .tax_service .before strong {flex:1; font-family:'TheJamsil'; padding-right:15px; font-size:14px; color:#fff; font-weight:300;}
.p_Form .tax_service .before strong {background:url('../images/system/ic_arrow_right_white.svg') no-repeat right center; background-size:7px 10px;}
.p_Form .tax_service .selected {padding:15px; background:var(--color-point); border-radius:3px;}
.p_Form .tax_service .selected .tie {display:flex; flex-direction:row; justify-content:space-between; align-items:stretch;}
.p_Form .tax_service .selected .title {font-family:'TheJamsil'; font-size:16px; color:#fff; padding-right:10px; line-height:1.3;}
.p_Form .tax_service .selected .btn_select {flex:none; padding:5px; margin-top:-5px;}
.p_Form .tax_service .selected .btn_select strong {font-size:12px; color:#fff; padding-right:15px; background:url('../images/ic_reset.svg') no-repeat right center; background-size:12px;}
.p_Form .tax_service .selected .comment {margin-top:4px; font-size:12px; color:rgba(255,255,255,0.5); line-height:1.3;}
.p_Form .tax_service .selected .value {display:flex; flex-direction:row; justify-content:space-between; align-items:center; flex-wrap:wrap; padding-top:15px; margin-top:15px; border-top:1px dashed rgba(255,255,255,0.3);}
.p_Form .tax_service .selected .option {padding-right:5px; font-size:12px; color:rgba(255,255,255,0.5);}
.p_Form .tax_service .selected .price {font-family:'TheJamsil'; font-size:22px; color:#fff; letter-spacing:0;}




/* 카드사별 무이자안내 ========================================= */
.p_Card {}
.p_Card li {list-style:none;}
.p_Card .division {border-bottom:0.8px solid rgba(var(--color-point-rgb),0.6); color:rgba(var(--color-point-rgb),0.6); font-size:14px; font-family:'TheJamsil'; padding-bottom:10px;}
.p_Card .card_list+ .division {margin-top:30px;}
.p_Card .card_list dl {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:10px; border-bottom:0.8px solid rgba(var(--color-point-rgb),0.1); padding:8px 0; font-size:12px;}
.p_Card .card_list dt {width:65px; text-align:left; font-weight:600; display:flex; justify-content:center; align-items:flex-start; flex-direction:column;}
.p_Card .card_list dt img {height:13px;}
.p_Card .card_list dd {flex:1; color:#6a747f; word-wrap:break-word; word-break:keep-all; white-space:normal;  line-height:1.4;}
.p_Card .tip {margin-top:15px; font-size:12px; color:rgba(var(--color-point-rgb),0.45); line-height:1.4;}




/* 약관동의등 긴 텍스트 ========================================= */
.p_Fulltext {font-size:12px; line-height:1.4;}




/* 회원가입 서비스구분 ========================================= */
.p_Myjob {}
.p_Myjob li {list-style:none;}
.p_Myjob li {display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}
.p_Myjob li+ li {border-top:0.8px solid rgba(var(--color-point-rgb),0.1);}
.p_Myjob label.sy_label {padding:10px 0; position:relative; font-size:14px; font-weight:500;}
.p_Myjob label.sy_label .tie {width:100%; height:26px;}
.p_Myjob label.sy_label input {position:absolute; right:0; top:0;}
.p_Myjob label.sy_label .tx {margin-left:0px; position:absolute; right:0; top:0; width:26px; height:26px;}
.p_Myjob label.sy_label input:checked+ .tx+ strong {color:var(--color-point);}
.p_Myjob .open_write {display:none;}
.p_Myjob .open_write.if_open {display:block;}




/* 서명하기 ========================================= */
.p_Sign {display:flex; justify-content:center; align-items:stretch; flex-direction:column; padding-bottom:25px; margin-bottom:25px;}
.p_Sign {background-color:#f5f7fb; background-image:linear-gradient(rgba(var(--color-point-rgb),0.1) 0.8px, transparent 0.8px), linear-gradient(to right, rgba(var(--color-point-rgb),0.1) 0.8px, transparent 0.8px); background-size:12px 12px;}
.p_Sign li {list-style:none;}
.p_Sign .stage {background:#fff; position:relative;}
.p_Sign .stage .comment {z-index:1; color:#dce8fe; font-size:23px; font-weight:300; position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:center;}
.p_Sign .stage .real_sign {position:absolute; left:0; top:0; width:100%; height:100%;}
.p_Sign .stage .real_sign canvas {position:relative; z-index:2; width:100%; height:100%;}
.p_Sign .stage .fake_size {font-size:0px;}
.p_Sign .ctrl_menu {display:flex; justify-content:flex-end; align-items:center; flex-direction:row; margin-top:10px;}
.p_Sign .ctrl_menu .btn_clear {height:28px; color:#fff; border-radius:100px; display:flex; justify-content:center; align-items:center; flex-direction:column; padding:0 10px; background:var(--color-black);}
.p_Sign .ctrl_menu .btn_clear strong {background:transparent url('../images/btn_sign_clear.svg') left center no-repeat; background-size:13px; padding-left:19px; font-size:11px; font-weight:500;}




/* 페이선택 ========================================= */
.p_Usepay {display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; padding-top:0; padding-bottom:20px;}
.p_Usepay li {list-style:none;}

.p_Usepay .total_use {flex:none; position:relative; display:flex; flex-direction:row; justify-content:center; align-items:center; height:80px; background:var(--color-point); border-radius:3px;}
.p_Usepay .total_use:before {content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:0.8px; height:40px; background:rgba(255,255,255,0.2);}
.p_Usepay .total_use dl {flex:1; padding:0 5px; text-align:center;}
.p_Usepay .total_use dt {font-weight:600; color:rgba(255,255,255,0.6);}
.p_Usepay .total_use dd {margin-top:8px; font-family:'TheJamsil'; font-size:15px; color:#fff; letter-spacing:0;}

.p_Usepay .command {margin:25px 0; text-align:center; }
.p_Usepay .command .tx {font-family:'TheJamsil'; font-size:17px;}
.p_Usepay .command .tx.deny {opacity:0.2; filter:alpha(opacity=20); -ms-filter:alpha(opacity=20);}

.p_Usepay .pay_list {flex:1; display:flex; position:relative;}
.p_Usepay .pay_list ul {flex:1; display:flex; justify-content:center; align-items:stretch; flex-direction:row; flex-wrap:wrap; margin-top:-10px;}
.p_Usepay .pay_list li {position:relative; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; box-sizing:border-box; width:50%; padding-top:10px;}
.p_Usepay .pay_list li:only-of-type {width:100%;}
.p_Usepay .pay_list li:nth-of-type(2n) {padding-left:5px;}
.p_Usepay .pay_list li:nth-of-type(odd) {padding-right:5px;}
.p_Usepay .pay_list li:nth-of-type(odd):last-of-type {width:100%; padding-right:0px;}
.p_Usepay .pay_list .lock {position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background:rgba(245,247,251,0.6); display:none;}
.p_Usepay .pay_list .lock:before {content:""; width:40px; height:40px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:2; display:none;}
.p_Usepay .pay_list .lock:before {background:transparent url('../images/picto_pay_lock.svg') center center no-repeat; background-size:40px;}
.p_Usepay .pay_list .lock:after {content:""; width:0.8px; height:90px; background:var(--color-black); transform:translate(-50%, -50%) rotate(45deg); -webkit-transform:translate(-50%, -50%) rotate(45deg)}
.p_Usepay .pay_list .lock:after {position:absolute; left:50%; top:50%; display:none;}
.p_Usepay .pay_list .over_limit {display:flex; flex-direction:row; justify-content:center; align-items:center; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(233,241,255,0.8); border-radius:3px;}
.p_Usepay .pay_list .over_limit {font-family:'TheJamsil'; font-size:14px; line-height:1.5; text-align:center; z-index:10}
.p_Usepay .pay_list.if_over_limit .lock {display:none;}
.p_Usepay .pay_list li.if_nouse {display:none; padding:0px !important;}

.p_Usepay label.label_pay {flex:1; overflow:visible}
.p_Usepay label.label_pay input {position:absolute; left:0; top:0; width:0; height:0;}
.p_Usepay label.label_pay .tie {position:relative; height:100%; background:rgba(var(--color-point-rgb),0.05); border:0.8px solid rgba(var(--color-point-rgb),0.15); text-align:center; border-radius:3px; box-sizing:border-box;}
.p_Usepay label.label_pay .tie {display:flex; flex-direction:column; justify-content:center; align-items:center; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.p_Usepay label.label_pay .tie .check {position:absolute; right:4px; top:2px; width:26px; height:26px;}
.p_Usepay label.label_pay .tie .check:before {content:""; position:absolute; left:5px; bottom:6px; height:7px; width:2px; background:transparent; border-radius:100px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.p_Usepay label.label_pay .tie .check:before {transform-origin:right top;}
.p_Usepay label.label_pay .tie .check:after {content:""; position:absolute; left:10px; bottom:8.5px; height:14px; width:2px; background:transparent; border-radius:100px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.p_Usepay label.label_pay .tie .check:after {transform-origin:left bottom;}
.p_Usepay label.label_pay .tie .name {font-family:'TheJamsil'; font-size:22px; color:rgba(var(--color-point-rgb),0.45);}
.p_Usepay label.label_pay .tie .fee {margin-top:5px; font-size:12px; font-weight:600; color:rgba(var(--color-point-rgb),0.45);}
.p_Usepay label.label_pay .tie .fee strong {}
.p_Usepay label.label_pay .tie .fee em {display:block;}
.p_Usepay label.label_pay input:checked+ .tie {background:#fff; border-color:var(--color-point); box-shadow:5px 5px 10px 0 rgba(var(--color-point-rgb),0.15);}
.p_Usepay label.label_pay input:checked+ .tie .check:before {background:var(--color-point);}
.p_Usepay label.label_pay input:checked+ .tie .check:before {animation:mv_label_check_short 0.35s ease; -webkit-animation:mv_label_check_short 0.35s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;}
.p_Usepay label.label_pay input:checked+ .tie .check:after {background:var(--color-point);}
.p_Usepay label.label_pay input:checked+ .tie .check:after {animation:mv_label_check_long 0.35s ease; -webkit-animation:mv_label_check_long 0.35s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;}
.p_Usepay label.label_pay input:checked+ .tie .name {color:var(--color-point);}
.p_Usepay label.label_pay input:checked+ .tie .fee {color:var(--color-black);}




/* 증빙자료 ========================================= */
.p_Paper {padding-top:0;}
.p_Paper li {list-style:none;}

.p_Paper .pay_result {border:0.8px solid var(--color-point); box-shadow:5px 5px 10px 0 rgba(0,71,187,0.15); border-radius:3px;}
.p_Paper .pay_result .major_info {background:var(--color-point); color:#fff; padding:15px 20px 20px;} /* 색상박스 */
.p_Paper .pay_result .date {opacity:0.5; filter:alpha(opacity=50); -ms-filter:alpha(opacity=50);}
.p_Paper .pay_result .date {font-weight:600; padding-left:17px; background:url('../images/ic_paper_calendar.svg') no-repeat left center; background-size:12px;}
.p_Paper .pay_result .card {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; flex-wrap:wrap; margin-top:10px; font-size:16px; font-weight:500; gap:4px}
.p_Paper .pay_result .price {margin-top:8px; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; flex-wrap:wrap; gap:5px}
.p_Paper .pay_result .price .money {font-family:'TheJamsil'; font-size:20px; letter-spacing:0;}
.p_Paper .pay_result .price .plan {padding:2px 5px; background:rgba(0,0,0,0.1); border:0.8px solid rgba(255,255,255,0.3); font-size:12px; font-weight:500; color:rgba(255,255,255,0.6); border-radius:3px;}
.p_Layer .p_Paper .pay_result {box-shadow:none; margin-bottom:10px; border-color:#18b4cc;}
.p_Layer .p_Paper .pay_result .major_info {background:#18b4cc;}

.p_Paper .pay_result .detail_info {padding:20px;}
.p_Paper .pay_result .detail_info dl {display:flex; flex-direction:row; justify-content:space-between; align-items:stretch;}
.p_Paper .pay_result .detail_info dl+ dl {padding-top:5px; margin-top:5px; border-top:0.8px solid #dce8fe;}
.p_Paper .pay_result .detail_info dt {font-weight:500; color:#6a747f; flex:none}
.p_Paper .pay_result .detail_info dd {font-weight:700; flex:1; display:flex; justify-content:flex-end; align-items:center; flex-direction:row; flex-wrap:wrap; gap:3px; text-align:right}

.p_Paper .pay_result .last_price {}
.p_Paper .pay_result .last_price dl {display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;}
.p_Paper .pay_result .last_price dt {font-size:15px; font-weight:500;}
.p_Paper .pay_result .last_price dd {text-align:right; font-family:'TheJamsil'; font-size:20px; letter-spacing:0;}
.p_Paper .pay_result .last_price .calculate {margin-top:5px; font-size:11px; font-weight:500; text-align:right; opacity:0.5; filter:alpha(opacity=50); -ms-filter:alpha(opacity=50);}

.p_Paper .command {margin:30px 0; font-family:'TheJamsil'; font-size:17px; text-align:center;}
.p_Paper .command .tx {font-family:'TheJamsil'; font-size:17px;}
.p_Paper .command .tx.deny {opacity:0.2; filter:alpha(opacity=20); -ms-filter:alpha(opacity=20);}

.p_Paper .file_list {}
.p_Paper .file_list li+ li {margin-top:15px;}

.p_Paper .btn_paper {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; height:60px; padding:0 15px;}
.p_Paper .btn_paper {background:#f5f7fb; border:0.8px solid rgba(var(--color-point-rgb),0.25); border-radius:3px; box-sizing:border-box;}
.p_Paper .btn_paper .check {position:relative; width:26px; height:26px;}
.p_Paper .btn_paper .check:before {content:""; position:absolute; left:5px; bottom:6px; height:7px; width:2px; background:rgba(var(--color-point-rgb),0.25); border-radius:100px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.p_Paper .btn_paper .check:before {transform-origin:right top;}
.p_Paper .btn_paper .check:after {content:""; position:absolute; left:10px; bottom:8.5px; height:14px; width:2px; background:rgba(var(--color-point-rgb),0.25); border-radius:100px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.p_Paper .btn_paper .check:after {transform-origin:left bottom;}
.p_Paper .btn_paper .name {margin-left:10px;position:relative;font-size:16px; font-weight:600;}
.p_Paper .btn_paper .name:before {content:""; position:absolute; left:-3px; top:50%; transform:translateY(-50%); width:0; height:7px; background:#eeff00; mix-blend-mode:multiply;}
.p_Paper .btn_paper .icon {margin-left:auto; width:7px; height:10px; background:url('../images/system/ic_arrow_right_sky.svg') no-repeat 0 0; background-size:100%;}

.p_Paper li.if_complete .btn_paper .check:before {background:var(--color-point);}
.p_Paper li.if_complete .btn_paper .check:before {animation:mv_label_check_short 0.35s ease; -webkit-animation:mv_label_check_short 0.35s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;}
.p_Paper li.if_complete .btn_paper .check:after {background:var(--color-point);}
.p_Paper li.if_complete .btn_paper .check:after {animation:mv_label_check_long 0.35s ease; -webkit-animation:mv_label_check_long 0.35s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;}
.p_Paper li.if_complete .btn_paper .name:before {animation:mv_paper_line_wide 1s ease; -webkit-animation:mv_paper_line_wide 1s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;}

/* 줄 그어지는 애니메이션 */
@-webkit-keyframes mv_paper_line_wide {
    0% {width:0;}
    100% {width:calc(100% + 15px);}
}
@keyframes mv_paper_line_wide {
    0% {width:0;}
    100% {width:calc(100% + 15px);}
}




/* 상품관리 ========================================= */
.p_Item {background:#f5f7fb;}
.p_Item li {list-style:none;}
.p_Item .sy_none {height:100%; padding:0;}

.p_Item .item_list {}
.p_Item .item_list li {position:relative;}
.p_Item .item_list li+ li {margin-top:15px;}

.p_Item .item_add {position:fixed; right:20px; bottom:20px; z-index:10;}
.p_Item .item_add .btn_add {position:relative; width:55px; height:55px; background:var(--color-point); border-radius:100%;}
.p_Item .item_add .btn_add:before,
.p_Item .item_add .btn_add:after {content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); height:17px; width:2px; background:#fff;}
.p_Item .item_add .btn_add:before {width:17px; height:2px;}

.p_Item .one_item {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; position:relative; padding:15px; background:#fff; border-radius:5px; box-sizing:border-box;}
.p_Item .one_item .thumb {overflow:hidden; position:relative; width:80px; height:80px; background:url('../images/system/ic_no_photo.svg') no-repeat center center; background-size:20px; border-radius:5px; font-size:0;}
.p_Item .one_item .thumb {position:relative; z-index:10}
.p_Item .one_item .thumb:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:0.8px solid var(--color-black); border-radius:5px; box-sizing:border-box;}
.p_Item .one_item .thumb:before {opacity:0.1; filter:alpha(opacity=10); -ms-filter:alpha(opacity=10);}
.p_Item .one_item .thumb img {width:100%; height:100%; object-fit:cover;}
.p_Item .one_item .info {flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; margin-left:15px; position:relative;}
.p_Item .one_item .info .name {position:relative; padding-right:15px; font-size:14px; font-weight:500; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.p_Item .one_item .info .price {position:relative; margin-top:5px; font-family:'TheJamsil'; font-size:15px; font-weight:500; letter-spacing:0;}
.p_Item .one_item .info .update {margin-top:auto; font-size:11px; color:rgba(var(--color-point-rgb),0.25);}
.p_Item .one_item .btn_menu {position:absolute; right:0; top:0; z-index:10; width:33px; height:42px; background:url('../images/btn_item_menu.svg') no-repeat center center; background-size:3px 12px;}

.p_Item .ctrl_menu {display:none; position:absolute; right:-7px; top:40px; z-index:20; background:#fff; border:1px solid #6a747f; border-radius:5px; border-radius:5px; box-shadow:5px 5px 10px 0 rgba(3,13,26,0.15); width:115px;}
.p_Item .ctrl_menu li+ li {margin:0; border-top:0.8px solid #eee;}
.p_Item .ctrl_menu .btn_ctrl {padding:8px 15px; font-size:14px; font-weight:500; background-size:12px !important; background-position:right 15px center !important; background-repeat:no-repeat !important; display:block;}
.p_Item .ctrl_menu .btn_ctrl+ .btn_ctrl {border-top:0.8px solid #dce8fe;}
.p_Item .ctrl_menu .btn_ctrl.type_delete {background-image:url('../images/btn_delete.svg');}
.p_Item .ctrl_menu .btn_ctrl.type_modify {background-image:url('../images/btn_modify.svg');}

.p_Item .one_item.if_menu_open .ctrl_menu {display:block;}

.p_Item label.labe_item {position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; overflow:visible}
.p_Item label.labe_item input {position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; border:0.8px solid var(--color-point); border-radius:5px;}
.p_Item label.labe_item input {transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}

.p_Item label.labe_item .check {position:absolute; right:3px; top:4px; width:26px; height:26px;}
.p_Item label.labe_item .check:before {content:""; position:absolute; left:5px; bottom:6px; height:7px; width:2px; background:rgba(var(--color-point-rgb),0.25); border-radius:100px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.p_Item label.labe_item .check:before {transform-origin:right top;}
.p_Item label.labe_item .check:after {content:""; position:absolute; left:10px; bottom:8.5px; height:14px; width:2px; background:rgba(var(--color-point-rgb),0.25); border-radius:100px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.p_Item label.labe_item .check:after {transform-origin:left bottom;}

.p_Item label.labe_item input:checked {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); box-shadow:5px 5px 10px 0 rgba(0,71,187,0.15);}
.p_Item label.labe_item input:checked+ .check:before {background:var(--color-point);}
.p_Item label.labe_item input:checked+ .check:before {animation:mv_label_check_short 0.35s ease; -webkit-animation:mv_label_check_short 0.35s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;}
.p_Item label.labe_item input:checked+ .check:after {background:var(--color-point);}
.p_Item label.labe_item input:checked+ .check:after {animation:mv_label_check_long 0.35s ease; -webkit-animation:mv_label_check_long 0.35s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;}

.p_Item .item_list li.if_limited .one_item:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; border-radius:5px; z-index:9;}
.p_Item .item_list li.if_limited .one_item:before {opacity:0.6; filter:alpha(opacity=80); -ms-filter:alpha(opacity=60);}
.p_Item .item_list li.if_limited label {display:none;}
.p_Item .item_list li.if_limited:before {content:"한도 초과상품"; position:absolute; right:0; top:0; margin:10px; font-size:11px; color:#ff2a2a; z-index:10; font-weight:600;}






/* 신용카드 매출전표 ========================================= */
.p_Receipt {background:rgba(var(--color-point-rgb),0.6); margin-bottom:20px; padding:15px 35px; position:relative; overflow:hidden;}
html.if_web .p_Receipt {max-width:420px; box-sizing:border-box; margin-left:auto; margin-right:auto;}

/* 고객요청 폰트 수정 :: 2024-11-06 ARA */
.p_Receipt * {font-family:Arial,맑은고딕,Malgun Gothic !important; letter-spacing:0px !important;}

.p_Receipt li {list-style:none;}
.p_Receipt:before {content:""; position:absolute; left:3px; top:0; width:30px; height:100%; background-image: radial-gradient(#fff 6px, transparent 6px); background-size:30px 30px;}
.p_Receipt:after {content:""; position:absolute; right:3px; top:0; width:30px; height:100%; background-image: radial-gradient(#fff 6px, transparent 6px); background-size:30px 30px;}
.p_Receipt .wrapping {border-radius:10px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.2); overflow-y:auto; height:100%; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column;}
.p_Receipt * {font-size:11px; color:#000;}
.p_Receipt em {font-size:6px; font-weight:500; white-space:nowrap; overflow:hidden;}
.p_Receipt strong {white-space:nowrap}

.p_Receipt .bill_title {text-align:center; font-size:16px; font-weight:600; color:#000; padding:15px 0;}
.p_Receipt .bill_guide {border-top:1px solid #333; padding:10px;}
.p_Receipt .bill_guide dd {border-top:1px dashed #ddd; padding-top:5px; margin-top:5px;}

.p_Receipt .card_data {}
.p_Receipt .card_data dl {border-top:0.8px solid #ccc;}
.p_Receipt .card_data dt,
.p_Receipt .card_data dd {padding:1px 5px; display:flex; justify-content:center; align-items:center; flex-direction:row;}
.p_Receipt .card_data dt {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:2px; background:#eee;}
.p_Receipt .card_data dd {text-align:center;}
.p_Receipt .card_data .cancel {color:#ff0000;}
.p_Receipt .card_data .lineup_half {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr))}
.p_Receipt .card_data .lineup_half dl:nth-of-type(2n) {border-left:0.8px solid #ccc;}
.p_Receipt .card_data .lineup_half dl:last-of-type {border-left:0.8px solid #ccc;}

.p_Receipt .pay_price {border-top:1px solid #333; text-align:center; flex:1; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column;}
.p_Receipt .pay_price .amount {display:flex; justify-content:flex-start; align-items:stretch; flex-direction:row; flex:1}
.p_Receipt .pay_price .amount+ .amount {border-top:0.8px solid #ccc;}
.p_Receipt .pay_price .amount .sort {width:100px; padding:0 5px; box-sizing:border-box; background:#eee; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:2px}
.p_Receipt .pay_price .amount ul {flex:1; display:grid; grid-template-columns:repeat(9, minmax(0, 1fr))}
.p_Receipt .pay_price .amount li {border-left:0.8px solid #ccc; display:flex; justify-content:center; align-items:center; flex-direction:column; min-height:18px;}
.p_Receipt .pay_price .amount li:nth-of-type(3n) {border-right:1px solid #ccc;}
.p_Receipt .pay_price .amount.thead {flex:none}
.p_Receipt .pay_price .amount.thead li {height:15px;}

.p_Receipt .use_data {display:flex; justify-content:center; align-items:stretch; flex-direction:row; border-top:1px solid #333; flex:1;}
.p_Receipt .use_data .title {width:26px; text-align:center; display:flex; justify-content:center; align-items:center; flex-direction:column; box-sizing:border-box; padding:0 10px;}
.p_Receipt .use_data .shop_info {flex:1; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr))}
.p_Receipt .use_data .shop_info dl {display:flex; justify-content:stretch; align-items:stretch; flex-direction:column;}
.p_Receipt .use_data .shop_info dt,
.p_Receipt .use_data .shop_info dd {padding:1px 5px;}
.p_Receipt .use_data .shop_info dt {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:2px; }
.p_Receipt .use_data .shop_info dd {flex:1}
.p_Receipt .use_data .shop_info dl:nth-of-type(2n) {border-left:0.8px solid #ccc;}
.p_Receipt .use_data .shop_info dl.full_size {grid-column: 1 / span 2;}
.p_Receipt .use_data.receive .title {background:#A0DB88;}
.p_Receipt .use_data.receive .shop_info dt {background:rgba(160,219,136,0.3);}
.p_Receipt .use_data.send .title {background:#a1D3F1;}
.p_Receipt .use_data.send .shop_info dt {background:rgba(161,211,241,0.3);}







/* 나의서비스 ========================================= */
.p_Mylist {background:#f5f7fb;}
.p_Mylist li {list-style:none;}
.p_Mylist .sy_none {height:100%; padding:0;}

.p_Mylist .summary {display:flex; flex-direction:row; justify-content:space-between; align-items:center; margin-bottom:15px; padding:20px; background:var(--color-point); color:#fff; border-radius:10px;}
.p_Mylist .summary .tab_menu {}
.p_Mylist .summary .tab_menu ul {display:flex; flex-direction:row; justify-content:center; align-items:stretch; padding:4px; background:rgba(255,255,255,0.2); border-radius:50px; box-sizing:border-box;}
.p_Mylist .summary .btn_tab {min-width:60px; padding:0 5px; box-sizing:border-box; height:32px; position:relative; overflow:hidden;}
.p_Mylist .summary .btn_tab {display:flex; flex-direction:row; justify-content:center; align-items:center;}
.p_Mylist .summary .btn_tab strong {font-weight:600; color:rgba(255,255,255,0.7); position:relative; z-index:2; transition:all 0.25s ease-out; -webkit-transition:all 0.25s ease-out;}
.p_Mylist .summary .btn_tab .have {position:absolute; left:50%; top:50%; width:4px; height:4px; background:#45e900; border-radius:100px; transform:translate(14px,-7px);}
.p_Mylist .summary .btn_tab:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; border-radius:100px; z-index:1}
.p_Mylist .summary .btn_tab:before {transition:all 0.25s ease-out; -webkit-transition:all 0.25s ease-out;}
.p_Mylist .summary li:first-of-type .btn_tab:before {transform:translateX(100%);}
.p_Mylist .summary li:last-of-type .btn_tab:before {transform:translateX(-100%);}
.p_Mylist .summary .btn_tab.hit:before {transform:translateX(0) !important;}
.p_Mylist .summary .btn_tab.hit .have {display:none;}
.p_Mylist .summary .btn_tab.hit strong {color:var(--color-point);}
.p_Mylist .summary .total {text-align:right;}
.p_Mylist .summary .total * {font-family:'TheJamsil';}
.p_Mylist .summary .total .sum {font-size:19px; letter-spacing:0;}
.p_Mylist .summary .total .volume {margin-top:5px; font-size:12px; font-weight:300; opacity:0.7; filter:alpha(opacity=70); -ms-filter:alpha(opacity=70);}

.p_Mylist .data_list {}
.p_Mylist .data_list li+ li {margin-top:20px;}

.p_Mylist .one_data {background:#fff; border-radius:5px; padding:15px; position:relative;}
.p_Mylist .one_data .pay_info {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:10px}
.p_Mylist .one_data .type {font-weight:500; font-size:15px; color:var(--color-point); font-family:'TheJamsil';}
.p_Mylist .one_data .date {color:rgba(var(--color-point-rgb),0.6); font-size:12px; font-weight:500;}
.p_Mylist .one_data .calcel {margin-left:auto; font-weight:600; color:#ff2a2a;}
.p_Mylist .one_data .pay_item {margin-top:10px; display:flex; justify-content:stretch; align-items:stretch; flex-direction:row;}
.p_Mylist .one_data .pay_item .info {flex:1; margin-left:10px; display:flex; justify-content:center; align-items:stretch; flex-direction:column; padding:2px 0;}
.p_Mylist .one_data .thumb {background:transparent url('../images/system/ic_no_photo.svg') center center no-repeat; background-size:15px; width:70px; height:70px; border-radius:5px; overflow:hidden; flex:none; position:relative;}
.p_Mylist .one_data .thumb:before {content:""; width:100%; height:100%; box-sizing:border-box; border:0.8px solid rgba(0,0,0,0.1);; border-radius:5px; position:absolute; left:0; top:0;}
.p_Mylist .one_data .thumb img {width:100%; height:100%; object-fit:cover}
.p_Mylist .one_data .buyer {font-weight:600; font-size:14px;}
.p_Mylist .one_data .buyer a {position:relative; z-index:10; font-size:0.9em; margin-left:5px; text-decoration:underline;}
.p_Mylist .one_data .name {color:#6a747f; margin-top:5px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; line-height:1.3;}
.p_Mylist .one_data .price {font-family:'TheJamsil'; letter-spacing:0px; font-weight:500; font-size:14px; margin-top:auto;}
.p_Mylist .one_data .pay_step {display:flex; justify-content:center; align-items:center; flex-direction:row; margin-top:15px; text-align:center; gap:5px; position:relative; z-index:10}
.p_Mylist .one_data .btn {flex:1; display:flex; justify-content:center; align-items:center; flex-direction:row; border-radius:5px; height:36px; font-weight:600; box-sizing:border-box;}
.p_Mylist .one_data .btn_file {background:rgba(182, 193, 212, 0.2);}
.p_Mylist .one_data .btn_file strong {background:transparent url('../images/system/ic_close_black.svg') left center no-repeat; background-size:8px; padding-left:11px;}
.p_Mylist .one_data .btn_file strong {opacity:0.4; filter:alpha(opacity=40); -ms-filter:alpha(opacity=40);}
.p_Mylist .one_data .btn_file.if_complete {background:rgba(var(--color-point-rgb),0.1);}
.p_Mylist .one_data .btn_file.if_complete strong {color:rgba(var(--color-point-rgb),0.6); background-image:url('../images/ic_check_sky.svg');}
.p_Mylist .one_data .btn_file.if_complete strong {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
.p_Mylist .one_data .btn_ask {background:#6a747f; color:#fff;}
.p_Mylist .one_data .btn_ask.state_ok {background:var(--color-point);}
.p_Mylist .one_data .btn_ask.state_end {border:0.8px solid var(--color-point); color:var(--color-point); background:#fff;}
.p_Mylist .one_data .btn_ask.state_none {border:0.8px solid var(--color-point); color:var(--color-point); opacity:0.2; filter:alpha(opacity=20); -ms-filter:alpha(opacity=20); background:#fff;}
.p_Mylist .one_data .btn_ask.line {gap:3px; border:0.8px solid rgba(var(--color-point-rgb),0.45); background:#fff; color:rgba(var(--color-point-rgb),0.6);}
.p_Mylist .one_data .btn_ask.line svg {fill:rgba(var(--color-point-rgb),0.6); height:14px;}
.p_Mylist .one_data .btn_ask.fill {border:0.8px solid rgba(var(--color-point-rgb),0.45); background:rgba(var(--color-rgb),0.05); color:rgba(var(--color-point-rgb),0.6);}
.p_Mylist .one_data .btn_ask.complete {background:rgba(255,42,42,0.05); font-size:11px; color:#ff2a2a; font-weight:700;}

.p_Mylist .one_data.if_pay_cancel {background:rgba(182,193,212,0.3);}
.p_Mylist .one_data.if_pay_cancel .type,
.p_Mylist .one_data.if_pay_cancel .date {filter:grayscale(100%);}





/* 거래확인서(반응형) ========================================= */
.p_Confirm {color:#000; font-size:11px;}
.p_Confirm form {font-size:11px;}
.p_Confirm li {list-style:none;}

.p_Confirm .page_title {text-align:center; margin-bottom:20px;}
.p_Confirm .page_title .subject {font-family:'TheJamsil'; font-size:21px; font-weight:500; display:inline-block; padding-bottom:5px; letter-spacing:10px;}

.p_Confirm .page_guide {padding:10px; margin-top:20px; background:#f5f5f5;}
.p_Confirm .page_guide li+ li {margin-top:2px;}
.p_Confirm .page_guide ul {counter-reset: number 0;}
.p_Confirm .page_guide li {position:relative; display:flex; justify-content:flex-wrap; align-items:flex-start; flex-direction:row; font-weight:500; font-size:11px;}
.p_Confirm .page_guide li:before { counter-increment: number 1;  content: '' counter(number)  '.'; font-size:12px; margin-right:3px; font-weight:600;}

.p_Confirm .data_table {}
.p_Confirm .data_table dl {border-bottom:1px solid #ccc; display:flex; justify-content:flex-start; align-items:stretch; flex-direction:row;}
.p_Confirm .data_table dl.this_full {grid-column: 1 / span 2;}
.p_Confirm .data_table dt {width:80px; padding:5px; display:flex; justify-content:center; align-items:flexs-start; flex-direction:column; font-weight:500;}
.p_Confirm .data_table dd {flex:1; padding:5px; box-sizing:border-box; min-height:30px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; font-weight:500; flex-wrap:wrap; gap:5px}
.p_Confirm .data_table dd.price {font-weight:700; color:#ff0000;}
.p_Confirm .data_table .sy_form {height:26px; padding:0 5px; font-size:12px;}
.p_Confirm .data_table .sy_drop {height:26px; padding:0 5px; background-position:right 10px center !important; font-size:12px;}
.p_Confirm .data_table .sy_label_major .tx {font-size:12px; height:26px; padding-left:5px;}
.p_Confirm .data_table .sy_label_major input+ .tx:before {bottom:6px; right:20px}
.p_Confirm .data_table .sy_label_major input+ .tx:after {bottom:8.5px; right:15px}
.p_Confirm .data_table .with_half {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:5px; width:100%;}
.p_Confirm .data_table .with_half * {flex:1}

.p_Confirm .pay_info {border-top:2px solid #ccc;}
.p_Confirm .pay_info .page_guide {margin-top:0;}
.p_Confirm .pay_info.buyer {margin-top:30px;}
.p_Confirm .pay_info.seller .data_table dt {background:#e0f9f8;}
.p_Confirm .pay_info.buyer .data_table dt {background:rgba(var(--color-point-rgb),0.1);}

.p_Confirm .signiture {margin-top:20px;}
.p_Confirm .signiture .date {display:flex; justify-content:center; align-items:center; flex-direction:row; margin-top:10px; font-size:15px; font-weight:700; margin-bottom:20px;}
.p_Confirm .signiture .date .define {m}
.p_Confirm .signiture .date .value {margin-left:5px; visibility:hidden; width:30px;}
.p_Confirm .signiture .date .time {display:none;}
.p_Confirm .signiture dl {display:flex; justify-content:flex-end; align-items:center; flex-direction:row; font-size:14px; font-weight:700;}
.p_Confirm .signiture dl+ dl {margin-top:10px;}
.p_Confirm .signiture dt {margin-right:10px; padding-bottom:5px;}
.p_Confirm .signiture dd {width:120px; border-bottom:1px solid #000; text-align:right; box-sizing:border-box; position:relative; line-height:1; padding-bottom:5px;}
.p_Confirm .signiture .stamp {position:absolute; right:-3px; bottom:-5px; width:34px; height:34px; display:flex; justify-content:center; align-items:center; flex-direction:column; font-size:11px; color:#ff0000; text-align:center;}
.p_Confirm .signiture .stamp {border:1px solid #ff0000; box-sizing:border-box; border-radius:100px; mix-blend-mode:multiply; line-height:1; font-weight:700; transform:rotate(-30deg); -webkit-transform:rotate(-30deg);}
.p_Confirm .signiture .stamp {display:none;}
.p_Confirm .signiture.if_confirm .date .value {visibility:visible; width:auto;}
.p_Confirm .signiture.if_confirm .date .time {display:inline-block;}
.p_Confirm .signiture.if_confirm dd {padding-right:35px;}
.p_Confirm .signiture.if_confirm .stamp {display:flex;}

.p_Confirm .copyright {text-align:right; font-size:11px; font-weight:600; padding-top:5px;}


/* PC화면 반응형 */
@media screen and (min-width:1000px) {
	html.if_pcview .wrap {max-width:1000px; margin:0 auto;}
	html.if_pcview .sc_Bottom {margin-top:20px; padding-left:0px; padding-right:0px;}
	.p_Confirm {border:1px solid #000; margin-top:15px; font-size:12px;}
	.p_Confirm .data_table {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr));}
	.p_Confirm .data_table dt {width:120px;}
}

/* 본인인증 API 레이어 수정 */
#kcp_cert {padding:50px 0; box-sizing:border-box; height:100% !important;}



/* 조직도 ========================================= */
.p_Sales {background:#f5f7fb;}
.p_Sales li {list-style:none;}

.p_Sales .monthly {display:flex; flex-direction:row; justify-content:center; align-items:center;}
.p_Sales .monthly .btn_prevnext {width:25px; height:25px; background-repeat:no-repeat; background-position:center center; background-size:7px 10px; border:0.8px solid var(--color-black); border-radius:100px;}
.p_Sales .monthly .btn_prevnext.prev {background-image:url('../images/system/ic_arrow_left_black.svg');}
.p_Sales .monthly .btn_prevnext.next {background-image:url('../images/system/ic_arrow_right_black.svg');}
.p_Sales .monthly .btn_prevnext.if_not_select {opacity:0.1; filter:alpha(opacity=10); -ms-filter:alpha(opacity=10); pointer-events:none; background-color:#ccc;}
.p_Sales .monthly .selected {display:flex; flex-direction:row; justify-content:center; align-items:center; font-family:'TheJamsil'; font-size:20px; ftext-align:center; padding:0 20px;}

.p_Sales .my_state {margin-top:20px; padding:20px; background:var(--color-point); border-radius:10px; color:#fff; box-shadow:5px 5px 15px 0 rgba(var(--color-rgb), 0.3);}
.p_Sales .my_state .payback {display:flex; flex-direction:row; justify-content:space-between; align-items:flex-end;}
.p_Sales .my_state .mine {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; padding-right:10px;}
.p_Sales .my_state .mine .tag {flex:none; display:flex; flex-direction:row; justify-content:center; align-items:center; width:40px; height:40px; background:#fff; color:var(--color-point); border-radius:100px;}
.p_Sales .my_state .mine .tag {margin-right:8px; font-family:'TheJamsil'; font-size:22px; font-weight:700; box-sizing:border-box; padding-left:1px;}
.p_Sales .my_state .mine .name {font-weight:500;}
.p_Sales .my_state .mine .name strong {display:block;}
.p_Sales .my_state .sum {font-family:'TheJamsil'; font-size:21px; color:#ffe600; letter-spacing:0;}
.p_Sales .my_state .saved {margin-top:20px; padding-top:16px; border-top:1px dashed rgba(255,255,255,0.2);}
.p_Sales .my_state .saved li {display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.p_Sales .my_state .saved li+ li {margin-top:8px;}
.p_Sales .my_state .saved .option {font-weight:500; color:rgba(255,255,255,0.7);}
.p_Sales .my_state .saved .sum {font-size:15px; color:#fff;}

.p_Sales .under_sales {margin-top:20px;}
.p_Sales .under_sales li {padding:20px 20px 25px; background:#fff; border:0.8px solid rgba(var(--color-point-rgb),0.1); border-radius:10px;}
.p_Sales .under_sales li+ li {margin-top:10px;}
.p_Sales .under_sales .field {font-size:15px; font-weight:800;}
.p_Sales .under_sales .state {margin-top:15px; display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.p_Sales .under_sales .month {flex:none; display:flex; flex-direction:row; justify-content:center; align-items:center; width:55px; height:55px; background:rgba(255,203,226,0.6); color:#d91c8e; border-radius:25px;}
.p_Sales .under_sales .month {margin-right:15px; font-size:14px; font-weight:700; }
.p_Sales .under_sales .sum {flex:1;}
.p_Sales .under_sales .sum dl {display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.p_Sales .under_sales .sum dl+ dl {border-top:1px solid rgba(3,13,26,0.05); margin-top:8px; padding-top:8px;}
.p_Sales .under_sales .sum dt {font-weight:700;}
.p_Sales .under_sales .sum dd {font-family:'TheJamsil'; font-size:15px; letter-spacing:0;}
.p_Sales .under_sales .sum dl.this_sales {opacity:0.5; filter:alpha(opacity=50); -ms-filter:alpha(opacity=50);}

.p_Sales .under_sales li.this_low .month {background:rgba(175,226,192,0.6); color:#00954b;}





/* 세무대행 안내 ========================================= */
.p_Taxinfo {}
.p_Taxinfo li {list-style:none;}
.p_Taxinfo .title {font-family:'TheJamsil'; font-size:19px; color:var(--color-point); line-height:1.3; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_Taxinfo .summary {margin-top:30px;}
.p_Taxinfo .summary li {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.p_Taxinfo .summary li+ li {margin-top:20px;}
.p_Taxinfo .summary .picto {flex:none; display:flex; flex-direction:row; justify-content:center; align-items:center; margin-right:15px; width:65px; height:65px; background:rgba(var(--color-point-rgb),0.1); border-radius:28px;}
.p_Taxinfo .summary .picto svg {height:35px; fill:rgba(var(--color-rgb),0.7);}
.p_Taxinfo .summary dt {font-family:'TheJamsil'; font-size:14px; font-weight:500; color:rgba(var(--color-point-rgb),0.6);}
.p_Taxinfo .summary dd {margin-top:5px; line-height:1.3; color:rgba(var(--color-rgb),0.5); word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_Taxinfo .explain {margin-top:30px; padding-top:20px; border-top:0.8px solid rgba(106,116,127,0.1); font-size:12px; line-height:1.5; color:#6a747f; word-wrap:break-word; word-break:keep-all; white-space:normal;}





/* 세무대행 서비스 선택 ========================================= */
.p_Taxitem {padding-top:0px;}
.p_Taxitem .tax_list {}
.p_Taxitem .tax_list li+ li {margin-top:10px;}
.p_Taxitem .tax_list .sy_none {margin-top:50px;}

.p_Taxitem .one_tax {position:relative;}
.p_Taxitem .one_tax input {position:absolute; left:0; top:0; width:0; height:0;}
.p_Taxitem .one_tax .info {display:flex; flex-direction:column; justify-content:center; align-items:stretch; padding:15px; background:#f5f7fb; border:0.8px solid #dce8fe; border-radius:3px; box-sizing:border-box;}
.p_Taxitem .one_tax .tie {position:relative;}
.p_Taxitem .one_tax .tie .check {position:absolute; right:-3px; top:-2px; width:20px; height:20px;}
.p_Taxitem .one_tax .tie .check:before {content:""; position:absolute; left:0; top:8px; height:7px; width:2px; background:rgba(var(--color-point-rgb),0.25); border-radius:100px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.p_Taxitem .one_tax .tie .check:before {transform-origin:right top;}
.p_Taxitem .one_tax .tie .check:after {content:""; position:absolute; left:5px; top:0; height:14px; width:2px; background:rgba(var(--color-point-rgb),0.25); border-radius:100px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.p_Taxitem .one_tax .tie .check:after {transform-origin:left bottom;}
.p_Taxitem .one_tax .tie .title {font-size:15px; font-weight:800; padding-right:20px;}
.p_Taxitem .one_tax .tie .comment {display:block; margin-top:4px; font-size:12px; font-weight:500; color:#6a747f; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_Taxitem .one_tax .value {display:flex; flex-direction:row; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.p_Taxitem .one_tax .value {margin-top:10px; padding-top:10px; border-top:1px dashed rgba(182,193,212,0.5); color:var(--color-point); opacity:0.5; filter:alpha(opacity=50); -ms-filter:alpha(opacity=50);}
.p_Taxitem .one_tax .value .option {padding-right:5px; font-size:12px; font-weight:600;}
.p_Taxitem .one_tax .value .price {font-family:'TheJamsil'; font-size:15px; font-weight:500; letter-spacing:0;}

.p_Taxitem .one_tax input:checked+ .info {border-color:var(--color-point); background:#fff; box-shadow:5px 5px 10px 0 rgba(var(--color-rgb), 0.15);}
.p_Taxitem .one_tax input:checked+ .info .tie .check:before {background:var(--color-point);}
.p_Taxitem .one_tax input:checked+ .info .tie .check:before {animation:mv_label_check_short 0.35s ease; -webkit-animation:mv_label_check_short 0.35s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;}
.p_Taxitem .one_tax input:checked+ .info .tie .check:after {background:var(--color-point);}
.p_Taxitem .one_tax input:checked+ .info .tie .check:after {animation:mv_label_check_long 0.35s ease; -webkit-animation:mv_label_check_long 0.35s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;}
.p_Taxitem .one_tax input:checked+ .info .value {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}

.p_Taxitem .provide_info {border:0.8px solid #e5e5e5; padding:20px; border-radius:5px; margin-bottom:20px; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; gap:20px; box-sizing:border-box;}
.p_Taxitem .provide_info {box-shadow:10px 5px 5px rgba(0,0,0,0.05);}
.p_Taxitem .provide_info .agency_name {font-weight:700; font-size:14px; font-family:'TheJamsil'; color:var(--color-point);}
.p_Taxitem .provide_info .info_wrap {display:flex; justify-content:space-between; align-items:flex-start; flex-direction:row;}
.p_Taxitem .provide_info .officer {font-weight:800; font-size:14px; color:#000; letter-spacing:2px; flex:1; line-height:1;}
.p_Taxitem .provide_info .contact {display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; font-size:12px; font-weight:600; border-left:2px solid #333; padding-left:10px; color:#333; gap:3px}
.p_Taxitem .provide_info .contact strong {line-height:1;}




/* 버튼 리스트 (다양하게사용) ========================================= */
.p_Linklist {padding-bottom:50px !important;}
.p_Linklist li+ li {margin-top:10px;}
.p_Linklist .btn_link {display:flex; justify-content:center; align-items:center; flex-direction:column; box-sizing:border-box; height:50px; padding:0 20px; border-radius:3px; border:0.8px solid rgba(var(--color-point-rgb),0.1);}
.p_Linklist .btn_link {color:var(--color-black); font-weight:500; background:#f5f7fb; font-size:14px;}
.p_Linklist li.hit .btn_link {background:#fff; box-shadow:5px 5px 10px 0 rgba(var(--color-rgb), 0.15); border-color:var(--color-point); font-weight:700; color:var(--color-point);}
.p_Linklist .guide_tip {margin-top:15px; color:#6a747f; font-size:12px; line-height:1.4; padding-left:18px; position:relative;}
.p_Linklist .guide_tip:before {content:""; width:13px; height:13px; background:transparent url('../images/ic_guide_tip.svg') center center no-repeat; position:absolute; left:0; top:1px; background-size:13px;}
.p_Linklist .guide_tip:before {opacity:0.5; filter:alpha(opacity=50); -ms-filter:alpha(opacity=50);}




/* 게시판 목록 ========================================= */
.p_Board {padding:0px; display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column;}
.p_Board li {list-style:none;}
.p_Board .sy_none {flex:1}

.p_Board .board_find {flex:none; background:rgba(var(--color-point-rgb),0.1); position:relative}
.p_Board .board_find .input_search {width:100%; box-sizing:border-box; height:60px; padding-right:60px; font-size:15px; font-weight:600; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.p_Board .board_find .input_search {padding-left:50px; background-size:14px;}
.p_Board .board_find .input_search::placeholder {color:rgba(0,0,0,0.2);}
.p_Board .board_find .input_search::-webkit-input-placeholder {color:rgba(0,0,0,0.2);}
.p_Board .board_find .input_search::-moz-placeholder {color:rgba(0,0,0,0.2);}
.p_Board .board_find .input_search:focus {padding-left:var(--layout-gap);}
.p_Board .board_find .ic_before {background:transparent url('../images/btn_search.svg') left center no-repeat; position:absolute; left:var(--layout-gap); top:50%; width:14px; height:14px; transform:translateY(-50%);}
.p_Board .board_find .ic_before {overflow:hidden; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.p_Board .board_find .btn_search {position:absolute; right:0; top:0; width:60px; height:100%; background:transparent url('../images/btn_search.svg') right var(--layout-gap) center no-repeat; background-size:14px;}
.p_Board .board_find .btn_search {display:none;}
.p_Board .board_find .btn_reset {position:absolute; right:16px; top:0; width:36px; height:100%;background:transparent url('../images/btn_find_reset.svg') center center no-repeat; background-size:16px;}
.p_Board .board_find .btn_reset {opacity:0.3; filter:alpha(opacity=30); -ms-filter:alpha(opacity=30);}
.p_Board .board_find .input_search:focus+ .ic_before {width:0px;}

.p_Board .category {overflow:hidden; box-sizing:border-box; position:relative; overflow:hidden; margin-top:20px;}
.p_Board .category .swipe_box {}
.p_Board .category .swipe_box ul {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:10px; flex-wrap:wrap; width:max-content; gap:5px; padding:0 var(--layout-gap);}
.p_Board .category .ctg {background:rgba(var(--color-point-rgb),0.07); height:34px; display:flex; justify-content:center; align-items:center; flex-direction:column; padding:0 15px; border-radius:100px; font-size:14px;}
.p_Board .category .ctg {min-width:60px; box-sizing:border-box; font-weight:500;}
.p_Board .category li.hit .ctg {background:var(--color-point); color:#fff;}

.p_Board .post_list {/* display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column;  */ margin-top:15px;}
.p_Board .post_list li {position:relative; margin:0 var(--layout-gap); border-bottom:0.8px solid rgba(var(--color-point-rgb),0.1); padding:15px 0;}
.p_Board .post_list .posting {display:flex; justify-content:flex-wrap; align-items:flex-start; flex-direction:row; padding-right:20px;}
.p_Board .post_list .posting:before {content:""; position:absolute; right:0; top:15px; background:url('../images/ic_board_arrow.svg') no-repeat right center; background-size:6px 11px;  width:11px; height:11px;}
.p_Board .post_list .title {overflow:hidden; font-size:14px; font-weight:600;}
.p_Board .post_list .title strong {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box;}
.p_Board .post_list .state_icon {flex:none; margin-left:4px; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start}
.p_Board .post_list .field {color:rgba(var(--color-point-rgb),0.7);}
.p_Board .post_list .new_post {width:4px; height:4px; background:#ff2a2a; border-radius:100px;}
.p_Board .post_list .date {margin-top:3px; font-size:12px; color:#b6c1d4;}
.p_Board .post_list .open_conts {background:#f5f7fb; padding:15px 20px; word-wrap:break-word; word-break:keep-all; white-space:normal; margin-top:15px; line-height:1.4; display:none !important}
.p_Board .post_list .ic_q {font-size:19px; font-weight:800; color:var(--color-point); margin-right:10px; line-height:1;}

.p_Board .post_list .if_notice .posting:before {background-image:url('../images/ic_board_notice.svg'); background-size:16px; width:16px; height:16px;}

.p_Board .post_list.faq_list .posting:before {transform:rotate(90deg); -webkit-transform:rotate(90deg);  transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.p_Board .post_list.faq_list li.if_open .posting:before {transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}
.p_Board .post_list.faq_list li.if_open .open_conts {display:block !important}




/* 게시판 보기 ========================================= */
.p_Boardview {display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; padding-bottom:20px;}
.p_Boardview .view_top {}
.p_Boardview .view_top .title {font-family:'TheJamsil'; font-size:18px ;word-wrap:break-word; word-break:keep-all; white-space:normal; line-height:1.3; color:var(--color-point);}
.p_Boardview .view_top .date {color:#b6c1d4; margin-top:5px; font-size:11px;}
.p_Boardview .view_conts {margin-top:15px; padding-top:20px; border-top:0.8px solid rgba(var(--color-point-rgb),0.1); font-size:14px; flex:1; line-height:1.5;}
.p_Boardview .file_down {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; flex-wrap:wrap; gap:5px}
.p_Boardview .file_down .link {background:#f5f7fb url('../images/btn_file_down.svg') right 10px center no-repeat; background-size:14px; border-radius:100px; font-weight:500; font-size:12px;}
.p_Boardview .file_down .link {display:flex; justify-content:center; align-items:center; flex-direction:column; height:34px; padding:0 30px 0 10px;}





/* 상담하기 ========================================= */
.p_Contact {background:#f5f7fb; box-shadow:inset 0px -1px 0 rgba(0,0,0,0.03);}
.p_Contact li {list-style:none;}

.p_Contact .fake_list {}
.p_Contact .fake_list li {padding-left:40px; position:relative; transform:translateY(50px); opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.p_Contact .fake_list li+ li {margin-top:15px;}
.p_Contact .fake_list .profile {width:30px; height:30px; border-radius:100px; position:absolute; left:0; top:0; background:var(--color-point) url('../images/ic_contact_profile.svg') center center no-repeat;}
.p_Contact .fake_list .profile {background-size:16px;}
.p_Contact .fake_list .open_time {color:var(--color-point); font-size:13px; font-weight:600; margin-bottom:10px;}
.p_Contact .one_chat {background:#fff; border-radius:3px 20px 20px 20px; padding:20px; box-shadow: 0 0 10px 0 rgba(var(--color-black-rgba), 0.05); font-size:13px;}
.p_Contact .one_chat .picto {margin:-10px 0 0 -10px;}
.p_Contact .one_chat .picto img {height:80px;}
.p_Contact .one_chat .highlight {line-height:1.45; font-family:'TheJamsil'; font-size:18px;}
.p_Contact .one_chat strong {margin-top:10px; font-weight:600; display:block;}
.p_Contact .one_chat em {display:block; margin-top:5px; color:#b6c1d4; font-weight:500}
.p_Contact .one_chat * {word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_Contact .keyword {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; flex-wrap:wrap; margin-top:10px; gap:5px 3px}
.p_Contact .keyword .word {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; height:28px; color:var(--color-point); border:0.8px solid rgba(var(--color-point-rgb),0.2); border-radius:100px;}
.p_Contact .keyword .word {padding:0 10px; box-sizing:border-box; min-width:50px; font-weight:500; font-size:12px;}
.p_Contact .keyword .word:before {content:"#";}
.p_Contact .keyword .word:nth-of-type(2n) {background:rgba(var(--color-point-rgb),0.05);;}

.p_Contact .fake_list li {animation:mv_fake_chat 1.2s ease; -webkit-animation:mv_fake_chat 1.2s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.p_Contact .fake_list li.chat2 {animation-delay:0.3s; -webkit-animation-delay:0.3s; }

@-webkit-keyframes mv_fake_chat {
    0% {transform:translateY(50px); opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
    100% {transform:translateY(0); opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
}
@keyframes mv_fake_chat {
    0% {transform:translateY(50px); opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
    100% {transform:translateY(0); opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
}


/* 가맹점으로 고정설정 ==================== */
.p_Main .payway ul.this_temp {display:none;}

.p_Main.view_top .sitemap li.this_normal {display:none;}
.p_Main.view_normal .sitemap li.this_top {display:none;}
.p_Main.view_normal .my_state .about_reward {display:none;}
.p_Main.view_normal .my_state .about_reward {height:0px;}
.p_Main.view_normal .my_state .sum_price .extend {height:75px;}
.p_Main.view_normal .my_state .guide_tip .btn_extend {display:none;}
.p_Main.view_normal li.this_normal {display:block !important;}
.p_Main.view_normal li.this_top {display:none;}




/* 매출통계 PDF ========================================= */
.Paper_Data {overflow-y:auto; display:flex; justify-content:flex-start; align-items:center; flex-direction:column; box-sizing:border-box; padding:20px; background:#f5f5f5; color:#000; font-size:13px; font-weight:600; height:100%;}
/* .Paper_Data * {font-family:맑은고딕,Malgun Gothic !important;} */
.Paper_Data .layout_fix {width:900px; background:#fff; padding:30px; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; box-sizing:border-box; flex:1}
.Paper_Data li {list-style:none;}

.Paper_Data .paper_top {display:flex; justify-content:center; align-items:center; flex-direction:row;}
.Paper_Data .paper_top .side {flex:1}
.Paper_Data .paper_top .user_name {font-weight:800; font-size:30px; line-height:1;}
.Paper_Data .paper_top .paper_title {font-size:16px; font-weight:700; margin-top:15px;}
.Paper_Data .paper_top .due {margin-top:5px;}
.Paper_Data .paper_top .total_info {border:2px solid #000; padding:7px 10px;}
.Paper_Data .paper_top .total_info dl {display:flex; justify-content:flex-start; align-items:center; flex-direction:row}
.Paper_Data .paper_top .total_info dl+ dl {border-top:1px solid #ddd;}
.Paper_Data .paper_top .total_info dt {width:80px; padding:3px; box-sizing:border-box;}
.Paper_Data .paper_top .total_info dd {flex:1; padding:3px; text-align:right}

.Paper_Data .data_list {flex:1; margin-top:20px;}
.Paper_Data .data_list ul {display:flex; justify-content:center; align-items:center; flex-direction:row; text-align:center; border-bottom:1px solid #ccc;}
.Paper_Data .data_list li {flex:1; padding:5px;}
.Paper_Data .data_list li:last-of-type {text-align:right}
.Paper_Data .data_list ul.thead {background:#458cff; color:#fff; font-weight:700;}
.Paper_Data .data_list ul.thead li {text-align:center !important}
.Paper_Data .data_list ul.tbody:nth-of-type(odd) {background:#f5f5f5;}
.Paper_Data .data_list ul.tfoot {background:#bdd6ff; font-weight:800;}
.Paper_Data .data_list .auth_comment {font-size:14px; margin-top:15px;}
.Paper_Data .data_list .inner_total ul {border-bottom:0;}
.Paper_Data .data_list .inner_detail {margin-top:5px;}

.Paper_Data .paper_bottom {margin-top:30px;}
.Paper_Data .paper_bottom .date {text-align:center; font-weight:700; font-size:15px;}
.Paper_Data .paper_bottom .about {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:10px; margin-top:20px;}
.Paper_Data .paper_bottom .company {font-weight:800; font-size:21px;}
.Paper_Data .paper_bottom .sign {border:1px solid #000; display:flex; justify-content:center; align-items:center; flex-direction:column; height:50px; width:55px; font-size:13px; line-height:1.3; font-weight:600;}
.Paper_Data .paper_bottom .sign {box-sizing:border-box; letter-spacing:3px;}



/* 매출통계 PDF 기간선택 ========================================= */
.Date_Picker {position:fixed; left:0; top:70px; width:100%; background:#fff; box-sizing:border-box; z-index:100; margin-top:env(safe-area-inset-top); transition:all 700ms cubic-bezier(0.19, 1, 0.22, 1); overflow:hidden; height:0px;}
.Date_Picker .wrapping {padding:20px; box-sizing:border-box;}
.Date_Picker .guide_comment {margin-bottom:25px;}
.Date_Picker .guide_comment dt {color:#000; font-weight:800; font-size:17px;}
.Date_Picker .guide_comment dd {margin-top:5px; color:#b6c1d4;}
.Date_Picker .sy_days {margin-bottom:15px;}
.Date_Picker .sy_days input.sy_form.type_date {flex:1}
.Date_Picker .sc_Bottom {padding:0px !important;}
.Date_Picker.if_open {box-shadow:0px 10px 10px rgba(0,0,0,0.15); height:265px;}


/* 페이지로딩 */
.page_loading {position:fixed; left:50%; top:50%; width:200px; height:200px; transform:translate(-50%, -50%); z-index:100; border-radius:100px; box-shadow:0 0 20px rgba(0,0,0,0.1);}
.page_loading {display:flex; justify-content:center; align-items:center; flex-direction:column; background-color:#fff; display:none;}
.page_loading .load {text-align:center; font-size:11px; font-weight:600; color:#000; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.page_loading .load:before {content:""; width:70px; height:70px; background:#fff url('../images/loading_run.gif') center center no-repeat; background-size:auto 60px; border-radius:100px; display:block;}
.page_loading .load:before {border-radius:100px; overflow:hidden;}