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

 						상세검색 
 
*********************************************************/

[data-subarea="system_list"] .search_wrap {border-radius: 10px;padding: 2.5em; background:var(--color-point-bg);}
[data-subarea="system_list"] .search_wrap .list {display: flex;flex-wrap: wrap;align-items: center;gap:20px 40px;}
[data-subarea="system_list"] .search_wrap .list>li {flex:auto;}
[data-subarea="system_list"] .search_wrap .list>li:nth-child(1){width:auto;max-width: 180px;}
[data-subarea="system_list"] .search_wrap .list>li:nth-child(2){width:auto;max-width:570px;}
[data-subarea="system_list"] .search_wrap .list>li:nth-child(3){width:auto;}
[data-subarea="system_list"] .search_wrap .list>li>dl {display: flex;align-items: center;gap: 6px;}
[data-subarea="system_list"] .search_wrap .list>li>dl>dt {flex: 0 1 auto;margin-right: 1.875em;font-size: 1.125em;font-weight: 600;color: #111;}
[data-subarea="system_list"] .search_wrap .list>li>dl>dd { flex: auto;}
[data-subarea="system_list"] .search_wrap .list>li>dl>dd select,
[data-subarea="system_list"] .search_wrap .list>li>dl>dd input { width: 100%;min-height: 44px;border-radius: 6px;font-weight: 400;color: #222;border:1px solid #d5e6d5;}
[data-subarea="system_list"] .search_wrap .list>li>dl>dd select {min-width: 6.25em;}
[data-subarea="system_list"] .search_wrap .list>li>dl>dd.w120 select {min-width: 7.5em;}
[data-subarea="system_list"] .search_wrap .list>li>dl>dd select {background-position: calc(100% - 1em) 50%;}
[data-subarea="system_list"] .search_wrap .dateinput {position: relative;width: 100%;display: flex;flex-wrap: wrap;gap: 15px 30px;align-items: center;}
[data-subarea="system_list"] .search_wrap .dateinput::before { position: absolute;left: 50%; top: 50%;content: '~'; transform: translate(-50%,-50%);display: flex;}
[data-subarea="system_list"] .search_wrap .dateinput>li { width: calc((100% - 30px) / 2);position: relative;}
[data-subarea="system_list"] .search_wrap .dateinput>li>a {position: absolute;right: 0; top: 0;width: 45px;height: 100%; display: flex; align-items: center;justify-content: center;}
[data-subarea="system_list"] .search_wrap .search_more_btn {display: flex;align-items: center; justify-content: center;margin-top: 1.875em;gap: 6px;}
[data-subarea="system_list"] .search_wrap .search_more_btn button { min-width: 150px;border:1px solid var(--color-point);border-radius: 6px; height: 44px;display: flex;align-items: center;justify-content: center;font-size: 1.125em;font-weight: 500;}
[data-subarea="system_list"] .search_wrap .search_more_btn .btn_reset { background: #fff; color: #fff;color:var(--color-point);}
[data-subarea="system_list"] .search_wrap .search_more_btn .btn_search {background: var(--color-point);color: #fff;}

@media all and (max-width:1368px){	
	[data-subarea="system_list"] .search_wrap 									{padding:2.25em;}
	[data-subarea="system_list"] .search_wrap .list 							{gap:15px 30px;}
	[data-subarea="system_list"] .search_wrap .list>li:nth-child(1),
	[data-subarea="system_list"] .search_wrap .list>li:nth-child(2)			{width:auto;max-width:initial;}
	[data-subarea="system_list"] .search_wrap .list>li:nth-child(3)			{width:100%;}
	[data-subarea="system_list"] .search_wrap .list>li>dl>dd:has(.dateinput){width: calc(100% - 4em - 7.5em);}    
	[data-subarea="system_list"] .search_wrap .list>li>dl>dt					{width:4em;margin-right:1em;}
}

@media all and (max-width:1268px){	
	[data-subarea="system_list"] .search_wrap 									{padding:2em;}
	[data-subarea="system_list"] .search_wrap .list>li>dl>dt,
	[data-subarea="system_list"] .search_wrap .search_more_btn button {font-size:1.063em;min-width:130px;}
}

@media all and (max-width:968px){	
	[data-subarea="system_list"] .search_wrap 									{padding:1.875em;}
	[data-subarea="system_list"] .search_wrap .list>li>dl						{flex-wrap:wrap;}
	[data-subarea="system_list"] .search_wrap .list>li>dl>dd,
	[data-subarea="system_list"] .search_wrap .list>li>dl>dd:has(.dateinput){width:calc(100% - 5em - 12px);}
	[data-subarea="system_list"] .search_wrap .list>li>dl>dd select,
	[data-subarea="system_list"] .search_wrap .list>li>dl>dd input			{height:40px;}
	/*[data-subarea="system_list"] .search_wrap .dateinput					{ width: calc(100% - 5em - 12px);margin-left: calc(5em + 12px);}*/
	[data-subarea="system_list"] .search_wrap .search_more_btn button{min-height:40px;}
}


@media all and (max-width:568px){
	[data-subarea="system_list"] .search_wrap 									{padding:1.5em;}
	[data-subarea="system_list"] .search_wrap .list>li>dl>dt				{width:100%;margin-right:0;}
	[data-subarea="system_list"] .search_wrap .list>li>dl>dd,
	[data-subarea="system_list"] .search_wrap .list>li>dl>dd:has(.dateinput),
	[data-subarea="system_list"] .search_wrap .dateinput					{width:100%;}
	[data-subarea="system_list"] .search_wrap .dateinput					{margin-left:0;}
	[data-subarea="system_list"] .search_wrap .search_more_btn button {min-width:110px;}
}

@media all and (max-width:468px){
	[data-subarea="system_list"] .search_wrap 								{padding:1.375em;}
	[data-subarea="system_list"] .search_wrap .dateinput>li				{width:100%;}
  	[data-subarea="system_list"] .search_wrap .search_more_btn button	{font-size:1em;min-height:38px;}
}

@media all and (max-width:368px){
	[data-subarea="system_list"] .search_wrap .search_more_btn button{min-width:initial;width:calc((100% - 6px) / 2);}
}

@media all and (max-width:298px){
  	[data-subarea="system_list"] .search_wrap							{padding:1.125em;}
  	[data-subarea="system_list"] .search_wrap .list>li>dl>dd,
  	[data-subarea="system_list"] .search_wrap .list>li>dl>dd:has(.dateinput),
  	[data-subarea="system_list"] .search_wrap .dateinput				{font-size:14px;}
}



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

 						목록 
 
*********************************************************/
/* 게시글 수 */
[data-subarea="system_list"] .system_total								{ margin-top:2.5em;color:#282828;}
[data-subarea="system_list"] .system_total>strong						{ font-weight:600; color:var(--color-point); }

@media all and (max-width:1024px){	
	[data-subarea="system_list"] .system_total							{ margin-top:2.5em; }
}																		
	
[data-subarea="system_list"] .system_list								{ display:flex; flex-wrap:wrap; gap:1.25em; margin-top:1.5em;}
[data-subarea="system_list"] .system_list>li							{ width:calc((100% - 1.25em) / 2); }
[data-subarea="system_list"] .system_list>li .division					{ display:flex; flex-wrap:wrap; }
[data-subarea="system_list"] .system_list>li>a							{ position:relative; display:flex; flex-flow:column; gap:1.5em;width:100%; border:1px solid #e5e5e5; border-radius:20px;padding:2.5em; }
[data-subarea="system_list"] .system_list>li>a::before					{ position:absolute; width:100%; height:100%; border:2px solid var(--color-point); left:0; top:0; opacity:0; transition:var(--trans-ani); pointer-events:none; content:''; 
																						border-radius:20px; }
[data-subarea="system_list"] .system_list>li>a:hover::before			{ opacity:1; }
[data-subarea="system_list"] .system_list>li .status_list				{ display:flex; flex-wrap:wrap; gap:10px;justify-content: space-between;  align-items: center;}
[data-subarea="system_list"] .system_list>li .status					{ font-size:1.063em; display:inline-block;text-align:center;padding:4px 20px; border-radius:18px; color:var(--color-white); font-weight:500;border-width:1px;border-style:solid; }
[data-subarea="system_list"] .system_list>li .status1					{ border-color:#df3131;color:#df3131;}
[data-subarea="system_list"] .system_list>li .status2					{ border-color:#1353b4;color:#1353b4;}
[data-subarea="system_list"] .system_list>li .status3					{ border-color:#555555;color:#555555;}
[data-subarea="system_list"] .system_list>li .status4					{ border-color:#0b8484;color:#0b8484;}
[data-subarea="system_list"] .system_list>li .status_list .date 		{font-size:1.125em;color:#555;}
[data-subarea="system_list"] .system_list>li .info_box					{ width:100%;  }
[data-subarea="system_list"] .system_list>li .info_box strong		{ width:100%; font-size:1.5em;line-height:1.2; display:inline-block; font-weight:700; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;margin-bottom:.5em;}
[data-subarea="system_list"] .system_list>li .info_box dl				{ display:flex; flex-wrap:wrap; gap:10px; color:var(--color-base); flex-wrap:wrap;}
[data-subarea="system_list"] .system_list>li .info_box dl + dl			{ margin-top:8px;}
[data-subarea="system_list"] .system_list>li .info_box dl>dt			{ min-width:100px;opacity:.64;}
[data-subarea="system_list"] .system_list>li .info_box dl>dd			{font-weight:500; }
[data-subarea="system_list"] .system_list>li .info_box dl>dd .color_point{font-weight:700;}
[data-subarea="system_list"] .system_list>li .btn_app					{background:#888;color:#fff;border-radius:6px;font-size:1.25em;font-weight:500;padding:10px;width:100%;text-align:center;display:block;}
[data-subarea="system_list"] .system_list>li .btn_app.on			{background:var(--color-point);}


@media all and (max-width:1568px){
	[data-subarea="system_list"] .system_list>li>a						{padding:2.25em;}
	[data-subarea="system_list"] .system_list>li .info_box  strong		{ font-size:1.45em; }
	[data-subarea="system_list"] .system_list>li .info_box dl+dl			{ margin-top:4px; }
	[data-subarea="system_list"] .system_list>li .btn_app				{font-size:1.125em;}
}
@media all and (max-width:1468px){
	[data-subarea="system_list"] .system_list>li>a						{padding:2em;}
	[data-subarea="system_list"] .system_list>li .info_box  strong		{ font-size:1.375em; }
	[data-subarea="system_list"] .system_list>li .btn_app				{font-size:1.063em;}
}
@media all and (max-width:1368px){
	[data-subarea="system_list"] .system_list>li .info_box  strong		{ font-size:1.25em; }
}
@media all and (max-width:1268px){
	[data-subarea="system_list"] .system_list>li>a						{padding:1.875em;gap:1.375em;}
	[data-subarea="system_list"] .system_list>li .status				{font-size:1em;}
	[data-subarea="system_list"] .system_list>li .status_list .date		{font-size:1.063em;}
	[data-subarea="system_list"] .system_list>li .btn_app				{font-size:1em;}
	[data-subarea="system_list"] .system_list>li .info_box dl>dt	{min-width:75px;}
	[data-subarea="system_list"] .system_list>li .info_box dl+dl	{ margin-top:2px; }
}

@media all and (max-width:1024px){
	[data-subarea="system_list"] .system_list							{ gap:1em; }
	[data-subarea="system_list"] .system_list>li						{ width:calc((100% - 1em) / 2); }
	[data-subarea="system_list"] .system_list>li>a						{padding:1.75em;gap:1.25em;}
	[data-subarea="system_list"] .system_list>li .status					{font-size:.95rem;padding:4px 16px;}
	[data-subarea="system_list"] .system_list>li .status_list .date		{font-size:1rem;}
	[data-subarea="system_list"] .system_list>li .info_box strong		{ font-size:1.25rem; }
	[data-subarea="system_list"] .system_list>li .info_box dl			{ font-size:.92rem; gap:3px 10px;}
	[data-subarea="system_list"] .system_list>li .btn_app				{font-size:.98rem;padding:8px;}
}

@media all and (max-width:968px){
	[data-subarea="system_list"] .system_list>li>a,
	[data-subarea="system_list"] .system_list>li>a::before					{border-radius:15px;}
}

@media all and (max-width:868px){
	[data-subarea="system_list"] .system_list>li>a						{padding:1.5em;}
}

@media all and (max-width:768px){
	[data-subarea="system_list"] .system_list>li						{ width:100%; }
}

@media all and (max-width:568px){
	[data-subarea="system_list"] .system_list>li>a						{padding:1.25em; gap: 1.063em;}
	[data-subarea="system_list"] .system_list>li .status					{font-size:.9rem;}
	[data-subarea="system_list"] .system_list>li .info_box strong		{ font-size:1.125rem; }
	[data-subarea="system_list"] .system_list>li .status_list .date		{font-size:.92rem;}
	[data-subarea="system_list"] .system_list>li .info_box dl				{ font-size:.9rem; }
}

@media all and (max-width:468px){
	[data-subarea="system_list"] .system_list>li>a,
	[data-subarea="system_list"] .system_list>li>a::before					{border-radius:10px;}
}

@media all and (max-width:368px){
	[data-subarea="system_list"] .system_list>li .info_box dl			{flex-direction: column;}
	[data-subarea="system_list"] .system_list>li .info_box dl+dl		{margin-top: 6px;}
}



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

 						공통 
 
*********************************************************/
/* 하단 버튼 */
[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;font-weight:500;}
[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;pointer-events: none;}
[data-subarea] .btn_area .button.black 										{border: 1px solid rgba(0,0,0,1);background: rgba(0,0,0,1);pointer-events: none;}
[data-subarea] .btn_area .button:hover 										{animation: iconShow 0.7s ease-in-out 1 forwards;}

/* 목록버튼 */
[data-subarea] .btn_list														 {position: relative;display: inline-flex;align-items: center;justify-content: center;gap: 7px;border: 1px solid rgba(0,0,0,.1);border-radius: 10px;padding: 18px 30px;line-height: 1;transition: var(--trans-ani);}
[data-subarea] .btn_list::before 												{display: flex;width: 20px;height: 14px;content: '';background: url(/resource/images/system/icon_list.svg) no-repeat 50% 50% / auto 14px;transition: var(--trans-ani);}
[data-subarea] .btn_list:hover													 {border-color: var(--color-point);background: var(--color-point);color: #fff;}
[data-subarea] .btn_list:hover::before 											{filter: invert(1);}

/* 서브 타이틀 */
[data-subarea] .sub_tit, #boardWrap .sub_tit 							{font-size: 1.75rem;font-weight: 600;display: flex;margin-bottom: .5em;color: var(--color-point);font-family: var(--font-gong);flex-wrap: wrap;gap: 0 7px}
[data-subarea] .sub_tit.between												 {justify-content: space-between;}
[data-subarea] .sub_tit.between .check_label 							{color: var(--color-base);font-size: .9rem;}
[data-subarea] .sub_tit.between p 											{display: flex;align-items: center;}
[data-subarea] .sub_tit, 
[data-subarea] .sub_tit.mt3em,
#boardWrap .sub_tit 															{margin-top: 3em;}
[data-subarea] .gap10 															{gap: 10px;}
[data-subarea] .sub_tit2 														{font-size: 1.167rem;font-weight: 500;display: flex;margin-bottom: .25rem;position: relative;padding-left: 25px;}
[data-subarea] .sub_tit2::before												 {position: absolute;width: 16px;height: 16px;border: 3px solid var(--color-point);left: 0;top: 4px;content: '';border-radius: 100%;}
[data-subarea] .fee-type-badge												 {font-size: .9rem;color: var(--color-point);}

/* 셀렉트+라디오 */
[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: 5px solid var(--color-point);}

/* 안내문구 */
[data-subarea] .info_txt 															{position: relative;text-align: left;font-size: 1rem;padding-left:30px;}
[data-subarea] .info_txt strong													 {font-weight: 600;}
[data-subarea] .info_txt:before													 {content: ''; position: absolute; left: 0;top: 2px;display: inline-block;vertical-align: middle;background: url(/resource/images/system/icon_info_txt.svg) no-repeat 50% 50% / auto 20px;width: 20px;height: 20px;}

/* 아이콘 */
[data-subarea] .icon_bank 														{display: inline-block;width: 30px;height: 34px;background: url(/resource/images/system/icon_bank.svg) no-repeat 50% 50% / auto;vertical-align: middle;margin-top: -2px;margin-right: 5px;}
[data-subarea] .icon_card														{display: inline-block;width: 32px;height: 30px;background: url(/resource/images/system/icon_card.svg) no-repeat 50% 50% / auto; vertical-align: middle;margin-top: -2px;margin-right: 5px;}
[data-subarea] .icon_account 													{display: inline-block;width: 38px;height: 30px;background: url(/resource/images/system/icon_account.svg) no-repeat 50% 50% / auto;vertical-align: middle;margin-top: -2px;margin-right: 5px;}
[data-subarea] .icon_pay														 {display: inline-block;width: 33px;height: 34px;background: url(/resource/images/system/icon_pay.svg) no-repeat 50% 50% / auto;vertical-align: middle;margin-top: -2px;margin-right: 5px;}
[data-subarea] .icon_expand													 {display: flex;width: 25px; height: 8px;position: relative;margin-top: -2px;}
[data-subarea] .icon_expand::before 										{position: absolute;width: 100%;height: 100%;left: 0;top: 0;content: ''; background: url(/resource/images/system/icon_expand.svg) no-repeat 50% 50% / auto 8px;}

@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: 1024px) {
    [data-subarea] .sub_tit, #boardWrap .sub_tit 						{font-size:1.5rem;}
    [data-subarea] .sub_tit2 												{font-size: 1.03rem;padding-left: 22px;}
    [data-subarea] .sub_tit2::before										 {width: 13px;height: 13px;top: 5.5px;}
}

@media all and (max-width: 968px) {
    [data-subarea] .btn_area .button 										{border-radius:8px;height: 45px;padding: 0 20px;}
    [data-subarea] .sub_tit, #boardWrap .sub_tit						 {font-size: 1.267rem;}
    [data-subarea] .bnt_list 													{border-radius: 8px;padding: 14px 20px 12px; }
    [data-subarea] .sub_tit:nth-of-type(n+2),
	[data-subarea] .sub_tit.mt3em,
	#boardWrap .sub_tit,
	[data-subarea] .sub_tit 													{margin-top: 2em;}
    [data-subarea] .info_txt 													{font-size: .9rem;}
}

@media all and (max-width: 568px) {
    [data-subarea] .sub_tit, #boardWrap .sub_tit 						{font-size:1.375rem;}
    [data-subarea] .sub_tit:nth-of-type(n+2),
	 [data-subarea] .sub_tit.mt3em, 
	 #boardWrap .sub_tit, 
	 [data-subarea] .sub_tit 													{margin-top: 1.5em;}
    [data-subarea] .info_txt:before											 {margin-right: 5px;margin-top: -1px;}
}

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

 						상세페이지 
 
*********************************************************/
/* 상세페이지 */
[data-subarea="system_view"] .view_top											{border: 2px solid var(--color-point);border-radius:20px;padding:3.5em;}
[data-subarea="system_view"] .view_top .status_list							{ display:flex; flex-wrap:wrap; gap:10px;justify-content: space-between;  align-items: center;}
[data-subarea="system_view"] .view_top .status								{ font-size:1.063em; display:inline-block;text-align:center;padding:4px 20px; border-radius:18px; color:var(--color-white); font-weight:500;border-width:1px;border-style:solid; }
[data-subarea="system_view"] .view_top .status1								{ border-color:#e13232;color:#e13232;}
[data-subarea="system_view"] .view_top .status2								{ border-color:#1353b4;color:#1353b4;}
[data-subarea="system_view"] .view_top .status3								{ border-color:#555555;color:#555555;}
[data-subarea="system_view"] .view_top .status4								{ border-color:#0b8484;color:#0b8484;}
[data-subarea="system_view"] .view_top .status_list .date 					{font-size:1.125em;color:#555;}
[data-subarea="system_view"] .view_top .tit										{ display:flex; flex-wrap:wrap; align-items:center; font-size:1.875em; font-weight:700; line-height:1.3; margin-top: .5em;padding-bottom: .75em;    border-bottom: 1px solid #d2d2d2; }
[data-subarea="system_view"] .view_top .info_list								{ display:flex; flex-flow:row wrap; margin-top:1.5em; gap:1em;  }
[data-subarea="system_view"] .view_top .info_list>li							{ display:flex;flex:1 1 calc((100% - 1em) / 2);}
[data-subarea="system_view"] .view_top .info_list>li>dl							{ display:flex; flex-wrap:wrap; width:100%; align-items:flex-start; font-size:1.063em;}
[data-subarea="system_view"] .view_top .info_list>li>dl>dt						{ width:6em; opacity:.7}
[data-subarea="system_view"] .view_top .info_list>li>dl>dd						{ display:flex; flex-wrap:wrap; width: calc(100% - 6em);; font-weight:500; }
[data-subarea="system_view"] .view_top .btn_area 								{margin-top: 2em;}
[data-subarea="system_view"] .view_top .info_txt								 {margin-top: 1em;border-bottom: 1px solid #e1e2e1;padding-bottom: 1em;}
[data-subarea="system_view"] .view_top .amount 								{display: flex;align-items: center;gap: 10px 2em;min-width: calc(100% - 15em);}
[data-subarea="system_view"] .view_top .amount>dl 							{display: flex;flex-wrap:wrap;align-items: center;gap: 1.5em;font-size: 1.067em;font-weight: 500}
[data-subarea="system_view"] .view_top .amount>dl>dt						 {display: flex;align-items: center;color:#444;}
[data-subarea="system_view"] .view_top .amount>dl .icon 					{position: relative;display: flex;width: 40px;height: 40px;border-radius: 100%;margin-right: 12px;}
[data-subarea="system_view"] .view_top .amount>dl .icon::before 			{position: absolute;width: 100%;height: 100%;left: 0;top: 0;content: '';background-position: 50% 50%;background-repeat: no-repeat;background-size: auto 18px;}
[data-subarea="system_view"] .view_top .amount>dl .icon 					{background-color: var(--color-point);}
[data-subarea="system_view"] .view_top .amount>dl .icon::before 			{background-image: url(/resource/images/system/icon_amount01.svg);}
[data-subarea="system_view"] .view_top .amount>dl .color_base, 
[data-subarea="system_view"] .view_top .amount>dl .color_point 				{font-weight: 700;}
[data-subarea="system_view"] .view_top .btn_area:has(.amount) 				{display: flex;align-items: center;padding: 1em; background: #f6f6f6;border-radius: 10px;justify-content: space-between;gap: 10px 2em}


/* 상세내용 */
[data-subarea="system_view"] .system_view_con									{ position:relative; }
[data-subarea="system_view"] .system_view_con .box 								{ position: relative;border:1px solid #ddd;padding:2.5em;margin-top:4.5em;padding-top: 4em;border-radius:20px;}
[data-subarea="system_view"] .system_view_con .box h4							{position: absolute;--sizeHig: 58px;top: calc((var(--sizeHig) / 2) * -1);height: var(--sizeHig);display: flex;color: #fff;padding: 0 1.75em;border-radius: 2.5em;font-size: 1.5em;background: var(--color-point);justify-content: center;align-items: center;}
[data-subarea="system_view"] .system_view_con .box .txt							{word-break:break-all;}
[data-subarea="system_view"] .system_view_con dl>dt								{font-size:1.25em;font-weight:600;color: #333;margin-bottom:.5em;}
[data-subarea="system_view"] .system_view_con dl + dl							{margin-top:1.5em;}
[data-subarea="system_view"] .system_view_con .box_round					{display:flex;flex-wrap:wrap;gap:1em;}
[data-subarea="system_view"] .system_view_con .box_round > li					{background: #f6f6f6;border-radius: 10px;padding: 1.875em;flex:1 1 calc((100% - 1em) / 2)}
[data-subarea="system_view"] .system_view_con .box_round > li dd			{background:transparent;}
[data-subarea="system_view"] .system_view_con .box .basic_ul					{margin-top:0;}
[data-subarea="system_view"] .system_view_con .file									{ display:flex; flex-wrap:wrap; gap:10px; border-radius:10px; }
[data-subarea="system_view"] .system_view_con .file>li								{ display:flex; align-items:center; flex-wrap:wrap; gap:3px;  }
[data-subarea="system_view"] .system_view_con .file>li>a							{ display:flex; flex-wrap:wrap; gap:3px 12px;padding:1em; background:var(--color-point-bg);border:1px solid transparent;border-radius:5px; transition:var(--trans-ani);}
[data-subarea="system_view"] .system_view_con .file>li>a:hover,
[data-subarea="system_view"] .system_view_con .file>li>a:focus					{border-color:var(--color-point);color:var(--color-point);background:#fff;}
[data-subarea="system_view"] .system_view_con .file>li .btn_download			{ display:flex; align-items:center;  }
[data-subarea="system_view"] .system_view_con .file>li .btn_download:after		{ content:''; opacity:1; display:inline-block; width:14px; height:13px; background:url(/resource/images/system/icon_download.svg) no-repeat 50% 50% / auto 13px;
														 										transition: var(--trans-ani); }
[data-subarea="system_view"] .system_view_con .file>li>a:hover:after,
[data-subarea="system_view"] .system_view_con .file>li>a:focus:after{filter:invert(29%) sepia(76%) saturate(928%) hue-rotate(84deg) brightness(100%) contrast(99%);}

@media all and (max-width:1668px){
	[data-subarea="system_view"] .view_top											{padding:3em;}
	[data-subarea="system_view"] .view_top .btn_area							{margin-top:1.875em;}

	[data-subarea="system_view"] .system_view_con .box							{padding:2.375em;padding-top:3.5em;margin-top: 4em;}
	[data-subarea="system_view"] .system_view_con .box_round > li			{padding:1.75em;}
}
@media all and (max-width:1568px){
	[data-subarea="system_view"] .view_top											{padding:2.75em;}
	[data-subarea="system_view"] .view_top .tit										{ font-size:1.75em;}
	[data-subarea="system_view"] .view_top .info_list>li>dl						{ font-size:1.03em; }
	[data-subarea="system_view"] .view_top .btn_area							{margin-top:1.5em;}


	[data-subarea="system_view"] .system_view_con .box h4					{font-size:1.375em;--sizeHig: 56px;}
}
@media all and (max-width:1468px){
	[data-subarea="system_view"] .view_top											{padding:2.5em;}

	[data-subarea="system_view"] .system_view_con .box							{padding:2.25em;padding-top:3.25em;margin-top: 3.5em;}
	[data-subarea="system_view"] .system_view_con .box_round > li			{padding:1.5em;}
}

@media all and (max-width:1368px){	
	[data-subarea="system_view"] .view_top .tit										{ font-size:1.625em;}
}


@media all and (max-width:1268px){	
	[data-subarea="system_view"] .view_top											{padding:2.25em;}
	[data-subarea="system_view"] .view_top .status									{font-size:1em;}
	[data-subarea="system_view"] .view_top .status_list .date					{font-size:1.063em;}
	[data-subarea="system_view"] .view_top .tit										{ font-size:1.5em;}
	[data-subarea="system_view"] .view_top .info_list							{ margin-top:1em; padding-bottom:1em; gap:.75em 1em;}
	[data-subarea="system_view"] .view_top .info_list>li>dl						{ font-size:1em; }
	[data-subarea="system_view"] .view_top .amount>dl						{font-size:1.03em;}
	[data-subarea="system_view"] .view_top .btn_area							{margin-top:1.375em;}

	[data-subarea="system_view"] .system_view_con .box							{padding:2em;padding-top:3em;}
	[data-subarea="system_view"] .system_view_con .box h4					{font-size:1.25em;--sizeHig: 52px;}
	[data-subarea="system_view"] .system_view_con dl>dt						{font-size:1.125em;margin-bottom: .25em;}
	[data-subarea="system_view"] .system_view_con dl>dd						{font-size:.95rem;}
	[data-subarea="system_view"] .system_view_con .box_round				{gap:10px;}
	[data-subarea="system_view"] .system_view_con .box_round > li			{padding:1.375em;flex: 1 1 calc((100% - 10px) / 2);}
	[data-subarea="system_view"] .system_view_con .file							{gap:7px;}
}


@media all and (max-width:1024px){	
	[data-subarea="system_view"] .view_top .tit										{ font-size:1.375rem;}
	[data-subarea="system_view"] .view_top .status									{font-size:.95rem;padding: 4px 16px;}
	[data-subarea="system_view"] .view_top .status_list .date					{font-size:1rem;}
	[data-subarea="system_view"] .system_view_con .box h4					{font-size:1.125rem;--sizeHig: 48px;padding: 0 1.5em;}
}

@media all and (max-width:968px){						
	[data-subarea="system_view"] .view_top											{border-radius:15px;}
	[data-subarea="system_view"] .view_top .info_list>li>dl>dd					{ width:100%; }
	[data-subarea="system_view"] .view_top .amount>dl						{gap: 7px 1.25em;}
	[data-subarea="system_view"] .view_top .amount>dl .icon					{width:30px;height:30px;}
	[data-subarea="system_view"] .view_top .amount>dl .icon::before			{background-size:auto 14px;}

	[data-subarea="system_view"] .system_view_con .file>li > a						{ font-size:.9rem;  padding: 12px;}
	[data-subarea="system_view"] .system_view_con>li .btn_download:after,
	[data-subarea="system_view"] .system_view_con>li .btn_viewer				{ width:26px; height:26px; }
	[data-subarea="system_view"] .system_view_con>li .btn_viewer::before		{ background-size:auto 12px; }
	[data-subarea="system_view"] .system_view_con .box								{border-radius:15px;}
	[data-subarea="system_view"] .system_view_con .file						
}
@media all and (max-width:868px){
	[data-subarea="system_view"] .view_top												{padding:2em;}
	[data-subarea="system_view"] .view_top .btn_area							{margin-top:1.25em;}

}
@media all and (max-width:668px){
	[data-subarea="system_view"] .view_top											{padding:1.75em;}
	[data-subarea="system_view"] .view_top .btn_area							{margin-top:1em;}

	[data-subarea="system_view"] .system_view_con .box							{padding:1.75em;padding-top: 2.875em;margin-top:3em;}
	[data-subarea="system_view"] .system_view_con .box_round > li			{padding:1.25em;}
}	
@media all and (max-width:568px){
	[data-subarea="system_view"] .view_top .status									{font-size:.9rem;}
	[data-subarea="system_view"] .view_top .status_list .date					{font-size:.92rem;}
	[data-subarea="system_view"] .view_top .info_list							{flex-flow: column;}
	[data-subarea="system_view"] .view_top .info_list>li>dl						{flex-flow:row;}

	[data-subarea="system_view"] .system_view_con .box_round > li			{padding:1.125em;flex:1 1 100%;}
}	
@media all and (max-width:468px){
	[data-subarea="system_view"] .view_top											{padding:1.5em;border-radius:10px;}
	[data-subarea="system_view"] .view_top .tit										{font-size: 1.25rem;} 
	[data-subarea="system_view"] .view_top .btn_area							{margin-top:.875em;}
	[data-subarea="system_view"] .view_top .btn_area:has(.amount)			{padding:.88em;}
	[data-subarea="system_view"] .view_top .amount>dl .icon					{width:26px;height:26px;margin-right:10px;}
	[data-subarea="system_view"] .view_top .amount>dl .icon::before			{background-size:auto 14px;}

	[data-subarea="system_view"] .system_view_con .box						{padding:1.5em; padding-top: 2.75em;border-radius:10px;margin-top: 2.5em;}
  	[data-subarea="system_view"] .system_view_con .box h4					{font-size:1.063rem;--sizeHig: 44px;padding: 0 1.375em;}
	[data-subarea="system_view"] .system_view_con .box_round > li			{padding:1.125em;}
  	[data-subarea="system_view"] .system_view_con dl>dt						{font-size:1.063em;}
	[data-subarea="system_view"] .system_view_con dl>dd						{font-size:.94rem;}
}

@media all and (max-width:368px){
	[data-subarea="system_view"] .view_top										{padding:1.25em;}
	[data-subarea="system_view"] .view_top .info_list>li>dl						{flex-flow:column;}
	[data-subarea="system_view"] .view_top .info_list>li>dl>dt					{width:100%;}
	[data-subarea="system_view"] .view_top .btn_area							{margin-top:.5em;}
	[data-subarea="system_view"] .system_view_con .box							{padding:1.25em; padding-top: 2.5em;}
	[data-subarea="system_view"] .system_view_con .box_round > li			{padding:1em;}
}


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

 						신청페이지 
 
*********************************************************/
[data-subarea="system_app"] .app_top											{ display:flex; flex-wrap:wrap; gap:1.5em; border:1px solid rgba(0,0,0,.1); padding:2.5em; border-radius:20px; }
[data-subarea="system_app"] .app_date											{ position:absolute; right:0; top:.38rem; display:flex;  align-items:center; gap:0 1em;line-height:1;}
[data-subarea="system_app"] .app_date i											{ font-size:.95rem; opacity:.74; font-weight:500; }
[data-subarea="system_app"] .app_top .txt_area									{ flex:auto; max-width:calc(100% - 300px - 2em); }
[data-subarea="system_app"] .app_top .tit										{ font-size:1.625em; font-weight:600; line-height:1.2 }	
[data-subarea="system_app"] .app_top .info_list									{ width:100%; display:flex; flex-wrap:wrap;  gap:1em;  }
[data-subarea="system_app"] .app_top .info_list>li								{ flex:1 1 calc((100% - 1em) / 2); }
[data-subarea="system_app"] .app_top .info_list>li>dl							{ display:flex; flex-wrap:wrap; width:100%; align-items:flex-start; font-size:1.063em; }
[data-subarea="system_app"] .app_top .info_list>li>dl>dt						{ width:6em; opacity:.7; }
[data-subarea="system_app"] .app_top .info_list>li>dl>dd						{ display:flex; flex-wrap:wrap; width:calc(100% - 6em); font-weight:500; word-break: break-all;}

/* 신청폼 */
[data-subarea="system_app"] .app_input_list										{ display:flex; flex-flow:row wrap; width:100%;  box-sizing:border-box; font-size:1rem; border-top:2px solid var(--color-point) }
[data-subarea="system_app"] .app_input_list>li									{ position:relative; display:flex; width:100%; align-items:baseline; 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:600; 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 .basics_list.plus_list:not(:has(input))				{ width:auto; margin-right:3em; gap:5px 10px; }
[data-subarea="system_app"] .app_input_list .plus_list>li:not(:has(input))						{ width:inherit; gap:5px 10px; }
[data-subarea="system_app"] .app_input_list .plus_list>li:not(:has(input))>label				{ width:auto; }
[data-subarea="system_app"] .app_input_list .basics_list.plus_list:not(:has(input))+.basics_list.plus_list:not(:has(input))	{ margin-top: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:5px 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 .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 .file_list .upload_name				{ height:40px; padding:0 .5rem; }
[data-subarea="system_app"] .app_input_list .btn_del,
[data-subarea="system_app"] .app_input_list .btn_add							{ height:35px; width:35px; border:1px solid rgba(0,0,0,.1); border-radius:3px; display:flex; align-items:center; justify-content:center;}
[data-subarea="system_app"] .app_input_list .btn_add							{ position:absolute; top:.7rem; right:.5rem; font-size:1.5rem; line-height:1; background:#fff  }
[data-subarea="system_app"] .app_input_list .btn_add>i							{ line-height:1; display:inline-block; vertical-align:middle; margin-top:-3px; }
[data-subarea="system_app"] .app_input_list .btn_del							{ background:#e5e5e5 url(../../common/images/bbs/icon_del.svg) no-repeat 50% 45% / 50% auto; border-color:#e5e5e5 }
[data-subarea="system_app"] .app_input_list .file								{ display:flex; flex-wrap:wrap; gap:10px;  }
[data-subarea="system_app"] .app_input_list .file>li							{ display:flex; flex-wrap:wrap; gap:5px; align-items:center;  font-size:.95rem; }
[data-subarea="system_app"] .app_input_list .file>li .btn_download				{ display:flex; align-items:center; background-color:#e5e5e5; border-radius:5px; min-height:40px; padding:5px 10px 5px 15px; word-break:break-all; }
[data-subarea="system_app"] .app_input_list .file>li .btn_download:after		{ content:''; opacity:1; display:inline-block; width:30px; height:30px; margin-left:5px; transition:opacity var(--trans-ani); 
																					background:url(/resource/images/system/icon_download.svg) no-repeat 50% 50% / auto 13px; }
[data-subarea="system_app"] .app_input_list .file>li .btn_viewer				{ position:relative; width:40px; min-height:40px; background:var(--color-point); border-radius:5px;  }
[data-subarea="system_app"] .app_input_list .file>li .btn_viewer::before		{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/images/system/icon_viewer.svg) no-repeat 50% 50% / auto 14px; 
																					filter:invert(1); }

/* 약관 동의 */
.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:var(--color-point-bg);border-radius:20px; }
.agree_box .con_scroll															{ display:none; padding:0 1.25em 1.25em; border-radius:10px; background:var(--color-point-bg); 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:500; 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								{ margin-top:5px; }
.agree_box .con_scroll .agree_scroll_box>.basic_ul>li							{ font-size:.95rem; }
.agree_box .con_scroll .agree_scroll_box>.basic_ul>li::before					{ top:7px; }
.agree_box .con_scroll .agree_scroll_box>.basic_ul>li+li						{ margin-top:5px; }
.agree_box .con_scroll .agree_scroll_box>.basic_ul>li>ul>li						{ font-size:.9rem; }
.agree_box .con_scroll .agree_scroll_box>.basic_ul>li>ul>li::before				{ top:6px; }
.agree_box .con_scroll .agree_scroll_box>.basic_ul>li>ul						{ margin-top:5px; margin-bottom:10px; }
[data-subarea="system_app"] .check_input											{ position:absolute; width:1px; height:1px; opacity:0; }
[data-subarea="system_app"] .check_label											{ position:relative; display:inline-block; padding-left:35px; cursor:pointer; line-height:25px; font-weight:400; color:rgba(255,255,255,.84) }
[data-subarea="system_app"] .check_label::before									{content:"";position:absolute;top:0;left:0;width:25px;height:25px;overflow:hidden;border-radius:50%;}
[data-subarea="system_app"] .check_input:checked + .check_label::before				{ background:var(--color-point) no-repeat 70% 50%; background-image:url(/resource/common/images/bbs/bg_check_white.png);  }
[data-subarea] .exmark																{ position:relative; width:100%;  padding:20px; padding-left:47px; border-radius:8px;  margin-top:10px; font-weight:300; }
[data-subarea] .exmark::before														{ position:absolute; left:20px; top:21.5px; width:20px; height:20px; background:var(--color-point); border-radius:100%; content:'!'; font-size:.75rem; 
																						font-family:var(--font-esamanru); color:#fff; text-align:center; line-height:20px; display:inline-block; }
[data-subarea] .exmark strong														{ font-weight:700; }
[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; }

@media all and (max-width:1568px){
	[data-subarea="system_app"] .app_top .info_list>li>dl							{font-size:1.03em;}
}

@media all and (max-width:1468px){
	[data-subarea="system_app"] .app_top											{padding:2.25em;gap:1.25em;}
	[data-subarea="system_app"] .app_top .tit										{font-size:1.5em;}
}

@media all and (max-width:1368px){
	[data-subarea="system_app"] .app_top .tit									{ font-size:1.375em; }
	[data-subarea="system_app"] .app_top .info_list								{ gap:.75em 1em; }
	[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); }
	[data-subarea="system_app"] .app_input_list .basics_list.plus_list:not(:has(input))	{ margin-right:1em; }
}
@media all and (max-width:1268px){
	[data-subarea="system_app"] .app_top .info_list								{gap: .75em 1em;}
	[data-subarea="system_app"] .app_top .info_list	>li>dl						{font-size:1em;}
	[data-subarea="system_app"] .app_input_list									{ font-size:.98rem; }
	[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); }
}
@media all and (max-width:1168px){
	[data-subarea="system_app"] .app_input_list									{ font-size:.95rem; }
	[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); }
	[data-subarea="system_app"] .app_input_list .file>li						{ font-size:.9rem; line-height:1.2; }
}
@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						{ font-size:.9rem; }
	.agree_box .con_scroll .agree_scroll_box>.basic_ul>li>ul>li					{ font-size:.85rem; }
	[data-subarea="system_app"] .app_input_list>li .btn_zip						{ font-size:.8rem; }
}

@media all and (max-width:1024px){
	[data-subarea="system_app"] .app_top .tit									{font-size:1.25rem;}
  	[data-subarea="system_app"] .app_date										{ top:.15rem; }
}

@media all and (max-width:968px){
	[data-subarea="system_app"] .app_top										{ border-radius:15px;;}
  	[data-subarea="system_app"] .app_date										{ top:0; }
	[data-subarea="system_app"] .app_top .info_list>li>dl>dd				{width:100%;}
	.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						{ font-size:.88rem; }
	.agree_box .con_scroll .agree_scroll_box>.basic_ul>li>ul>li					{ font-size:.82rem; }
	[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									{ font-size:.95rem; }
	[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_top											{padding:2em;gap:1em;}
	[data-subarea="system_app"] .app_input_list>li.w50,
	[data-subarea="system_app"] .app_input_list>li.w33							{ 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; }
	[data-subarea="system_app"] .app_input_list .plus_list>li					{ flex-wrap:wrap; }
	[data-subarea="system_app"] .app_input_list .plus_list>li>label				{ width:100%; }
	[data-subarea="system_app"] .app_input_list .basics_list.plus_list			{ gap:5px 10px; }
}
@media all and (max-width:668px){
	[data-subarea="system_app"] .app_top											{padding:1.5em;}
	[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; }
}
@media all and (max-width:568px){
	[data-subarea="system_app"] .app_top .info_list								{flex-flow: column;}
	[data-subarea="system_app"] .app_top .info_list>li>dl						{flex-flow: row;}
	[data-subarea="system_app"] .app_input_list									{ font-size:.9rem; }
	[data-subarea="system_app"] .app_input_list>li								{ padding:.75em 0; gap:7px 1em; }
	[data-subarea="system_app"] .app_input_list>li input, 
	[data-subarea="system_app"] .app_input_list>li select						{ min-height:35px; padding:6px 10px; }
	.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; }
	[data-subarea="system_app"] .app_input_list .file>li .btn_viewer			{ width:38px; min-height:38px; }
	[data-subarea="system_app"] .app_input_list .file>li .btn_download			{ min-height:38px; padding:5px 5px 5px 10px }
	[data-subarea="system_app"] .app_input_list .file>li						{ font-size:.8rem; }
	[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 .basics_list.plus_list			{ padding:10px; border-radius:5px; background:#f2f2f2; }
	[data-subarea="system_app"] .app_input_list .plus_list>li					{ width:100%; flex-wrap:initial; }
	[data-subarea="system_app"] .app_input_list .plus_list>li>label				{ width:5em; }
	[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 .plus_list>li input				{ width:calc(100% - 6em); }
	[data-subarea="system_app"] .app_input_list .basics_list.plus_list:not(:has(input))	{ margin-right:0; width:100%; }
	[data-subarea="system_app"] .app_input_list .plus_list>li:not(:has(input))			{ width:auto; }
	[data-subarea="system_app"] .app_input_list .radio_list								{ gap:10px 2em}
	[data-subarea="system_app"] .app_input_list .radio_list>li.gap10					{ flex-wrap:wrap; }
}

@media all and (max-width:488px){
	[data-subarea="system_app"] .app_date										{position:initial;margin-top:-.7rem;margin-bottom:1em;flex-wrap: wrap;gap: .5em 1em;flex-wrap:wrap;}
}

@media all and (max-width:468px){
	[data-subarea="system_app"] .app_top										{ border-radius:10px; padding:1.25em;gap:1.125em; }
	[data-subarea="system_app"] .app_top .tit									{font-size:.1.125rem;}
	.agree_box>li																			{ border-radius:10px; }
	.agree_box .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; }
}

@media all and (max-width:368px){
	[data-subarea="system_app"] .app_top											{padding:1.125em;}
  	[data-subarea="system_app"] .app_date										{line-height:1.3; }
	[data-subarea="system_app"] .app_top .info_list>li>dl						{ flex-flow: column;}
	[data-subarea="system_app"] .app_top .info_list>li>dl>dt				{width:100%;}
	[data-subarea="system_app"] .app_input_list>li								{font-size: .9rem;}
}



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

 						마이페이지 
 
*********************************************************/


/* 검색 */
.mypage_search_wrap                                                    { display: flex; align-items: center; flex-wrap:wrap;gap: 20px; padding: 15px 20px; background: #f9f9f9; border: 1px solid var(--color-line); border-radius: 6px;  justify-content:center;}
.mypage_search_wrap .field_label                                       { width: auto; font-weight: 600; }
.mypage_search_wrap .select_basic                                      { width: 120px; }
.mypage_search_wrap .period_list                                       { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center;}
.mypage_search_wrap .period_list label                                 { white-space: nowrap; }
.mypage_search_wrap .result_value_wrap                                 { display: flex; align-items: center; gap: 15px; border: none; padding-top: 0; margin-left: auto; }
.mypage_search_wrap .result_value_list                                 { display: flex; gap: 10px; flex-wrap: nowrap;}
.mypage_search_wrap .result_value_del                                  { white-space: nowrap; }

.mypage_search_wrap .detail_search_btn                                 { white-space: nowrap; padding: 8px 18px; }
.mypage_search_wrap .date_input                                        { display: flex; gap: 10px 30px; position: relative;}
.mypage_search_wrap .date_input input                                  { width: 130px; }
.mypage_search_wrap .date_input>li                                     { position:relative; width:calc((100% - 30px) / 2);max-width:10.5em;min-width:10.5em; display:flex; flex-wrap:wrap; align-items:center; gap:5px 7px;}
.mypage_search_wrap .date_input>li input                               { width:100%; }
.mypage_search_wrap .date_input::before                                { position:absolute; left:50%; top:50%; width:30px; display:flex; align-items:center; justify-content:center; content:'~'; transform:translate(-50%, -50%) }


.mypage_search_wrap .date_input>li a									{ position:absolute; width:40px; height:40px; right:0; top:0; display:flex; align-items:center; justify-content:center}
.mypage_search_wrap .detail2::-webkit-scrollbar,
.mypage_search_wrap .detail2_wrap::-webkit-scrollbar 					{ -webkit-appearance:none; width:2px; }
.mypage_search_wrap .detail2::-webkit-scrollbar-thumb,
.mypage_search_wrap .detail2_wrap::-webkit-scrollbar-thumb 			    { background-color:rgba(2,80,149,.3); }
.mypage_search_wrap .detail2::-webkit-scrollbar-track,
.mypage_search_wrap .detail2_wrap::-webkit-scrollbar-track 			    { background-color:rgba(2,80,149,.1); }


.mypage_search_wrap .detail_search_btn										{ position:relative; display:flex; align-items:center; gap:7px; padding:10px 30px; border-radius:8px; font-weight:300; background:var(--color-point); min-width:100px; color:var(--color-white); justify-content:center}


@media all and (max-width:1268px){
}

@media all and (max-width:468px){
    .mypage_search_wrap .date_input                							{ flex-direction:column; width:100%}
	.mypage_search_wrap .date_input>li										{width:100%;max-width:initial;gap:15px;}
}


/* 예약 목록 */
[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:var(--color-point-bg); 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;  }
[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 .cate,
[data-subarea="mypage"] .mypage_list .cate									{ width:10%; }
[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:18%; }
[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:12%; }
[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"] .mypage_tit .level,
[data-subarea="mypage"] .mypage_list .level									{ width:10%; }

[data-subarea="mypage"] .value,
[data-subarea="system_app"] .value													{ padding:10px 15px; font-size:.9rem; line-height:1; color:#fff; border-radius:25px; }
[data-subarea="mypage"] .value1,
[data-subarea="system_app"] .value1													{ background:var(--color-green) ;}
[data-subarea="mypage"] .value2,
[data-subarea="system_app"] .value2													{ background:var(--color-orange) ; }
[data-subarea="mypage"] .value3,
[data-subarea="system_app"] .value3													{ background:var(--color-red) ; }
[data-subarea="mypage"] .value4,
[data-subarea="system_app"] .value4													{ background:var(--color-purple) ; }
[data-subarea="mypage"] .value5,
[data-subarea="system_app"] .value5													{ border:1px solid var(--color-blue); color:var(--color-blue); transition:var(--trans-ani);padding:9px 14px; }
[data-subarea="mypage"] .value5:hover,
[data-subarea="mypage"] .value5:focus,
[data-subarea="system_app"] .value5:hover,
[data-subarea="system_app"] .value5:focus											{ background:var(--color-blue); color:var(--color-white); animation:iconShow 0.7s ease-in-out 1 forwards; }


/* 예약전체 */
[data-subarea="mypage"] .mypage_tit.mt2em										{ margin-top:2em; }



@media all and (max-width:1668px){
	[data-subarea="mypage"] .mypage_top .member									{ width:270px; }
	[data-subarea="mypage"] .mypage_top .member p								{ font-size:1.46em; }
	[data-subarea="mypage"] .mypage_top .link_box								{ width:calc((100% - 270px - 5em) / 5); }
	[data-subarea="mypage"] .mypage_top .link_box dd strong						{ font-size:2.4em; }
	[data-subarea="mypage"] .mypage_tit,
	[data-subarea="mypage"] .mypage_list>li										{ font-size:1.03em; }
}
@media all and (max-width:1568px){
	[data-subarea="mypage"] .mypage_top											{ gap:10px; }
	[data-subarea="mypage"] .mypage_top .member									{ width:250px; }
	[data-subarea="mypage"] .mypage_top .member p								{ font-size:1.36em; }
	[data-subarea="mypage"] .mypage_top .link_box								{ width:calc((100% - 250px - 50px) / 5); }
	[data-subarea="mypage"] .mypage_top .link_box dd strong						{ font-size:2.3em; }
	[data-subarea="mypage"] .value,
	[data-subarea="system_app"] .value											{ font-size:.85rem; }
}
@media all and (max-width:1468px){
	[data-subarea="mypage"] .mypage_top											{ gap:10px; }
	[data-subarea="mypage"] .mypage_top .member									{ width:230px; }
	[data-subarea="mypage"] .mypage_top .link_box								{ width:calc((100% - 230px - 50px) / 5); padding:1.25em }
	[data-subarea="mypage"] .mypage_top .link_box dt							{ font-size:1.03em; }
	[data-subarea="mypage"] .mypage_top .link_box dd strong						{ font-size:2.2em; }
	[data-subarea="mypage"] .mypage_top .link_box svg							{ width:38px; height:38px; bottom:1.5em; right:1.25em; }

	[data-subarea="mypage"] .value,
	[data-subarea="system_app"] .value											{ font-size:.83rem; }
	[data-subarea="mypage"] .more												{ font-size:.9rem; }
}
@media all and (max-width:1368px){
	[data-subarea="mypage"] .mypage_top											{ gap:10px; border-radius:20px; }
	[data-subarea="mypage"] .mypage_top .member									{ width:100%; background:none }
	[data-subarea="mypage"] .mypage_top .link_box								{ width:calc((100% - 40px) / 5); padding:1.25em }
}
@media all and (max-width:1268px){
	/* 신청상세 */
	[data-subarea="system_app"].mypage .app_input_list								{ padding:10px; border-radius:12px; }
	[data-subarea="system_app"].mypage .app_input_list>li							{ padding:12px 15px; border-radius:8px;  }

	[data-subarea="mypage"] .mypage_top											{ border-radius:15px; padding:1.25em }
	[data-subarea="mypage"] .mypage_top .member p								{ font-size:1.26em; }
	[data-subarea="mypage"] .mypage_top .link_box								{ padding:1em; border-radius:10px; }
	[data-subarea="mypage"] .mypage_top .link_box dd strong						{ font-size:2em; }
	[data-subarea="mypage"] .mypage_top .link_box svg							{ width:32px; height:32px; bottom:1.25em; right:1em; }
	[data-subarea="mypage"] .mypage_tit											{ display:none; }
	[data-subarea="mypage"] .mypage_list>li										{ flex-wrap:wrap; gap:10px 30px; position:relative; justify-content:left;}
	[data-subarea="mypage"] .mypage_list>li>dl>dt								{ display:flex; font-weight:500; }
	[data-subarea="mypage"] .mypage_list>li>dl									{ flex-flow:row wrap; gap:5px 10px; padding:0; }
	[data-subarea="mypage"] .mypage_list>li>dl>dd								{ color:rgba(0,0,0,.7); }
	[data-subarea="mypage"] .mypage_list>li>.tit>dd								{ color:var(--color-base); }
	[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 .cate dt,
	[data-subarea="mypage"] .mypage_list>li>.tit>dt,
	[data-subarea="mypage"] .mypage_list>li>.level>dt,								
	[data-subarea="mypage"] .mypage_list>li>.level>dd:not(:has(a))				{ 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 .cate,
	[data-subarea="mypage"] .mypage_list .count,
	[data-subarea="mypage"] .mypage_list .level,
	[data-subarea="mypage"] .mypage_list .team,									
	[data-subarea="mypage"] .mypage_list .state,
	[data-subarea="mypage"] .mypage_list .app_date								{ width:auto; }
	[data-subarea="mypage"] .mypage_list .tit									{ font-size:1.125em; font-weight:600; }
	[data-subarea="mypage"] .mypage_list .cate dd								{background: #efefef;padding: .375em 1em;border-radius: 30px;color:var(--color-base2);font-size:.94em;}
	[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,
	[data-subarea="system_app"] .value											{ display:flex; justify-content:center; border-radius:8px; padding:10px 12px; font-size:.9rem; line-height:1 }
	[data-subarea="mypage"] .value5,
  	[data-subarea="system_app"] .value5											{padding:9px 11px;}
  	[data-subarea="mypage"] .mypage_list>li>.level								{ position:absolute; left:15px; bottom:20px; }
}
@media all and (max-width:1024px){
	[data-subarea="mypage"] .mypage_top .member p								{ font-size:1.26rem; }
	[data-subarea="mypage"] .mypage_top .link_box dt							{ font-size:.95rem; }
	[data-subarea="mypage"] .mypage_top .link_box dd strong						{ font-size:2rem; }
	[data-subarea="mypage"] .mypage_top .link_box dd span						{ font-size:.95rem; }
	[data-subarea="mypage"] .mypage_list>li										{ font-size:1.03rem; }	
	[data-subarea="mypage"] .mypage_tab .list>li button							{ font-size:.95rem; }	
	[data-subarea="mypage"] .more												{ width:30px; height:30px; }	
	[data-subarea="mypage"] .sub_tit .more										{ top:2px; }				
}
@media all and (max-width:868px){
	[data-subarea="mypage"] .mypage_top .link_box								{ width:calc((100% - 10px) / 2); }
	[data-subarea="mypage"] .mypage_top .link_box.icon3,
	[data-subarea="mypage"] .mypage_top .link_box.icon4,
	[data-subarea="mypage"] .mypage_top .link_box.icon5							{ width:calc((100% - 20px) / 3); }
	[data-subarea="mypage"] .mypage_top .link_box dd							{ margin-top:1em; }
	
	[data-subarea="mypage"] .btn_tab_mob										{ width:100%; display:flex; font-size:.95rem; padding:8px 8px 8px 20px; border-radius:35px; border:1px solid var(--color-point); background:var(--color-point);
																					align-items:center; justify-content:space-between; color:var(--color-white); transition:var(--trans-ani); }
	[data-subarea="mypage"] .btn_tab_mob .more									{ border-color:var(--color-white); }
	[data-subarea="mypage"] .btn_tab_mob .more::before,

	[data-subarea="mypage"] .btn_tab_mob .more::after							{ background:var(--color-white); }
	[data-subarea="mypage"] .btn_tab_mob.active									{ border-radius:15px 15px 0 0; }
	[data-subarea="mypage"] .mypage_tab .mob_list								{ display:none; padding:1em; border-radius:0 0 15px 15px; border:1px solid var(--color-point); border-top-width:0;}
	[data-subarea="mypage"] .mypage_tab .list									{ gap:10px; }							
	[data-subarea="mypage"] .mypage_tab .list>li								{ width:calc((100% - 10px) / 2); border-radius:10px; padding:12px 10px }
	[data-subarea="mypage"] .mypage_tab .list>li .more							{ display:none; }
}
@media all and (max-width:668px){
	[data-subarea="mypage"] .sub_tit .more										{ top:-1px; }
	[data-subarea="mypage"] .mypage_top .member p								{ font-size:1.16rem; }
	[data-subarea="mypage"] .mypage_top .link_box dd strong						{ font-size:1.7rem; }
	[data-subarea="mypage"] .mypage_top .link_box								{ width:100%; }
	[data-subarea="mypage"] .mypage_top .link_box.icon2,
	[data-subarea="mypage"] .mypage_top .link_box.icon3,
	[data-subarea="mypage"] .mypage_top .link_box.icon4,
	[data-subarea="mypage"] .mypage_top .link_box.icon5							{ width:calc((100% - 10px) / 2); }
	[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,
	[data-subarea="system_app"] .value												{ font-size:.85rem; }
}
@media all and (max-width:568px){
	[data-subarea="mypage"] .sub_tit .more										{ top:-1px; }
	[data-subarea="mypage"] .mypage_list>li										{ font-size:.95rem; }
	[data-subarea="mypage"] .mypage_tab .list>li button							{ font-size:.9rem; }
}
@media all and (max-width:468px){
	
	/* 신청상세 */
	[data-subarea="system_app"].mypage .app_input_list>li.w50					{ width:100%; }
}
@media all and (max-width:414px){
	[data-subarea="mypage"] .mypage_top											{ padding:1em; border-radius:10px; }
	[data-subarea="mypage"] .mypage_top .member p								{ font-size:1.067rem; }
	[data-subarea="mypage"] .mypage_top .link_box								{ border-radius:8px; padding:.75em }
	[data-subarea="mypage"] .mypage_top .link_box svg							{ width:30px; height:30px; right:.85em; bottom:1em; }
	[data-subarea="mypage"] .mypage_top .link_box dt,
	[data-subarea="mypage"] .mypage_top .link_box dd span						{ font-size:.9rem; }
	[data-subarea="mypage"] .mypage_top .link_box dd strong						{ font-size:1.6rem; }
	[data-subarea="mypage"] .mypage_top .link_box dd							{ margin-top:.75em; }
	[data-subarea="mypage"] .mypage_tab .list>li								{ width:100%; }
	[data-subarea="mypage"] .value,
	[data-subarea="system_app"] .value												{ font-size:.8rem; }
}
@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										{ font-size:.9rem; }
	[data-subarea="mypage"] .mypage_list>li>dl									{ gap:3px 10px; }
	[data-subarea="mypage"] .mypage_list>li>.level								{ left:10px; bottom:15px; }
}


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

 						설문 
 
*********************************************************/

.survey_list											{ display:flex; flex-flow:column; gap:1em; }
.survey_list>li											{display:flex;flex-flow:column;border-radius: 12px;border: 1px solid #e5e5e5;}
.survey_list>li>.tit									{border-radius:10px;display: flex;flex-direction: column;gap: .75em;background: var(--color-point-bg);padding: 1.5em;border-radius: 10px 10px 0 0;}
.survey_list>li>.tit>strong								{font-size: 1.15em;font-weight:600;}
.survey_list>li>.tit>p									{font-size: 1.063em;line-height:1.2;color:#444;}
.survey_list>li>ul,
.survey_list>li>.text_box,
.survey_list>li>fieldset								{ padding:1.5em;  } 
.survey_list>li>ul										{ display:flex; flex-wrap:wrap; gap:10px 2em; }
.survey_list>li>ul>li									{ position:relative; display:flex; align-items:center; flex-wrap:wrap; gap:5px;  }
.survey_list>li>ul>li label								{ color:var(--color-base);}
.survey_list>li>.text_box textarea,
.survey_list>li input,
.survey_list>li select									{border-radius:3px; color:var(--color-base);}
.survey_list>li>.text_box textarea					{resize: vertical;min-height:8em;}
.survey_list>li>.radio_list								{ gap:10px 2em; }
.survey_list>li>.img_list								{gap:10px;}
.survey_list>li>.img_list + *							{padding-top:0;}
.survey_list>li>.img_list>li 							{background:#fff;border: 6px solid var(--color-gray);padding:1em;border-radius:10px;flex: 1 1 calc((100% - 20px) / 3);justify-content: center;flex-direction: column;}
.survey_list>li>.img_list>li img						{max-width:100%;border-radius:3px;  }
.survey_list>li>.img_list>li span						{display:block;text-align:center;margin:10px 0;}

/* 별점 */
.survey_list>li .star_rating 												{display: flex;flex-direction: row-reverse;justify-content: flex-end;gap:10px 1em;flex-wrap:Wrap;}
.survey_list>li .star_icon													 { width: 32px;height: 32px;fill: none;stroke: var(--color-board-black-opcity2);stroke-width: 1;transition: transform 0.1s, fill 0.2s, stroke 0.2s;}
.survey_list>li .star_rating .radio_label								{padding-left:0;}
.survey_list>li .star_rating .radio_label::before						{display:none !important;}
.survey_list>li .star_rating li:hover .star_icon,
.survey_list>li .star_rating li:hover ~ li .star_icon					 {fill: var(--color-point); stroke: var(--color-point);}
.survey_list>li .star_rating label:active .star_icon					 {transform: scale(0.9);}
.survey_list>li .star_rating li:has(.radio_input:checked) .star_icon,
.survey_list>li .star_rating li:has(.radio_input:checked) ~ li .star_icon {fill: var(--color-point);stroke: var(--color-point);}
.survey_list>li .star_rating label:active .star_icon 					{transform: scale(0.9);}

.survey_list>li>ul.img									{gap: 10px;}
.survey_list>li>ul.img>li								{background:#fff;border: 6px solid var(--color-gray);padding:1em;border-radius:10px;gap: 17px;flex: 1 1 calc((100% - 20px) / 3);flex-direction: column;justify-content: center;}
.survey_list>li>ul.img>li label							{padding-left:0;padding-bottom: 32px;}
.survey_list>li>ul.img>li label::before				{top: initial;bottom:0; left: 50%;transform:translate(-50%,0);}
.survey_list>li>ul.img>li label span 				{display:block;text-align:center;margin:10px 0;}
.survey_list>li>ul.img>li img 							{max-width:100%;}
.survey_list>li>.date_list								{ gap:5px; }
.survey_list>li>.date_list>li .icon-calendar			{ position:absolute; right:0; top:0; width:40px; height:40px; background-position:50% calc(50% - 1px) ; }
.survey_list>li>.file_list										{ gap:10px; }
.survey_list>li>.file_list>li>a								{ display:flex; align-items:center; padding:0 24px; border-radius:3px; background:var(--color-white);border: 1px solid #e0e0e0; font-size:1em;line-height:40px;height:40px;}
.survey_list>li>.file_list>li>a:hover,
.survey_list>li>.file_list>li>a:focus					{ background:var(--color-point); border-color:var(--color-point);color:var(--color-white); transition:var(--trans-ani); }
.survey_list>li>.file_list>li>.file_attach				{ display:flex;  flex-wrap:wrap; align-items:center; gap:5px; }
.survey_list>li>.file_list>li>.file_attach>.flex_auto	{ flex:auto; }
.survey_list>li>.file_list>li>.file_attach .upload_name	{ height:40px; padding:0 .5rem; }
.survey_list>li>.file_list>li>.file_attach .btn_del,
.survey_list>li>.file_list>li>.file_attach .btn_add		{ height:40px; width:40px; border:1px solid var(--color-board-black-opcity1); border-radius:3px; display:flex; align-items:center; justify-content:center;}
.survey_list>li>.file_list>li>.file_attach .btn_add		{ position:absolute; top:.7rem; right:.5rem; font-size:1.5rem; line-height:1; background:var(--color-board-white)  }
.survey_list>li>.file_list>li>.file_attach .btn_add>i	{ line-height: 1; display:inline-block; vertical-align:middle; margin-top:-3px; }
.survey_list>li>.file_list>li>.file_attach .btn_del			{ background:#e5e5e5 url(/resource/images/bbs/icon_del.svg) no-repeat 50% 45% / 50% auto; border-color:#e5e5e5 }
.survey_list>li>.priority_list								{ gap:10px; }
.survey_list>li>.priority_list>li 							{width:100%;gap:20px;}

/* Input radio */
.input_file																{ position:absolute; width:1px !important; height:1px !important; opacity:0; }
.file_label																{ position:relative;  }
.file_label::before														{ position:relative; content:'파일찾기'; display:inline-block; height:40px; margin-left:3px; padding:0 1em; color:var(--color-board-white); line-height:40px; 
																			vertical-align:middle; background:#1c1d34; cursor:pointer; border-radius:3px; font-size:1em; color:var(--color-board-white); }
.input_file:focus + .file_label::before									{ outline-offset:2px; outline:2px dotted var(--color-board-base)}

[data-subarea="survey"] .btn_area								{ margin:2.5em auto 0; max-width:10em }
[data-subarea="survey"] .survey_end 						{margin-top:4em;}
[data-subarea="survey"] .survey_end .icon					{max-width:20em;margin:0 auto 2.5em;}	
[data-subarea="survey"] .survey_end p 						{font-size:1.125em;font-weight:500;}					

@media all and (max-width:968px) {
	.survey_list>li>.img_list>li,
	.survey_list>li>ul.img>li								{ flex: 1 1 calc((100% - 10px) / 2);}
}

@media all and (max-width:768px) {
	.survey_list										{ gap:1em; }
	.survey_list>li>.tit,
	.survey_list>li>ul,
	.survey_list>li>.text_box,
	.survey_list>li>fieldset								{ padding:1.25em;  } 
	.survey_list>li>.tit									{gap: .5em;}
	.survey_list>li>.tit>strong							{font-size:1.063em;}
	.survey_list>li>.tit>p								{font-size:.95em;}
	.survey_list>li>.text_box textarea					{ min-height:6em; }
	.survey_list>li>ul.img>li							{padding:14px;}
	.survey_list>li>.file_list>li>a						{ padding:0 15px; font-size:.95rem; }
	[data-subarea="survey"] .btn_area				{margin-top:1.5em;}
	[data-subarea="survey"] .survey_end			{margin-top:3em;}
	[data-subarea="survey"] .survey_end .icon	{max-width:14em;margin-bottom:1.5em;}
	[data-subarea="survey"] .survey_end p		{font-size:1.063em;}
}

@media all and (max-width:568px) {
	.survey_list>li>ul>li									{ flex:0 1 auto; }
	.survey_list>li>.img_list>li,
	.survey_list>li>ul.img>li								{ flex:1 1 auto; }
	.survey_list > li > ul > li .check_input1 ~ input[type="text"],
	.survey_list > li > ul > li .radio_input ~ input[type="text"]{width:100%; margin-left: 32px !important;}
	.survey_list > li > ul.img > li .check_input1 ~ input[type="text"],
	.survey_list > li > ul.img > li .radio_input ~ input[type="text"]{margin-left: 0 !important;}
	.survey_list>li>.file_list>li>a,
	.survey_list>li>.file_list>li>.file_attach			{width:100%;}
	.survey_list>li .star_icon							{width:30px;height:30px;}
}

@media all and (max-width:468px) {
	.survey_list>li>.tit,
	.survey_list>li>ul,
	.survey_list>li>.text_box,
	.survey_list>li>fieldset								{ padding:1em;  } 
	.survey_list>li>.date_list>li, 
	.survey_list>li>.date_list>li input,
	.survey_list>li>.date_list>li select				{width:100%;}
	.survey_list>li>ul.img>li							{padding:10px;border-width:4px;}
	[data-subarea="survey"] .btn_area				{margin-top:1em;}
	[data-subarea="survey"] .survey_end			{margin-top:2em;}
	[data-subarea="survey"] .survey_end .icon	{max-width:12em;margin-bottom:1em;}
	[data-subarea="survey"] .survey_end p		{font-size:1em;}
}

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

 						모달 
 
*********************************************************/
.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;	}
.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;}

/* 타이틀*/
.modal .pop_tit											{ padding:.9em 1.8rem .8em; font-size:1.33em; font-weight:500; color:#000; letter-spacing:-.05em; border-bottom:1px solid #ccc;}

/* 버튼 관련 */
.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;  }
.modal>.btn_close:before,
.modal>.btn_close:after									{ position:absolute; width:60%; height:1px; left:20%; top:50%; background:#fff; content:"" }
.modal>.btn_close:before								{ transform:translateY(-50%) rotate(45deg); }
.modal>.btn_close:after									{ transform:translateY(-50%) rotate(-45deg);}
.modal .btn_area										{ display:flex; align-items:center; justify-content:center; gap:5px;}
.modal .btn_area										{ margin-top:1.5em; display:flex; align-items:center; justify-content:center; gap:10px;}
.modal .btn_area a,
.modal .btn_area button									{ display:flex; font-size:.95rem; line-height:1; padding:14px 20px; border-radius:5px; min-width:90px; justify-content:center;  }
.modal .btn_area a:hover,
.modal .btn_area button:hover							{ animation:iconShow 0.7s ease-in-out 1 forwards;  }
.modal .btn_area .btn_close								{ border:1px solid rgba(0,0,0,.1); }
.modal .btn_area .btn_check,
.modal .btn_area:not(:has(.btn_check)) .btn_close			{ border:1px solid var(--color-point); background:var(--color-point); color:#fff; }




/*확대보기*/
.more_view_layer	                                           { 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;}
.modal_zoom_bg 													{ position:fixed; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgba(0,0,0,0.6); z-index:999;	}

.more_view_layer>.btn_close										{ position:absolute; top:15px; right:15px; width:40px; height:40px; padding:1em; background:#000; border-radius:100%; z-index:20;  }
.more_view_layer>.btn_close:before,
.more_view_layer>.btn_close:after								{ position:absolute; width:60%; height:1px; left:20%; top:50%; background:#fff; content:"" }
.more_view_layer>.btn_close:before								{ transform:translateY(-50%) rotate(45deg); }
.more_view_layer>.btn_close:after								{ transform:translateY(-50%) rotate(-45deg);}
.modal.more_view_layer								   			{ max-width:1000px; height:auto; max-height:calc(100vh - 100px); }
.more_view_layer .zoom_area										{ position:relative; }
.more_view_layer .zoom_area .swiper-slide					 	{ width:100%; height:0; padding-top:71.2%; overflow:hidden }
.more_view_layer .zoom_area .swiper-slide img					{ position:absolute; top:50%; left:50%; max-height:100%; min-height:100%; transform:translate(-50%,-50%) scale(1); -ms-transform:translate(-50%,-50%); 
																						-webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%);  }
.more_view_layer .zoom_area .swiper_bottom button				{ position:fixed; top:50%; width:40px; height:40px; background:#fff; border:1px solid #ccc; border-radius:100%; transform:translateY(-50%); z-index:10}
.more_view_layer .zoom_area .swiper_bottom .swiper_prev		    { left:1em; }
.more_view_layer .zoom_area .swiper_bottom .swiper_next		    { right:1em; }
.more_view_layer .zoom_area .swiper_bottom .swiper_page			{ position:absolute; top:15px; right:35px; font-size:.85rem; width:fit-content !important; left:inherit; height:40px; display:flex; align-items:center; justify-content:center; 
																	padding:10px 20px; padding-right:50px; margin:0; z-index:2; border-radius:25px 0 0 25px; background:#000; color:#fff }
/* 기신청 팝업 */
.app_layer														{ max-width:400px; } 
.app_layer .cont												{ padding:2em; }
.app_layer .cont .text											{ font-size:1.167em; text-align:center; padding:2em 0; }



/* 본인인증 */
.pass_layer													{ max-width:700px; padding:2em;}
.pass_layer  h4												{ font-size:1.467em; font-weight:500; text-align:center; background:#ebf5fb; border-radius:10px; padding:15px;font-family: var(--font-JALNAN);    color: #111}
.pass_layer .img											{ margin-top:1.5em; }
.pass_layer .img img										{ width:230px; }
.pass_layer strong											{ display:block; font-size:1.167em; font-weight:500; line-height:1.3 }
.pass_layer .text											{ font-size:1.03em; line-height:1.4; }

													
													
/* 예약완료 */
.modal.completion_wrap										{ max-width:900px; border-radius:10px 10px 25px 10px; text-align:center; padding:3.75em }
.modal.completion_wrap img									{ display:flex; margin:0 auto; max-height:160px; }
.modal.completion_wrap .modal_con strong					{ display:block; font-size:1.63em; line-height:1.3; margin-top:1.5em; font-weight:600; color:#4657a7; }
.modal.completion_wrap .modal_con p							{ margin-top:1.5em; font-size:1.13em; line-height:1.6 }
.modal.completion_wrap .area_btn							{ margin-top:3em; } 			


/* 가상계좌*/
[data-subarea="system_app"] .account_layer									{ max-width:700px; }
[data-subarea="system_app"] .account_layer .cont							{ padding:3em; border-radius:1.5em; background:#fff; }
[data-subarea="system_app"] .account_layer .img								{ margin-bottom:1.5em; }
[data-subarea="system_app"] .account_layer .img	img							{ display:flex; margin:0 auto; max-height:160px; }
[data-subarea="system_app"] .account_layer strong							{ display:block; font-size:1.63em; line-height:1.3;font-weight:600; color:var(--color-point); text-align:center }
[data-subarea="system_app"] .account_layer .text							{ margin-top:.5em; font-size:1.13em; line-height:1.3; text-align:center }
[data-subarea="system_app"] .account_layer .btn_area						{ justify-content:center; }
[data-subarea="system_app"] .account_layer .account_list					{ display:flex; flex-flow:column; background:rgba(0,0,0,.05); border:1px dotted #ccc; border-radius:15px; padding:1.88em; margin-top:.75em; gap:5px;}
[data-subarea="system_app"] .account_layer .account_list>li>dl				{ display:flex; flex-wrap:wrap; gap:10px; }
[data-subarea="system_app"] .account_layer .account_list>li>dl>dt			{ font-weight:bold; }

@media all and (max-width:968px){
	/*확대보기*/
	.more_view_layer .zoom_area .swiper_bottom .swiper_page		{ top:10px; right:25px; height:35px; padding-right:35px; font-size:.75rem; }
	.more_view_layer>.btn_close									{ top:10px; right:10px; width:35px; height:35px; }
	.more_view_layer>.btn_close:before, 
	.more_view_layer>.btn_close:after							{ width:50%; top:49.5%; }
	
	/* 본인인증 */
	.pass_layer  h4													{ font-size:1.367em; }
  	.pass_layer .img img										{ width:200px; }
}

@media all and (max-width:668px){
	.modal .pop_tit										{ padding:.7em 1rem .6em;  }
	
	.modal.completion_wrap								{ padding:2.5em; }
	.modal .area_btn									{ display:flex; flex-wrap:wrap; gap:2px; justify-content:center; }
	
	/*확대보기*/
	.more_view_layer .zoom_area .swiper_bottom .swiper_page		{ height:32px; padding:12px 15px 10px; padding-right:30px; font-size:.72rem; }
	.more_view_layer>.btn_close									{ width:32px; height:32px; }
	.more_view_layer .zoom_area .swiper_bottom button			{ width:35px; height:35px; }
	.more_view_layer .zoom_area .swiper_bottom .swiper_next		{ right:5px; }
	.more_view_layer .zoom_area .swiper_bottom .swiper_prev		{ left:5px; }
	
	/* 본인인증 */
	.pass_layer,
	.app_layer .cont											{ padding:1.25em;}
	.pass_layer  h4												{ font-size:1.267em; }
  	.pass_layer .img img										{ width:180px; }
	.modal .btn_area a,
	.modal .btn_area button										{ font-size:.9rem; }
	.modal .btn_area											{ gap:5px; }
	
	
	/* 가상계좌*/
	[data-subarea="system_app"] .account_layer .cont							{ padding:1.5em; }
	[data-subarea="system_app"] .account_layer .img img							{ max-height:130px; }
	[data-subarea="system_app"] .account_layer strong							{ font-size:1.43em; line-height:1.2; }
	[data-subarea="system_app"] .account_layer .text							{ font-size:1.03em; }
	[data-subarea="system_app"] .account_layer .account_list					{ padding:.75em 1em; gap:3px; }
	[data-subarea="system_app"] .account_layer .btn_area						{ margin-top:1em; }
	[data-subarea="system_app"] .account_layer .btn_area .button				{ height:40px; max-width:100px; }
}
@media all and (max-width:468px){
	.modal .zoom_area .swiper_bottom button				{ width:33px; height:33px; }
	
	.modal.completion_wrap								{ padding:2em; }
	.modal.completion_wrap .modal_con strong			{ font-size:1.43em;}
	.modal.completion_wrap .modal_con p					{ font-size:1.067em; }
	
	/*확대보기*/
	.more_view_layer .zoom_area .swiper_bottom .swiper_page		{ padding:13px 15px 9px; padding-right:25px; top:5px;  right:20px;}
	.more_view_layer>.btn_close									{ top:5px; right:5px}
	.more_view_layer .zoom_area .swiper_bottom button			{ width:30px; height:30px; }
	.more_view_layer .zoom_area .swiper_bottom .swiper_next		{ right:5px; }
	.more_view_layer .zoom_area .swiper_bottom .swiper_prev		{ left:5px; }
}
@media all and (max-width:368px){
	/* 가상계좌*/
	[data-subarea="system_app"] .account_layer .cont							{ padding:1em; }
	[data-subarea="system_app"] .account_layer .img img							{ max-height:80px; }
	[data-subarea="system_app"] .account_layer strong							{ font-size:1.2em;  }
	[data-subarea="system_app"] .account_layer .text							{ font-size:1em; }
	[data-subarea="system_app"] .account_layer .account_list					{ padding:.75em 1em; gap:0; }
	[data-subarea="system_app"] .account_layer .btn_area						{ margin-top:.75em; }
}