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

/* 순창공립미술관 예약.css */
.detail_map_box .bAddr			{ font-family:var(--font-pretendard) !important; font-size:14px; font-weight:500; width:max-content; padding:3px 7px; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}

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

 						상세검색

*********************************************************/
.detail_search_wrap																	{ position:relative; }

/* 버튼 */
.detail_search_wrap .refresh_btn													{ position:absolute; right:15px; top:15px;  display:flex; align-items:center; gap:7px; padding:10px 17px; border-radius:25px; font-size:.85rem; font-weight:300;
    background:var(--color-base); color:var(--color-white); z-index:1 }
.detail_search_wrap .icon_refresh													{ position:relative; width: 14px; height:14px; display:inline-block; }
.detail_search_wrap .icon_refresh::before											{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/common/images/system/icon_reset.svg) no-repeat 50% 50% / contain; }
.detail_search_wrap .detail_search_btn												{ position:relative; display:flex; align-items:center; gap:7px; padding:10px; border-radius:8px; font-weight:300; background:var(--color-point);
    color:var(--color-white); }
.detail_search_wrap .icon_search													{ position:relative; width:17px; height:17px; display:inline-block; }
.detail_search_wrap .icon_search::before											{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/common/images/system/icon_search.svg) no-repeat 50% 50% / contain;  }
.detail_search_wrap .icon_del														{ position:relative; width:11px; height:11px; display:inline-block; }
.detail_search_wrap .icon_del::before												{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/common/images/system/icon_close.svg) no-repeat 50% 50% / contain; }


/* 메뉴 */
.detail_search_wrap .detail_search_menu												{ position:relative; display:flex; --sizeBtn:60px; }
.detail_search_wrap .detail_search_menu::before										{ position:absolute; left:0; top:0; width:100%; height:var(--sizeBtn); border-radius:20px 20px 0 0; border:1px solid #e5e5e5; border-bottom-width:0;
    content:''; z-index:-1 }
.detail_search_wrap .detail_search_menu>li .detail_btn								{ position:relative; display:flex; min-width:200px; height:var(--sizeBtn);  border-radius:0 20px 0 0; border:1px solid #e5e5e5;
    border-bottom-width:0; transition:var(--trans-ani); font-weight:500; background:var(--color-white); border-left-color:transparent; }
.detail_search_wrap .detail_search_menu>li .detail_btn>span							{ position:relative; display:flex; width:100%; height:var(--sizeBtn); align-items:center; padding:0 20px; }
.detail_search_wrap .detail_search_menu>li .detail_btn span::before					{ position:absolute; width:8px; height:8px; right:20px; top:50%; border-style:solid; border-width:0 2px 2px 0; border-color:var(--color-base); content:'';
    transform:translateY(-80%) rotate(45deg); transition:var(--trans-ani);}


