@charset "utf-8";
/* CSS Document */

/********************************************************

 						공통 
 
*********************************************************/
/* 하단 버튼 */
[data-subarea] .btn_area								{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:5px; }
[data-subarea] .btn_area .button						{ flex:auto; display:flex; align-items:center; background:var(--color-point); color:#fff; border-radius:10px; height:50px; justify-content:center; }
[data-subarea] .btn_area .button.white					{ border:1px solid var(--color-point); background:#fff; color:var(--color-point) }
[data-subarea] .btn_area .button.gray					{ border:1px solid rgba(0,0,0,.1); background:rgba(0,0,0,.1); color:#222; }
[data-subarea] .btn_area .button.black					{ border:1px solid rgba(0,0,0,1); background:rgba(0,0,0,1);  }
[data-subarea] .btn_area .button:hover					{ animation:iconShow 0.7s ease-in-out 1 forwards;  }



/* 셀렉트+라디오 */
[data-subarea] select										{ background-position:calc(100% - 10px) 50%; }
[data-subarea] .radio_input:checked + .radio_label			{ color:var(--color-base) }
[data-subarea] .radio_input:checked + .radio_label::before	{ border: 4px solid #025095; }


/* 안내문구 */
[data-subarea] .info_txt								{ position:relative; text-align:center; font-size:1rem; }
[data-subarea] .info_txt span							{ color:var(--color-point); font-weight:500; margin:0 2px; }
[data-subarea] .info_txt:before							{ content:''; display:inline-block; vertical-align:middle; background:url(/resource/strange/images/system/icon_info_txt.svg) no-repeat 50% 50% / auto 20px; width:20px; height:20px; 
															margin-top:-2px; margin-right:10px; }

																																			
@media all and (max-width:1668px){
	[data-subarea] .info_txt							{ font-size:.98rem; }
}
@media all and (max-width:1568px){
	[data-subarea] .info_txt							{ font-size:.96rem; }
}
@media all and (max-width:1268px){
	[data-subarea] .info_txt							{ font-size:.94rem; }
}

@media all and (max-width:968px){
	[data-subarea] .btn_area .button					{ border-radius:8px; height:45px; padding:0 15px; }
	[data-subarea] .info_txt							{ font-size:.9rem; }
}
@media all and (max-width:568px){
	[data-subarea] .info_txt:before						{ margin-right:5px; margin-top:-1px; }
}


/********************************************************

 						신청페이지 
 
*********************************************************/
/* 신청폼 */
[data-subarea="system_app"] .app_input_list										{ display:flex; flex-flow:row wrap; width:100%;  box-sizing:border-box; font-size:1.067rem; border-top:2px solid var(--color-point) }
[data-subarea="system_app"] .app_input_list>li									{ position:relative; display:flex; width:100%; align-items:center; flex-wrap:wrap; gap:10px 2em; padding:1em .75rem; border-bottom:1px solid rgba(0, 0, 0, .1);}
[data-subarea="system_app"] .app_input_list>li.w50								{ width:50%; }
[data-subarea="system_app"] .app_input_list>li.w33								{ width:33.333%; }
[data-subarea="system_app"] .app_input_list>li>.tit								{ width:10.5em; font-weight:bold; color:#222; line-height:1.2;}
[data-subarea="system_app"] .app_input_list>li>.tit .essential					{ margin-left:5px; }
[data-subarea="system_app"] .app_input_list>li>.tit button						{ position:relative; width:51px; height:30px; border-radius:5px; border:1px solid #ccc; background:#fff }
[data-subarea="system_app"] .app_input_list>li>.tit:has(button)					{ display:flex; flex-wrap:wrap; }
[data-subarea="system_app"] .app_input_list>li>.tit:has(button) label			{ width:100%; margin-bottom:.25em;}
[data-subarea="system_app"] .app_input_list>li>.tit .btn_plus					{ border-radius:0 5px 5px 0; margin-left:-1px; }
[data-subarea="system_app"] .app_input_list>li>.tit .btn_minus					{ border-radius:5px 0 0 5px; }
[data-subarea="system_app"] .app_input_list>li>.tit .btn_plus::before,
[data-subarea="system_app"] .app_input_list>li>.tit .btn_plus::after,
[data-subarea="system_app"] .app_input_list>li>.tit .btn_minus::before			{ position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); background:#333; }
[data-subarea="system_app"] .app_input_list>li>.tit .btn_plus::before,
[data-subarea="system_app"] .app_input_list>li>.tit .btn_minus::before			{ width:11px; height:1px; }
[data-subarea="system_app"] .app_input_list>li>.tit .btn_plus::after			{ height:11px; width:1px; }		
[data-subarea="system_app"] .app_input_list>li>.flex							{ width:calc(100% - 10.5em - 2em);  }
[data-subarea="system_app"] .app_input_list>li>.flex,
[data-subarea="system_app"] .app_input_list .radio_list,
[data-subarea="system_app"] .app_input_list .basics_list,
[data-subarea="system_app"] .app_input_list .add_list,
[data-subarea="system_app"] .app_input_list .check_list,
[data-subarea="system_app"] .app_input_list .file_list,
[data-subarea="system_app"] .app_input_list .regist_file,
[data-subarea="system_app"] .app_input_list .regist_file>li,
[data-subarea="system_app"] .app_input_list .plus_list											{ display:flex; align-items:center; flex-wrap:wrap;}
[data-subarea="system_app"] .app_input_list .basics_list>li										{ position:relative; }
[data-subarea="system_app"] .app_input_list .basics_list.plus_list 								{ width:100%; gap:5px 2em;}
[data-subarea="system_app"] .app_input_list .basics_list.plus_list+.basics_list.plus_list		{ margin-top:5px; }
[data-subarea="system_app"] .app_input_list .plus_list>li										{ position:relative; flex:auto; width:calc((100% - 4em) / 3); display:flex;  gap:5px 1em;align-items:center; }
[data-subarea="system_app"] .app_input_list .plus_list>li>label									{ width:5em; font-weight:500  }
[data-subarea="system_app"] .app_input_list .plus_list>li input									{ flex:auto; width:100%;}
[data-subarea="system_app"] .app_input_list .plus_list>li .icon-calendar						{ top:inherit; bottom:0; }
[data-subarea="system_app"] .app_input_list .radio_list,
[data-subarea="system_app"] .app_input_list .basics_list,
[data-subarea="system_app"] .app_input_list .add_list,
[data-subarea="system_app"] .app_input_list .check_list,
[data-subarea="system_app"] .app_input_list .file_list							{ width:100%; }
[data-subarea="system_app"] .app_input_list>li>.flex,
[data-subarea="system_app"] .app_input_list .basics_list,
[data-subarea="system_app"] .app_input_list .add_list,
[data-subarea="system_app"] .app_input_list .file_list							{ gap:5px; }
[data-subarea="system_app"] .app_input_list .regist_file						{ gap:5px 1.5em; max-width:calc(100% - 55px); }
[data-subarea="system_app"] .app_input_list .regist_file>li						{ gap:5px 10px }
[data-subarea="system_app"] .app_input_list .radio_list,
[data-subarea="system_app"] .app_input_list .check_list							{ gap:10px 2em }
[data-subarea="system_app"] .app_input_list .radio_list>li,
[data-subarea="system_app"] .app_input_list .check_list>li						{ display:flex; align-items:center; }
[data-subarea="system_app"] .app_input_list .check_list>li>.check_label1		{ line-height:22px; }
[data-subarea="system_app"] .app_input_list>li .icon-calendar					{ position:absolute; width:40px; height:40px; right:0; top:0; }
[data-subarea="system_app"] .app_input_list>li .small_txt						{ width:100%; font-size:.9rem; color:#d30000 }
[data-subarea="system_app"] .app_input_list>li input,
[data-subarea="system_app"] .app_input_list>li select,
[data-subarea="system_app"] .app_input_list>li textarea							{ border-radius:3px;}
[data-subarea="system_app"] .app_input_list>li textarea							{ min-height:10em; }
[data-subarea="system_app"] .app_input_list>li .title,
[data-subarea="system_app"] .app_input_list>li .flex_auto						{ flex:auto; }
[data-subarea="system_app"] .app_input_list>li .btn_zip							{ background:#222; color:#fff; border-radius:3px; height:40px; padding:0 20px; font-size:.85rem; }
[data-subarea="system_app"] .app_input_list>li input.amount						{ color:#d30000; font-weight:500; }

/* 입력정보확인 */
[data-subarea="system_app"] .app_input_list.info_box							{ border-top:1px dotted #d2d2d2; gap:10px; }
[data-subarea="system_app"] .app_input_list.info_box>li							{ background:#fff; border-radius:8px; box-shadow:1px 1px 4px rgba(0, 0, 0, .1); border-bottom:none}
[data-subarea="system_app"] .app_input_list.info_box>li.w50						{ width:calc((100% - 10px) / 2); }
[data-subarea="system_app"] .app_input_list.info_box>li>.tit					{ color:var(--color-point); }
[data-subarea="system_app"] .app_input_list.info_box>li>.flex					{word-break:break-all;}

/* 약관 동의 */
.agree_box>li+li																{ margin-top:10px; }
.agree_box .agree_check															{ position:relative; display:flex; flex-wrap:wrap; align-items:center;  padding:1.25em; transition:var(--trans-ani); }
.agree_box .agree_check .check_label											{ color:var(--color-base); }
.agree_box .agree_check .check_label::before									{ background-color:#fff; }
.agree_box .agree_check input[type=checkbox]									{ width:1px; height:1px; cursor:none  }
.agree_box .agree_check .btn_more												{ position:absolute; right:1.25em; top:50%; width:35px; height:35px; border:1px solid rgba(0,0,0,.1); background:#fff; border-radius:100%; 
																					transform:translateY(-50%); transition:var(--trans-ani);}
.agree_box .agree_check .btn_more::before										{ position:absolute; width:11px; height:1px; left:50%; top:50%; background:rgba(0,0,0,.5); content:''; transform:translate(-50%,-50%);}
.agree_box .agree_check .btn_more::after										{ position:absolute; width:1px; height:11px; left:50%; top:50%; background:rgba(0,0,0,.5); content:''; transform:translate(-50%,-50%); transition:var(--trans-ani);}
.agree_box .agree_check .btn_more.active::after									{ transform:translate(-50%,-50%) rotate(90deg); }
.agree_box>li.active .agree_check												{ border-radius:20px 20px 0 0;  }
.agree_box>li																	{ background:#ebf2f8; border-radius:20px; }
.agree_box .con_scroll															{ display:none; padding:0 1.25em 1.25em; border-radius:10px; background:#ebf2f8; border-radius:0 0 20px 20px;}
.agree_box .con_scroll .agree_scroll_box										{ max-height:20em; overflow-y:auto; overflow-x:hidden; background:#fff; padding:1.25em; border-radius:10px; font-size:.9rem; font-weight:300 }
.agree_box .con_scroll .agree_scroll_box strong									{ display:flex; font-size:1.167em; font-weight:bold; color:var(--color-point); }
.agree_box .con_scroll .agree_scroll_box strong:nth-of-type(n+2)				{ margin-top:1.5em; }
.agree_box .con_scroll .agree_scroll_box>.basic_ul,
.agree_box .con_scroll .agree_scroll_box>.list_num								{ margin-top:5px; }
.agree_box .con_scroll .agree_scroll_box>.basic_ul>li,
.agree_box .con_scroll .agree_scroll_box>.list_num>li							{ font-size:.95rem; }
.agree_box .con_scroll .agree_scroll_box>.basic_ul>li::before					{ top:5px; }
.agree_box .con_scroll .agree_scroll_box>.list_num>li::before					{ width:20px; height:20px; font-size:.7rem; line-height:20px; top:-2px }
.agree_box .con_scroll .agree_scroll_box>.basic_ul>li+li,
.agree_box .con_scroll .agree_scroll_box>.list_num>li+li						{ margin-top:5px; }
.agree_box .con_scroll .agree_scroll_box>.basic_ul>li>ul>li,
.agree_box .con_scroll .agree_scroll_box>.list_num>li>ul>li						{ font-size:.9rem; }
.agree_box .con_scroll .agree_scroll_box>.basic_ul>li>ul>li::before	,
.agree_box .con_scroll .agree_scroll_box>.list_num>li>ul>li::before				{ top:6px; }
.agree_box .con_scroll .agree_scroll_box>.basic_ul>li>ul,
.agree_box .con_scroll .agree_scroll_box>.list_num>li>ul						{ margin-top:5px; margin-bottom:10px; }
.agree_box .con_scroll .agree_scroll_box>.list_num>li>ul>li+li					{ margin-top:4px; }

[data-subarea="system_app"] .btn_area											{ margin:3em auto 0; max-width:20em }
[data-subarea="system_app"] .all_agree											{ display:flex; align-items:center;justify-content:center }
[data-subarea="system_app"] .all_agree .check_label								{ color:var(--color-base); text-align:left }
.agree_box .agree_check .check_label::before,
[data-subarea="system_app"] .all_agree .check_label::before						{ top:-1px; } 
[data-subarea="system_app"] .radio_label::before								{ margin-top:-2px; }
.agree_box .agree_check .check_label,
[data-subarea="system_app"] .all_agree .check_label								{ padding-left:35px; }

																							
																																											
/* 달력 */
.calendar_wrap																		{ position:relative; display:flex; flex-wrap:wrap; align-items:stretch; background:var(--color-point); border-radius:20px; padding:1.25em; gap:1em 1em; --sizeHig:100px; }
.calendar_wrap .calendar_box														{ width:calc(55% - .5em); background:#fff; border-radius:15px; padding:0 1.5em 1.5em  }	
.calendar_wrap .calendar_box .year													{ display:flex; align-items:center; justify-content:center; height:var(--sizeHig);}
.calendar_wrap .calendar_box .year strong											{ padding:0 2em; font-size:2.19em; font-weight:bold; color:#000; }
.calendar_wrap .calendar_box .year button											{ position:relative; width:40px; height:40px; font-size:.8em; border:1px solid rgba(0,0,0,.1); border-radius:100%; text-align:center; margin-top:-3px }
.calendar_wrap .calendar_box .year button::before									{ display:block; position:absolute; top:50%; left:50%; content:''; }
.calendar_wrap .calendar_box .year button.prev::before								{ width:10px; height:10px; border-style:solid; border-width:0 0 2px 2px; border-color:var(--color-base); transform:translate(-35%, -50%) rotate(45deg); }
.calendar_wrap .calendar_box .year button.next::before								{ width:10px; height:10px; border-style:solid; border-width:2px 2px 0 0; border-color:var(--color-base); transform:translate(-65%, -50%) rotate(45deg); }
.calendar_wrap .calendar_list														{ display:flex; flex-flow:column; gap:5px; text-align:center; justify-content: space-around; height:calc(100% - var(--sizeHig) );}
.calendar_wrap .calendar_list .sun													{ color:#ff3c08 !important}
.calendar_wrap .calendar_list .sat													{ color:#266cd2 !important}
.calendar_wrap .calendar_list>ul													{ display:flex; flex-wrap:wrap; }
.calendar_wrap .calendar_list>ul>li													{ flex:1; }
.calendar_wrap .calendar_list ul.weekdays											{ background:#ebf2f8; border-radius:10px; }
.calendar_wrap .calendar_list ul.weekdays li										{ padding:20px 10px; font-size:1em; font-weight:500 }
.calendar_wrap .calendar_list .days													{ display:flex; align-items:stretch; zoom:1; background:rgba(0,0,0,.05); border-radius:10px; overflow:hidden; height:100%;}
.calendar_wrap .calendar_list .days>li												{ position:relative; min-height:65px;  }
.calendar_wrap .calendar_list .days>li:hover										{ animation:iconShow 0.7s ease-in-out 1 forwards;  }
.calendar_wrap .calendar_list .days>li:has(.sold):hover								{ animation:inherit  }
.calendar_wrap .calendar_list .days > li:has(.date:empty):hover 					{ animation:inherit; }
.calendar_wrap .calendar_list .days>li::before										{ position:absolute; left:5px; top:5px; width:calc(100% - 10px); height:calc(100% - 10px); border-radius:10px; background:rgb(242,101,34,.2); opacity:0; content:'';
																						 pointer-events:none; }
.calendar_wrap .calendar_list .days>li:hover::before								{ opacity:1; }
.calendar_wrap .calendar_list .days > li:has(.date:empty):hover::before				{ display:none; }
.calendar_wrap .calendar_list .days > li:has(.date:empty)							{ pointer-events:none; }
.calendar_wrap .calendar_list .date													{ position:absolute; width:calc(100% - 10px); height:calc(100% - 10px); top:5px; left:5px; display:flex; justify-content:center; align-items:center; gap:3px;
																						 text-align:center; font-size:1em; color:#6e7379; cursor:pointer; border-radius:10px; flex-flow:column; line-height:1 }
.calendar_wrap .calendar_list .date .txt											{ display:block; font-size:0.8rem; font-weight:500; position:relative }
.calendar_wrap .calendar_list .date .txt.today										{ color:var(--color-point); }
.calendar_wrap .calendar_list .date .txt.today::before								{ position:absolute; bottom:-7px; left:calc(50% - 2.5px); width:5px; height:5px; border-radius:100%; content:''; background:var(--color-point); }
.calendar_wrap .calendar_list .date.choice											{ background:var(--color-point); color:#fff !important; font-weight:bold }
.calendar_wrap .calendar_list .date.sold											{ background:#d5d5d5; text-decoration:line-through; cursor:inherit }
.calendar_wrap .calendar_list .date.closed											{ background:#9ce3f3; text-decoration:line-through; cursor:inherit }
.calendar_wrap .calendar_list .date.choice .txt.today								{ color:var(--color-white); }
.calendar_wrap .calendar_list .date.choice .txt.today::before						{ background:var(--color-white); }

.calendar_wrap .choice_wrap															{ width:calc(45% - .5em); background:#fff; padding:2em 1.5em; border-radius:15px;  }
.calendar_wrap .choice_wrap .date_selec												{ display:flex; align-items:center; justify-content:center; background:var(--color-point); border-radius:10px; padding:1.05em; margin-top:1em  }
.calendar_wrap .choice_wrap .date_selec	span										{ display:block; font-size:1.46em; font-weight:bold; color:var(--color-white); line-height:1.2;  }
.calendar_wrap .choice_wrap .date_selec .none_choice								{ font-size:1.167rem; font-weight:400; opacity:.74; }
.calendar_wrap .choice_wrap .date_selec_list										{ display:flex; gap:10px 2em; }
.calendar_wrap .choice_wrap .date_selec_list>li										{ width:calc((100% - 2em) / 2); display:flex; gap:10px 15px; align-items:center;}
.calendar_wrap .choice_wrap .date_selec_list>li>label								{ width:6em; font-size:1.167em; font-weight:bold; color:var(--color-point); }
.calendar_wrap .choice_wrap .date_selec_list>li>span								{ width:calc(100% - 6em - 15px); display:flex; align-items:center; position:relative; }
.calendar_wrap .choice_wrap .date_selec_list>li>span>input							{ width:100%; border-radius:5px; border:1px dotted #d2d2d2; background:#f8f8f8 }
.calendar_wrap .choice_wrap .date_selec_list>li>span .icon-calendar					{ position:absolute; right:0; top:0; width:40px; height:40px; }
.calendar_wrap .choice_wrap p.tar													{ font-size:.88rem; opacity:.74; margin-top:.25em; padding-right:5px; }
.calendar_wrap .choice_wrap .status_info											{ display:flex; gap:0 20px; align-items:center; font-size:.95rem; line-height:1; margin-top:1em }
.calendar_wrap .choice_wrap .status_info>li											{ line-height:1; }
.calendar_wrap .choice_wrap .status_info span										{ position:relative; display:inline-block; vertical-align:middle; width:25px; height:16px;  }	

.calendar_wrap .choice_wrap .status_info .possible									{ background:rgba(0,0,0,.05); border:1px solid #d6d6d6; }
.calendar_wrap .choice_wrap .status_info .sold										{ border:1px solid #c5c5c5; background:#b7b7b7; }
.calendar_wrap .choice_wrap .status_info .closed									{ background:#9ce3f3 }
.calendar_wrap .choice_wrap .status_info .choice									{ background:var(--color-point); }
ul.exmark_list																		{ margin-top:2em;  }
ul.exmark_list>li																	{ position:relative; font-size:1.03rem; line-height:1.2; color:var(--color-point);}		 
ul.exmark_list>li+li																{ margin-top:.5em; }
ul.exmark_list>li::before															{ display:inline-block; vertical-align:middle; width:16px; height:16px; background:url(/resource/strange/images/system/icon_info_txt.svg) no-repeat 50% 50% / cover;
																						 content:''; margin-right:5px; margin-top:-3px;  }		
																						 
																						 
/* 금액정보 */																		
[data-subarea="system_app"] .amount													{ display:flex; flex-wrap:wrap;align-items:center; border-radius:10px; border:1px dotted #d2d2d2; background:#f8f8f8; padding:1.25em; margin-top:1em; gap:1em 0}
[data-subarea="system_app"] .amount>dl												{ position:relative; display:flex; flex-flow:column; justify-content:center;}
[data-subarea="system_app"] .amount>dl.date,
[data-subarea="system_app"] .amount>dl.dc,
[data-subarea="system_app"] .amount>dl.final										{ padding-left:4rem; }
[data-subarea="system_app"] .amount>dl.date::before									{ position:absolute; width:4rem; text-align:center; left:0; top:50%; display:inline-block; content:'×'; font-size:2rem; font-weight:100; transform:translateY(-50%) }
[data-subarea="system_app"] .amount>dl.dc::before									{ position:absolute; width:4rem; text-align:center; left:0; top:50%; display:inline-block; content:'－'; font-size:2rem; font-weight:100; transform:translateY(-50%) }
[data-subarea="system_app"] .amount>dl.final::before								{ position:absolute; width:4rem; text-align:center; left:0; top:50%; display:inline-block; content:'＝'; font-size:2rem; font-weight:100; transform:translateY(-50%) }
[data-subarea="system_app"] .amount>dl>dt											{ font-size:1.03rem; }
[data-subarea="system_app"] .amount>dl>dd											{ font-size:1.267rem; font-weight:bold;  }
[data-subarea="system_app"] .amount>dl.final>dd										{ color:#c11b31; }
[data-subarea="system_app"] .title_h4>.small										{ margin-left:.75em; font-size:.88rem; color:var(--color-base); opacity:.64; font-weight:400 }
@media all and (max-width:1668px){
	.calendar_wrap																{ padding:10px; gap:1em 10px }
	.calendar_wrap .calendar_box												{ width:calc(52% - 5px); }
	.calendar_wrap .choice_wrap													{ width:calc(48% - 5px); }
	.calendar_wrap .choice_wrap .date_selec	span								{ font-size:1.36em; }
	[data-subarea="system_app"] .amount>dl>dd									{ font-size:1.2rem; }
}
@media all and (max-width:1568px){
	.calendar_wrap .calendar_box												{ width:calc(50% - 5px); }
	.calendar_wrap .choice_wrap													{ width:calc(50% - 5px); }
	.calendar_wrap .choice_wrap .date_selec	span								{ font-size:1.3em; }
	[data-subarea="system_app"] .amount>dl>dd									{ font-size:1.167rem; }
}			
@media all and (max-width:1468px){
	/* 달력 */
	.calendar_wrap																{ --sizeHig:95px; }
	.calendar_wrap .calendar_box												{ width:calc(48% - 5px); }
	.calendar_wrap .choice_wrap													{ width:calc(52% - 5px); }
	.calendar_wrap .calendar_box .year strong									{ font-size:2em; }
	.calendar_wrap .calendar_list ul.weekdays li								{ padding:17px 10px; }
	.calendar_wrap .calendar_list .days>li										{ min-height:62px; }	
	ul.exmark_list																{ margin-top:1.5em; }
	ul.exmark_list>li															{ font-size:1rem; }
}
@media all and (max-width:1368px){
	[data-subarea="system_app"] .app_input_list>li>.tit							{ width:9em; }
	[data-subarea="system_app"] .app_input_list>li>.flex						{ width:calc(100% - 9em - 2em); }
	
	/* 달력 */
	.calendar_wrap																{ --sizeHig:80px;  }
	.calendar_wrap .calendar_box												{ width:calc(46% - 5px); }
	.calendar_wrap .choice_wrap													{ width:calc(54% - 5px); }
	.calendar_wrap .calendar_box .year strong									{ font-size:1.8em; padding:0 1em }
	.calendar_wrap .calendar_list ul.weekdays li								{ padding:15px 10px; }
	.calendar_wrap .calendar_list .days>li										{ min-height:60px; }
	.calendar_wrap .choice_wrap .date_selec span								{ font-size:1.46em; }	
	.calendar_wrap .choice_wrap .date_selec	span								{ font-size:1.267em; }
	.calendar_wrap .choice_wrap .date_selec_list>li>label						{ font-size:1.067em; }
	[data-subarea="system_app"] .amount>dl.date::before,
	[data-subarea="system_app"] .amount>dl.dc::before,
	[data-subarea="system_app"] .amount>dl.final::before						{ width:3rem; font-size:1.8rem;}
	[data-subarea="system_app"] .amount>dl.date, 
	[data-subarea="system_app"] .amount>dl.dc, 
	[data-subarea="system_app"] .amount>dl.final								{ padding-left:3rem; }

}
@media all and (max-width:1268px){
	[data-subarea="system_app"] .app_input_list>li								{ gap:10px 1.5em;}
	[data-subarea="system_app"] .app_input_list>li>.tit							{ width:8em; }
	[data-subarea="system_app"] .app_input_list>li>.flex						{ width:calc(100% - 8em - 1.5em); }
	
	/* 달력 */
	.calendar_wrap .calendar_box												{ width:calc(44% - 5px); }
	.calendar_wrap .choice_wrap													{ width:calc(56% - 5px); }
	.calendar_wrap .choice_wrap .title_h4										{ font-size:1.6em; }
	.calendar_wrap .choice_wrap													{ padding:1.5em; }
	.calendar_wrap .calendar_box .year strong									{ font-size:1.7em; }
	.calendar_wrap .calendar_list ul.weekdays li								{ padding:12px 10px; }
	.calendar_wrap .calendar_list .days>li										{ min-height:70px; }
	.calendar_wrap .choice_wrap .date_selec span								{ font-size:1.36em; }
	.calendar_wrap .calendar_box .year button									{ width:35px; height:35px; }
	.calendar_wrap .calendar_box .year button.next::before,
	.calendar_wrap .calendar_box .year button.prev::before						{ width:7px; height:7px; }
	.calendar_wrap .choice_wrap .date_selec span								{ font-size:1.26em; }
	.calendar_wrap .choice_wrap .status_info									{ margin-top:.75em; }
	ul.exmark_list																{ margin-top:1em; }
	ul.exmark_list>li															{ font-size:.95rem; }
	[data-subarea="system_app"] .amount>dl>dt									{ font-size:1rem; }
	[data-subarea="system_app"] .amount>dl>dd									{ font-size:1.1rem; }
	[data-subarea="system_app"] .amount>dl.date::before,
	[data-subarea="system_app"] .amount>dl.dc::before,
	[data-subarea="system_app"] .amount>dl.final::before						{ width:2.5rem; font-size:1.6rem;}
	[data-subarea="system_app"] .amount>dl.date, 
	[data-subarea="system_app"] .amount>dl.dc, 
	[data-subarea="system_app"] .amount>dl.final								{ padding-left:2.5rem; }
}
@media all and (max-width:1168px){
	[data-subarea="system_app"] .app_input_list									{ font-size:1.03rem; }
	[data-subarea="system_app"] .app_input_list>li								{ gap:10px 1em;}
	[data-subarea="system_app"] .app_input_list>li>.tit							{ width:7em; }
	[data-subarea="system_app"] .app_input_list>li>.flex						{ width:calc(100% - 7em - 1em); }
	
	/* 달력 */
	.calendar_wrap .calendar_box .year strong									{ font-size:1.6em; }
	.calendar_wrap .calendar_list ul.weekdays li								{ padding:12px 8px; }
	.calendar_wrap .calendar_box,												
	.calendar_wrap .choice_wrap													{ width:100%; }

}
@media all and (max-width:1068px){
	[data-subarea="system_app"] .app_input_list>li>.tit							{ width:100%; }
	[data-subarea="system_app"] .app_input_list>li>.flex						{ width:100%; }
	.agree_box .con_scroll .agree_scroll_box									{ font-size:.85rem; }
	.agree_box .con_scroll .agree_scroll_box strong								{ font-size:1.1em; }
	.agree_box .con_scroll .agree_scroll_box>.basic_ul>li,
	.agree_box .con_scroll .agree_scroll_box>.list_num>li						{ font-size:.9rem; }
	.agree_box .con_scroll .agree_scroll_box>.basic_ul>li>ul>li,
	.agree_box .con_scroll .agree_scroll_box>.list_num>li>ul>li					{ font-size:.85rem; }
	[data-subarea="system_app"] .app_input_list>li .btn_zip						{ font-size:.8rem; }
	
	/* 달력 */
	.calendar_wrap .choice_wrap .status_info,
	ul.exmark_list>li															{ font-size:.9rem; }
}
@media all and (max-width:1024px){
	[data-subarea="system_app"] .app_input_list .agree_check					{ font-size:14px; }
	
	/* 달력 */
	.calendar_wrap																{ --sizeHig:80px;  }
	.calendar_wrap .calendar_list												{ height:inherit; }
	.calendar_wrap .calendar_box .year strong									{ font-size:1.9em; }
	.calendar_wrap .choice_wrap .date_selec_list>li>label						{ font-size:1.03rem; }
	
}
@media all and (max-width:968px){
	.agree_box>li																{ border-radius:15px; }
	.agree_box .agree_check														{ padding:1em; }
	.agree_box .agree_check .btn_more											{ right:1em; width:30px; height:30px; }
	.agree_box .con_scroll .agree_scroll_box									{ font-size:.8rem; }
	.agree_box .con_scroll .agree_scroll_box strong								{ font-size:1.067em; }
	.agree_box .con_scroll .agree_scroll_box>.basic_ul>li,
	.agree_box .con_scroll .agree_scroll_box>.list_num>li						{ font-size:.88rem; }
	.agree_box .con_scroll .agree_scroll_box>.basic_ul>li>ul>li,
	.agree_box .con_scroll .agree_scroll_box>.list_num>li>ul>li					{ font-size:.82rem; }
	.agree_box .con_scroll .agree_scroll_box>.list_num>li::before				{ top:-1px; }
	[data-subarea="system_app"] .app_input_list .file>li						{ font-size:.85rem; }
	[data-subarea="system_app"] .app_input_list>li>.tit							{ position:relative; }
	[data-subarea="system_app"] .app_input_list>li>.tit button					{ position:absolute; top:-7px; }
	[data-subarea="system_app"] .app_input_list>li>.tit .btn_plus				{ right:0; }
	[data-subarea="system_app"] .app_input_list>li>.tit .btn_minus				{ right:50px; }
}
@media all and (max-width:868px){
	[data-subarea="system_app"] .app_input_list>li.w50,
	[data-subarea="system_app"] .app_input_list>li.w33,
	[data-subarea="system_app"] .app_input_list.info_box>li.w50					{ width:100%; }
	[data-subarea="system_app"] .app_input_list>li>.tit							{ width:7em; }
	[data-subarea="system_app"] .app_input_list>li>.flex						{ width:calc(100% - 7em - 1em); }
	[data-subarea="system_app"] .app_input_list>li>.tit button					{ position:relative; top:inherit; }
	[data-subarea="system_app"] .app_input_list>li>.tit .btn_plus				{ right:inherit; }
	[data-subarea="system_app"] .app_input_list>li>.tit .btn_minus				{ right:inherit; }
}
@media all and (max-width:768px){
	/* 달력 */
	.calendar_wrap .calendar_box .year											{ height:inherit; margin-top:20px; margin-bottom:15px; }
	.calendar_wrap .calendar_box												{ padding:0 1em 1em; }
	.calendar_wrap .choice_wrap													{ padding:1.5em 1em; }
	[data-subarea="system_app"] .amount											{ justify-content:center; gap:10px 0}
	[data-subarea="system_app"] .amount>dl										{ flex-flow:row wrap; justify-content:flex-start; align-items:center; gap:10px 1em }
	[data-subarea="system_app"] .amount>dl>dt									{ font-size:1rem; }
	[data-subarea="system_app"] .amount>dl>dd									{ font-size:1.167rem; }
	[data-subarea="system_app"] .amount>dl.date, 
	[data-subarea="system_app"] .amount>dl.dc, 
	[data-subarea="system_app"] .amount>dl.final								{ padding-left:3rem; }
	[data-subarea="system_app"] .amount>dl.final::before,						
	[data-subarea="system_app"] .amount>dl.date::before,
	[data-subarea="system_app"] .amount>dl.dc::before							{ width:3rem;  font-size:1.65rem; line-height:1; }
	[data-subarea="system_app"] .amount>dl.date::before							{ margin-top:-3px;}
}
@media all and (max-width:668px){
	[data-subarea="system_app"] .app_input_list>li>.tit							{ width:100%; }
	[data-subarea="system_app"] .app_input_list>li>.flex						{ width:100%; }
	[data-subarea="system_app"] .app_input_list>li>.tit button					{ position:absolute; top:-7px; }
	[data-subarea="system_app"] .app_input_list>li>.tit .btn_plus				{ right:0; }
	[data-subarea="system_app"] .app_input_list>li>.tit .btn_minus				{ right:50px; }
	
	/* 달력 */
	.calendar_wrap																{ border-radius:15px; }
	.calendar_wrap .calendar_box,
	.calendar_wrap .choice_wrap													{ border-radius:10px; }
	.calendar_wrap .calendar_list .days>li										{ min-height:60px; }
	.calendar_wrap .calendar_list .date,
	.calendar_wrap .calendar_list .days>li::before,
	.calendar_wrap .calendar_list .date,
	.calendar_wrap .calendar_list .days>li::before								{ width:calc(100% - 6px); height:calc(100% - 6px); left:3px; top:3px; }
	.calendar_wrap .calendar_box .year strong									{ font-size:1.7em; padding:0 .5em }
	.calendar_wrap .calendar_list .date .txt									{ font-size:.75rem; }
	.calendar_wrap .calendar_list .date .txt.today::before						{ bottom:-6px; width:4px; height:4px; left:calc(50% - 2px); }
	.calendar_wrap .choice_wrap .date_selec_list								{ flex-wrap:wrap; }
	.calendar_wrap .choice_wrap .date_selec_list>li								{ width:100%; }
	.calendar_wrap .choice_wrap .date_selec_list>li>label						{ width:5em ;}
	.calendar_wrap .choice_wrap .date_selec_list>li>span						{ width:calc(100% - 5em - 15px); }
}
@media all and (max-width:568px){
	[data-subarea="system_app"] .app_input_list									{ font-size:1rem; }
	[data-subarea="system_app"] .app_input_list>li								{ padding:.75em 0; gap:5px 1em; }
	[data-subarea="system_app"] .app_input_list.info_box>li						{ padding:.75em .75em .5em; }		
	[data-subarea="system_app"] .app_input_list>li input, 
	[data-subarea="system_app"] .app_input_list>li select						{ min-height:35px; padding:6px 10px; }
	[data-subarea="system_app"] .app_input_list>li select						{ padding-right:30px; }
	.agree_box .agree_check .btn_more											{ position:relative; right:inherit; top:inherit; margin-top:.75em; border-radius:8px; width:100%;  transform:initial; }
	[data-subarea="system_app"] .app_input_list>li .btn_zip						{ height:35px; font-size:.75rem; }
	[data-subarea="system_app"] .app_input_list>li>.tit button					{ width:35px; height:26px; top:-5px; }
	[data-subarea="system_app"] .app_input_list>li>.tit .btn_minus				{ right:34px; }
	[data-subarea="system_app"] .app_input_list>li .icon-calendar				{ width:35px; height:35px; background-position:50% 45%; }
	[data-subarea="system_app"] .app_input_list .radio_list								{ gap:15px 2em; margin-top:5px;}
	[data-subarea="system_app"] .app_input_list .radio_list>li.gap10					{ flex-wrap:wrap; }
	
	[data-subarea="system_app"] .num_list>li button								{ width:35px; height:35px; }
	[data-subarea="system_app"] .num_list>li button::before						{ width:11px; }
	[data-subarea="system_app"] .num_list>li button::after						{ height:11px; }
	
	/* 달력 */
	.calendar_wrap																{ padding:6px; }
	.calendar_wrap .calendar_list ul.weekdays li,
	.calendar_wrap .calendar_list .date											{ padding:12px 3px; font-size:.85rem }
	.calendar_wrap .calendar_box .year strong									{ font-size:1.6em; }
	.calendar_wrap .calendar_box												{ padding:0 10px 10px; }
	.calendar_wrap .choice_wrap													{ padding:1.25em 10px; }
	.calendar_wrap .choice_wrap .date_selec										{ text-align:center; }
	.calendar_wrap .choice_wrap .title_h4										{ font-size:1.5em; }
}
@media all and (max-width:468px){
	.agree_box>li,
	[data-subarea="system_app"] .app_input_list .agree_check					{ border-radius:10px; }
	.agree_box .agree_check,
	[data-subarea="system_app"] .app_input_list .agree_check					{ padding:1em; }
	.agree_box .agree_check .btn_more											{ border-radius:5px; }
	.agree_box .agree_check .check_label, 
	[data-subarea="system_app"] .all_agree .check_label							{ line-height:1.2; padding-top:3px; }
	.calendar_wrap .choice_wrap .status_info									{ flex-wrap:wrap; gap:10px 20px; }
	
	[data-subarea="system_app"] .amount											{ padding:1em .5em; flex-flow:column; gap:5px }
	[data-subarea="system_app"] .amount>dl										{ gap:5px .5em; line-height:1.2 }
	[data-subarea="system_app"] .amount>dl>dt									{ font-size:.9rem; }
	[data-subarea="system_app"] .amount>dl>dd									{ font-size:1.03rem; }
	[data-subarea="system_app"] .amount>dl.date, 
	[data-subarea="system_app"] .amount>dl.dc, 
	[data-subarea="system_app"] .amount>dl.final								{ padding-left:1.5rem; }
	[data-subarea="system_app"] .amount>dl.final::before,						
	[data-subarea="system_app"] .amount>dl.date::before,
	[data-subarea="system_app"] .amount>dl.dc::before							{ width:auto;  font-size:1.3rem; text-align:left  }
	[data-subarea="system_app"] .amount>dl.date::before							{ margin-top:-1px;}
	
}
@media all and (max-width:368px){
	.calendar_wrap																{ padding:4px; }
	.calendar_wrap .calendar_box												{ padding:0 5px 5px; }
	.calendar_wrap .calendar_list .days											{ border-radius:8px; }
	.calendar_wrap .calendar_box .year button									{ width:32px; height:32px; }
	.calendar_wrap .calendar_box .year											{ margin-top:15px; margin-bottom:10px; }
	.calendar_wrap .choice_wrap .date_selec										{ margin-top:20px; margin-bottom:10px; }
	.calendar_wrap .calendar_box .year strong									{ font-size:1.5em; }
	.calendar_wrap .choice_wrap .date_selec span								{ font-size:1.3em; }
	.calendar_wrap .calendar_list .date .txt									{ font-size:.7rem; }
	.calendar_wrap .calendar_list .date,
	.calendar_wrap .calendar_list .days>li::before								{ width:calc(100% - 2px); left:1px; border-radius:5px; }
	
	
}



/********************************************************

 						마이페이지 
 
*********************************************************/
/* 리스트 검색 */
[data-subarea="mypage"] .search_area											{ display:flex; flex-wrap:wrap;  align-items:center;  justify-content:center; gap:5px; background:#f3f3f3; padding:1.5em; margin-bottom:2em }
[data-subarea="mypage"] .search_area select,
[data-subarea="mypage"] .search_area .date_btn,
[data-subarea="mypage"] .search_area .date_input,
[data-subarea="mypage"] .search_area .btn_search								{ height:42px; border-radius:25px;  }
[data-subarea="mypage"] .search_area .date_btn,
[data-subarea="mypage"] .search_area .date_input,
[data-subarea="mypage"] .search_area .btn_search								{ padding:0 25px;  }
[data-subarea="mypage"] .search_area .date_input								{ border-radius:25px; padding-left:42px; }
[data-subarea="mypage"] .search_area .btn_wrap,
[data-subarea="mypage"] .search_area .form_input								{ display:flex; flex-wrap:wrap;  align-items:center; gap:5px;}
[data-subarea="mypage"] .search_area .form_input .icon							{ position:relative; display:flex; max-width:12em; }
[data-subarea="mypage"] .search_area .form_input .icon-calendar					{ width:42px; height:100%; position:absolute; left:8px; top:0; z-index:1; 
																					 background:url(/resource/common/images/bbs/icon_calender.svg) no-repeat 50% calc(50% - 1px) / auto 17px;  z-index:1 }
[data-subarea="mypage"] .search_area .form_input .icon input					{ width:100%; }
[data-subarea="mypage"] .search_area .btn_search								{ background:var(--color-point); color:#fff; }
[data-subarea="mypage"] .search_area .date_btn									{ border:1px solid #e3e2e1; background:#fff; }
[data-subarea="mypage"] .search_area .date_btn.on								{ border-color:#3f3f3f; background:var(--color-base); color:#fff; }
[data-subarea="mypage"] .search_area .form_title								{ font-size:.98rem; font-weight:bold; margin-right:5px; }


/* 예약 목록 */
[data-subarea="mypage"] .mypage_tit,
[data-subarea="mypage"] .mypage_list>li											{ display:flex; align-items:center; justify-content:center; font-size:1.067em; line-height:1.3 }
[data-subarea="mypage"] .mypage_tit												{ background:#ebf2f8; border-radius:10px; padding:20px 10px; text-align:center; font-weight:500;  }
[data-subarea="mypage"] .mypage_tit>li											{ padding:0 10px; }
[data-subarea="mypage"] .mypage_list>li											{ position:relative; width:100%; margin-top:5px; border-radius:10px; border:1px solid rgba(0,0,0,.15); padding:20px 15px; color:rgba(0,0,0,.64)  }
[data-subarea="mypage"] .mypage_list>li::before									{ position:absolute; width:calc(100% + 2px); height:calc(100% + 2px); border:2px solid var(--color-point); left:-1px; top:-1px; content:''; pointer-events:none; opacity:0;
																					border-radius:10px; }
[data-subarea="mypage"] .mypage_list>li:hover::before							{ opacity:1; transition:var(--trans-ani); }
[data-subarea="mypage"] .mypage_list>li:hover									{ color:var(--color-base); }
[data-subarea="mypage"] .mypage_list>li>dl										{ display:flex; flex-flow:column; gap:5px; justify-content:center; align-items:center; padding:0 5px; text-align:center }
[data-subarea="mypage"] .mypage_list>li>dl>dt									{ display:none; font-weight:bold }
[data-subarea="mypage"] .mypage_list>li>dl>dd									{ display:flex; flex-flow:column; gap:3px; }
[data-subarea="mypage"] .mypage_list>li>dl.won>dd								{ color:#c11b31; }
[data-subarea="mypage"] .mypage_tit .num,
[data-subarea="mypage"] .mypage_list .num										{ width:5%; }
[data-subarea="mypage"] .mypage_tit .tit,
[data-subarea="mypage"] .mypage_list .tit										{ flex:auto; width:29%; text-align:center; }
[data-subarea="mypage"] .mypage_tit .date,
[data-subarea="mypage"] .mypage_list .date										{ width:20%; }
[data-subarea="mypage"] .mypage_tit .time,
[data-subarea="mypage"] .mypage_list .time										{ width:12%; }
[data-subarea="mypage"] .mypage_tit .won,
[data-subarea="mypage"] .mypage_list .won										{ width:12%; }
[data-subarea="mypage"] .mypage_tit .state,
[data-subarea="mypage"] .mypage_list .state										{ width:10%; }
[data-subarea="mypage"] .mypage_tit .app_date,
[data-subarea="mypage"] .mypage_list .app_date									{ width:14%; }
[data-subarea="mypage"] .mypage_tit .stadium,
[data-subarea="mypage"] .mypage_list .stadium									{ width:14%; }
[data-subarea="mypage"] .mypage_tit .won,
[data-subarea="mypage"] .mypage_list .won										{ width:14%; }
[data-subarea="mypage"] .mypage_tit .name,
[data-subarea="mypage"] .mypage_list .name										{ width:10%; }
[data-subarea="mypage"] .mypage_tit .insti,
[data-subarea="mypage"] .mypage_list .insti										{ width:14%; }




/* 상태값 */
[data-subarea="mypage"] .value													{ padding:10px 15px 8px; font-size:.9rem; line-height:1; color:#fff; border-radius:25px; }
[data-subarea="mypage"] .value1													{ background:var(--color-point) }
[data-subarea="mypage"] .value2													{ background:#46a757; }
[data-subarea="mypage"] .value3													{ background:#222; }
[data-subarea="mypage"] .value4													{ background:#ef9e33; }
[data-subarea="mypage"] .value5													{ background:#ef3f44; }
[data-subarea="mypage"] .value6													{ background:#fff; color:var(--color-point); border:1px solid var(--color-point) }
[data-subarea="mypage"] .value7													{ background:#fff; color:#ef3f44;  border:1px solid #ef3f44;}
[data-subarea="mypage"] .value8													{ background:#ef3f44; }
[data-subarea="mypage"] .value9													{ background:#222; }





@media all and (max-width:1668px){
	[data-subarea="mypage"] .mypage_tit,
	[data-subarea="mypage"] .mypage_list>li										{ font-size:1.03em; }
}
@media all and (max-width:1568px){
	[data-subarea="mypage"] .value												{ font-size:.85rem; }
}
@media all and (max-width:1468px){
	/* 목록검색 */
	[data-subarea="mypage"] .search_area .form_input .icon						{ max-width:10.5em; }

	[data-subarea="mypage"] .value												{ font-size:.83rem; }
	[data-subarea="mypage"] .more												{ font-size:.9rem; }
}
@media all and (max-width:1368px){
	/* 목록검색 */
	[data-subarea="mypage"] .search_area										{ padding:1em; }
	[data-subarea="mypage"] .search_area *										{ font-size:.95rem; }
	[data-subarea="mypage"] .search_area .date_btn, 
	[data-subarea="mypage"] .search_area .date_input, 
	[data-subarea="mypage"] .search_area .btn_search							{ padding:0 15px; }
	[data-subarea="mypage"] .search_area .date_input							{ padding-left:42px; }
}
@media all and (max-width:1168px){
	[data-subarea="mypage"] .mypage_tit											{ display:none; }
	[data-subarea="mypage"] .mypage_list>li										{ flex-wrap:wrap; gap:10px 30px; position:relative; justify-content:left; color:rgba(0,0,0,.94) }
	[data-subarea="mypage"] .mypage_list>li>dl>dt								{ display:flex; }
	[data-subarea="mypage"] .mypage_list>li>dl									{ flex-flow:row wrap; gap:5px 10px; }
	[data-subarea="mypage"] .mypage_list>li>.num>dt,
	[data-subarea="mypage"] .mypage_list>li>.state>dt,
	[data-subarea="mypage"] .mypage_list>li>.app_date>dt,	
	[data-subarea="mypage"] .mypage_list>li>.tit>dt								{ display:none; }
	[data-subarea="mypage"] .mypage_list .tit,
	[data-subarea="mypage"] .mypage_list .num									{ width:100%; justify-content:flex-start; text-align:left }
	[data-subarea="mypage"] .mypage_list .date,
	[data-subarea="mypage"] .mypage_list .time,
	[data-subarea="mypage"] .mypage_list .won,
	[data-subarea="mypage"] .mypage_list .stadium,
	[data-subarea="mypage"] .mypage_list .name,
	[data-subarea="mypage"] .mypage_list .insti,									
	[data-subarea="mypage"] .mypage_list .state,
	[data-subarea="mypage"] .mypage_list .app_date								{ width:auto; }
	[data-subarea="mypage"] .mypage_list .tit									{ font-size:1.067em; font-weight:500; }
	[data-subarea="mypage"] .mypage_list .app_date								{ position:absolute; right:15px; top:20px; color:rgba(0,0,0,.54) }
	[data-subarea="mypage"] .mypage_list>li.none_data							{ justify-content:center;}
	[data-subarea="mypage"] .mypage_list .state									{ width:100%; margin-top:10px; padding:10px 0 0; border-top:1px solid rgba(0,0,0,.15);  }
	[data-subarea="mypage"] .mypage_list .state>dd								{ width:100%; flex-flow:row wrap; justify-content:end}
	[data-subarea="mypage"] .value												{ display:flex; justify-content:center; border-radius:8px; padding:12px 12px 8px 12px; font-size:.9rem; line-height:1 }
}
@media all and (max-width:1024px){
	[data-subarea="mypage"] .mypage_list>li										{ font-size:1.03rem; }				
}
@media all and (max-width:868px){
	/* 목록검색 */
	[data-subarea="mypage"] .search_area select,
	[data-subarea="mypage"] .search_area .date_btn, 
	[data-subarea="mypage"] .search_area .date_input, 
	[data-subarea="mypage"] .search_area .btn_search							{ height:36px; }
	[data-subarea="mypage"] .search_area *										{ font-size:.9rem; }
	[data-subarea="mypage"] .search_area .date_btn, 
	[data-subarea="mypage"] .search_area .date_input, 
	[data-subarea="mypage"] .search_area .btn_search							{ padding:0 10px; }
	[data-subarea="mypage"] .search_area .date_input							{ padding-left:35px; }
	[data-subarea="mypage"] .search_area .form_input .icon-calendar				{ width:36px; left:4px; background-position:50% 50% }
	[data-subarea="mypage"] .search_area .btn_wrap, 
	[data-subarea="mypage"] .search_area .form_input							{ gap:5px; }
	[data-subarea="mypage"] .search_area .form_input .icon						{ max-width:9.5em; }
}
@media all and (max-width:768px){
	[data-subarea="mypage"] .search_area .btn_wrap								{ width:100%; justify-content:center; margin-bottom:5px; }
}
@media all and (max-width:668px){
	[data-subarea="mypage"] .mypage_list .date,
	[data-subarea="mypage"] .mypage_list .time,
	[data-subarea="mypage"] .mypage_list .won,
	[data-subarea="mypage"] .mypage_list .stadium,
	[data-subarea="mypage"] .mypage_list .name,
	[data-subarea="mypage"] .mypage_list .insti,									
	[data-subarea="mypage"] .mypage_list .state									{ width:100%; justify-content:left; }
	[data-subarea="mypage"] .mypage_list>li										{ font-size:1rem; }
	[data-subarea="mypage"] .value												{ font-size:.85rem; }
}
@media all and (max-width:468px){
	[data-subarea="mypage"] .search_area *										{ font-size:.85rem; }
	[data-subarea="mypage"] .mypage_list .date,
	[data-subarea="mypage"] .mypage_list .time,
	[data-subarea="mypage"] .mypage_list .won									{ align-items:baseline; }
	[data-subarea="mypage"] .mypage_list .date>dt,
	[data-subarea="mypage"] .mypage_list .time>dt,
	[data-subarea="mypage"] .mypage_list .won>dt								{ width:6em; }
	[data-subarea="mypage"] .mypage_list .date>dd,
	[data-subarea="mypage"] .mypage_list .time>dd,
	[data-subarea="mypage"] .mypage_list .won>dd								{ width:calc(100% - 6em - 10px); align-items: flex-start; text-align:left}
}
@media all and (max-width:414px){
	[data-subarea="mypage"] .value												{ font-size:.8rem; }
	[data-subarea="mypage"] .search_area .form_input							{ width:100%; }
	[data-subarea="mypage"] .search_area .form_input .icon						{ max-width:calc((100% - 19px) / 2); }
	[data-subarea="mypage"] .search_area .btn_search							{ width:100%; }
}
@media all and (max-width:368px){
	[data-subarea="mypage"] .mypage_list>li										{ padding:15px 10px; }
	[data-subarea="mypage"] .mypage_list .app_date								{ right:10px; top:15px; }
	[data-subarea="mypage"] .mypage_list>li>dl									{ gap:3px 10px; }
	
	[data-subarea="mypage"] .search_area .form_title							{ display:flex; width:100%; justify-content:center; }
	[data-subarea="mypage"] .search_area .date_btn								{ flex:auto; }
}
@media all and (max-width:320px){
	[data-subarea="mypage"] .search_area .form_input							{  justify-content:center; gap:0 }
	[data-subarea="mypage"] .search_area .form_input .icon						{ max-width:inherit; width:100% }
}



/******************** 모달 공통*********************/
[data-subarea="system_app"] .modal_bg						{ position:fixed; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgba(0,0,0,0.6); z-index:999;	}
[data-subarea="system_app"] .modal							{ display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); 
																-moz-transform:translate(-50%,-50%);  width:94%; overflow:hidden; background:#fff; border-radius:10px; box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); z-index:1000;}

/* 버튼 관련 */
[data-subarea="system_app"] .modal>.btn_close										{ position:absolute; top:.8em; right:1em; width:2.5em; height:2.5em; padding:1em; background:#000; border-radius:100%; z-index:20;  }
[data-subarea="system_app"] .modal>.btn_close:before,
[data-subarea="system_app"] .modal>.btn_close:after									{ position:absolute; width:60%; height:1px; left:20%; top:50%; background:#fff; content:"" }
[data-subarea="system_app"] .modal>.btn_close:before								{ transform:translateY(-50%) rotate(45deg); }
[data-subarea="system_app"] .modal>.btn_close:after									{ transform:translateY(-50%) rotate(-45deg);}
[data-subarea="system_app"] .modal .btn_area										{ display:flex; align-items:center; justify-content:center; gap:5px;}
[data-subarea="system_app"] .modal .btn_area										{ margin-top:1.5em; display:flex; align-items:center; justify-content:center; gap:10px;}
[data-subarea="system_app"] .modal .btn_area a,
[data-subarea="system_app"] .modal .btn_area button									{ display:flex; font-size:.95rem; line-height:1; padding:14px 20px 11px; border-radius:5px; min-width:90px; justify-content:center;  }
[data-subarea="system_app"] .modal .btn_area a:hover,
[data-subarea="system_app"] .modal .btn_area button:hover							{ animation:iconShow 0.7s ease-in-out 1 forwards;  }
[data-subarea="system_app"] .modal .btn_area .btn_close								{ border:1px solid rgba(0,0,0,.1); }
[data-subarea="system_app"] .modal .btn_area .btn_check								{ border:1px solid var(--color-point); background:var(--color-point); color:#fff; }

/* 본인인증 */
[data-subarea="system_app"] .pass_layer,
[data-subarea="system_app"] .comp_layer													{ max-width:700px; padding:2em; text-align:center}
[data-subarea="system_app"] .pass_layer  h4												{ font-size:1.467em; font-weight:bold; text-align:center; background:#ebf2f8; border-radius:10px; padding:15px;}
[data-subarea="system_app"] .pass_layer .img,
[data-subarea="system_app"] .comp_layer	.img											{ margin-top:1.5em; margin-left:auto; margin-right:auto }
[data-subarea="system_app"] .pass_layer .img img										{ width:250px; }
[data-subarea="system_app"] .comp_layer	.img img										{ width:350px; }
[data-subarea="system_app"] .pass_layer strong,
[data-subarea="system_app"] .comp_layer strong											{ display:block; font-size:1.167em; font-weight:bold; line-height:1.3; margin-top:.5em; }
[data-subarea="system_app"] .pass_layer .text,
[data-subarea="system_app"] .comp_layer .text											{ font-size:1.03em; line-height:1.4; margin-top:1.25em }

@media all and (max-width:968px){
	/* 본인인증 */
	[data-subarea="system_app"] .pass_layer  h4													{ font-size:1.367em; }
}
@media all and (max-width:668px){
	/* 본인인증 */
	[data-subarea="system_app"] .pass_layer,
	[data-subarea="system_app"] .comp_layer													{ padding:1.25em;}
	[data-subarea="system_app"] .pass_layer  h4												{ font-size:1.267em; }
	[data-subarea="system_app"] .modal .btn_area a,
	[data-subarea="system_app"] .modal .btn_area button										{ font-size:.9rem; }
	[data-subarea="system_app"] .modal .btn_area											{ gap:5px; }
}