/* 효과 */
.detail_search_wrap .detail_search_menu>li.active .detail_btn						{ border-color:var(--color-point); border-radius:20px 20px 0 0;  color:var(--color-point); }
.detail_search_wrap .detail_search_menu>li.active .detail_btn span::after			{ position:absolute; width:100%; height:1px; left:0; bottom:-1px; border-bottom:2px solid var(--color-white); content:''; z-index:1; }
.detail_search_wrap .detail_search_menu>li.active .detail_btn span::before			{ transform:translateY(-20%) rotate(225deg); filter:invert(8%) sepia(35%) saturate(4534%) hue-rotate(193deg) brightness(96%) contrast(98%);}
.detail_search_wrap .detail_search_menu>li:first-child .detail_btn					{ border-left-color:#e5e5e5; }
.detail_search_wrap .detail_search_menu>li.prev .detail_btn							{ border-right-color:transparent;  border-radius:20px 0 0 0; border-left-color:#e5e5e5;}
.detail_search_wrap .detail_search_menu>li:first-child.prev .detail_btn				{ border-radius:20px 0 0 0; }
.detail_search_wrap .detail_search_menu>li.active:first-child .detail_btn			{ border-left-color:var(--color-point); }


/* 선택값 */
.detail_search_wrap .detail_menu_box .detail_wrap									{ position:relative; display:none; width:100%; height:160px;}
.detail_search_wrap .detail_menu_box .detail_wrap.active							{ display:block; border:1px solid var(--color-point); border-bottom-width:0; }
.detail_search_wrap .detail_menu_box .detail_wrap>.list								{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:20px; }
.detail_search_wrap .detail_menu_box .detail_wrap>.list>li							{ position:relative; flex:0 1 auto; min-width:calc((100% - 90px) / 10); display:flex; flex-wrap:wrap; align-items:center; gap:5px 7px; height:20px; }
.detail_search_wrap .check_input_dt													{ position:absolute; width:1px; height:1px; opacity:0; }
.detail_search_wrap .check_label_dt													{ position:relative; padding-left:30px; }
.detail_search_wrap .check_label_dt::before											{ content:""; position:absolute; top:1px; left:0; width:20px; height:20px; overflow:hidden; background-color:var(--color-white);
    border:1px solid rgba(0,0,0,.2); border-radius:2px; }
.detail_search_wrap .check_input_dt:checked + .check_label_dt::before				{ background:#fff no-repeat 70% 50%; background-image:url(/resource/common/images/system/icon_check.svg); background-size:13px 9px;  }


/* 2차 선택값 */
.detail_search_wrap .detail_menu_box .detail_wrap:has(.detail2)::before					{ position:absolute; width:1px; height:100%; left:270px; background:#e5e5e5; content:''; top:0; }
.detail_search_wrap .detail_menu_box .detail2_wrap										{ position:absolute; display:none; width:calc(100% - 310px); right:10px; top:10px; padding-right:20px; overflow-y:auto; overflow-x:hidden; height:140px; }
.detail_search_wrap .detail_menu_box .detail2_wrap.active 								{ display:block; }
.detail_search_wrap .detail_menu_box .detail2											{ position:relative; display:flex; flex-flow:column; width:260px; overflow-y:auto; overflow-x:hidden; padding:0 20px 10px 20px; gap:5px; max-height:140px;
    margin-top:10px;}
.detail_search_wrap .detail_menu_box .detail2 .detail2_btn								{ display:flex; width:100%; align-items:center; height:45px; border-radius:8px; background:rgba(0,0,0,.04); padding:0 15px; font-size:.95rem; }
.detail_search_wrap .detail_menu_box .detail2 .active .detail2_btn						{  background:var(--color-light-blue); position:relative; transition:var(--trans-ani); }
.detail_search_wrap .detail_menu_box .detail2 .active .detail2_btn::before				{ position:absolute; width:6px; height:6px; right:15px; top:50%; border-style:solid; border-width:1px 1px 0 0; border-color:var(--color-base); content:'';
    transform:translateY(-70%) rotate(45deg); transition:var(--trans-ani);}
.detail_search_wrap .detail_menu_box .list,
.detail_search_wrap .detail_menu_box .date_input										{ position:relative; display:flex; width:100%; flex-wrap:wrap; align-items:center; gap:10px 30px; padding:7px 0;}
.detail_search_wrap .detail_menu_box .date_input										{ max-width:30em; }
.detail_search_wrap .detail_menu_box .list												{ gap:10px 3em; }
.detail_search_wrap .detail_menu_box .list>li											{ position:relative; flex:0 1 auto; display:flex; flex-wrap:wrap; align-items:center; gap:5px 7px; height:20px; }
.detail_search_wrap .detail_menu_box .date_input>li										{ position:relative; width:calc((100% - 30px) / 2); display:flex; flex-wrap:wrap; align-items:center; gap:5px 7px;}
.detail_search_wrap .detail_menu_box .date_input>li input								{ width:100%; }
.detail_search_wrap .detail_menu_box .date_input::before								{ position:absolute; left:50%; top:50%; width:30px; display:flex; align-items:center; justify-content:center; content:'~'; transform:translate(-50%, -50%) }


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


/* 선택값 노출 */
.detail_search_wrap .result_value_wrap													{ display:flex; align-items:center; justify-content:space-between; border:1px solid var(--color-point); border-top-color:#e5e5e5; border-radius:0 0 20px 20px;
    padding:15px 20px;}
.detail_search_wrap .result_value_list													{ display:flex; align-items:center; flex-wrap:wrap; gap:5px; }
.detail_search_wrap .result_value_list .result_value_del								{ display:flex; align-items:center; justify-content:center; gap:10px; border:1px solid rgba(0,0,0,.2); border-radius:20px; padding:7px 15px; font-size:.88rem; opacity:.9 }
.detail_search_wrap .result_value_list .result_value_del .txt							{ display:flex; align-items:flex-start; gap:5px; }
.detail_search_wrap .result_value_list .result_value_del .txt>i+i::before				{ display:inline-block; width:8px; height:8px; border-style:solid; border-width:1px 1px 0 0; border-color:var(--color-base); content:'';
    transform:rotate(45deg); margin:-2px 8px 0 1px; opacity:.54}
.detail_search_wrap .detail_search_input												{ min-width:30%; display:flex; align-items:center; gap:5px; }
.detail_search_wrap .detail_search_input>li												{ flex:auto; position:relative; }
.detail_search_wrap .detail_search_input>li label										{ position:absolute; left:15px; top:50%; transform:translateY(-45%); font-size:.94em; opacity:.74; line-height:1}
.detail_search_wrap .detail_search_input>li input										{ width:100%; background:#ebf2f8; border-radius:5px; border-color:#ebf2f8; min-height:45px; }
.detail_search_wrap .detail_search_input>li:has(input:focus) label 						{ font-size:0; }
.detail_search_wrap .detail_search_input>li button										{ width:100%; display:flex; justify-content:center; min-height:45px; }
.detail_search_wrap .detail_search_input>li:has(button)									{ max-width:130px; }

@media all and (max-width:1568px){
    .detail_search_wrap .refresh_btn									{ top:12px; }
    .detail_search_wrap .detail_search_menu								{ --sizeBtn:58px; }
    .detail_search_wrap .detail_search_menu>li .detail_btn				{ min-width:190px; }
}
@media all and (max-width:1468px){
    .detail_search_wrap .refresh_btn									{ top:10px; }
    .detail_search_wrap .detail_search_menu								{ --sizeBtn:56px; }
    .detail_search_wrap .detail_search_menu>li .detail_btn				{ min-width:180px; font-size:.95rem; }
    .detail_search_wrap .detail_search_menu>li .detail_btn>span			{ padding:0 15px; }
    .detail_search_wrap .detail_search_menu>li .detail_btn span::before	{ right:15px; }
}
@media all and (max-width:1368px){
    .detail_search_wrap .refresh_btn									{ font-size:.8rem; padding:8px 15px; top:10px }
    .detail_search_wrap .icon_refresh									{ width:13px; height:13px; }
    .detail_search_wrap .icon_del										{ width:9px; height:9px; }
    .detail_search_wrap .detail_search_menu								{ --sizeBtn:50px; }
    .detail_search_wrap .detail_search_menu>li .detail_btn				{ min-width:150px; }

    .detail_search_wrap .detail_menu_box .detail_wrap>.list>li,
    .detail_search_wrap .detail_menu_box .detail2_wrap>.list>li					{ font-size:.95rem; }
    .detail_search_wrap .detail_menu_box .detail2 .detail2_btn					{ height:42px; font-size:.9rem; }
    .detail_search_wrap .detail_menu_box .detail2								{ width:230px; }
    .detail_search_wrap .detail_menu_box .detail_wrap:has(.detail2)::before		{ left:240px; }
    .detail_search_wrap .detail_menu_box .detail2_wrap							{ width:calc(100% - 270px); }
    .detail_search_wrap .result_value_list .result_value_del					{ font-size:.85rem; }
    .detail_search_wrap .result_value_wrap										{ flex-flow:column; gap:10px; }
    .detail_search_wrap .result_value_list,
    .detail_search_wrap .detail_search_input									{ width:100%; }
}
@media all and (max-width:1168px){
    .detail_search_wrap .detail_search_menu::before								{ border-radius:15px 15px 0 0; }
    .detail_search_wrap .detail_search_menu>li .detail_btn						{ border-radius:0 15px 0 0; font-size:.92rem; }
    .detail_search_wrap .detail_search_menu>li.active .detail_btn				{ border-radius:15px 15px 0 0;}
    .detail_search_wrap .result_value_wrap										{ border-radius:0 0 15px 15px}
    .detail_search_wrap .detail_search_menu>li:first-child .detail_btn			{ border-radius:15px 15px 0 0; }
    .detail_search_wrap .detail_search_menu>li:first-child.prev .detail_btn		{ border-radius:15px 0 0 0 }
    .detail_search_wrap .detail_search_menu>li.prev .detail_btn					{ border-radius:15px 0 0 0; }
    .detail_search_wrap .detail_menu_box .detail_wrap>.list>li					{ min-width:calc((100% - 70px) / 8); }
}
@media all and (max-width:1068px){
    .detail_search_wrap .detail_search_menu>li .detail_btn									{ min-width:120px; }
}
@media all and (max-width:868px){
    .detail_search_wrap																		{ padding-top:10px; }
    .detail_search_wrap .refresh_btn														{ top:-35px; right:0; }
    .detail_search_wrap .detail_search_menu>li .detail_btn									{ min-width:inherit; width:100%; }
    .detail_search_wrap .detail_search_menu>li												{ flex:0 1 auto; min-width:calc(100% / 5);  }
    .detail_search_wrap .detail_menu_box .detail_wrap>.list									{ max-height:140px; overflow-y:auto; overflow-x:hidden; width:99%; margin-top:10px; margin-bottom:10px; padding:5px 15px; }

    .detail_search_wrap .detail_menu_box .detail_wrap>.list::-webkit-scrollbar 				{ -webkit-appearance:none; width:2px; }
    .detail_search_wrap .detail_menu_box .detail_wrap>.list::-webkit-scrollbar-thumb 		{ background-color:rgba(2,80,149,.3); }
    .detail_search_wrap .detail_menu_box .detail_wrap>.list::-webkit-scrollbar-track 		{ background-color:rgba(2,80,149,.1); }
    .detail_search_wrap .detail_menu_box .detail_wrap>.list>li								{ min-width:calc((100% - 50px) / 6); }
    .detail_search_wrap .detail_menu_box .detail2											{ padding:0 15px 10px 15px; }
    .detail_search_wrap .detail_menu_box .date_input input									{ min-height:36px; }
    .detail_search_wrap .detail_search_input>li input,
    .detail_search_wrap .detail_search_input>li button										{ min-height:42px; }
    .detail_search_wrap .detail_menu_box .detail2											{ width:150px; }
    .detail_search_wrap .detail_menu_box .detail_wrap:has(.detail2)::before					{ left:160px; }
    .detail_search_wrap .detail_menu_box .detail2_wrap										{ width:calc(100% - 190px); }
    .detail_search_wrap .detail_menu_box .date_input input									{ width:100%; }
    .detail_search_wrap .detail_menu_box .date_input>li a									{ width:36px; height:36px; }
}
@media all and (max-width:668px){
    .detail_search_wrap																			{ padding-top:20px; }
    .detail_search_wrap .refresh_btn															{ top:-20px; right:0; }
    .detail_search_wrap .detail_search_menu														{ --sizeBtn:45px; }
    .detail_search_wrap .detail_search_menu>li .detail_btn										{ border-radius:0 10px 0 0; font-size:.9rem; }
    .detail_search_wrap .detail_search_menu>li .detail_btn>span									{ padding:0 10px; }
    .detail_search_wrap .detail_search_menu>li .detail_btn span::before							{ right:10px; }
    .detail_search_wrap .detail_search_menu::before												{ border-radius:10px 10px 0 0; }
    .detail_search_wrap .detail_search_menu>li.active .detail_btn								{ border-radius:10px 10px 0 0;}
    .detail_search_wrap .result_value_wrap														{ border-radius:0 0 10px 10px}
    .detail_search_wrap .detail_search_menu>li:first-child .detail_btn							{ border-radius:10px 10px 0 0; }
    .detail_search_wrap .detail_search_menu>li:first-child.prev .detail_btn						{ border-radius:10px 0 0 0 }
    .detail_search_wrap .detail_search_menu>li.prev .detail_btn									{ border-radius:10px 0 0 0; }
    .detail_search_wrap .detail_menu_box .detail_wrap>.list>li									{ min-width:calc((100% - 30px) / 4); }
    .detail_search_wrap .detail_menu_box .detail_wrap>.list>li,
    .detail_search_wrap .detail_menu_box .detail2_wrap>.list>li									{ font-size:.9rem; }
    .detail_search_wrap .result_value_wrap														{ padding:15px; }
    .detail_search_wrap .result_value_list .result_value_del									{ font-size:.8rem; }
    .detail_search_wrap .detail_menu_box .detail2_wrap>.list									{ gap:10px; }
    .detail_search_wrap .detail_menu_box .detail2_wrap>.list>li									{ width:calc((100% - 10px) / 2); }
}
@media all and (max-width:568px){
    .detail_search_wrap .detail_search_menu														{ flex-wrap:wrap; padding:10px; border-radius:10px 10px 0 0; gap:5px; background:#ebf2f8; border:1px solid var(--color-point); border-bottom-width:0 }
    .detail_search_wrap .detail_search_menu::before,
    .detail_search_wrap .detail_search_menu>li.active .detail_btn span::after,
    .detail_search_wrap .detail_menu_box .detail_wrap:has(.detail2)::before						{ display:none; }
    .detail_search_wrap .detail_search_menu>li													{ min-height:inherit; flex:auto; width:calc((100% - 5px) / 2); }

    .detail_search_wrap .detail_search_menu>li.prev .detail_btn,
    .detail_search_wrap .detail_search_menu>li .detail_btn,
    .detail_search_wrap .detail_search_menu>li:first-child .detail_btn							{ border-radius:10px; border-width:1px; border-color:rgba(0,0,0,.2); }
    .detail_search_wrap .detail_search_menu>li.active .detail_btn								{ border-radius:10px; border-width:1px; }
    .detail_search_wrap .detail_search_menu>li:first-child.prev .detail_btn						{ border-radius:10px; }
    .detail_search_wrap .detail_search_menu>li.active:first-child .detail_btn					{ border-color:var(--color-point); }
    .detail_search_wrap .detail_search_menu>li .detail_btn span::before							{ width:7px; height:7px; }
    .detail_search_wrap .detail_menu_box .detail_wrap											{ background:var(--color-white); height:180px; }
    .detail_search_wrap .detail_menu_box .detail2												{ width:100%; flex-flow:row wrap; }
    .detail_search_wrap .detail_menu_box .detail2>li											{ width:calc((100% - 10px) / 3); }
    .detail_search_wrap .detail_menu_box .detail2_wrap											{ position:initial; width:100%; padding-right:0; height:inherit }
    .detail_search_wrap .detail_menu_box .detail2_wrap>.list,
    .detail_search_wrap .detail_menu_box .date_input											{ max-height:105px; overflow-y:auto; overflow-x:hidden; width:99%; padding:5px 20px; }
    .detail_search_wrap .detail_menu_box .detail2_wrap>.list::-webkit-scrollbar,
    .detail_search_wrap .detail_menu_box .date_input::-webkit-scrollbar 						{ -webkit-appearance:none; width:2px; }
    .detail_search_wrap .detail_menu_box .detail2_wrap>.list::-webkit-scrollbar-thumb,
    .detail_search_wrap .detail_menu_box .date_input::-webkit-scrollbar-thumb 					{ background-color:rgba(2,80,149,.3); }
    .detail_search_wrap .detail_menu_box .detail2_wrap>.list::-webkit-scrollbar-track,
    .detail_search_wrap .detail_menu_box .date_input::-webkit-scrollbar-track 					{ background-color:rgba(2,80,149,.1); }
    .detail_search_wrap .detail_menu_box .detail_wrap>.list										{ max-height:155px; }
    .detail_search_wrap .result_value_wrap														{ padding:10px; }
    .detail_search_wrap .result_value_list .result_value_del									{ padding:7px 10px; }
    .detail_search_wrap .result_value_list .result_value_del .txt								{ gap:0; }

}
@media all and (max-width:468px){
    .detail_search_wrap .detail_menu_box .date_input											{ gap:15px; }
    .detail_search_wrap .detail_menu_box .date_input>li											{ width:100%; }
    .detail_search_wrap .detail_menu_box .date_input::before									{ transform:translate(-50%, -40%)}
    .detail_search_wrap .detail_menu_box .detail2>li											{ flex:auto; width:calc((100% - 5px) / 2); }
    .detail_search_wrap .detail_menu_box .detail_wrap											{ height:220px; }
    .detail_search_wrap .detail_menu_box .detail_wrap>.list										{ max-height:195px; }
    .detail_search_wrap .detail_menu_box .detail2_wrap>.list,
    .detail_search_wrap .detail_menu_box .date_input											{ max-height:100px; }
}
/********************************************************

 						목록

*********************************************************/
/* 게시글 수 */
[data-subarea="system_list"] .system_total								{ padding:.94em 1.25em; background:#ebf2f8; border-radius:10px; display:flex; align-items:center; gap:3px; margin-top:3.75em; }
[data-subarea="system_list"] .system_total>strong						{ font-weight:bold; color:var(--color-point); }
[data-subarea="system_list"] .system_total>strong:first-child			{ margin-right:5px; }
@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.25em;}
[data-subarea="system_list"] .system_list>li							{ width:calc((100% - 3.75em) / 4); }
[data-subarea="system_list"] .system_list>li .division					{ display:flex; flex-wrap:wrap; }
[data-subarea="system_list"] .system_list>li .division .img				{ position:relative; width:100%; height:0; padding-top:70.72%; overflow:hidden; border-radius:20px 20px 0 0; }
[data-subarea="system_list"] .system_list>li .division .img img 		{ position:absolute; top:0; left:50%; min-width:100%; min-height:100%; transform:translateX(-50%); -ms-transform:translateX(-50%);
    -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); object-fit:cover; -o-object-fit:cover; z-index:-1  }
[data-subarea="system_list"] .system_list>li .division .img img[src*="thumb_list_none"] 			{ top:50%; 	transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); }
[data-subarea="system_list"] .system_list>li>a							{ position:relative; display:flex; flex-flow:column; width:100%; border:1px solid #e5e5e5; border-radius:20px; height:100%; justify-content:space-between; }
[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; }
[data-subarea="system_list"] .system_list>li .status					{ font-size:.85rem; padding:9px 20px; border-radius:25px; color:var(--color-white); font-weight:500 }
[data-subarea="system_list"] .system_list>li .status1					{ background:#005bac; }
[data-subarea="system_list"] .system_list>li .status2					{ background:#ff725d; }
[data-subarea="system_list"] .system_list>li .status3					{ background:#222222; }
[data-subarea="system_list"] .system_list>li .status4					{ background:#00aca8; }
[data-subarea="system_list"] .system_list>li>a:hover .amount			{ border-top-color:var(--color-point); }
[data-subarea="system_list"] .system_list>li .info_box					{ width:100%; padding:1.25em; }
[data-subarea="system_list"] .system_list>li .info_box  strong			{ width:100%; font-size:1.56em; display:inline-block; font-weight:500; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:.8em; }
[data-subarea="system_list"] .system_list>li .info_box:not(:has(.status_list))  strong	{ margin-top:0; }
[data-subarea="system_list"] .system_list>li .info_box dl				{ display:flex; gap:1px 10px; font-size:.94em; color:var(--color-base); margin-top:7px; line-height:1.4 }
[data-subarea="system_list"] .system_list>li .info_box dl>dt			{ min-width:60px; }
[data-subarea="system_list"] .system_list>li .info_box dl>dd			{ flex:0 1 auto;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
[data-subarea="system_list"] .system_list>li .info_box dl.period		{ color:var(--color-point); margin-top:10px}
[data-subarea="system_list"] .system_list>li .info_box dl.period,
[data-subarea="system_list"] .system_list>li .info_box dl.medium		{ font-weight:500; }
[data-subarea="system_list"] .system_list>li .amount					{ display:flex; flex-wrap:wrap; gap:2px 10px; padding:1.25em; border-top:1px solid #e5e5e5; transition:var(--trans-ani); }
[data-subarea="system_list"] .system_list>li .amount dl					{ width:100%; justify-content:space-between; display:flex; flex-wrap:wrap; gap:10px; font-size:.94em; align-items:center; }
[data-subarea="system_list"] .system_list>li .amount dl>dd				{ font-weight:bold; }
[data-subarea="system_list"] .system_list>li .amount dl>dd .small		{ font-weight:300; margin:0 1px; }
@media all and (max-width:1668px){
    [data-subarea="system_list"] .system_list>li .status				{ padding:8px 20px; }
    [data-subarea="system_list"] .system_list>li .info_box  strong		{ font-size:1.5em; }
    [data-subarea="system_list"] .system_list>li .info_box dl.period	{ margin-top:10px; }
}
@media all and (max-width:1568px){
    [data-subarea="system_list"] .system_list>li .status				{ padding:7px 20px; }
    [data-subarea="system_list"] .system_list>li .info_box  strong		{ font-size:1.45em; }
    [data-subarea="system_list"] .system_list>li .info_box dl.period	{ margin-top:5px; }
}
@media all and (max-width:1468px){
    [data-subarea="system_list"] .system_list>li						{ width:calc((100% - 2.5em) / 3); }
    [data-subarea="system_list"] .system_list>li .info_box  strong		{ font-size:1.4em; margin-top:.6em }
    [data-subarea="system_list"] .system_list>li .info_box dl.period	{ margin-top:0; }
}
@media all and (max-width:1368px){
    [data-subarea="system_list"] .system_list>li .info_box  strong		{ font-size:1.367em; }
}
@media all and (max-width:1068px){
    [data-subarea="system_list"] .system_list>li						{ width:calc((100% - 1.25em) / 2); }
}
@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 .info_box strong		{ font-size:1.267rem; }
    [data-subarea="system_list"] .system_list>li .info_box dl,
    [data-subarea="system_list"] .system_list>li .amount dl				{ font-size:.92rem; }
    [data-subarea="system_list"] .system_list>li .info_box dl			{ gap:3px 10px; line-height:1.2; margin-top:7px; }
}
@media all and (max-width:568px){
    [data-subarea="system_list"] .system_list>li						{ width:100%; }
    [data-subarea="system_list"] .system_list>li .info_box strong		{ font-size:1.2rem; }
    [data-subarea="system_list"] .system_list>li .info_box dl,
    [data-subarea="system_list"] .system_list>li .amount dl				{ font-size:.9rem; }
    [data-subarea="system_list"] .system_list>li .division .info_box,
    [data-subarea="system_list"] .system_list>li .amount					{ padding:1.25em 1em }
}

/* 목록 가로형 */
[data-subarea="system_list"] .horizontal>li								{ width:calc((100% - 20px) / 2); }
[data-subarea="system_list"] .horizontal>li .division					{ justify-content:space-between; gap:1.88em; padding:1.25em; }
[data-subarea="system_list"] .horizontal>li .division .img				{ width:362px;  padding-top:34.596%; overflow:hidden; border-radius:10px; }
[data-subarea="system_list"] .horizontal>li .division .info_box			{ flex:auto; max-width:calc(100% - 362px - 1.88em); padding:0; }
[data-subarea="system_list"] .horizontal>li .amount						{ padding:1.25em 1.88em; }
[data-subarea="system_list"] .horizontal>li .amount						{ justify-content:space-between; }
[data-subarea="system_list"] .horizontal>li .amount dl					{ width:inherit; justify-content:initial }
@media all and (max-width:1568px){
    [data-subarea="system_list"] .horizontal>li .division .img			{ width:322px; }
    [data-subarea="system_list"] .horizontal>li .division .info_box		{ max-width:calc(100% - 322px - 1.88em); }
}
@media all and (max-width:1468px){
    [data-subarea="system_list"] .horizontal>li .division .img			{ width:292px; }
    [data-subarea="system_list"] .horizontal>li .division .info_box		{ max-width:calc(100% - 292px - 1.88em); }
}
@media all and (max-width:1368px){
    [data-subarea="system_list"] .horizontal>li .division				{ gap:1.5em; }
    [data-subarea="system_list"] .horizontal>li .division .img			{ width:242px; }
    [data-subarea="system_list"] .horizontal>li .division .info_box		{ max-width:calc(100% - 242px - 1.5em); }
}
@media all and (max-width:1268px){
    [data-subarea="system_list"] .horizontal>li							{ width:100%; }
    [data-subarea="system_list"] .horizontal>li .division .img			{ width:362px; padding-top:16em }
    [data-subarea="system_list"] .horizontal>li .division .info_box		{ max-width:calc(100% - 362px - 1.5em); }
}
@media all and (max-width:968px){
    [data-subarea="system_list"] .horizontal>li .division .img			{ width:322px; }
    [data-subarea="system_list"] .horizontal>li .division .info_box		{ max-width:calc(100% - 322px - 1.5em); }
}
@media all and (max-width:868px){
    [data-subarea="system_list"] .horizontal>li .division .img			{ width:292px; }
    [data-subarea="system_list"] .horizontal>li .division .info_box		{ max-width:calc(100% - 292px - 1.5em); }
}
@media all and (max-width:768px){
    [data-subarea="system_list"] .horizontal>li .division .img			{ width:242px;  padding-top:30.662%}
    [data-subarea="system_list"] .horizontal>li .division .info_box		{ max-width:calc(100% - 242px - 1.5em); }
}
@media all and (max-width:668px){
    [data-subarea="system_list"] .horizontal>li							{ width:calc((100% - 1.25em) / 2) }
    [data-subarea="system_list"] .horizontal>li .division				{ padding:0; gap:0 }
    [data-subarea="system_list"] .horizontal>li .division .img			{ width:100%;  padding-top:70.72%; border-radius: 20px 20px 0 0; }
    [data-subarea="system_list"] .horizontal>li .division .info_box		{ width:100%; max-width:inherit; padding:1.25em; }
    [data-subarea="system_list"] .horizontal>li .amount					{ padding:1.25em; }
    [data-subarea="system_list"] .horizontal>li .amount dl				{ width:100%; justify-content:space-between;  }

}
@media all and (max-width:568px){
    [data-subarea="system_list"] .horizontal>li							{ width:100% }
    [data-subarea="system_list"] .horizontal>li .division .info_box,
    [data-subarea="system_list"] .horizontal>li .amount					{ padding:1.25em 1em }
}


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

 						공통

*********************************************************/
/* 하단 버튼 */
[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] .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:17px 30px 15px; line-height:1; transition:var(--trans-ani); }
[data-subarea] .btn_list::before						{ display:flex; width:20px; height:14px; content:''; background:url(/resource/common/images/system/icon_list.svg) no-repeat 50% 50% / auto 14px; margin-top:-2px; 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.6rem; font-weight:500; display:flex; margin-bottom:.25em; color:var(--color-point); font-family:'PAPERLOGY';font-weight:bold;}
[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 #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/common/images/system/icon_info_txt.svg) no-repeat 50% 50% / auto 20px; width:20px; height:20px;
    margin-top:-2px; margin-right:10px; }

/* 아이콘 */
[data-subarea] .icon_bank								{ display:inline-block; width:30px; height:34px; background:url(/resource/common/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/common/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/common/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/common/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/common/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.4rem; }
    [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 15px; }
    [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.2rem; }
    [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											{ display:flex; align-items:flex-start; flex-wrap:wrap; justify-content:space-between;}
[data-subarea="system_view"] .view_top .btn_zoom								{ position:absolute; right:1em; top:1em; width:45px; height:45px; border-radius:10px; z-index:2;
    background:rgba(255,255,255,.8) url(/resource/common/images/bbs/icon_zoom.svg) no-repeat 50% 48% / 16px;}
[data-subarea="system_view"] .view_top	.img_area								{ width:calc(100% / 2.5); position:relative; }
[data-subarea="system_view"] .view_top	.img_area .swiper						{ border-radius:20px; overflow:hidden; }
[data-subarea="system_view"] .view_top	.img_area .swiper-slide					{ width:100%; height:0; padding-top:70.78%; overflow:hidden }
[data-subarea="system_view"] .view_top	.img_area .swiper-slide img				{ position:absolute; top:0; left:50%; min-width:100%; min-height:100%; transform:translateX(-50%); -ms-transform:translateX(-50%);
    -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); object-fit:cover; -o-object-fit:cover; }
[data-subarea="system_view"] .view_top	.img_area .swiper-slide img[src*="thumb_list_none"] { top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); }
[data-subarea="system_view"] .view_top	.img_area .swiper_bottom				{ display:inline-flex; position:absolute; left:50%; bottom:-20px; background:#fff; border-radius:20px; border:1px solid rgba(0,0,0,.1); z-index:3; transform:translateX(-50%) }
[data-subarea="system_view"] .view_top	.img_area .swiper_bottom .control 						{ display:flex; align-items:center; justify-content:space-between; }
[data-subarea="system_view"] .view_top	.img_area .swiper_bottom .control button				{ width:40px; height:40px; }
[data-subarea="system_view"] .view_top	.img_area .swiper_bottom:has(.swiper-button-disabled) 	{ display:none; }
[data-subarea="system_view"] .view_top .txt_area								{ width:calc((100% / 1.65) - 80px); }
[data-subarea="system_view"] .view_top .tit_area								{ display:flex; flex-wrap:wrap; align-items:center; font-size:2.25em; font-weight:bold; line-height:1.3; }
[data-subarea="system_view"] .view_top .description								{ margin-top:1em; background:#eeeded; padding:1em 1.5em; font-size:1.09em; font-weight:500; line-height:1.4; border-radius:10px; }
[data-subarea="system_view"] .view_top .info_list								{ display:flex; flex-flow:column; margin-top:1.5em; gap:10px 0; border-bottom:1px solid #e1e2e1; padding-bottom:1.5em }
[data-subarea="system_view"] .view_top .info_list>li							{ display:flex; }
[data-subarea="system_view"] .view_top .info_list>li>dl							{ display:flex; flex-wrap:wrap; width:100%; align-items:baseline; font-size:1.13em;}
[data-subarea="system_view"] .view_top .info_list>li>dl>dt						{ width:calc(100% / 7); opacity:.64 }
[data-subarea="system_view"] .view_top .info_list>li>dl>dd						{ display:flex; flex-wrap:wrap; width:calc(100% / 1.2); font-weight:500; line-height:1.3 }
[data-subarea="system_view"] .view_top .file									{ margin-top:1.25em; display:flex; flex-wrap:wrap; gap:10px; background:#ebf2f8; border-radius:10px; padding:15px;}
[data-subarea="system_view"] .view_top .file>li									{ display:flex; align-items:center; flex-wrap:wrap; gap:3px; padding:10px 15px; border-radius:5px; background:#fff; font-size:.95rem; }
[data-subarea="system_view"] .view_top .file>li>a								{ display:flex; flex-wrap:wrap; gap:3px 10px; }
[data-subarea="system_view"] .view_top .file>li .btn_download					{ display:flex; align-items:center;  }
[data-subarea="system_view"] .view_top .file>li .btn_download:after				{ content:''; opacity:1; display:inline-block; width:30px; height:30px; background:url(/resource/common/images/system/icon_download.svg) no-repeat 50% 50% / auto 13px;
    transition:opacity var(--trans-ani); background-color:#e5e5e5; border-radius:5px; }
[data-subarea="system_view"] .view_top .file>li .btn_viewer						{ position:relative; width:30px; height:30px; background:var(--color-point); border-radius:5px;  }
[data-subarea="system_view"] .view_top .file>li .btn_viewer::before				{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/common/images/system/icon_viewer.svg) no-repeat 50% 50% / auto 14px; filter:invert(1); }
[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; padding-left:.5em; min-width:calc(100% - 15em); }
[data-subarea="system_view"] .view_top .amount>dl								{ display:flex; align-items:center; gap:10px; font-size:1.067em; font-weight:500 }
[data-subarea="system_view"] .view_top .amount>dl>dt							{ display:flex; align-items:center;  }
[data-subarea="system_view"] .view_top .amount>dl .icon							{ position:relative; display:flex; width:25px; height:25px; border-radius:100%; margin-right:10px; margin-top:-2px; }
[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 13px; }
[data-subarea="system_view"] .view_top .amount>dl .icon1						{ background-color:var(--color-point); }
[data-subarea="system_view"] .view_top .amount>dl .icon2						{ background-color:var(--color-base); }
[data-subarea="system_view"] .view_top .amount>dl .icon1::before				{ background-image:url(/resource/common/images/system/icon_amount01.svg); }
[data-subarea="system_view"] .view_top .amount>dl .icon2::before				{ background-image:url(/resource/common/images/system/icon_amount02.svg); }
[data-subarea="system_view"] .view_top .amount>dl .color_base,
[data-subarea="system_view"] .view_top .amount>dl .color_point					{ font-weight:bold; }
[data-subarea="system_view"] .view_top .btn_area:has(.amount)					{ display:flex; align-items:center; padding:.5em; border:2px solid var(--color-point); border-radius:10px; justify-content:space-between; gap:10px 2em}

/* 두줄출력 */
[data-subarea="system_view"] .view_top .info_list.col02							{ flex-flow:row wrap; gap:10px 1em; }
[data-subarea="system_view"] .view_top .info_list.col02>li						{ width:calc((100% - 1em) / 2); }
[data-subarea="system_view"] .view_top .info_list.col02>li.full					{ width:100%; }
[data-subarea="system_view"] .view_top .info_list.col02>li>dl>dt				{ width:5em; }
[data-subarea="system_view"] .view_top .info_list.col02>li>dl>dd				{ width:calc(100% - 6em);  }


/* 상세내용 */
[data-subarea="system_view"] .system_view_con												{ margin-top:5em; position:relative; }
/* 탭메뉴 */
[data-subarea="system_view"] .system_view_con .detail_tab									{ position:relative; display:flex; --sizeBtn:60px; justify-content:space-between; }
[data-subarea="system_view"] .system_view_con .detail_tab::before							{ position:absolute; left:0; top:0; width:100%; height:var(--sizeBtn); border-radius:20px 20px 0 0; border:1px solid #e5e5e5; border-bottom-width:0;
    content:''; z-index:-1 }
[data-subarea="system_view"] .system_view_con .detail_tab>li								{ min-width:33.3%;flex: auto; }
[data-subarea="system_view"] .system_view_con .detail_tab>li button							{ position:relative; display:flex; width:100%; height:var(--sizeBtn);  border-radius:0 20px 0 0; border:1px solid #e5e5e5;
    border-bottom-width:0; transition:var(--trans-ani); font-weight:500; background:var(--color-white); border-left-color:transparent; }
[data-subarea="system_view"] .system_view_con .detail_tab>li button>span					{ position:relative; display:flex; width:100%; height:var(--sizeBtn); align-items:center; padding:4px 40px 0; font-size:1.167em; }
[data-subarea="system_view"] .system_view_con .detail_tab>li button span::before			{ position:absolute; width:8px; height:8px; right:40px; top:50%; border-style:solid; border-width:0 2px 2px 0; border-color:var(--color-base); content:'';
    transform:translateY(-20%) rotate(225deg); transition:var(--trans-ani);}
[data-subarea="system_view"] .system_view_con .detail_tab>li.active button					{ border-color:var(--color-point); border-radius:20px 20px 0 0;  color:var(--color-point); border-left-color:var(--color-point); }
[data-subarea="system_view"] .system_view_con .detail_tab>li.active button span::after		{ position:absolute; width:100%; height:1px; left:0; bottom:-1px; border-bottom:2px solid var(--color-white); content:''; z-index:1; }
[data-subarea="system_view"] .system_view_con .detail_tab>li.active button span::before		{ transform:translateY(-60%) rotate(45deg); filter:invert(8%) sepia(35%) saturate(4534%) hue-rotate(193deg) brightness(96%) contrast(98%);}
[data-subarea="system_view"] .system_view_con .detail_tab>li.prev button					{ border-radius:20px 0 0 0; border-right-color:transparent; border-left-color:#e5e5e5;}
[data-subarea="system_view"] .system_view_con .detail										{ padding:40px; border:1px solid var(--color-point); border-radius:0 0 20px 20px; }
[data-subarea="system_view"] .system_view_con .detail .detail_tit							{ display:flex; flex-wrap:wrap; align-items:center; gap:0 12px; font-size:1.38em; font-weight:500; color:var(--color-point); }
[data-subarea="system_view"] .system_view_con .detail .detail_tit:nth-of-type(n+2)			{ margin-top:3em; }
[data-subarea="system_view"] .system_view_con .detail .re									{ font-size:.95rem; opacity:.74 }

/* 위치정보 */
[data-subarea="system_view"] .system_view_con .detail .add_info 							{ display:flex; flex-wrap:wrap; gap:10px 2em;  background:#ebf2f8; border-radius:10px; padding:1.25em; }
[data-subarea="system_view"] .system_view_con .detail .add_info>li>dl						{ display:flex; flex-wrap:wrap; align-items:center; }
[data-subarea="system_view"] .system_view_con .detail .add_info>li>dl						{ display:flex; align-items:center; gap:10px; font-size:1.067em; font-weight:300 }
[data-subarea="system_view"] .system_view_con .detail .add_info>li>dl>dt					{ display:flex; align-items:center; font-weight:500;  }
[data-subarea="system_view"] .system_view_con .detail .add_info>li>dl>dd					{ line-height:1.3; }
[data-subarea="system_view"] .system_view_con .detail .add_info>li>dl .icon					{ position:relative; display:flex; width:25px; height:25px; border-radius:100%; margin-right:10px; margin-top:-2px; }
[data-subarea="system_view"] .system_view_con .detail .add_info>li>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 10px; }
[data-subarea="system_view"] .system_view_con .detail .add_info>li>dl .icon1				{ background-color:var(--color-point); }
[data-subarea="system_view"] .system_view_con .detail .add_info>li>dl .icon2				{ background-color:var(--color-base); }
[data-subarea="system_view"] .system_view_con .detail .add_info>li>dl .icon1::before		{ background-image:url(/resource/common/images/system/icon_add_info01.svg); }
[data-subarea="system_view"] .system_view_con .detail .add_info>li>dl .icon2::before		{ background-image:url(/resource/common/images/system/icon_add_info02.svg); }
[data-subarea="system_view"] .system_view_con .detail .detail_map_box						{ margin-top:1.5em; border:1px solid #e1e2e1; border-radius:10px; position:relative; width:100%; height:450px; overflow:hidden; }
[data-subarea="system_view"] .system_view_con .detail .detail_map_box .root_daum_roughmap	{ position:absolute; width:calc(100% + 2px); height:calc(100% + 2px) !important; left:-1px; top:-1px; }


@media all and (max-width:1668px){
    [data-subarea="system_view"] .view_top .tit_area							{ font-size:2.15em }
    [data-subarea="system_view"] .view_top .img_area							{ width:calc(100% / 2.3); }
    [data-subarea="system_view"] .view_top .txt_area							{ width:calc((100% / 1.75) - 80px); }
    [data-subarea="system_view"] .view_top .description							{ font-size:1.067em; }
    [data-subarea="system_view"] .view_top .info_list>li>dl						{ font-size:1.067em; }
    [data-subarea="system_view"] .system_view_con .detail_tab>li button>span	{ font-size:1.1em; padding:5px 30px 0 }
    [data-subarea="system_view"] .system_view_con .detail_tab>li button span::before	{ right:30px; }
    [data-subarea="system_view"] .system_view_con .detail						{ padding:30px; }
    [data-subarea="system_view"] .system_view_con .detail .detail_tit			{ font-size:1.28em; }
}
@media all and (max-width:1568px){
    [data-subarea="system_view"] .view_top .tit_area							{ font-size:2.05em }
    [data-subarea="system_view"] .view_top .txt_area							{ width:calc((100% / 1.75) - 60px); }
    [data-subarea="system_view"] .view_top .description							{ font-size:1.03em; }
    [data-subarea="system_view"] .view_top .info_list>li>dl						{ font-size:1.03em; }
    [data-subarea="system_view"] .system_view_con .detail .detail_tit			{ font-size:1.2em; }
}
@media all and (max-width:1468px){
    [data-subarea="system_view"] .view_top .tit_area							{ font-size:1.95em }
    [data-subarea="system_view"] .view_top .txt_area							{ width:calc((100% / 1.75) - 50px); }
    [data-subarea="system_view"] .system_view_con .detail_tab>li button>span	{ font-size:1.067em; padding:5px 25px 0 }
    [data-subarea="system_view"] .system_view_con .detail_tab>li button span::before	{ right:25px; }
    [data-subarea="system_view"] .system_view_con .detail						{ padding:25px; }
    [data-subarea="system_view"] .system_view_con .detail .detail_tit			{ font-size:1.167rem; }
    [data-subarea="system_view"] .view_top .btn_area:has(.amount) .button		{ padding:0 25px; }
}
@media all and (max-width:1268px){
    [data-subarea="system_view"] .view_top .tit_area							{ font-size:1.85em }
    [data-subarea="system_view"] .view_top .img_area							{ width:calc(100% / 2.1); }
    [data-subarea="system_view"] .view_top .txt_area							{ width:calc((100% / 1.85) - 60px); }
    [data-subarea="system_view"] .view_top .description,
    [data-subarea="system_view"] .view_top .info_list>li>dl						{ font-size:1em; }
    [data-subarea="system_view"] .view_top .info_list>li>dl>dt					{ width:calc(100% / 6); }
    [data-subarea="system_view"] .view_top .info_list							{ margin-top:1em; padding-bottom:1em; gap:7px 0}
    [data-subarea="system_view"] .system_view_con								{ margin-top:4em; }
    [data-subarea="system_view"] .system_view_con .detail_tab					{ --sizeBtn:55px; }
    [data-subarea="system_view"] .system_view_con .detail_tab>li button>span	{ font-size:1.03rem; }
    [data-subarea="system_view"] .system_view_con .detail .detail_map_box		{ height:350px; }

    /* 두줄출력 */
    [data-subarea="system_view"] .view_top .info_list.col02							{ flex-flow:row wrap; gap:10px 1em; }
    [data-subarea="system_view"] .view_top .info_list.col02>li						{ width:100%; }
    [data-subarea="system_view"] .view_top .info_list.col02>li>dl>dt				{ width:5em; }
    [data-subarea="system_view"] .view_top .info_list.col02>li>dl>dd				{ width:calc(100% - 6em);  }
}
@media all and (max-width:968px){
    [data-subarea="system_view"] .view_top .img_area							{ width:100%; }
    [data-subarea="system_view"] .view_top .img_area .swiper					{ border-radius:15px; }
    [data-subarea="system_view"] .view_top .txt_area							{ width:100%; margin-top:3em }
    [data-subarea="system_view"] .view_top .description,
    [data-subarea="system_view"] .view_top .info_list>li>dl						{ font-size:1em; }
    [data-subarea="system_view"] .view_top .info_list>li>dl>dt					{ width:7em }
    [data-subarea="system_view"] .view_top .info_list>li>dl>dd					{ flex:auto; }
    [data-subarea="system_view"] .view_top .info_list							{ margin-top:1em; padding-bottom:1em; gap:7px 0}
    [data-subarea="system_view"] .view_top .file								{ margin-top:1em; padding:10px; }
    [data-subarea="system_view"] .view_top .file>li								{ font-size:.85rem; padding:7px 10px; }
    [data-subarea="system_view"] .view_top .file>li .btn_download:after,
    [data-subarea="system_view"] .view_top .file>li .btn_viewer					{ width:26px; height:26px; }
    [data-subarea="system_view"] .view_top .file>li .btn_viewer::before			{ background-size:auto 12px; }
    [data-subarea="system_view"] .view_top .btn_zoom							{ background-position:50% 50%; border-radius:8px; }
    [data-subarea="system_view"] .view_top .btn_area							{ margin-top:1.5em; }
    [data-subarea="system_view"] .system_view_con								{ margin-top:3em; }

    /* 두줄출력 */
    [data-subarea="system_view"] .view_top .info_list.col02>li>dl>dt				{ width:7em; }
    [data-subarea="system_view"] .view_top .info_list.col02>li>dl>dd				{ width:calc(100% - 8em);  }
}
@media all and (max-width:868px){
    [data-subarea="system_view"] .system_view_con .detail_tab							{ --sizeBtn:50px; }
    [data-subarea="system_view"] .system_view_con .detail_tab>li button>span			{ font-size:.98rem; padding:5px 20px 0}
    [data-subarea="system_view"] .system_view_con .detail_tab>li button span::before	{ right:20px; }
    [data-subarea="system_view"] .system_view_con .detail								{ padding:20px; }
    [data-subarea="system_view"] .system_view_con .detail .detail_tit					{ font-size:1.1rem; }
    [data-subarea="system_view"] .system_view_con .detail .detail_tit:nth-of-type(n+2)	{ margin-top:2em; }
    [data-subarea="system_view"] .view_top .file>li										{ overflow:hidden; }
    [data-subarea="system_view"] .view_top .file>li .btn_download						{ max-width:calc(100% - 30px); }
    [data-subarea="system_view"] .view_top .file>li .btn_download span					{ max-width:calc(100% - 36px); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
}
@media all and (max-width:668px){
    [data-subarea="system_view"] .view_top .tit_area									{ font-size:1.85em }
    [data-subarea="system_view"] .view_top .btn_zoom									{ width:40px; height:40px; }
    [data-subarea="system_view"] .view_top .img_area .swiper_bottom .control button		{ width:35px; height:35px; }
    [data-subarea="system_view"] .view_top .img_area .swiper_bottom						{ bottom:-17.5px; }
    [data-subarea="system_view"] .system_view_con .detail_tab							{ --sizeBtn:45px; }
    [data-subarea="system_view"] .system_view_con .detail_tab>li button					{ border-radius:0 15px 0 0; }
    [data-subarea="system_view"] .system_view_con .detail_tab>li.active button,
    [data-subarea="system_view"] .system_view_con .detail_tab::before					{ border-radius:15px 15px 0 0; }
    [data-subarea="system_view"] .system_view_con .detail_tab>li.prev button			{ border-radius:15px 0 0 0;}
    [data-subarea="system_view"] .system_view_con .detail_tab>li button>span			{ font-size:.95rem; }
    [data-subarea="system_view"] .system_view_con .detail .detail_tit					{ font-size:1.067rem; }
    [data-subarea="system_view"] .system_view_con .detail .basic_ul						{ margin-top:5px; }
    [data-subarea="system_view"] .system_view_con .detail .basic_ul>li					{ font-size:.95rem; }
    [data-subarea="system_view"] .system_view_con .detail .basic_ul>li>ul>li,
    [data-subarea="system_view"] .system_view_con .detail .re							{ font-size:.9rem; }
    [data-subarea="system_view"] .system_view_con .detail								{ border-radius:0 0 15px 15px;}
    [data-subarea="system_view"] .view_top .amount										{ min-width:100%; margin-top:5px; flex-wrap:wrap }
    [data-subarea="system_view"] .system_view_con .detail .detail_map_box				{ height:280px; }
}
@media all and (max-width:568px){
    [data-subarea="system_view"] .view_top .tit_area									{ font-size:1.65em }
    [data-subarea="system_view"] .system_view_con .detail_tab>li button>span>.pc		{ display:none; }
    [data-subarea="system_view"] .system_view_con .detail_tab>li button>span			{ font-size:.9rem; padding:5px 10px 0}
    [data-subarea="system_view"] .system_view_con .detail_tab>li button span::before	{ right:15px; }
    [data-subarea="system_view"] .system_view_con .detail								{ padding:15px; }
    [data-subarea="system_view"] .system_view_con .detail .basic_ul>li					{ font-size:.9rem; }
    [data-subarea="system_view"] .system_view_con .detail .basic_ul>li:before			{ top:5px; }
    [data-subarea="system_view"] .system_view_con .detail .basic_ul>li>ul>li,
    [data-subarea="system_view"] .system_view_con .detail .re							{ font-size:.8rem; }
    [data-subarea="system_view"] .system_view_con .detail .basic_ul>li>ul				{ margin-top:5px; }
    [data-subarea="system_view"] .system_view_con .detail .basic_ul>li>ul>li::before	{ top:6px; }
    [data-subarea="system_view"] .system_view_con .detail_tab>li						{ width:inherit; flex:auto; }
    [data-subarea="system_view"] .system_view_con .detail .detail_tit:nth-of-type(n+2)	{ margin-top:1.5em; }
    [data-subarea="system_view"] .system_view_con .detail .add_info>li>dl .icon			{ margin-right:5px; }
    /* 두줄출력 */
    [data-subarea="system_view"] .view_top .info_list.col02>li>dl>dt				{ width:5.5em; }
    [data-subarea="system_view"] .view_top .info_list.col02>li>dl>dd				{ width:calc(100% - 6.5em);  }
}
@media all and (max-width:468px){
    [data-subarea="system_view"] .view_top .img_area .swiper						{ border-radius:10px; }
    [data-subarea="system_view"] .view_top .tit_area								{ font-size:1.55em }
    [data-subarea="system_view"] .view_top .description								{ padding:1em; }
    [data-subarea="system_view"] .view_top .btn_zoom								{ width:35px; height:35px; background-position:50% 50%; background-size:auto 15px; right:.5em; top:.5em}
    [data-subarea="system_view"] .view_top .img_area .swiper_bottom .control button	{ width:32px; height:32px; }
    [data-subarea="system_view"] .view_top .img_area .swiper_bottom					{ bottom:-16px; }
    [data-subarea="system_view"] .system_view_con .detail .detail_tit				{ font-size:1.03rem; }
    [data-subarea="system_view"] .system_view_con .detail .detail_map_box			{ height:240px; }

}
@media all and (max-width:368px){
    [data-subarea="system_view"] .view_top .tit_area								{ font-size:1.45em }
}

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

 						신청페이지

*********************************************************/
[data-subarea="system_app"] .app_top											{ display:flex; flex-wrap:wrap; gap:1em 2em; border:1px solid rgba(0,0,0,.1); padding:1.25em; border-radius:20px; }
[data-subarea="system_app"] .app_top .img										{ position:relative; width:300px; height:0; padding-top:12.837%; overflow:hidden; border-radius:10px; }
[data-subarea="system_app"] .app_top .img img									{ position:absolute; top:0; left:50%; min-width:100%; min-height:100%; transform:translateX(-50%); -ms-transform:translateX(-50%);
    -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); object-fit:cover; -o-object-fit:cover; }
[data-subarea="system_app"] .app_top .img img[src*="thumb_list_none"] 			{ top:50%; 	transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); }
[data-subarea="system_app"] .app_top .txt_area									{ flex:auto; max-width:calc(100% - 300px - 2em); }
[data-subarea="system_app"] .app_top .txt_area .tit_area						{ font-size:1.6em; font-weight:500; line-height:1.2 }
[data-subarea="system_app"] .app_top .info_list									{ width:100%; display:flex; flex-wrap:wrap;  align-items:baseline; margin-top:1em; gap:1em;  }
[data-subarea="system_app"] .app_top .info_list>li								{ flex:auto; min-width: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:1rem; line-height:1.3}
[data-subarea="system_app"] .app_top .info_list>li>dl>dt						{ width:5.5em; opacity:.64 }
[data-subarea="system_app"] .app_top .info_list>li>dl>dd						{ flex:auto; display:flex; flex-wrap:wrap; max-width:calc(100% - 5.5em); font-weight:500; }

/* 신청폼 */
[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.border_top_none						{ border-top:none; }
[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%; flex:auto; }
[data-subarea="system_app"] .app_input_list>li.w33								{ width:33.333%;flex:auto; }
[data-subarea="system_app"] .app_input_list>li>.tit								{ width:10.5em; font-weight:500; 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:10em; 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 .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>li>.flex>.radio_list				{ width:inherit; }
[data-subarea="system_app"] .app_input_list>li>.flex .select_time				{ flex:auto; display:flex; align-items:center;  justify-content:center; min-width:calc((100% - 5px) / 2); padding:6px 15px 3px 15px; background:var(--color-gray);
    border-radius:5px; }
[data-subarea="system_app"] .app_input_list>li input[type="number"]				{ padding:8px 10px; min-height:40px; border-radius:3px; }

/* 파일첨부 */
[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(/resource/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/common/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/common/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:#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: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,
.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; }

/* 인적사항 정보확인 */
[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>li>.flex:has(.file_list.w50)				{ gap:10px 1em; }
[data-subarea="system_app"] .app_input_list .file_list.w50								{ width:calc((100% - 1em) / 2); }
[data-subarea="system_app"] .num_list>li button											{ display:flex; position:relative; width:40px; height:40px; border-radius:3px; border:1px solid rgba(0,0,0,.15); }
[data-subarea="system_app"] .num_list>li input[type="text"]								{ text-align:center  }
[data-subarea="system_app"] .num_list>li button::before,
[data-subarea="system_app"] .num_list>li button::after									{ position:absolute; left:50%; top:50%; content:''; background:#333; transform:translate(-50%,-50%); }
[data-subarea="system_app"] .num_list>li button::before									{ width:15px; height:1px; }
[data-subarea="system_app"] .num_list>li button::after									{ width:1px; height:15px; }
[data-subarea="system_app"] .num_list>li .btn_minus::after								{ display:none; }
[data-subarea="system_app"] .app_input_list>li:has(.app_input_list.children_list) > .app_input_list{background: rgba(0,0,0,.05);border-radius: 10px;padding:.75em;}
[data-subarea="system_app"] .app_input_list>li:has(.app_input_list.children_list) > .app_input_list > li{padding:0;}
[data-subarea="system_app"] .app_input_list>li:has(.app_input_list.children_list) > .app_input_list > li + li{margin-top:10px}
[data-subarea="system_app"] .app_input_list>li:has(.app_input_list.children_list) > .app_input_list .children_list li+li{margin-top:0;}
[data-subarea="system_app"] .app_input_list .children_list								{border-top:none;background: #fff !important;border-radius:10px;}
[data-subarea="system_app"] .app_input_list .children_list>li{border-bottom:none;}
/*[data-subarea="system_app"] .app_input_list:has(.children_list)>li						{ border-bottom:none; }*/
[data-subarea="system_app"] .app_input_list:has(.agree_check)>li						{ padding-left:0; padding-right:0; }
[data-subarea="system_app"] .app_input_list>li> ul li:has(.children_list)				{border-bottom:none;padding:.75em;border-radius:15px;}
/*
[data-subarea="system_app"] .children_list												{ border-top:none; background:#fff; border-radius:10px;  }
[data-subarea="system_app"] .children_list>li,
[data-subarea="system_app"] .app_input_list:has(.children_list)>li						{ border-bottom:none; }*/
[data-subarea="system_app"] .app_input_list:has(.agree_check)>li						{ padding-left:0; padding-right:0; }
/*[data-subarea="system_app"] .app_input_list>li:has(.children_list)						{ border-bottom:none; padding:.75em; background:rgba(0,0,0,.05); border-radius:15px; }*/
[data-subarea="system_app"] .app_input_list:not(:has(.agree_check))>li					{ padding:.75em; }
[data-subarea="system_app"] .app_input_list .agree_check								{ display:flex; align-items:center; width:100%; padding:1.5em 1.25em; background:#ebf2f8; border-radius:15px; }
[data-subarea="system_app"] .app_input_list:has(.children_list) .check_label::before	{ background-color:#fff; top:-3px;}
[data-subarea="system_app"] .app_input_list:has(.children_list) .check_label			{ color:var(--color-base); padding-left:35px; line-height:1.3}
[data-subarea="system_app"] .info_txt 													{ display:none; padding:.75em; background:#ebf2f8; border-radius:10px; margin-top:.5em }
[data-subarea="system_app"] .app_input_list .refresh_btn 								{ position:relative; display:flex; align-items:center; gap:7px; padding:10px 17px; border-radius:25px; font-size:.85rem; font-weight:300; background:var(--color-base);
    color:var(--color-white); z-index:1; }
[data-subarea="system_app"] .app_input_list .refresh_btn .icon_refresh 					{ position:relative; width:14px; height:14px; display:inline-block; }
[data-subarea="system_app"] .icon_refresh::before 										{ position:absolute; width:100%; height:100%; left:0; top:0; content:'';
    background:url(/resource/common/images/system/icon_reset.svg) no-repeat 50% 50% / contain; }
[data-subarea="system_app"] .choice_wrap .guide											{ margin-top:.5em;  }
[data-subarea="system_app"] .choice_wrap .guide strong									{ display:flex; font-size:1.067rem; color:#c10606; }
[data-subarea="system_app"] .choice_wrap .guide .txt									{ position:relative; padding-left:20px; font-size:.9rem; }
[data-subarea="system_app"] .choice_wrap .guide .txt::before 							{ position:absolute; left:0; top:2px; width:16px; height:16px; background: url(/resource/common/images/system/icon_info_txt.svg) no-repeat 50% 50% / cover;
    content: ''; filter: invert(11%) sepia(99%) saturate(5142%) hue-rotate(13deg) brightness(87%) contrast(115%);}
[data-subarea="system_app"] .choice_wrap .guide .txt .icon								{ position:relative; display:inline-block; width:21px; height:21px; margin:0 5px; vertical-align:middle }
[data-subarea="system_app"] .choice_wrap .guide .txt .icon::before						{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background-position:50%; background-repeat:no-repeat; }
[data-subarea="system_app"] .choice_wrap .guide .txt .icon1::before						{ background-image:url(/resource/common/images/system/icon_o.svg); }
[data-subarea="system_app"] .choice_wrap .guide .txt .icon2::before						{ background-image:url(/resource/common/images/system/icon_x.svg); }

/* 달력 */
.calendar_wrap																		{ position:relative; display:flex; flex-wrap:wrap; align-items:stretch; background:#ebf2f8; 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:400 }
.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;
    text-align:center; font-size:1em; color:#6e7379; cursor:pointer; border-radius:10px; }
.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 .choice_wrap															{ width:calc(45% - .5em); background:#fff; padding:0 1.5em 1.5em; border-radius:15px;  }
.calendar_wrap .choice_wrap .date_selec												{ display:flex; align-items:center; justify-content:center; height:var(--sizeHig); }
.calendar_wrap .choice_wrap .date_selec	span										{ display:block; font-size:1.56em; font-weight:500; color:var(--color-point); line-height:1; margin-top:.2rem }
.calendar_wrap .choice_wrap .time_selec.con_scroll									{ position:relative; display:flex; flex-flow:column; gap:5px; overflow-x:hidden; overflow-y:auto; max-height:280px; padding-right:0.25em; }
.calendar_wrap .choice_wrap .time_selec.con_scroll::-webkit-scrollbar 				{ -webkit-appearance: none; width:5px;}
.calendar_wrap .choice_wrap .time_selec.con_scroll::-webkit-scrollbar:vertical 		{ width:5px; }
.calendar_wrap .choice_wrap .time_selec.con_scroll::-webkit-scrollbar:horizontal 	{ height:12px; }
.calendar_wrap .choice_wrap .time_selec.con_scroll::-webkit-scrollbar-thumb 		{ background-color:#7e7e7e; border-radius:10px; border:1px solid #7e7e7e; }
.calendar_wrap .choice_wrap .time_selec.con_scroll::-webkit-scrollbar-track 		{ border-radius:10px; background-color:#d2d2d2 ; }
.calendar_wrap .choice_wrap .time_selec .time_list_tit								{ position:sticky; left:0; top:0; display:flex; flex-wrap:wrap; background:#ebf2f8; font-size:1.067em; font-weight:500; z-index:1; border-radius:10px; }
.calendar_wrap .choice_wrap .time_selec .time_list									{ display:flex; flex-wrap:wrap; position:relative; border:1px solid #d6d6d6; background:#fff; font-weight:300; border-radius:10px;}
.calendar_wrap .choice_wrap .time_selec .time_list.sold::before						{ position:absolute; width:100%; height:100%; z-index:2; background:rgba(0,0,0,.06); content:''; left:0; top:0; }
.calendar_wrap .choice_wrap .time_selec .time_list_tit>li,
.calendar_wrap .choice_wrap .time_selec .time_list>li								{ display:flex; height:50px; align-items:center; justify-content:center;}
.calendar_wrap .choice_wrap .time_selec .time_list>li								{ padding-top:4px; }
.calendar_wrap .choice_wrap .time_selec .time_list>li .radio_label					{ font-size:0; padding-left:26px; }
.calendar_wrap .choice_wrap .time_selec .time_list_tit>li:nth-child(1),
.calendar_wrap .choice_wrap .time_selec .time_list>li:nth-child(1)					{ width:20%; }
.calendar_wrap .choice_wrap .time_selec .time_list_tit>li:nth-child(2),
.calendar_wrap .choice_wrap .time_selec .time_list>li:nth-child(2)					{ width:35%; }
.calendar_wrap .choice_wrap .time_selec .time_list_tit>li:nth-child(3),
.calendar_wrap .choice_wrap .time_selec .time_list>li:nth-child(3)					{ width:25%; }
.calendar_wrap .choice_wrap .time_selec .time_list_tit>li:nth-child(4),
.calendar_wrap .choice_wrap .time_selec .time_list>li:nth-child(4)					{ width:20%; }
.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:#d5d5d5; }


ul.exmark_list																		{ margin-top:1em;  }
ul.exmark_list>li																	{ position:relative; font-size:.95rem; font-weight:300; 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:14px; height:14px; background:url(/resource/common/images/system/icon_info_txt.svg) no-repeat 50% 50% / cover;
    content:''; margin-right:4px; margin-top:-3px;  }


/* 시설대관 탭 회차선택 */
.choice_wrap .facility_name															{ display:flex; width:100%; flex-wrap:wrap; align-items:flex-start; gap:5px; --sizeTabHig:36px; }
.choice_wrap .facility_name>li .fac_btn												{ display:inline-flex; align-items:center; height:var(--sizeTabHig); border:1px solid rgba(0,0,0,.2); border-radius:20px; font-size:.9em; font-weight:300; padding:0 10px;
    letter-spacing:-.04em}
.choice_wrap .facility_name>li .fac_btn.active										{ border-color:var(--color-point); background:var(--color-point); color:#fff; }
.choice_wrap .facility_name>li .facility_wrap 										{ display:none; }
.calendar_wrap .choice_wrap .time_selec.con_scroll.fac								{ max-height:340px; }

@media all and (max-width:1468px){
    [data-subarea="system_app"] .app_top .img									{ padding-top:16.837%; }

    /* 달력 */
    .calendar_wrap																{ --sizeHig:95px; padding:10px; gap:1em 10px }
    .calendar_wrap .calendar_box												{ width:calc(52% - 5px); }
    .calendar_wrap .choice_wrap													{ width:calc(48% - 5px); }
    .calendar_wrap .calendar_box,
    .calendar_wrap .choice_wrap													{ padding:0 1em 1em; }
    .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; }
    .calendar_wrap .choice_wrap .time_selec .time_list_tit>li,
    .calendar_wrap .choice_wrap .time_selec .time_list>li						{ height:48px; }
    .calendar_wrap .choice_wrap .time_selec.con_scroll,
    .calendar_wrap .choice_wrap .time_selec.con_scroll.fac						{ max-height:270px; }
    .choice_wrap .facility_name													{ gap:5px 3px; }
    .choice_wrap .facility_name>li .fac_btn										{ font-size:.85rem; padding:0 8px; letter-spacing:-.06em; }
}
@media all and (max-width:1368px){
    [data-subarea="system_app"] .app_top .img									{ padding-top:20.837%; }
    [data-subarea="system_app"] .app_top .txt_area .tit_area					{ font-size:1.5em; }
    [data-subarea="system_app"] .app_top .info_list								{ gap:.75em 1em; }
    [data-subarea="system_app"] .app_top .info_list>li>dl						{ font-size:.98rem; }
    [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; }

    /* 달력 */
    .calendar_wrap																{ --sizeHig:80px;  }
    .calendar_wrap .calendar_box												{ width:calc(48% - 5px); }
    .calendar_wrap .choice_wrap													{ width:calc(52% - 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 .time_selec .time_list_tit>li,
    .calendar_wrap .choice_wrap .time_selec .time_list>li						{ height:46px; }
    .calendar_wrap .choice_wrap .time_selec.con_scroll,
    .calendar_wrap .choice_wrap .time_selec.con_scroll.fac						{ max-height:260px; }
    .calendar_wrap .choice_wrap .date_selec span								{ font-size:1.46em; }
    .calendar_wrap .choice_wrap .time_selec .time_list_tit						{ font-size:1.03em; }
    .calendar_wrap .choice_wrap .time_selec .time_list							{ font-size:.95em; }
}
@media all and (max-width:1268px){
    [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); }

    /* 달력 */
    .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:58px; }
    .calendar_wrap .choice_wrap .time_selec .time_list_tit>li,
    .calendar_wrap .choice_wrap .time_selec .time_list>li						{ height:44px; }
    .calendar_wrap .choice_wrap .time_selec.con_scroll,
    .calendar_wrap .choice_wrap .time_selec.con_scroll.fac						{ max-height:250px; }
    .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; }
}
@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; }

    /* 달력 */
    .calendar_wrap .calendar_box .year strong									{ font-size:1.6em; }
    .calendar_wrap .calendar_list ul.weekdays li								{ padding:12px 8px; }
    .calendar_wrap .choice_wrap .time_selec .time_list_tit>li,
    .calendar_wrap .choice_wrap .time_selec .time_list>li						{ height:42px; }
    .calendar_wrap .choice_wrap .time_selec.con_scroll,
    .calendar_wrap .choice_wrap .time_selec.con_scroll.fac						{ max-height:240px; }

}
@media all and (max-width:1068px){
    [data-subarea="system_app"] .app_top .img									{ padding-top:24.837%; }
    [data-subarea="system_app"] .app_top .info_list								{ gap:.5em 1em; }
    [data-subarea="system_app"] .app_top .info_list>li>dl						{ font-size:.95rem; }
    [data-subarea="system_app"] .app_top .info_list>li							{ min-width:100%; }
    [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; }
    .calendar_wrap .choice_wrap .time_selec.mt20								{ margin-top:15px !important; }
}
@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_box,
    .calendar_wrap .choice_wrap													{ width:100%; }
    .calendar_wrap .calendar_list												{ height:inherit; }
    .calendar_wrap .calendar_box .year strong									{ font-size:1.9em; }
    .calendar_wrap .choice_wrap .date_selec span								{ font-size:1.76em; margin-top:0; }
    .choice_wrap .facility_name>li .fac_btn										{ font-size:.9rem; padding:0 12px; letter-spacing:-.03em}
    .calendar_wrap .choice_wrap .time_selec.con_scroll							{ max-height:240px; }
    .calendar_wrap .choice_wrap .time_selec.con_scroll.fac						{ max-height:290px; }
    .calendar_wrap .choice_wrap .time_selec .time_list							{ font-size:1.03em; }

}
@media all and (max-width:968px){
    [data-subarea="system_app"] .app_top										{ border-radius:15px; padding:1em; }
    [data-subarea="system_app"] .app_top .img									{ width:250px; padding-top:28.837%; }
    [data-subarea="system_app"] .app_top .txt_area								{ max-width:calc(100% - 250px - 2em); }
    .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; }
    /*[data-subarea="system_app"] .app_input_list>li:has(.children_list)			{ border-radius:10px; }*/
  	[data-subarea="system_app"] .app_input_list>li:has(.app_input_list.children_list) > .app_input_list,
    [data-subarea="system_app"] .children_list									{ border-radius:8px; }
}
@media all and (max-width:868px){
    [data-subarea="system_app"] .app_top .img									{ padding-top:32.837%; }
    [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; }

    [data-subarea="system_app"] .app_input_list .file_list.w50					{ width:100%; }
    [data-subarea="system_app"] .children_list									{ padding:.75em 1em; }
    [data-subarea="system_app"] .children_list>li								{ padding:0 !important; }
    [data-subarea="system_app"] .children_list>li+li							{ margin-top:10px; }
  	[data-subarea="system_app"] .app_input_list .children_list					{gap:10px;}
}
@media all and (max-width:768px){
    /* 달력 */
    .choice_wrap .facility_name															{ flex-flow:column; --sizeTabHig:50px;}
    .choice_wrap .facility_name>li														{ width:100%; }
    .choice_wrap .facility_name>li .fac_btn												{ position:relative; width:100%; border-radius:5px; padding:0 15px; transition:var(--trans-ani); font-size:1.167em }

    .choice_wrap .facility_name>li .fac_btn	span										{ word-break: break-all; text-align:left; padding-right:20px;}
    .choice_wrap .facility_name>li .fac_btn::before										{ position:absolute; width:7px; height:7px; border-style:solid; border-width:0 2px 2px 0; border-color:rgba(0,0,0,.54); right:15px; top:50%;
        transform:translateY(-60%) rotate(45deg); content:''; }
    .choice_wrap .facility_name>li .fac_btn.active										{ border-radius:5px 5px 0 0; }
    .choice_wrap .facility_name>li .fac_btn.active::before								{ transform:translateY(-40%) rotate(225deg); border-color:#fff; }
    .choice_wrap .facility_name>li .facility_wrap										{ padding:1em; border-radius:0 0 5px 5px; border:1px solid rgba(0,0,0,.2); border-top:none }
    .choice_wrap .facility_name>li .facility_wrap.active								{ border-color:var(--color-point); }
    .calendar_wrap .choice_wrap .date_selec												{ height:inherit; margin-top:30px; margin-bottom:20px;}
    .calendar_wrap .calendar_box .year													{ height:inherit; margin-top:20px; margin-bottom:15px; }
    .choice_wrap .facility_wrap .facility_scroll										{ position:relative; display:flex; flex-flow:column; gap:5px; overflow-x:hidden; overflow-y:auto; max-height:310px; padding-right:0.25em; }
    .choice_wrap .facility_wrap .facility_scroll::-webkit-scrollbar 					{ -webkit-appearance: none; width:5px;}
    .choice_wrap .facility_wrap .facility_scroll::-webkit-scrollbar:vertical 			{ width:5px; }
    .choice_wrap .facility_wrap .facility_scroll::-webkit-scrollbar:horizontal 			{ height:12px; }
    .choice_wrap .facility_wrap .facility_scroll::-webkit-scrollbar-thumb 				{ background-color:#7e7e7e; border-radius:10px; border:1px solid #7e7e7e; }
    .choice_wrap .facility_wrap .facility_scroll::-webkit-scrollbar-track 				{ border-radius:10px; background-color:#d2d2d2 ; }
    .choice_wrap .facility_wrap .facility_scroll .time_list_tit							{ position:sticky; left:0; top:0; display:flex; flex-wrap:wrap; background:#ebf2f8; font-size:1.067em; font-weight:500; z-index:1; border-radius:10px; }
    .choice_wrap .facility_wrap .facility_scroll .time_list								{ display:flex; flex-wrap:wrap; position:relative; border:1px solid #d6d6d6; background:#fff; font-weight:300; border-radius:10px; font-size:1.03em}
    .choice_wrap .facility_wrap .facility_scroll .time_list.sold::before				{ position:absolute; width:100%; height:100%; z-index:2; background:rgba(0,0,0,.06); content:''; left:0; top:0; }
    .choice_wrap .facility_wrap .facility_scroll .time_list_tit>li,
    .choice_wrap .facility_wrap .facility_scroll .time_list>li							{ display:flex; height:45px; align-items:center; justify-content:center;}
    .choice_wrap .facility_wrap .facility_scroll .time_list>li							{ padding-top:4px; }
    .choice_wrap .facility_wrap .facility_scroll .time_list>li .radio_label				{ font-size:0; padding-left:26px; }
    .choice_wrap .facility_wrap .facility_scroll .time_list_tit>li:nth-child(1),
    .choice_wrap .facility_wrap .facility_scroll .time_list>li:nth-child(1)				{ width:20%; }
    .choice_wrap .facility_wrap .facility_scroll .time_list_tit>li:nth-child(2),
    .choice_wrap .facility_wrap .facility_scroll .time_list>li:nth-child(2)				{ width:35%; }
    .choice_wrap .facility_wrap .facility_scroll .time_list_tit>li:nth-child(3),
    .choice_wrap .facility_wrap .facility_scroll .time_list>li:nth-child(3)				{ width:25%; }
    .choice_wrap .facility_wrap .facility_scroll .time_list_tit>li:nth-child(4),
    .choice_wrap .facility_wrap .facility_scroll .time_list>li:nth-child(4)				{ width:20%; }
    .calendar_wrap .choice_wrap .time_selec.con_scroll.fac								{ display:none; }
}
@media all and (max-width:668px){
    [data-subarea="system_app"] .app_top .img									{ width:100%; padding-top:56.837%;  }
    [data-subarea="system_app"] .app_top .txt_area								{ max-width:inherit; width:100%; }
    [data-subarea="system_app"] .app_top .txt_area .tit_area					{ font-size:1.4em; }
    [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:50px; }
    .calendar_wrap .calendar_list ul.weekdays,
    .calendar_wrap .calendar_list .days,
    .calendar_wrap .calendar_list .date,
    .calendar_wrap .calendar_list .days>li::before,
    .choice_wrap .facility_wrap .facility_scroll .time_list,
    .choice_wrap .facility_wrap .facility_scroll .time_list_tit,
    .calendar_wrap .choice_wrap .time_selec .time_list,
    .calendar_wrap .choice_wrap .time_selec .time_list_tit						{ border-radius:5px; }
    .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 .choice_wrap .date_selec span								{ font-size:1.56em; }

}
@media all and (max-width:568px){
    [data-subarea="system_app"] .app_input_list									{ font-size:.9rem; }
    [data-subarea="system_app"] .app_input_list>li								{ padding:.75em 0; gap:5px 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; }
    [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 .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: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_box,
    .calendar_wrap .choice_wrap													{ padding:0 6px 6px 6px; }
    .calendar_wrap .calendar_list .days>li										{ min-height:48px; }
    .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 .choice_wrap .date_selec span								{ font-size:1.46em; }
    .choice_wrap .facility_name>li .fac_btn										{ height:inherit; padding:12px 15px; }
    .choice_wrap .facility_name>li .facility_wrap								{ padding:10px }
    .choice_wrap .facility_wrap .facility_scroll								{ max-height:255px; }
    .choice_wrap .facility_wrap .facility_scroll .time_list_tit					{ font-size:1em; }
    .choice_wrap .facility_wrap .facility_scroll .time_list_tit>li				{ height:42px; }
    .choice_wrap .facility_wrap .facility_scroll .time_list>li					{ height:inherit; padding:17px 5px 15px 5px; word-break:break-all; text-align:center; line-height:1.3 }
}
@media all and (max-width:468px){
    [data-subarea="system_app"] .app_top										{ border-radius:10px; padding:.75em; }
    .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; }
    [data-subarea="system_app"] .app_top .info_list>li>dl						{ font-size:.9rem; }
    [data-subarea="system_app"] .app_top .info_list>li>dl>dt					{ width:5em; }
    [data-subarea="system_app"] .app_top .info_list>li>dl>dd					{ max-width:calc(100% - 5em);}
    .agree_box .agree_check .check_label,
    [data-subarea="system_app"] .all_agree .check_label							{ line-height:1.2; padding-top:3px; }
    /*[data-subarea="system_app"] .app_input_list>li:has(.children_list)			{ border-radius:8px; }*/
  	[data-subarea="system_app"] .app_input_list>li:has(.app_input_list.children_list) > .app_input_list,
    [data-subarea="system_app"] .children_list									{ border-radius:5px; }
  	[data-subarea="system_app"] .app_input_list>li:has(.app_input_list.children_list) > .app_input_list{padding:.625em;}

    /* 달력 */
    .choice_wrap .facility_wrap .facility_scroll .time_list>li					{ padding:14px 5px 10px 5px;  }
    .choice_wrap .facility_wrap .facility_scroll								{ max-height:245px; }
}
@media all and (max-width:368px){
    .calendar_wrap .calendar_box .year button									{ width:32px; height:32px; }
    .choice_wrap .facility_name>li .fac_btn										{ font-size:1.067em; }
    .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 .days>li										{ min-height:44px; line-height:1 }
    .calendar_wrap .choice_wrap .time_selec .time_list							{ font-size:1em; }
    .calendar_wrap .calendar_list .date,
    .calendar_wrap .calendar_list .days>li::before								{ width:calc(100% - 3px); left:2px; }
    .choice_wrap .facility_wrap .facility_scroll .time_list						{ font-size:.98em; }
    .choice_wrap .facility_name>li .facility_wrap								{ padding:10px 5px; }
    .choice_wrap .facility_wrap .facility_scroll .time_list>li					{ padding:13px 5px 10px 5px; }
}

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

 						마이페이지

*********************************************************/
[data-subarea="mypage"]	.detail_search_wrap .detail_menu_box .detail_wrap		{ height:100px; }
[data-subarea="mypage"] .detail_search_wrap .detail_menu_box .date_input		{ padding:20px; }
[data-subarea="mypage"] .detail_search_wrap .detail_search_input				{ justify-content:end; }

[data-subarea="mypage"] .mypage_top												{ display:flex; flex-wrap:wrap;  align-items:stretch; background:#ebf2f8; border-radius:25px; padding:1.5em; gap:10px 1em }
[data-subarea="mypage"] .mypage_top .member										{ width:300px; background:url(/resource/common/images/system/bg_mypage.svg) no-repeat left bottom / auto 60%; }
[data-subarea="mypage"] .mypage_top .member	p									{ font-size:1.56em; font-weight:300; }
[data-subarea="mypage"] .mypage_top .member	p>.name								{ font-weight:bold; color:var(--color-point); font-size:1.167em; }

[data-subarea="mypage"] .mypage_top .link_box									{ position:relative; width:calc((100% - 300px - 5em) / 5); padding:1.5em; border-radius:15px; background-color:#fff; transition:var(--trans-ani);
    background-position:calc(100% - 1.5em) calc(100% - 1.5em); background-size:auto 30px; background-repeat:no-repeat }
[data-subarea="mypage"] .mypage_top .link_box dt,
[data-subarea="mypage"] .mypage_top .link_box dd								{ display:block; }
[data-subarea="mypage"] .mypage_top .link_box dt								{ font-size:1.067em; font-weight:300; }
[data-subarea="mypage"] .mypage_top .link_box dd 								{ margin-top:1.5em; line-height:1 }
[data-subarea="mypage"] .mypage_top .link_box dd strong							{ font-size:2.5em; font-weight:500; margin-right:10px; color:var(--color-point) }
[data-subarea="mypage"] .mypage_top .link_box dd span							{ font-size:1em; font-weight:300; }
[data-subarea="mypage"] .mypage_top .link_box svg								{ width:40px; height:40px; position:absolute; right:1.5em; bottom:2em; }
[data-subarea="mypage"] .mypage_top .link_box svg,
[data-subarea="mypage"] .mypage_top .link_box svg *								{ outline:none;}
[data-subarea="mypage"] .mypage_top .link_box .svg_line							{ fill:none; stroke:#999; stroke-linecap:round; stroke-linejoin:round; stroke-width:4px;}
[data-subarea="mypage"] .mypage_top .link_box:hover								{ background:var(--color-point); color:#fff }
[data-subarea="mypage"] .mypage_top .link_box:hover dd strong					{ color:#fff }
[data-subarea="mypage"] .mypage_top .link_box:hover .svg_line					{ stroke:#fff;}
[data-subarea="mypage"] .mypage_top .link_box.active .svg_line					{ stroke-dasharray:800; stroke-dashoffset:800; transition:0.3s linear 0s; transition-property:stroke, stroke-dashoffset; transition-duration:0.3s, 0s;}
[data-subarea="mypage"] .mypage_top .link_box.active.ani-show .svg_line			{ stroke-dashoffset:0; transition-duration:0.3s, 1.5s; transition-delay:0s, 0s;}

/* 예약 목록 */
[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; }
[data-subarea="mypage"] .mypage_list>li>dl>dd									{ display:flex; flex-flow:column; gap:3px; }
[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; }


/* 탭메뉴 */
[data-subarea="mypage"] .sub_tit												{ position:relative; }
[data-subarea="mypage"] .sub_tit .more											{ top:-2px; position:absolute; right:0;  }
[data-subarea="mypage"] .more													{ display:flex; align-items:center; justify-content:center; position:relative; width:36px; height:36px; border:1px solid #b3b3b3; border-radius:100%;
    transition:var(--trans-ani); overflow:hidden }
[data-subarea="mypage"] .more::after											{ position:absolute; width:12px; height:2px; left:50%; top:50%; background:#b3b3b3; content:''; transform:translate(-50%,-50%); }
[data-subarea="mypage"] .more::before											{ position:absolute; width:2px; height:12px; left:50%; top:50%; background:#b3b3b3; content:''; transform:translate(-50%,-50%); }
[data-subarea="mypage"] .more:hover												{ transform:rotate(180deg); border-color:var(--color-point); }
[data-subarea="mypage"] .more:hover::after,
[data-subarea="mypage"] .more:hover::before										{ background:var(--color-point); }
[data-subarea="mypage"] .mypage_tab .list										{ position:relative; display:flex; flex-wrap:wrap; gap:5px 3px;}
[data-subarea="mypage"] .mypage_tab .list>li									{ position:relative; display:flex; align-items:center; justify-content:center; gap:5px 10px; border:1px solid rgba(0,0,0,.2); border-radius:30px;
    padding:3px 3px 3px 15px; transition:var(--trans-ani);}
[data-subarea="mypage"] .mypage_tab .list>li button								{ display:flex; font-size:.95em; font-weight:300; letter-spacing:-.06em; line-height:1;   }
[data-subarea="mypage"] .mypage_tab .list>li button>span						{ padding-top:2px; letter-spacing:-.05em }
[data-subarea="mypage"] .mypage_tab .list>li.active								{ border-color:var(--color-point); background:var(--color-point); color:#fff; }
[data-subarea="mypage"] .mypage_tab .list>li.active .more						{ border-color:#fff; background:#fff; }

[data-subarea="mypage"] .conts_tab												{ margin-top:1em; }
[data-subarea="mypage"] .btn_tab_mob											{ display:none; }

/* 예약전체 */
[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												{ 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												{ 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 }
    [data-subarea="mypage"] .detail_search_wrap .detail_search_input>li:has(button)	{ max-width:inherit; }
}
@media all and (max-width:1168px){
    [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; color:rgba(0,0,0,.94) }
    [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; }
    [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_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:#fff; transition:var(--trans-ani); }
    [data-subarea="mypage"] .btn_tab_mob .more									{ border-color:#fff; }
    [data-subarea="mypage"] .btn_tab_mob .more::before,
    [data-subarea="mypage"] .btn_tab_mob .more::after							{ background:#fff; }
    [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; }
    [data-subarea="mypage"] .detail_search_wrap .detail_menu_box .date_input	{ padding:17px 15px; }
}
@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												{ font-size:.85rem; }
    [data-subarea="mypage"] .detail_search_wrap									{ padding-top:0; }
    [data-subarea="mypage"] .detail_search_wrap .refresh_btn					{ top:-37px; }
}
@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="mypage"] .detail_search_wrap .detail_menu_box .detail_wrap	{ height:130px; }
    [data-subarea="mypage"] .detail_search_wrap .detail_menu_box .date_input	{ max-height:120px; padding:15px; max-width:inherit }
}
@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 spans						{ 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												{ 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:.92rem; }
    [data-subarea="mypage"] .mypage_list>li>dl									{ gap:3px 10px; }
    [data-subarea="mypage"] .detail_search_wrap .refresh_btn					{ position:initial; margin-bottom:10px; }
}


/* 기존 system */

:root{
    --color-light-blue: #e4f1fd;
}
/********************************************************

                        검색

*********************************************************/
.mypage_search_wrap                                                    { display: flex; align-items: center; gap: 20px; padding: 15px 20px; background: #f9f9f9; border: 1px solid var(--color-line); border-radius: 6px;  justify-content:space-between}
.mypage_search_wrap .search_box                                        { display: flex; align-items: center; gap: 20px; flex-wrap: nowrap; width:100%}
.mypage_search_wrap .field_row                                         { display: flex; align-items: center; gap: 10px; width: auto; margin: 0;}
.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: nowrap; }
.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; argin-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); 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; border-radius:8px; font-weight:300; background:var(--color-point); min-width:130px; color:var(--color-white); justify-content:center}
.mypage_search_wrap .detail_search_btn .icon_search													{ position:relative; width:17px; height:17px; display:inline-block; }
.mypage_search_wrap .detail_search_btn .icon_search::before											{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/common/images/bbs/icon_search.svg) no-repeat 50% 50% / contain; filter:invert(1); }

.conts_tab										{ display:none; }
.conts_tab.active								{ display:block; }

@media all and (max-width:1268px){
    .mypage_search_wrap                             { flex-wrap:wrap;}
    .mypage_search_wrap .detail_search_btn          { min-width:auto; max-width:auto; width:100% }
    .mypage_search_wrap .search_box                 { flex-direction:column; gap: 10px; }
}

@media all and (max-width:1024px){
    .mypage_search_wrap .search_box                 { align-items:center }
    .mypage_search_wrap .field_row                  { flex-wrap:wrap; width:100% }
	.mypage_search_wrap .date_input,
	.mypage_search_wrap .select_basic					{ flex:auto; }
}
@media all and (max-width:468px){
    .mypage_search_wrap .field_row,
    .mypage_search_wrap .search_box                 { align-items:flex-start; width:100%;}
    .mypage_search_wrap .period_list                { flex-wrap:wrap; }
    .mypage_search_wrap .period_list li             { min-width:calc((100% - 10px) / 2); flex:auto }
    .mypage_search_wrap .date_input                 { flex-direction:column; width:100%}
    .mypage_search_wrap .date_input>li,
    .mypage_search_wrap .select_basic                { width:100%; }

}
@media all and (max-width:368px){
    .mypage_search_wrap                             {  }
}

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

 						공통

*********************************************************/
/* Check box */
.check_input									{ position:absolute; width:1px; height:1px; opacity:0; }
.check_label									{ position:relative; padding-left:30px; color:#848484; cursor:pointer; line-height:25px; font-weight:400; }
.check_label::before							{ content:""; position:absolute; top:0; left:0; width:25px; height:25px; overflow:hidden; background-color:#efefef; border-radius:50%; }
.check_input:checked + .check_label::before		{ background:#efefef no-repeat 70% 50%; background-image:url(/resource/common/images/bbs/bg_check.png);  }
.check_input:focus + .check_label::before		{ box-shadow:0 0 0 1px #222; outline-offset:2px; outline:2px dotted #222 }

/* Input radio */
.radio_input													{ position:absolute; width:1px !important; height:1px !important; opacity:0; }
.radio_label													{ position:relative; padding-left:30px; color:#848484; cursor:pointer; }
.radio_label::before											{ content:""; position:absolute; top:50%; left:0; width:25px; height:25px; transform:translateY(-50%); -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); overflow:hidden; background:#fff; border:1px solid #848484; border-radius:50%; }
.radio_input:checked + .radio_label::before						{ border:.4em solid #262626; }
.radio_input:focus + .radio_label::before						{ outline-offset:2px; outline:2px dotted #222}



/* 하단 버튼 */
[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:var(--color-white); border-radius:10px; height:50px; justify-content:center; }
[data-subarea] .btn_area .button.white					{ border:1px solid var(--color-point); background:var(--color-white); 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:5px solid var(--color-point); }


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

/* 아이콘 */
[data-subarea] .icon_passbook						    { display:inline-block; width:35px; height:35px; background:url(/resource/common/images/bbs/icon_passbook.svg) no-repeat 50% 50% / auto; vertical-align:middle; margin-top:-2px; margin-right:5px;}
[data-subarea] .icon_voucher							{ display:inline-block; width:35px; height:35px; background:url(/resource/common/images/bbs/icon_voucher.svg) no-repeat 50% 50% / auto; vertical-align:middle; margin-top:-2px; margin-right:5px;}


@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								{ font-size:1.4rem; }
}
@media all and (max-width:968px){
    [data-subarea] .btn_area .button					{ border-radius:8px; height:45px; padding:0 15px; }
    [data-subarea] .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						{ margin-top:2em; }
    [data-subarea] .info_txt							{ font-size:.9rem; }
}
@media all and (max-width:568px){
    [data-subarea] .sub_tit								{ font-size:1.2rem; }
    [data-subarea] .sub_tit:nth-of-type(n+2),
    [data-subarea] .sub_tit.mt3em						{ margin-top:1.5em; }
    [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:1rem; 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; color:var(--color-red);}
[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:var(--color-red); }
[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:var(--color-white); border-radius:3px; height:40px; padding:0 20px; font-size:.85rem; }
[data-subarea="system_app"] .app_input_list>li input.amount						{ color:var(--color-red);; font-weight:bold; }

.app_input_list>li textarea { width:100%; }

/* 약관 동의 */
.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:var(--color-white); }
.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:var(--color-white); 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:#f3f6ff; border-radius:20px; }
.agree_box .con_scroll															{ display:none; padding:0 1.25em 1.25em; border-radius:10px; background:#f3f6ff; border-radius:0 0 20px 20px;}
.agree_box .con_scroll .agree_scroll_box										{ max-height:20em; overflow-y:auto; overflow-x:hidden; background:var(--color-white); 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; }


/* 인원 */
[data-subarea="system_app"] .num_list>li button											{ display:flex; position:relative; width:40px; height:40px; border-radius:3px; border:1px solid rgba(0,0,0,.15); }
[data-subarea="system_app"] .num_list>li input[type="text"]								{ width:35px; border:none; text-align:right; padding:0; line-height:38px;  }
[data-subarea="system_app"] .num_list>li:has(.num_app)									{ display:flex; align-items:center; gap:5px; border:1px solid rgba(0,0,0,.15); border-radius:3px; padding:0 30px 0 0}
[data-subarea="system_app"] .num_list>li button::before,
[data-subarea="system_app"] .num_list>li button::after									{ position:absolute; left:50%; top:50%; content:''; background:#333; transform:translate(-50%,-50%); }
[data-subarea="system_app"] .num_list>li button::before									{ width:15px; height:1px; }
[data-subarea="system_app"] .num_list>li button::after									{ width:1px; height:15px; }
[data-subarea="system_app"] .num_list>li .btn_minus::after								{ display:none; }
[data-subarea="system_app"] .info_txt 													{ display:none; padding:.75em; background:#f3f6fb; border-radius:10px; margin-top:.5em }
[data-subarea="system_app"] .info_txt_block 											{ display:block; padding:.75em; background:#f3f6fb; border-radius:10px; margin-top:.5em }




/* 사용인원 */
.personnel_wrap  				{ display:flex; gap:5px; flex-direction:column; }
.personnel_wrap .personnel_total { display:flex; align-items:center; }
.personnel_wrap .stit  			{ font-weight:bold;  min-width:100px; display: inline-block;}
.personnel_wrap .total  		{ display:flex; align-items:center; gap:5px; border:1px solid rgba(0,0,0,.15); border-radius:3px; padding:0 30px 0 0;}
.personnel_wrap .total .num_app  { width:35px; border:none; text-align:right; padding:0; line-height:38px;}
.personnel   					{ display:flex;  gap: 50px}

.personnel>div  				{ display:flex; align-items:center;  flex:1}

/* 달력 */
.calendar_wrap																		{ position:relative; display:flex; flex-wrap:wrap; align-items:stretch; background:#f3f6ff; border-radius:20px; padding:1.25em; gap:1em 1em; --sizeHig:100px; }
.calendar_wrap .calendar_box														{ width:calc(55% - .5em); background:var(--color-white); 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:#f3f6ff; border-radius:10px; }
.calendar_wrap .calendar_list ul.weekdays li										{ padding:20px 10px; font-size:1em; font-weight:400 }
.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;
    text-align:center; font-size:1em; color:#6e7379; cursor:pointer; border-radius:10px; flex-flow:column; gap:5px; line-height:1 }
.calendar_wrap .calendar_list .date .fare_basis										{ display:flex; font-size:.78rem; font-weight:400 }
.calendar_wrap .calendar_list .date.choice											{ background:var(--color-point); color:#fff !important; font-weight:bold }
.calendar_wrap .calendar_list .date.sold											{ background:#d5d5d5; cursor:inherit }
.calendar_wrap .calendar_list .date.closed											{ background:#a9d3d0; cursor:inherit }

.calendar_wrap .choice_wrap															{ width:calc(45% - .5em); background:var(--color-white); padding:1.5em; border-radius:15px;  }

/* 예약시작일 */
.calendar_wrap .choice_wrap .date_selec												{ display:flex; align-items:center; justify-content:center; height:calc(var(--sizeHig) - 40px);    }
.calendar_wrap .choice_wrap .date_selec	span										{ display:block; font-size:1.46em; font-weight:bold; color:var(--color-point); 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 .period													{ display:flex; width:100%; flex-wrap:wrap; align-items:flex-start; gap:5px; --sizeTabHig:42px; margin-top:1em }
.calendar_wrap .choice_wrap .period>li												{ width:calc((100% - 10px) / 2); }
.calendar_wrap .choice_wrap .period>li button										{ width:100%; display:flex; align-items:center; height:var(--sizeTabHig); border:1px solid rgba(0,0,0,.2); border-radius:20px; font-size:1.03em;
    padding:0 10px; justify-content:center;}
.calendar_wrap .choice_wrap .period>li button.active								{ border-color:var(--color-point); background:var(--color-point); color:var(--color-white); }
.calendar_wrap .choice_wrap .period>li button:hover									{ animation:iconShow 0.7s ease-in-out 1 forwards;  }

.calendar_wrap .choice_wrap .time_selec.con_scroll									{ position:relative; display:flex; flex-flow:column; gap:5px; overflow-x:hidden; overflow-y:auto; max-height:280px; padding-right:0.25em; margin-top:1em;}
.calendar_wrap .choice_wrap .time_selec.con_scroll::-webkit-scrollbar 				{ -webkit-appearance: none; width:5px;}
.calendar_wrap .choice_wrap .time_selec.con_scroll::-webkit-scrollbar:vertical 		{ width:5px; }
.calendar_wrap .choice_wrap .time_selec.con_scroll::-webkit-scrollbar:horizontal 	{ height:12px; }
.calendar_wrap .choice_wrap .time_selec.con_scroll::-webkit-scrollbar-thumb 		{ background-color:#7e7e7e; border-radius:10px; border:1px solid #7e7e7e; }
.calendar_wrap .choice_wrap .time_selec.con_scroll::-webkit-scrollbar-track 		{ border-radius:10px; background-color:#d2d2d2 ; }
.calendar_wrap .choice_wrap .time_selec .time_list_tit								{ position:sticky; left:0; top:0; display:flex; flex-wrap:wrap; background:#f3f6ff; font-size:1.067em; font-weight:bold; z-index:1; border-radius:10px; }
.calendar_wrap .choice_wrap .time_selec .time_list									{ display:flex; flex-wrap:wrap; position:relative; border:1px solid #d6d6d6; background:var(--color-white); font-weight:300; border-radius:10px;}
.calendar_wrap .choice_wrap .time_selec .time_list.sold::before						{ position:absolute; width:100%; height:100%; z-index:2; background:rgba(0,0,0,.06); content:''; left:0; top:0; }
.calendar_wrap .choice_wrap .time_selec .time_list_tit>li,
.calendar_wrap .choice_wrap .time_selec .time_list>li								{ display:flex; height:50px; align-items:center; justify-content:center;  }
.calendar_wrap .choice_wrap .time_selec .time_list>li								{ font-weight:500}
.calendar_wrap .choice_wrap .time_selec .time_list>li .radio_label					{ font-size:0; padding-left:26px; margin-top:4px; }
.calendar_wrap .choice_wrap .time_selec .time_list_tit>li:nth-child(1),
.calendar_wrap .choice_wrap .time_selec .time_list>li:nth-child(1)					{ width:15%; }
.calendar_wrap .choice_wrap .time_selec .time_list_tit>li:nth-child(2),
.calendar_wrap .choice_wrap .time_selec .time_list>li:nth-child(2)					{ width:30%; }
.calendar_wrap .choice_wrap .time_selec .time_list_tit>li:nth-child(3),
.calendar_wrap .choice_wrap .time_selec .time_list>li:nth-child(3)					{ width:35%; }
.calendar_wrap .choice_wrap .time_selec .time_list_tit>li:nth-child(4),
.calendar_wrap .choice_wrap .time_selec .time_list>li:nth-child(4)					{ width:20%; }
.calendar_wrap .choice_wrap .btn_view												{ display:flex; position:relative; width:80%; height:30px; font-size:.8rem; justify-content:center; align-items:center; background:var(--color-point);
    border-radius:25px; color:var(--color-white) }
.calendar_wrap .choice_wrap .btn_view::before										{ display:inline-block; width:13px; height:13px; margin-right:5px; vertical-align:middle; content:''; margin-top:-1px;
    background:url(/resource/common/images/bbs/icon_search.svg) no-repeat 50% 50% / contain; }
.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:#a9d3d0 }
.calendar_wrap .choice_wrap .status_info .choice									{ background:var(--color-point); }


ul.exmark_list																		{ margin-top:1.5em;  }
ul.exmark_list>li																	{ position:relative; font-size:1rem; 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:15px; height:15px; background:url(/resource/common/images/system/icon_info_txt.svg) no-repeat 50% 50% / cover;
    content:''; margin-right:5px; margin-top:-3px;  }

/* 결제 */
[data-subarea="system_app"] .app_input_list .refresh_btn 							{ position:relative; display:flex; align-items:center; gap:7px; padding:10px 17px; border-radius:25px; font-size:.85rem; font-weight:300; background:var(--color-base);
    color:var(--color-white); z-index:1; }
[data-subarea="system_app"] .app_input_list .refresh_btn .icon_refresh 				{ position:relative; width:14px; height:14px; display:inline-block; }
[data-subarea="system_app"] .icon_refresh::before 									{ position:absolute; width:100%; height:100%; left:0; top:0; content:'';
    background:url(/resource/common/images/bbs/icon_reset.svg) no-repeat 50% 50% / contain; }


@media all and (max-width:1468px){
    /* 달력 */
    .calendar_wrap																{ --sizeHig:95px; padding:10px; gap:1em 10px }
    .calendar_wrap .calendar_box												{ width:calc(52% - 5px); }
    .calendar_wrap .choice_wrap													{ width:calc(48% - 5px); }
    .calendar_wrap .calendar_box,
    .calendar_wrap .choice_wrap													{ padding:0 1em 1em; }
    .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; }
    .calendar_wrap .choice_wrap .date_selec										{ height:inherit; margin-top:2.5em; margin-bottom:1.75em }
    .calendar_wrap .choice_wrap .time_selec .time_list_tit>li,
    .calendar_wrap .choice_wrap .time_selec .time_list>li						{ height:48px; }
    .calendar_wrap .choice_wrap .time_selec.con_scroll,
    .calendar_wrap .choice_wrap .time_selec.con_scroll.fac						{ max-height:270px; }
    .calendar_wrap .choice_wrap .status_info									{ font-size:.92rem; }
    ul.exmark_list																{ margin-top:1.25em; }
    ul.exmark_list>li															{ font-size:.98rem; }
}
@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); }
    [data-subarea="system_app"] .app_input_list .basics_list.plus_list:not(:has(input))	{ margin-right:1em; }

    /* 달력 */
    .calendar_wrap																{ --sizeHig:80px;  }
    .calendar_wrap .calendar_box												{ width:calc(48% - 5px); }
    .calendar_wrap .choice_wrap													{ width:calc(52% - 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										{ margin-top:2em; margin-bottom:1.5em }
    .calendar_wrap .choice_wrap .time_selec .time_list_tit>li,
    .calendar_wrap .choice_wrap .time_selec .time_list>li						{ height:46px; }
    .calendar_wrap .choice_wrap .time_selec.con_scroll,
    .calendar_wrap .choice_wrap .time_selec.con_scroll.fac						{ max-height:260px; }
    .calendar_wrap .choice_wrap .date_selec span								{ font-size:1.46em; }
    .calendar_wrap .choice_wrap .time_selec .time_list_tit						{ font-size:1.03em; }
    .calendar_wrap .choice_wrap .time_selec .time_list							{ font-size:.95em; }
}
@media all and (max-width:1268px){
    [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); }

    /* 달력 */
    .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:58px; }
    .calendar_wrap .calendar_list .date .fare_basis								{ font-size:.75rem; }
    .calendar_wrap .choice_wrap .period											{ --sizeTabHig:40px; }
    .calendar_wrap .choice_wrap .period>li button								{ font-size:1rem; }
    .calendar_wrap .choice_wrap .time_selec .time_list_tit>li,
    .calendar_wrap .choice_wrap .time_selec .time_list>li						{ height:44px; }
    .calendar_wrap .choice_wrap .time_selec.con_scroll,
    .calendar_wrap .choice_wrap .time_selec.con_scroll.fac						{ max-height:250px; }
    .calendar_wrap .choice_wrap .date_selec										{ margin-top:1.75em; margin-bottom:1.25em }
    .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; }
}
@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; }

    /* 달력 */
    .calendar_wrap .calendar_box .year strong									{ font-size:1.6em; }
    .calendar_wrap .calendar_list ul.weekdays li								{ padding:12px 8px; }
    .calendar_wrap .choice_wrap .time_selec .time_list_tit>li,
    .calendar_wrap .choice_wrap .time_selec .time_list>li						{ height:42px; }
    .calendar_wrap .choice_wrap .time_selec.con_scroll							{ max-height:240px; }
    .calendar_wrap .choice_wrap .time_selec .time_list_tit>li:nth-child(2),
    .calendar_wrap .choice_wrap .time_selec .time_list>li:nth-child(2)			{ width:25%; }
    .calendar_wrap .choice_wrap .time_selec .time_list_tit>li:nth-child(4),
    .calendar_wrap .choice_wrap .time_selec .time_list>li:nth-child(4)			{ width:25%; }

}
@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_box,
    .calendar_wrap .choice_wrap													{ width:100%; }
    .calendar_wrap .calendar_list												{ height:inherit; }
    .calendar_wrap .calendar_box .year strong									{ font-size:1.9em; }
    .calendar_wrap .choice_wrap .date_selec span								{ font-size:1.76em; margin-top:0; }
    .calendar_wrap .choice_wrap .time_selec.con_scroll							{ max-height:240px; }
    .calendar_wrap .choice_wrap .time_selec.con_scroll.fac						{ max-height:290px; }
    .calendar_wrap .choice_wrap .time_selec .time_list							{ font-size:1.03em; }

    /* 결제 */
    [data-subarea="system_app"] .app_input_list .refresh_btn 					{ padding:7px 12px; font-size:.8rem;  }
    [data-subarea="system_app"] .app_input_list .refresh_btn .icon_refresh		{ width:11px; height:11px; }

}
@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							{ 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; }

    .personnel  	{ flex-direction:column; gap:5px }
}
@media all and (max-width:768px){
    /* 달력 */
    .calendar_wrap .choice_wrap .date_selec												{ height:inherit; margin-top:30px; margin-bottom:20px;}
    .calendar_wrap .calendar_box .year													{ height:inherit; margin-top:20px; margin-bottom:15px; }
}
@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:50px; }
    .calendar_wrap .calendar_list ul.weekdays,
    .calendar_wrap .calendar_list .days,
    .calendar_wrap .calendar_list .date,
    .calendar_wrap .calendar_list .days>li::before,
    .calendar_wrap .choice_wrap .time_selec .time_list,
    .calendar_wrap .choice_wrap .time_selec .time_list_tit						{ border-radius:5px; }
    .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 .choice_wrap .date_selec span								{ font-size:1.56em; }

}
@media all and (max-width:568px){
    [data-subarea="system_app"] .app_input_list									{ font-size:.9rem; }
    [data-subarea="system_app"] .app_input_list>li								{ padding:.75em 0; gap:5px 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; }
    [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 .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: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_box,
    .calendar_wrap .choice_wrap													{ padding:0 6px 6px 6px; }
    .calendar_wrap .calendar_list .days>li										{ min-height:48px; }
    .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 .choice_wrap .date_selec span								{ font-size:1.46em; }
    .calendar_wrap .calendar_list .date .fare_basis								{ font-size:.7rem; }
    .calendar_wrap .choice_wrap .period											{ --sizeTabHig:36px; }
    .calendar_wrap .choice_wrap .period>li button								{ font-size:.92rem; }
    .calendar_wrap .choice_wrap .btn_view										{ width:30px; }
    .calendar_wrap .choice_wrap .btn_view>span									{ display:none; }
    .calendar_wrap .choice_wrap .btn_view::before								{ margin-right:0; }
    .calendar_wrap .choice_wrap .time_selec .time_list_tit>li:nth-child(2),
    .calendar_wrap .choice_wrap .time_selec .time_list>li:nth-child(2)			{ width:25%; }
    .calendar_wrap .choice_wrap .time_selec .time_list_tit>li:nth-child(4),
    .calendar_wrap .choice_wrap .time_selec .time_list>li:nth-child(4)			{ width:25%; }
    .calendar_wrap .choice_wrap .status_info									{ flex-wrap:wrap; gap:5px 15px; }
}
@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 .calendar_list .date .fare_basis								{ font-size:.65rem; }
    .personnel_wrap .stit  														{ min-width:60px }

}
@media all and (max-width:368px){
    .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 .days>li										{ min-height:44px; line-height:1 }
    .calendar_wrap .choice_wrap .time_selec .time_list							{ font-size:1em; }
    .calendar_wrap .calendar_list .date,
    .calendar_wrap .calendar_list .days>li::before								{ width:calc(100% - 3px); left:2px; }
    .calendar_wrap .calendar_list .date .fare_basis								{ font-size:.6rem; letter-spacing:-.06em }
}



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

 						모달

*********************************************************/
[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%; z-index:1000; }

/* 닫기 */
[data-subarea="system_app"] .modal .btn_close			{ position:relative; width:40px; height:40px; background:var(--color-base); z-index:20; font-size:0px; border-radius:100%; }
[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:var(--color-white); 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"] .facility_layer									{ max-width:1000px; padding-top:25px; }
[data-subarea="system_app"] .facility_layer .cont							{ width:100%;  }
[data-subarea="system_app"] .facility_layer .cont .tit						{ position:relative; display:flex; align-items:center; font-size:1.7rem; padding:10px 10px 10px 1.5em; border-radius:5rem; font-weight:bold; justify-content:space-between;
    background:var(--color-point); color:var(--color-white);  }
[data-subarea="system_app"] .facility_layer .cont .tit .btn_close			{ background:var(--color-white) }
[data-subarea="system_app"] .facility_layer .cont .tit .btn_close:before,
[data-subarea="system_app"] .facility_layer .cont .tit .btn_close:after		{ background:var(--color-point); }
[data-subarea="system_app"] .facility_layer .cont .img						{ display:flex; width:100%; margin-top:.5rem; padding:3em; border-radius:1.5em; background:var(--color-white); border:1px solid var(--color-line);}


@media all and (max-width:1024px){
    [data-subarea="system_app"] .facility_layer .cont .tit				{ font-size:1.5rem; }
    [data-subarea="system_app"] .facility_layer .cont .img				{ padding:2em; }
}
@media all and (max-width:668px){
    [data-subarea="system_app"] .facility_layer .cont .tit				{ font-size:1.3rem; padding-left:1em }
    [data-subarea="system_app"] .facility_layer .cont .tit .btn_close	{ width:30px; height:30px; }
    [data-subarea="system_app"] .facility_layer .cont .img				{ padding:1em; border-radius:1em;}
}
@media all and (max-width:368px){
    [data-subarea="system_app"] .facility_layer .cont .tit				{ font-size:1.1rem;  }

}






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

 						마이페이지

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

/* 예약 목록 */
[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:#f3f6ff; border-radius:10px; padding:20px 10px; text-align:center; font-weight:bold;  }
[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:8%; }
[data-subarea="mypage"] .mypage_tit .tit,
[data-subarea="mypage"] .mypage_list .tit										{ flex:auto; width:30%; text-align:center; }
[data-subarea="mypage"] .mypage_list .tit 	  									{ align-items:flex-start; }
[data-subarea="mypage"] .mypage_list .tit dd 									{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100%; text-align: left}
[data-subarea="mypage"] .mypage_list .time dd  									{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100%;}
[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:17%; }
[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:15%; }





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



@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,
    [data-subarea="system_app"] .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,
    [data-subarea="system_app"] .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:bold; }
    [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:9px 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,
    [data-subarea="system_app"] .value											{ font-size:.85rem; }
    [data-subarea="mypage"] .mypage_list .date>dt,
    [data-subarea="mypage"] .mypage_list .time>dt,
    [data-subarea="mypage"] .mypage_list .won>dt								{ width:4em; }
    [data-subarea="mypage"] .mypage_list .date>dd,
    [data-subarea="mypage"] .mypage_list .time>dd,
    [data-subarea="mypage"] .mypage_list .won>dd								{ width:calc(100% - 4em - 10px); align-items: flex-start; text-align:left}
}
@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; }

}
@media all and (max-width:414px){
    [data-subarea="mypage"] .value,
    [data-subarea="system_app"] .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% }
}