@charset "utf-8";
#Template {
	display:none;
}

/* 페이지타이틀이 있으면, 플러그타이틀 제거 */
H2.pageTitle ~ #Progm ._title {
	display:none;
}



#Progm {
	width: 100%;
	padding:0 1rem;
	cursor: default;
	font-size:1.5rem;
	font-family: 'Noto Sans KR','Malgun Gothic',dotum,Sans-serif,AppleGothic;
	display:none;
}
#Progm LABEL ,
#Progm BUTTON {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;


}



/* 이용안내 */
.ProgmGuideline {
	width:100%;
	margin:2rem 0 ;
	padding:1.5rem 3rem 2rem 2rem;
	border:1px dashed #ccc;
	border-radius:0.75rem;
	box-shadow:0 0 0 5px #fff, 0 0 0 6px #aaa;

	list-style-type: disc;
	list-style-position: outside;
}
.ProgmGuideline:empty {
	display:none;
}
.ProgmGuideline > LI {
	margin-left: 2.1rem;
	margin-top: 0.8rem;
	color:#444;
}







#Progm ._btns {
	width:100%;
	border-top:2px solid #222;
	padding:5rem 0;

	display: flex;
    justify-content: space-between;
    flex-direction: row;
}
#Progm ._btns.rside {
	justify-content: flex-end;
}
#Progm ._btns.cside {
	justify-content: center;
}
#Progm ._btns BUTTON {
	min-width:20rem;
	height:6rem;
	margin:0 0.5rem;
	font-weight:500;
	border-radius:5px;
}
/*
#Progm ._btns DIV:empty {
	display:none;
}
*/
@media all and (max-width:768px) {
	#Progm ._btns > DIV ,
	#Progm ._btns BUTTON {
		width:100%;
		min-width:auto;
		margin:0 0.5rem;
	}
	#Progm ._btns > DIV > BUTTON:first-child:nth-last-child(2) {
		width: 60%;
		margin:0;
	}
	#Progm ._btns > DIV > BUTTON:first-child:nth-last-child(2) ~ BUTTON {
		width:38%;
		margin:0;
	}

}


#Progm BUTTON[class*=" btn-icon-"] ,
#Progm BUTTON[class^=btn-icon-] {
	border-radius:0.5rem;
	padding: 0.5rem 3rem 0.5rem  2.5rem;
}
#Progm BUTTON[class*=" btn-icon-"]::before ,
#Progm BUTTON[class^=btn-icon-]::before {

	font-family: xeicon !important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	margin-right: 1rem;
	font-size: 1.5em;
	vertical-align: middle;

}


#Progm BUTTON.btn-icon-left ,
#Progm BUTTON.btn-icon-right {
    display: flex;
    justify-content: center;
    align-items: center;
}
#Progm BUTTON.btn-icon-right {
    flex-direction: row-reverse;
}
#Progm BUTTON.btn-icon-right::before {
	margin-right: -2rem !important;
	margin-left: 1rem;
}



#Progm BUTTON.btn-icon-cancel::before {
	content: "\e924";
}
#Progm BUTTON.btn-icon-plus::before {
	content: "\e916";
}
#Progm BUTTON.btn-icon-check::before {
	content: "\e92b";
}
#Progm BUTTON.btn-icon-back::before {
	content: "\e9d2";
}
#Progm BUTTON.btn-icon-prev::before {
	content: "\e93c";
    font-size: 1.2em !important;
    vertical-align: -0.1em !important;
    border-radius: 100%;
    padding-right: 0.1rem;
	padding-bottom:0.1rem;

    background: #fff;
    color: #3B3F4F;
    text-shadow: none;
}
#Progm BUTTON.btn-icon-next::before {
	content: "\e93f";
    font-size: 1.2em !important;
    vertical-align: -0.1em !important;
    border-radius: 100%;
    padding-left: 0.1rem;
	padding-bottom:0.1rem;

    background: #fff;
    color: #3B3F4F;
    text-shadow: none;
}








FIELDSET INPUT ,
FIELDSET SELECT,
FIELDSET TEXTAREA {
	height:4rem;
	border-radius: 5px;
	width: auto;
	padding: 0.2rem 1rem;
	background-color: #fafafa;
	border: solid 1px;
	border-color: #ddd;
	BORDER-TOP: #aaa 1px solid;
	BORDER-LEFT: #aaa 1px solid;
	vertical-align: middle;
}
FIELDSET INPUT ,
FIELDSET SELECT,
FIELDSET OPTION,
FIELDSET TEXTAREA {
	font-size: 1.5rem;
	font-family: inherit;
	color: #444;
	font-style: normal;
}
FIELDSET INPUT:focus ,
FIELDSET SELECT:focus ,
FIELDSET TEXTAREA:focus {
	border-color:#000;
}
FIELDSET INPUT:required:invalid ,
FIELDSET SELECT:required:invalid ,
FIELDSET TEXTAREA:required:invalid ,
FIELDSET INPUT::placeholder ,
FIELDSET SELECT::placeholder ,
FIELDSET TEXTAREA::placeholder {
	font-size:1.45rem;
	color:#aaa;
	font-style: italic;
}


FIELDSET INPUT:disabled ,
FIELDSET SELECT:disabled ,
FIELDSET TEXTAREA:disabled {
	background-color: #eee !important;
	cursor: not-allowed;
	color:#aaa !important;
	opacity: .7;
}
FIELDSET BUTTON:disabled {
	background-color: #eee !important;
	color: #888 !important;
	text-shadow: -1px -1px rgba(255,255,255,0.5) !important;
	border-color: #ccc !important;
	border-right-color:#aaa !important;
	border-bottom-color:#aaa !important;
}



FIELDSET.AppFields ~ FIELDSET  {
	margin-top:5rem;
}


FIELDSET.AppFields > LEGEND {
	font-size: 2.3rem;
	font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, 'Sans-serif', AppleGothic;
	font-weight: 500;
	margin:0;
	padding-bottom:1rem;
	border-bottom: 2px solid #222;

	/* 초기화 */
	position:relative;
	width:100%;
	height:AUTO;
	color:#333;
	line-height:150%;


}
FIELDSET.AppFields > LEGEND SMALL {
	float: right;
	padding-top: 0.5rem;
	color: #e9573f;
	font-size:1.4rem;
	font-weight: normal;
	font-family: 'Noto Sans KR','Malgun Gothic',dotum,Sans-serif,AppleGothic;
}
FIELDSET.AppFields > DL {
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	padding:1.5rem 2rem;
	font-size:1.6rem;
	border-bottom:1px solid #eee;
	border-bottom-color:#ddd;
}

FIELDSET.AppFields > DL:nth-of-type(1) {
	margin-top:1.5rem;
}

FIELDSET.AppFields DT {
	width:11.5rem;
}
FIELDSET.AppFields DD {
	position: relative;
	width:calc(100% - 11.5rem);
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: center;
}
FIELDSET.AppFields DT.esse::before {
	content:'★';
	display:inline-block;
	color:#e9573f;
	padding:0 0.5rem;
	font-size: 1.2rem;
	vertical-align: super;
}
FIELDSET.AppFields DD > .txt ~ * {
	display:none;
}

FIELDSET.AppFields INPUT {
	width:100%;
}
FIELDSET.AppFields SELECT {
	width:30%;
}
FIELDSET.AppFields SELECT ~ SPAN {
	display:inline-block;
}
FIELDSET.AppFields TEXTAREA {
	width:100%;
	min-height:10rem;
	padding:1rem;

}

FIELDSET.AppFields INPUT#appName {
	width:50%;
}
FIELDSET.AppFields INPUT[name^='appBirth'] {
	width:23%;
}
FIELDSET.AppFields INPUT[name^='appBirth']:nth-of-type(1) {
	width:30%;
}

/*
FIELDSET.AppFields INPUT[name^='appEmail'] {
	width:30%;
}
*/
/*
FIELDSET.AppFields INPUT[name^='appEmail'] {
	width:40%;
}
FIELDSET.AppFields INPUT[name^='appEmail'] ~ SPAN {
	width:5%;
}

FIELDSET.AppFields #appEmail_dom {
	width:5%;
    border-bottom-color: #aaa;
    border-right-color: #aaa;
    background: #eee;
}
*/

FIELDSET .areaEmail INPUT[name^='appEmail'] {
	width: calc(50% - 2rem);
}
FIELDSET .areaEmail .slicebar_at {
	width: 2rem;
	display: inline-block;
	text-align: center;
}
FIELDSET .areaEmail .slicebar_at::after {
	content: "@";
	width: 2rem;
	display: inline-block;
	text-align: center;
}


FIELDSET .areaEmail .xEmailBox {
    position: relative;
    display: inline-block;
    width: calc(50% - 1rem);
    height: 4rem
}

FIELDSET .areaEmail .xEmailBox > INPUT[name^='appEmail'] {
	width: 100%;
	height: 100%;
	position: relative
}

FIELDSET .areaEmail .xEmailBox > UL {
	width: 100%;
	border: 1px solid #ddd;
	BORDER-TOP-color: #aaa;
	BORDER-LEFT-color: #aaa;
	max-height: 20rem;
	overflow: auto;
	position: absolute;
	right: 0;
	background-color: #ffc;
	z-index: 10;
	display: none;
}

FIELDSET .areaEmail .xEmailBox > UL > LI {
    position: relative;
    border-bottom: 1px solid #ddd
}

FIELDSET .areaEmail .xEmailBox > UL > LI:last-child {
    border-bottom: 0
}

FIELDSET .areaEmail .xEmailBox > UL > LI > button {
    padding: 0.5rem 1rem;
    width: 100%;
    height: 3rem !important;
    font-size: 1.3rem;
    text-align: left
}

FIELDSET .areaEmail .xEmailBox > UL > LI > button.on {
    background-color: #51566C;
    color: #eee
}

FIELDSET .areaEmail .xEmailBox > .xEmailShow {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    width: 4rem;
    height: 4rem;
    padding: 0;
    z-index: 5
}

FIELDSET .areaEmail .xEmailBox > .xEmailShow strong {
    color: #4c4c4f;
    vertical-align: middle;
    display: inline-block;
    font-size: 0
}

FIELDSET .areaEmail .xEmailBox > .xEmailShow strong::after {
    content: "";
    position: relative;
    display: inline-block;
    border-color: #868686;
    border-style: solid;
    border-width: 2px 2px 0 0;
    width: 1rem;
    height: 1rem;
    margin-left: 0
}

FIELDSET .areaEmail .xEmailBox > .xEmailShow strong::after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
    top: -0.5rem
}

FIELDSET .areaEmail .xEmailBox > .xEmailShow.on strong::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0
}






FIELDSET.AppFields BUTTON {
	width:25%;
	height:4rem;
	border-radius: 5px;
}
/*
FIELDSET.AppFields [name^='appMobile'] {
	width:22%;
}
FIELDSET.AppFields BUTTON.btn_phoneAuth:disabled ~ [name^='appMobile'] {
	width:30%;
}
*/
FIELDSET.AppFields [name^='appMobile'] {
	width:30%;
}
/* 문자인증 사용시 */
FIELDSET.AppFields .fld_phoneAuth [name^='appMobile'] {
	width:22%;
}
FIELDSET.AppFields .fld_phoneAuth [name^='appMobile'] ~ BUTTON {
	width:25%;
	font-size:1.3rem !important;
}

@media all and (max-width:1500px) {
	FIELDSET.AppFields .fld_phoneAuth [name^='appMobile'] {
		width:30% !important;
	}
	FIELDSET.AppFields .fld_phoneAuth [name^='appMobile'] ~ BUTTON {
		width:100% !important;
		margin-top:0.5rem !important;
	}

}



FIELDSET.AppFields INPUT[name^='appTelnum'] {
	width:30%;
}

FIELDSET.AppFields [name^='appCity'] {
	width:49%;
}
FIELDSET.AppFields INPUT[name^='appCity'] {
	display:none;
}


FIELDSET.AppFields INPUT[name^='appAddr'] {
	margin-top:0.5rem;
}
FIELDSET.AppFields INPUT#appAddrcode {
	width:10rem;
}
FIELDSET.AppFields INPUT#appAddrcode + BUTTON {
	width:8rem;
}

/*
FIELDSET.AppFields > DL + UL {
	width: 100%;
	padding:0 2rem 2rem 12rem;
	list-style:disc;
	font-size:1.3rem;
	margin-top:-0.1rem;
	border-top:1px solid #fff;
	border-bottom:1px solid #eee;
}
FIELDSET.AppFields > DL + UL > LI {
	margin-left: 3.4rem;
}
*/
FIELDSET.AppFields > DL + UL {
	width: 100%;
	padding:0 2rem 2rem 12rem;
	list-style:disc;
	font-size:1.5rem;
	margin-top:2rem;
	border-bottom:1px solid #eee;
	color:#555;
}
FIELDSET.AppFields > DL + UL > LI {
	margin-left: 2rem;
	padding:0.5rem 0;

}


FIELDSET.AppFields > DL + UL > LI:first-child:nth-last-child(1) {
	list-style:none;
	margin-left:0;
}

FIELDSET.AppFields ~ LABEL {
	padding:2rem;
}




FIELDSET.AppFields .tit.esse + .fld INPUT ,
FIELDSET.AppFields .tit.esse + .fld SELECT {
	background-color: #ffd;
}
FIELDSET.AppFields .phoneAuth > DIV {
	display:block;
}
FIELDSET.AppFields .phoneAuth INPUT {
	display: inline-block;
	width:15rem;
}
FIELDSET.AppFields .phoneAuth BUTTON {
	width:8rem;
	padding:0;
	margin-left:0.5rem;
	font-size:1.3rem;
}
FIELDSET.AppFields .phoneAuth .area_phoneAuth {
	width: 100%;
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
}
FIELDSET.AppFields .phoneAuth .area_phoneAuth INPUT {
	width:44%;
}
FIELDSET.AppFields .phoneAuth .area_phoneAuth BUTTON {
	width:27.5%;
	margin-left:0.5rem;
}

FIELDSET.AppFields DD.txt {
    font-weight: 600;
    color: #000;
    font-size: 2rem;
}
FIELDSET.AppFields DD.txt:empty { display:none; }
FIELDSET.AppFields DD.tit:not(.hide) + DD.txt { display:none; }
FIELDSET.AppFields DD.txt.auth::after {
	content: "\ea25";
	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	color: #4FBB3F;
	font-size: 2.5rem;
}


FIELDSET.AppFields UL.guideTip ,
FIELDSET.AppFields DIV.guideTip {
	padding: 1rem 0;
	font-size: 1.3rem;
	color: #e9573f;
}
FIELDSET.AppFields UL.guideTip {
	margin: -1.5rem 0 0;
    background: #fff;
}
FIELDSET.AppFields UL.guideTip > LI {
	padding:0 1.5rem 0 2.5rem;
}

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

	
	FIELDSET.AppFields > DL {
		align-content: flex-start;
		padding: 2rem 1rem;
	}
	FIELDSET.AppFields > DL:nth-of-type(1) {
		margin-top: 0;
	}


	FIELDSET.AppFields DT ,
	FIELDSET.AppFields DD {
		width:100%;
	}
	FIELDSET.AppFields DD {
		padding-top: 1rem;
	}

	FIELDSET.AppFields > DL + UL {
		padding: 0 1rem 2rem;
	}

	/*
	FIELDSET.AppFields INPUT[name^='appEmail'] {
		width:45%;
	}
	FIELDSET.AppFields #appEmail_dom {
		width:100%;
		margin-top:0.5rem;
	}
	*/
}



/* 우편번호 수집 */
#AddrcodeLayer {
	display:none;position:fixed;overflow:hidden;z-index:1;-webkit-overflow-scrolling:touch;background:#fff;
	width:450px;
	height:520px;
	border:2px solid #000;
	padding:25px;
}
#AddrcodeLayer > BUTTON.btn-close {
	position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
	z-index:1;
}


/* 모바일 - 우편번호 수집 */
@media all and (max-width:767px) {
	#AddrcodeLayer {
		width: 90%;
		max-height: 80%;
		margin: 10%;
		padding: 5px;
		left: -5% !important;
	}
	#AddrcodeLayer > BUTTON.btn-close + DIV {
	
		height: calc(100% - 30px) !important;;
		margin-top:30px !important;;
	}
}





/* 상태표시 */
.AppProgBox {
	width:100%;
	height:100%;
	border:1px solid #aaa;
	font-weight:bold;
	font-family: 'Malgun Gothic','Noto Sans KR',dotum,Sans-serif,AppleGothic;

	display: -webkit-flex;
	display:         flex;
	-webkit-align-items: center;
		align-items: center;
	-webkit-justify-content: center;
		justify-content: center;

}
.AppProg_timeout {
	color: #fff;
	text-shadow: -1px -1px 0 rgba(0,0,0,.35);
	border-color:#777;
	background: #bbb;
	background: repeating-linear-gradient(135deg, #bbb 0%, #bbb 25%, #aaa 0%, #aaa 50%) 0 / 10px 10px;

}
.AppProg_appr ,
.AppProg_watch {
	color: #eee;
	text-shadow: -1px -1px 0 rgba(0,0,0,.35);
	border-color:#4FBB3F;
	background: #70CA63;
	background: repeating-linear-gradient(135deg, #85D27A 0%, #85D27A 25%, #70CA63 0%, #70CA63 50%) 0 / 10px 10px;

}
.AppProg_on ,
.AppProg_complet {
	color: #eee;
	text-shadow: -1px -1px 0 rgba(0,0,0,.35);
	border-color:#276ECC;
	background: #4A89DC;
	background: repeating-linear-gradient(135deg, #649AE1 0%, #649AE1 25%, #4A89DC 0%, #4A89DC 50%) 0 / 10px 10px;

}
.AppProg_cancel {
	color: #eee;
	text-shadow: -1px -1px 0 rgba(0,0,0,.35);
	border-color:#DC3519;
	background: #E63F24;
	background: repeating-linear-gradient(135deg, #E9573F 0%, #E9573F 25%, #E63F24 0%, #E63F24 50%) 0 / 10px 10px;

}
.AppProg_refund ,
.AppProg_refunded {

	color: #ff0;
	text-shadow: -1px -1px 0 rgba(0,0,0,.35);
	border-color:#7652D1;
	background: #967ADC;
	background: repeating-linear-gradient(135deg, #A992E2 0%, #A992E2 25%, #967ADC 0%, #967ADC 50%) 0 / 10px 10px;
}
.AppProg_refunded {
	color: #fff;
}

.AppProg_rest {
	color: #fff;
	text-shadow: -1px -1px 0 rgba(0,0,0,.35);
	border-color: #ca901b;
	background: #f4a911;
	background: repeating-linear-gradient(135deg, #e49110 0%, #e49110 25%, #f4a911 0%, #f4a911 50%) 0 / 10px 10px;
}
.AppProg_done ,
.AppProg_chkout ,
.AppProg_checkout {
	color: #9FA4B7;
	color: #bbb;
	text-shadow: -1px -1px 0 rgba(0,0,0,.35);
	border-color:#2E313D;
	background: #3B3F4F;
	background: repeating-linear-gradient(135deg, #484D61 0%, #484D61 25%, #3B3F4F 0%, #3B3F4F 50%) 0 / 10px 10px;
}
.AppProg_chkin ,
.AppProg_checkin {

	color: #F8CD73;
	text-shadow: -1px -1px 0 rgba(0,0,0,.35);
	border-color:#2E313D;
	background: #3B3F4F;
	background: repeating-linear-gradient(135deg, #484D61 0%, #484D61 25%, #3B3F4F 0%, #3B3F4F 50%) 0 / 10px 10px;
}

/* 이용안내 */
UL.Guidebox {
	padding:1.5rem 3rem 2rem 2rem;
	border:1px dashed #ccc;
	border-radius:0.75rem;
	box-shadow:0 0 0 5px #fff, 0 0 0 6px #aaa;

	list-style-type: disc;
	list-style-position: outside;
}
UL.Guidebox > LI {
	margin-left: 2.1rem;
	margin-top: 0.8rem;
	color:#444;
}
UL.Guidebox > LI .b {
	font-weight:500;
}
UL.Guidebox + UL.Guidebox  {
	margin-top:3rem;
}





#AppBenefit:empty {
	display:none;
}
#AppBenefit TABLE COLGROUP > COL:nth-of-type(1) {
	width: 12%;
}
#AppBenefit TABLE COLGROUP > COL:nth-of-type(2) {
	width: 15%;
}
#AppBenefit TABLE COLGROUP > COL:nth-of-type(3) {
	width: 23%;
}
#AppBenefit TABLE COLGROUP > COL:nth-of-type(4) {
	width: auto;
}
#AppBenefit TABLE COLGROUP > COL:nth-of-type(5) {
	width: 15rem;
}
#AppBenefit .AppProgBox {
	padding: 1rem;
	border-radius: 50rem;
	line-height:1;
}
#AppBenefit TD.blank {
	height:15rem;
	font-size:1.8rem;
	color:#aaa;
}

/* 버튼 */
#AppBtnBenefit {
	display: block;
    min-width: 20rem;
    height: 6rem;
    margin: 3rem auto;
    font-weight: 500;
}@charset "utf-8";


/******************************************/
/* 큐브형 목록 */
/******************************************/
ul.progm_cube {
	width:100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
ul.progm_cube > li {
	width: calc(100% / 3);
	padding:1.5rem 1rem 4rem;

    display: flex;
    flex-direction: column;
	justify-content: flex-start;
}
ul.progm_cube > li:nth-of-type(3n+1) {
	padding-left:0;
	padding-right:2rem;
}
ul.progm_cube > li:nth-of-type(3n) {
	padding-left:2rem;
	padding-right:0;
}
ul.progm_cube > li:nth-of-type(n+4) {
	padding-top:5rem;
	border-top:1px solid #ddd;
}



ul.progm_cube .progm_pic {
	width:100%;
	height:25rem;
	padding:1rem;
	border:1px solid #ddd;
	overflow: hidden;
}
ul.progm_cube .progm_pic:empty {
	background-image:url(../../../imgs/icon_gallery_null.png);
	background-repeat: no-repeat;
    background-position: center;
    background-color: #e5e5e5;
    box-shadow: inset 0 0 0 10px #fff;

}
ul.progm_cube .progm_pic > img {
	width:100%;
	height:100%;
	object-fit:cover;
}

ul.progm_cube .progm_data {
	padding: 1rem;
}
ul.progm_cube .progm_data h5 {
	padding:1rem 0;
}
ul.progm_cube .progm_data .commnet {
	height:2.5rem;
}
ul.progm_cube .progm_data .commnet:empty {
	display:none;
}

ul.progm_cube .area_btns {
	width:100%;
	margin-top:2rem;
}
ul.progm_cube .area_btns > button {
	width:100%;
	height:5rem;

}
ul.progm_cube .progm_data .commnet:empty ~ .area_btns > button {
	height:6rem;
}





/********************* TB *********************/
@media all and (max-width: 1199px) {

	ul.progm_cube > li:nth-of-type(3n+1) ,
	ul.progm_cube > li:nth-of-type(3n) ,
	ul.progm_cube > li:nth-of-type(n+4) {
		padding:1.5rem 1rem 4rem;
		border-top-width:0;

	}


	ul.progm_cube > li {
		width: calc(100% / 2);
	}
	ul.progm_cube > li:nth-of-type(2n+1) {
		padding-left:0;
		padding-right:2rem;
	}
	ul.progm_cube > li:nth-of-type(2n) {
		padding-left:2rem;
		padding-right:0;
	}
	ul.progm_cube > li:nth-of-type(n+3) {
		padding-top:5rem;
		border-top:1px solid #ddd;
	}




}


/********************* Mobile *********************/
@media all and (max-width:767px) {
	ul.progm_cube > li ,
	ul.progm_cube > li:nth-of-type(2n+1) ,
	ul.progm_cube > li:nth-of-type(2n) ,
	ul.progm_cube > li:nth-of-type(n+3) ,
	ul.progm_cube > li:nth-of-type(3n+1) ,
	ul.progm_cube > li:nth-of-type(3n) ,
	ul.progm_cube > li:nth-of-type(n+4) {
		width:100%;
		margin:0;

		padding:0;
		border: 1px solid #aaa;
		padding: 2rem;
		margin-top: 5rem;

	}

	ul.progm_cube .progm_pic {
		padding:0;
		border-width:0;
	}
	ul.progm_cube .progm_pic:empty {
		box-shadow: none;
	}

}







/******************************************/
/* 리스트형 목록 */
/******************************************/
ul.progm_list {
	font-family: 'Noto Sans KR','Malgun Gothic',dotum,Sans-serif,AppleGothic;
}
ul.progm_list > LI + LI {
	margin-top:5rem;
}
ul.progm_list .tit {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
ul.progm_list .con {
	padding:2rem 0;
	margin:0.5rem 0;
	display:flex;
	border:0 solid #3b3f4f;
	border-top-width:2px;
	border-bottom-width:1px;
}
ul.progm_list .pic {
	width:50rem;
	max-width:50rem;
	min-height:25rem;
	padding:0 2rem;
	margin:0 auto;
	overflow:hidden;
}

ul.progm_list .pic:empty {
	background-image:url(../../../imgs/icon_gallery_null.png);
	background-repeat: no-repeat;
    background-position: center;
    background-color: #e5e5e5;
    box-shadow: inset 0 0 0 10px #fff;

}

ul.progm_list .pic IMG {
	width:100%;
	height:100%;
	object-fit:cover;
    border: 1px solid #aaa;
    padding: 1rem;
}
ul.progm_list .info {
	width:100%;
	padding-left:2rem;
}
ul.progm_list .info dl {
	display:flex;
	font-size:1.6rem;
}
ul.progm_list .info dl + dl {
	border-top:1px solid #ccc;
}
ul.progm_list .info dt {
	width:20rem;
	padding:1.5rem 0.5rem;
	text-align:center;
	font-weight:bold;
}
ul.progm_list .info dd {
	width:100%;
	padding:1.5rem 1rem;
}


ul.progm_list BUTTON[class*="AppState_"] {
	display:block;
	width:25rem;
	height:6rem;
	margin:2.5rem auto;
	margin-right:0;
    border-radius: 0.5rem;

	font-size:1.7rem;
	font-weight:500;
	color: #fff;
	background-color: #3b3f4f;
	text-shadow: -0.1rem -0.1rem 0 rgba(0, 0, 0, .3);
}
ul.progm_list BUTTON[class*=" AppState_"]:hover ,
ul.progm_list BUTTON[class*=" AppState_"]:active {
	color: #fff;
	background-color: #2b2e39;
	border-color: rgba(0, 0, 0, .05);
}
ul.progm_list BUTTON[class*=" AppState_"].AppState_waiting {
	background-color: #37bc9b;
}
ul.progm_list BUTTON[class*=" AppState_"].AppState_waiting:hover ,
ul.progm_list BUTTON[class*=" AppState_"].AppState_waiting:active {
	background-color: #2e9e83;
}
ul.progm_list BUTTON[class*=" AppState_"].AppState_register {
	background-color: #4a89dc;
}
ul.progm_list BUTTON[class*=" AppState_"].AppState_register:hover ,
ul.progm_list BUTTON[class*=" AppState_"].AppState_register:active {
	background-color: #2a74d6;
}
ul.progm_list BUTTON[class*=" AppState_"].AppState_complet {
	background-color: #3b3f4f;
}
ul.progm_list BUTTON[class*=" AppState_"].AppState_complet:hover ,
ul.progm_list BUTTON[class*=" AppState_"].AppState_complet:active {
	background-color: #2b2e39;
}
ul.progm_list BUTTON[class*=" AppState_"].AppState_done {
	background-color: #DDDDDD;
	color: #51566C;
	border-color: rgba(0, 0, 0, .08);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, .5);
}
ul.progm_list BUTTON[class*=" AppState_"].AppState_done:hover ,
ul.progm_list BUTTON[class*=" AppState_"].AppState_done:active {
	background-color: #d5d5d5;
}
ul.progm_list BUTTON[class*=" AppState_"].AppState_waiting::before ,
ul.progm_list BUTTON[class*=" AppState_"].AppState_register::before ,
ul.progm_list BUTTON[class*=" AppState_"].AppState_complet::before {
    font-family: xeicon !important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

	content: "\e93f";
    position: absolute;
    right: 1.3rem;
	top: 50%;
	transform: translateY(-50%);
    font-size: 2.5rem;
	color:#3B3F4F;
	background:#fff;
	text-shadow: none;
    width: 3rem;
    height: 3rem;
	padding-left: 0.3rem;
	text-align: center;
    line-height: 130%;
    border-radius: 100%;

}
ul.progm_list BUTTON[class*=" AppState_"].AppState_waiting::before {
	color:#2e9e83;
}
ul.progm_list BUTTON[class*=" AppState_"].AppState_register::before {
	color:#2a74d6;
}


/* 짝수 라인 스타일
ul.progm_list > LI:nth-of-type(even) .con {
	flex-direction: row-reverse;
}
ul.progm_list > LI:nth-of-type(even) .info {
	padding-left:0;
	padding-right:2rem;
}
*/


/********************* TB *********************/
@media all and (max-width: 1199px) {
	ul.progm_list .info dt {
		width:12rem;
	}
}

/********************* Mobile *********************/
@media all and (max-width:767px) {
	ul.progm_list .pic {
		width:100%;
		max-width:50rem;

	}
	/*
	ul.progm_list .con ,
	ul.progm_list > LI:nth-of-type(even) .con {
		flex-direction: column;
	}
	ul.progm_list .info ,
	ul.progm_list > LI:nth-of-type(even) .info {
		padding:0 2rem;
	}
	*/
	ul.progm_list .con {
		flex-direction: column;
	}
	ul.progm_list .info {
		padding:0 2rem;
	}
	ul.progm_list BUTTON[class*="AppState_"] {
		width:100%;
		height:8rem;
		margin:1.5rem auto;

	}

}














/******************************************/
/* 박스형 목록 */
/******************************************/
ul.progm_box .progm_pic:has(+ .progm_data) ,
ul.progm_box .progm_pic + .progm_data {
	border:1px solid #ccc;
}
ul.progm_box .progm_pic + .progm_data {
	border-top-width:0;
}
ul.progm_box .progm_data {
	padding: 2rem;
}
ul.progm_box .progm_data h5 {
	padding:0 1rem;
	letter-spacing: -1px;
}
ul.progm_box .progm_data .commnet {
	height:auto;
	padding:0 1rem;
	font-size: 1.65rem;
	color:#484D61;
}
ul.progm_box .progm_data UL {
	height:auto;
	padding:2rem 1rem;
	color:#999;
}
ul.progm_box .progm_data UL:empty {
	display:none;
}
ul.progm_box .progm_data UL .tit::after {
	content:':';
	display:inline-block;
	padding:0 1rem;
}


ul.progm_box BUTTON[class*="AppState_"] {
	display:block;
	width:100%;
	height:6rem;
    border-radius: 0.5rem;

	font-size:1.7rem;
	font-weight:500;
	color: #fff;
	background-color: #3b3f4f;
	text-shadow: -0.1rem -0.1rem 0 rgba(0, 0, 0, .3);
}
ul.progm_box BUTTON[class*=" AppState_"]:hover ,
ul.progm_box BUTTON[class*=" AppState_"]:active {
	color: #fff;
	background-color: #2b2e39;
	border-color: rgba(0, 0, 0, .05);
}
ul.progm_box BUTTON[class*=" AppState_"].AppState_waiting {
	background-color: #37bc9b;
}
ul.progm_box BUTTON[class*=" AppState_"].AppState_waiting:hover ,
ul.progm_box BUTTON[class*=" AppState_"].AppState_waiting:active {
	background-color: #2e9e83;
}
ul.progm_box BUTTON[class*=" AppState_"].AppState_register {
	background-color: #4a89dc;
}
ul.progm_box BUTTON[class*=" AppState_"].AppState_register:hover ,
ul.progm_box BUTTON[class*=" AppState_"].AppState_register:active {
	background-color: #2a74d6;
}
ul.progm_box BUTTON[class*=" AppState_"].AppState_complet {
	background-color: #3b3f4f;
}
ul.progm_box BUTTON[class*=" AppState_"].AppState_complet:hover ,
ul.progm_box BUTTON[class*=" AppState_"].AppState_complet:active {
	background-color: #2b2e39;
}
ul.progm_box BUTTON[class*=" AppState_"].AppState_done {
	background-color: #DDDDDD;
	color: #51566C;
	border-color: rgba(0, 0, 0, .08);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, .5);
}
ul.progm_box BUTTON[class*=" AppState_"].AppState_done:hover ,
ul.progm_box BUTTON[class*=" AppState_"].AppState_done:active {
	background-color: #d5d5d5;
}
ul.progm_box BUTTON[class*=" AppState_"].AppState_waiting::before ,
ul.progm_box BUTTON[class*=" AppState_"].AppState_register::before ,
ul.progm_box BUTTON[class*=" AppState_"].AppState_complet::before {
    font-family: xeicon !important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

	content: "\e93f";
    position: absolute;
    right: 1.3rem;
	top: 50%;
	transform: translateY(-50%);
    font-size: 2.5rem;
	color:#3B3F4F;
	background:#fff;
	text-shadow: none;
    width: 3rem;
    height: 3rem;
	padding-left: 0.3rem;
	text-align: center;
    line-height: 130%;
    border-radius: 100%;

}
ul.progm_box BUTTON[class*=" AppState_"].AppState_waiting::before {
	color:#2e9e83;
}
ul.progm_box BUTTON[class*=" AppState_"].AppState_register::before {
	color:#2a74d6;
}






/********************* TB *********************/
@media all and (max-width: 1199px) {

	ul.progm_box > li:nth-of-type(2n+1) {
		padding-right:1rem;
	}
	ul.progm_box > li:nth-of-type(2n) {
		padding-left:1rem;
	}



}

/********************* Mobile *********************/
@media all and (max-width:767px) {
	ul.progm_box > li ,
	ul.progm_box > li:nth-of-type(2n+1) ,
	ul.progm_box > li:nth-of-type(2n) ,
	ul.progm_box > li:nth-of-type(n+3) ,
	ul.progm_box > li:nth-of-type(3n+1) ,
	ul.progm_box > li:nth-of-type(3n) ,
	ul.progm_box > li:nth-of-type(n+4) {
		width:100%;
		margin:0;

		padding:0;
		border: 1px solid #aaa;
		padding: 2rem;
		margin-top: 5rem;

	}

	ul.progm_box .progm_pic {
		padding:0;
		border-width:0;
	}
	ul.progm_box .progm_pic:empty {
		box-shadow: none;
	}
	ul.progm_box .progm_pic + .progm_data {
		border-width:0;
		padding:2rem 0;
	}
}



@charset "utf-8";




/* 프로그램 정보 */
#Progm_itemview {

	font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, Sans-serif, AppleGothic;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
#Progm_itemview::after {
	content:'';
	display:block;
	clear:both;
}

#Progm_itemview .experItem_info {
	width:calc(100% - 43rem);
	padding-right:7rem;
}
#Progm_itemview .experItem_calender {
	width:43rem;
}
#Progm_itemview .experItem_info:empty + .experItem_calender ,
#Progm_itemview .experItem_info.hide + .experItem_calender {
	margin:auto;
}


#Progm_itemview .experItem_info > IMG.photo_cover {
	max-width:100%;
	border:1px solid #aaa;
	padding:1rem;
}
#Progm_itemview .experItem_info > DL {
	width:100%;
	display:flex;
	flex-wrap: wrap;
	font-size:1.6rem;
}
#Progm_itemview .experItem_info > IMG.photo_cover + DL {
	margin-top:2.5rem;
}
#Progm_itemview .experItem_info > DL::after {
	content:'';
	display:block;
	clear:both;
}
#Progm_itemview .experItem_info > DL > DT ,
#Progm_itemview .experItem_info > DL > DD {
	padding:1.5rem 1rem;
	border-bottom:1px solid #ccc;
}
#Progm_itemview .experItem_info > DL > DT {
	width:23%;
	text-align:left;
	font-weight:500;
}
#Progm_itemview .experItem_info > DL > DT:not(:has(+DD)) {
	width:100%;
}
#Progm_itemview .experItem_info > DL > DT:has(+DD)::after {
	content:':';
	float:right;
}
#Progm_itemview .experItem_info > DL > DD {
	width:100%;
	padding-left:23%;
}
#Progm_itemview .experItem_info > DL > DT + DD {
	width:77%;
	padding-left:0;

}

#Progm_itemview .experItem_title {
	padding-bottom:1.5rem;
	border-bottom:1px solid #ccc;
	margin-bottom:3.5rem;
}
#Progm_itemview .experItem_title > P {
	padding:1rem 1.5rem 0.5rem;
	color:#777;
}
#Progm_itemview .experItem_title > P:empty {
	display:none;
}


@media (max-width: 1399px) {
	#Progm_itemview .experItem_info {
		padding-right:3.5rem;
	}


}


@media (max-width: 1259px) {
	#Progm_itemview .experItem_info {
		width:50%;
	}
	#Progm_itemview .experItem_calender {
		width:50%;
	}
}


@media (max-width: 768px) {
	#Progm_itemview .experItem_info {
		width:100%;;
		padding-right:0;
	}
	#Progm_itemview .experItem_calender {
		width:100%;
		max-width:55rem;
		margin:auto;
		margin-top:5rem;
	}

	#Progm_itemview .experItem_title {
		margin-bottom: 0;
		border-bottom-width:0;
	}
	#ProgmSchedule {
		border:1px solid #aaa;
		padding:3rem;
	}

}




#Progm_itemview .experItem_guide {
	width: 100%;
	min-height: 8rem;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;

	margin: 1.5rem 0;
	padding: 1rem;
	border: 1px solid #bbb;
	border-radius: 5px;
	background: #f1f2f3;
}
#ProgmSchedule:has(#ProgmSchedule_Timetable:not(:empty)) ~ .experItem_guide {
	display:none;
}
#ProgmSchedule:has(#ProgmSchedule_Calender > P:not(:empty)) ~ .experItem_guide {
	display:none;
}




/* 프로그램 소개 */
#Progm_content {
	margin-top:8rem;
	border-top:1px solid #aaa;
	padding-top:8rem;
	font-weight:300;
}
#Progm_content:empty {
	display:none;
}
#Progm_content .cont_summary {
	font-size:3.2rem;
	text-align:Center;
	font-weight:500;
}


#Progm_content > h5 {
	padding-top:7.5rem;
}
#Progm_content > h5::before {
	content:'';
	display:inline-block;
	width:50px;
	height:25px;
	background-size:contain;
	background-position:center;
	background-repeat: no-repeat;
	background-image:url('/imgs/arrow.png');
}
#Progm_content > h5 + P {
	padding-top:2.5rem;
}

#Progm_content > h5 + UL {
	padding-top:1.5rem;
}
#Progm_content .cont_ul {
	list-style: disc;
	padding-left: 2.4rem;
}
#Progm_content .cont_ul .cont_ul {
	list-style: circle;
}
#Progm_content .cont_ul > li {
	padding-top:1rem;
}


#Progm_content .cont_tbl {
	width: 100%;
	margin: 1rem auto;
	padding: 0;
	border-spacing: 0;
	border: 0;
	border-top: 1px solid #000;
	border-collapse: collapse;
	table-layout: fixed;
}
#Progm_content .cont_tbl th ,
#Progm_content .cont_tbl td {
	padding:1rem;
	text-align:center;
	border:1px solid #ddd;
	vertical-align: top;
}
#Progm_content .cont_tbl th {
	background-color:#eee;
	font-weight:400;
}
#Progm_content .cont_tbl tr > th:first-of-type ,
#Progm_content .cont_tbl tr > td:first-of-type {
	border-left-width:0;
}
#Progm_content .cont_tbl tr > th:last-of-type ,
#Progm_content .cont_tbl tr > td:last-of-type {
	border-right-width:0;
}









/* 캘린더 엣지 */
#ProgmSchedule {
	/*
	width:38rem;
	*/
}



/* 캘린더 */
#ProgmSchedule_Calender {
	width:100%;
	padding:2.5rem 1.5rem;
	border-radius: 5px;

	border-width:0;
	padding:0;
}
/* 캘린더 대체 텍스트 */
#ProgmSchedule_Calender > P {
	width:100%;
	height:30rem;

	padding:2.5rem 1.5rem;
	border-radius: 5px;

	border-width:0;
	padding:0;
	border: 1px dashed #EE7F6D;

	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;

	
    font-weight: 500;
    color: #E63F24;
	font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, Sans-serif, AppleGothic;

}



/* 캘린더 디자인 */
#ProgmSchedule_Calender .ui-datepicker-calendar {
	width:100%;
}


/* 날짜 */
#ProgmSchedule_Calender .ui-datepicker-title {
	font-size:3rem;
}
#ProgmSchedule_Calender .ui-datepicker-header {
	padding-bottom:1rem;
}
#ProgmSchedule_Calender .ui-datepicker-header .ui-datepicker-prev ,
#ProgmSchedule_Calender .ui-datepicker-header .ui-datepicker-next { margin-top: 1.5rem; }

#ProgmSchedule_Calender .ui-datepicker-header .ui-datepicker-prev-hover,
#ProgmSchedule_Calender .ui-datepicker-header .ui-datepicker-next-hover { top: 0; }


/* 요일 */
#ProgmSchedule_Calender .ui-datepicker-calendar > thead th {
	height:4.5rem;
	font-size: 1.5rem;

	background-color:#eee;
	border:1px solid #aaa;
	border-left-width:0;
	border-right-width:0;
}
#ProgmSchedule_Calender .ui-datepicker-calendar > thead tr > th:first-of-type {
	border-left-width:1px;

}
#ProgmSchedule_Calender .ui-datepicker-calendar > thead tr > th:last-of-type {
	border-right-width:1px;
}

#ProgmSchedule_Calender .ui-datepicker-calendar > tbody > TR {

}
#ProgmSchedule_Calender .ui-datepicker-calendar > tbody > TR > TD {
	width: calc(100% / 7);
	position: relative;

}
#ProgmSchedule_Calender .ui-datepicker-calendar > tbody > TR > TD::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

#ProgmSchedule_Calender .ui-datepicker-calendar > tbody > TR:first-of-type td {
	padding-top:1rem;
}
#ProgmSchedule_Calender .ui-datepicker-calendar > tbody > TR:first-of-type td::after {
	padding-bottom: calc(86% + 1rem);
}
#ProgmSchedule_Calender .ui-datepicker-calendar > tbody > TR:first-of-type td .ui-state-default {
	top: calc(7% + 1rem);
	height: calc( 86% - 1rem);
}


/* 날짜 */
#ProgmSchedule_Calender .ui-state-default {
	border: 0;
	background: #fff;

	position: absolute;
	width: 86%;
	height: 86%;
	top:7%;
	left:7%;
	margin:0;

	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;

	border:1px solid #aaa;
	border-radius: 5px;

	font-family: 'verdana',sans-serif;
	font-size: 1.5rem;
	color: #333;
	text-decoration:none;
	text-align:center;
	box-shadow: 2px 2px 0 0 rgba(100,100,100,0.15);
	font-weight:bold;


}
/* 날짜 클릭효과 */
#ProgmSchedule_Calender .ui-state-default:focus ,
#ProgmSchedule_Calender .ui-state-default.ui-state-active {
	box-shadow: inset 2px 2px 0 0 rgba(100,100,100,0.15);
}
#ProgmSchedule_Calender .ui-state-default:focus ,
#ProgmSchedule_Calender .ui-state-default.ui-state-active:focus {
	background-color:#ffce14;
	color:#222;
	text-shadow:-1px -1px rgba(255,255,255,.3);
}
#ProgmSchedule_Calender .ui-state-default.ui-state-active {
	background-color:#ffa;
}
#ProgmSchedule_Calender .ui-state-disabled .ui-state-default {
	color:#aaa;
	box-shadow:none;
	opacity: .55;
}
#ProgmSchedule_Calender .ui-state-disabled:not(.Progm-Block) .ui-state-default {
	border-width:0;
	box-shadow:none;
	font-weight:normal;
}
#ProgmSchedule_Calender .Progm-Block .ui-state-default::before ,
#ProgmSchedule_Calender .Progm-Block .ui-state-default::after {

	content:'';
	position: absolute;
	top:50%;
	left:50%;
	width:1px;
	height:50%;
	margin-top:-25%;
	display: block;
	background-color:#c00;
}


#ProgmSchedule_Calender .Progm-Block .ui-state-default::before {transform: rotate(45deg);}
#ProgmSchedule_Calender .Progm-Block .ui-state-default::after {transform: rotate(-45deg);}














/* 타임테이블 - 상품진열 */
#ProgmSchedule_Timetable {
	width:100%;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	padding:1.5rem 0;
}
#ProgmSchedule_Timetable:empty {
	display:none;
}
#ProgmSchedule_Timetable > LI {
	width:calc(100% / 2);
	padding:1rem;

	min-height:8rem;
	display: flex;
	align-items: stretch;
}
#ProgmSchedule_Timetable > LI:first-of-type:nth-last-of-type(1) {
	width:100%;
}
#ProgmSchedule_Timetable > LI:nth-of-type(odd) {
	padding-left:0;
}
#ProgmSchedule_Timetable > LI:nth-of-type(even) {
	padding-right:0;
}
#ProgmSchedule_Timetable .time-box {
	position: relative;
	width:100%;
	height:100%;
	border:1px solid #aaa;
	border-radius: 5px;

	padding:1.5rem;
	text-align:center;
	box-shadow: 2px 2px 0 0 rgba(100,100,100,0.15);
	overflow:hidden;
}
#ProgmSchedule_Timetable .time-box:disabled {
	box-shadow: none;
	color:#999;
}
#ProgmSchedule_Timetable .time-box:disabled::before {
	content:'';
	display:block;
	position: absolute;
	top:50%;
	left:-50%;
	width:200%;
	height:0.75rem;
	border:1px solid #c00;
	border-left-width:0;
	border-right-width:0;
	transform: rotate(-45deg);
	opacity: .75;
}

#ProgmSchedule_Timetable .time-box > .state {
	width:100%;
	height:5rem;
	position: relative;
	padding:0.3rem 0;
	margin-top:1rem;
	border-radius: 5px;
	background-color: #4a89dc;
	color: #f5f8fd;

	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
#ProgmSchedule_Timetable .time-box > .state::before ,
#ProgmSchedule_Timetable .time-box > .state::after {
	content:'';
	position: absolute;
	display: inline-block;
}
#ProgmSchedule_Timetable .time-box > .state::before {
	right:1rem;
	top:1.5rem;
	width:1.8rem;
	height:1.8rem;
	border-radius: 100%;
	background:#fff;
}
#ProgmSchedule_Timetable .time-box > .state::after {
	right:1.655rem;
	top:2.1rem;
	width:0.6rem;
	height:0.6rem;
	border:2px solid #4a89dc;
	border-left-width:0;
	border-top-width:0;
	transform: rotate(-45deg);
}

#ProgmSchedule_Timetable .time-box:disabled > .state {
	background-color: #e9573f;
	color: #fef7f6;
}
#ProgmSchedule_Timetable .time-box:disabled > .state::before ,
#ProgmSchedule_Timetable .time-box:disabled > .state::after {
	display:none;
}

/* 로딩 */
#ProgmSchedule_Timetable + .ProgmSchedule_Loader {
	display:none;
}
#ProgmSchedule_Timetable.Loader + .ProgmSchedule_Loader {
	width:100%;
	height: 18rem;
	display:flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
@charset "utf-8";


/*****************************************************/
/* 예약접수 */
/*****************************************************/
.reserv_reserv::after {
	content:'';
	clear:both;
	display:block;
}
.reserv_reserv H2 {
	text-align:center;
	font-size:3.4rem;
	padding:0;
	paddinb-bottom:3rem;
}

.reserv_reserv > .Guidebox {
	margin-top:5rem;
}
.reserv_reserv > .Guidebox + ._list {
	margin-top:5rem;
}

.reserv_reserv > ._list {
	width:100%;
	margin-top:3rem;
}
.reserv_reserv > ._list H3::after ,
.reserv_reserv > ._list H4::after {
	content:'';
	clear:both;
	display:block;
}
.reserv_reserv > ._list H3 > SMALL ,
.reserv_reserv > ._list H4 > SMALL {
	float:right;
	padding-top:0.5rem;
	color:#e9573f;
	font-size:1.4rem;
	font-weight:normal;
	font-family: 'Noto Sans KR','Malgun Gothic',dotum,Sans-serif,AppleGothic;
}
.reserv_reserv > ._list UL {
	width:100%;
	margin-top:1rem;
	border-top:2px solid #000;
}
.reserv_reserv > ._list UL > LI {
	border-bottom:1px solid #ccc;
}
.reserv_reserv > ._list UL > LI::after {
	content:'';
	clear:both;
	display:block;
}
.reserv_reserv > ._list DL {
	float:left;
	width: calc((100% - 10%) / 6 );

	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-direction: column;
	align-content: space-between;
}
.reserv_reserv > ._list DL:nth-of-type(1) ,
.reserv_reserv > ._list DL:nth-of-type(2) {
	width: calc(((100% - 10%) / 6) + 5%) ;

}
.reserv_reserv > ._list DL > DT {
	width:100%;
	height:5rem;
	border-bottom:1px solid #ddd;
	background-color:#f5f5f5;

	display: flex;
	justify-content: center;
	align-items: center;
	text-align:center;
	line-height: 1.2;
}
.reserv_reserv > ._list DL > DD {
	padding:2rem 0.5rem;
	height:10rem;
	text-align:Center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.reserv_reserv > ._list .app_title H4 {
	font-size:1.9rem;
}

.reserv_reserv > ._list DL > DD STRONG {
	font-size:1.9rem;
	font-weight:500;
}

/* 리스트의 두번째 TH 지우기 */
.reserv_reserv > ._list UL > LI ~ LI DT {
	display:none;
}
.reserv_reserv > ._list H4 ,
.reserv_reserv > ._list H5 {
	font-size:2.4rem;
}
.reserv_reserv > ._list H4 + SMALL ,
.reserv_reserv > ._list H5 + SMALL {
	margin-top:0.5rem;
	color:#999;
}



.reserv_reserv .total_amount {
	text-align:right;
	padding:2rem 3rem;
	color:#666;
}

.reserv_reserv .total_amount > STRONG {
	font-size:2.5rem;
	color:#222;
	padding-left:1rem;
}

.reserv_reserv ._body {
	margin-top:3rem;
}
.reserv_reserv ._body::after {
	content:'';
	clear:both;
	display:block;
}



.reserv_reserv ._rule {
	float:none;
	width:100%;
	padding:0;
}
.reserv_reserv ._rule:has(~ ._form) {
	float:left;
	width:50%;
	padding-right:3rem;
}
.reserv_reserv ._form {
	float:right;
	width:50%;
	padding-left:3rem;
}

.reserv_reserv ._rule > .rulebox {
	border-top:2px solid #222;
	margin-top:1rem;
	padding:2.5rem 0;
}
/*
.reserv_reserv ._rule:has(~ ._form) {
	padding:2.5rem 2rem;
}
*/
.reserv_reserv ._rule > .rulebox ~ .rulebox {
	border-top:1px solid #ddd;
	padding:1rem 0;
}
.reserv_reserv ._rule:has(~ ._form) > .rulebox ~ .rulebox {
	padding:1rem 2rem;
}

.reserv_reserv ._rule > .rulebox:last-of-type {
	padding-bottom: 2.5rem;
}


.reserv_reserv ._rule H4 ,
.reserv_reserv ._rule H5 ,
.reserv_reserv ._rule H6 {
	position: relative;
	margin-top:1rem;
}
.reserv_reserv ._rule H4 ~ H4 ,
.reserv_reserv ._rule H5 ~ H5 ,
.reserv_reserv ._rule H6 ~ H6 {
	margin-top:3rem;
	padding-top:2rem;
	border-top:1px solid #eee;
}

/* 약관 전체동의 버튼 */
.reserv_reserv ._rule H4 > LABEL {
	position: absolute;
	top:0;
	right:0;
    font-size: 1.75rem;
    line-height: 135%;
	color:#3f6da9;
}
HTML:lang(en) .reserv_reserv ._rule H4 > LABEL {
	position: relative;
}


/* 전체보기 버튼 */
.reserv_reserv ._rule H6 > BUTTON {
	position: absolute;
	right:0;
	border-radius: 0.5rem;
    padding: 0.3rem 1rem;
	font-size:1.2rem;

}

.reserv_reserv ._rule .arrow_bar:first-of-type {
	margin-top:0;
}
.reserv_reserv ._rule .rule_guide {

	width: 100%;
	/* height: 15rem; */
	height: 10rem;
	padding: 1.5rem;
	overflow: auto;
	border: 1px solid #ccc;
	background: #f1f2f3;
	margin-top:1rem;
	color: #555;
	font-size: 1.3rem;
	font-family: 'Malgun Gothic', dotum, 'Sans-serif', AppleGothic;
}
.reserv_reserv ._rule .rule_guide.moreview {
	display:block;
	height:auto;
}
@media (max-width: 768px) {
	.reserv_reserv ._rule .rule_guide {
		display:none;
	}
}



.reserv_reserv ._rule .rule_guide * {
	font-size: inherit;
}
.reserv_reserv ._rule .rule_guide h5 ,
.reserv_reserv ._rule .rule_guide h6 {
	font-size: 1.1em;
	margin-top: 2rem;
}
.reserv_reserv ._rule .rule_guide * ~ DIV ,
.reserv_reserv ._rule .rule_guide * ~ P ,
.reserv_reserv ._rule .rule_guide * ~ DL ,
.reserv_reserv ._rule .rule_guide * ~ UL {
	margin-top: 1rem;
}
.reserv_reserv ._rule .rule_guide TABLE {
    width: 100%;
    margin: 1rem auto;
    padding: 0;
    border-spacing: 0;
    border-collapse: initial;
    table-layout: fixed;
	border:1px solid #aaaaaa;
	border-right-width:0;
	border-bottom-width:0;
}
.reserv_reserv ._rule .rule_guide TABLE TH ,
.reserv_reserv ._rule .rule_guide TABLE TD {
	padding: 0.3rem 0.5rem;
	border: 1px solid #aaaaaa;
	border-left-color:#fafafa;
	border-top-color:#fafafa;
}
.reserv_reserv ._rule .rule_guide TABLE TH {
	width:30%;
	text-align:center;
	font-weight:bold;
	background: #e5e5e5;
}
.reserv_reserv ._rule .rule_guide TABLE TD {
	width:70%;
	background: #f7f7f7;
	vertical-align: top;
	border-left-color:#ffff;
	border-top-color:#fff;
}

.reserv_reserv ._rule .rule_guide DL {
	display:flex;
    flex-wrap: wrap;
	border:1px solid #aaaaaa;
	border-right-width:0;
	border-bottom-width:0;
}
.reserv_reserv ._rule .rule_guide DL > DT ,
.reserv_reserv ._rule .rule_guide DL > DD {
	padding: 0.5rem 0.7rem;
	border: 1px solid #aaaaaa;
	border-left-color:#fafafa;
	border-top-color:#fafafa;
}
.reserv_reserv ._rule .rule_guide DL > DT {
	width:100%;
	text-align:left;
	font-weight:bold;
	background: #e5e5e5;
}
.reserv_reserv ._rule .rule_guide DL > DD {
	width:100%;
	background: #f7f7f7;
	border-left-color:#ffff;
	border-top-color:#fff;
}
.reserv_reserv ._rule .rule_guide UL {
	list-style-type: disc;
    list-style-position: outside;
}
.reserv_reserv ._rule .rule_guide UL > LI {
    margin-left: 2rem;
    margin-top: 0.5rem;
}
.reserv_reserv ._rule .rule_guide UL > LI:first-of-type {
    margin-top: 0;
}

.reserv_reserv ._rule .rule_guide DL + UL {
   margin-top: 1rem;
}
.reserv_reserv ._rule .rule_guide DD LI {
    margin-top: 0.15rem;
}



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

	.reserv_reserv > ._body ._rule ,
	.reserv_reserv > ._body ._form {
		float: none;
		width: 100%;
		padding:0;
	}
	.reserv_reserv > ._body ._rule {
		border-bottom: 1px solid #555;
		padding-bottom:2rem;
	}
	.reserv_reserv > ._body ._form {
		padding-top:5rem;
	}

	.reserv_reserv ._rule H4 ~ H4 ,
	.reserv_reserv ._rule H5 ~ H5 ,
	.reserv_reserv ._rule H6 ~ H6 {
		border-top-color: #ccc;
	}

	.reserv_reserv ._rule > .rulebox {
		padding:0;
	}

	.reserv_reserv ._rule > .rulebox ~ .rulebox {
		margin-top:3rem;
		padding:0;
		border-top-color:#ccc;
	}

	.reserv_reserv ._rule > .rulebox:last-of-type {
		padding-bottom: 2rem;
	}


}





/* 환불정책 */
.box_RefRule::after {
	clear:both;
	content:'';
	display:block;
}
.box_RefRule > DIV {
	margin-top: 1em;
	font-size: 1.15em;
	font-weight:bold;
}
.box_RefRule > UL {
    list-style-type: disc;
    list-style-position: outside;
}
.box_RefRule > UL > LI {
    margin-left: 1.5em;
}



INPUT[id^='policy_attention'] + LABEL {
	display:block;
	position: relative;
	padding-left:3rem;
	padding-top:1.7rem;
}
INPUT[id^='policy_attention'] + LABEL::before {
	content: "\ea0e";
	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	position: absolute;
	left: 0;
	font-size:2.4rem;
	vertical-align: middle;
}
INPUT[id^='policy_attention']:checked + LABEL::before {
	content:"\e92d";
}

.reserv_reserv ._form FIELDSET {
	display:none;
}


#appMobile_Sending + LABEL {
	position: relative;
	padding-left:3.4rem;
}

#appMobile_Sending + LABEL::before {
	content: "\ea0e";
	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	position: absolute;
	left: 0;
	font-size:2.4rem;
	vertical-align: middle;
}
#appMobile_Sending:checked + LABEL::before {
	content:"\e92d";
}





.reserv_reserv .TimeoutCounter {
	text-align:center;
	padding:3rem 0;
	color:#000;
}
.reserv_reserv .TimeoutCounter::before {
	content: "\ea1f";
	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	margin-right:0.5rem;
	font-size: 3rem;
	vertical-align: middle;
	margin-top: -0.2rem;
}
.reserv_reserv .TimeoutCounter BR {
	display:none;
}
.reserv_reserv .TimeoutCounter BR + SPAN {
	margin-left:1rem;
}
/* 모바일 - 상품 목록 */
@media all and (max-width:767px) {
	.reserv_reserv .TimeoutCounter BR {
		display:block;
	}
}



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

	.reserv_reserv .total_amount {
	    padding: 0 1rem;
	}

}




._list UL.ProgmApplList DL > DD {
	min-height:10rem;
	height:auto;
}
._list UL.ProgmApplList DL.app_cover {
	width:15rem;
}
._list UL.ProgmApplList DL.app_cover DD {
	padding: 1.5rem 0.5rem;
}
._list UL.ProgmApplList DL.app_cover IMG {
	max-width:100%;
	max-height:100%;
	border:1px solid #aaa;
	padding:0.5rem;
}


._list UL.ProgmApplList DL.app_title {
	width:calc((100% - 15rem ) / 5);
}
._list UL.ProgmApplList DL.app_date {
	width:calc((100% - 15rem ) / 5);
}
._list UL.ProgmApplList DL.app_limit {
	width:calc((100% - 15rem ) / 5);
}
._list UL.ProgmApplList DL.app_prod {
	width:calc((100% - 15rem ) / 5);
}
._list UL.ProgmApplList DL.app_prod DD {
	padding:1.5rem 0.5rem;
}
._list UL.ProgmApplList DL.app_amount {
	width:calc((100% - 15rem ) / 5);
}



/* 모바일 - 상품 목록 */
@media all and (max-width:767px) {

	#Progm UL.ProgmApplList LI {

		border: 1px solid #555;
		margin: 5rem 0.5rem;
		padding: 0;
		box-shadow: 0 0 0 5px rgba(0,0,0,.15);
		border-radius: 0.5rem;
		overflow:hidden;
	}


	#Progm UL.ProgmApplList LI > DL {
		width:100%;
		height: 5rem;
		border-bottom: 1px solid #ddd;
		background: #fff;

		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-direction: row;
		align-content: center;
		flex-wrap: nowrap;
	}
	#Progm UL.ProgmApplList LI > DL > DT ,
	#Progm UL.ProgmApplList LI > DL > DD {
		min-height: auto;
		float: none;
		border:0;
		padding:1rem;
	}
	#Progm UL.ProgmApplList LI > DL > DT {
		width:11rem;
		height: 100%;
		font-weight:500;
		letter-spacing:-0.1rem;
	}
	#Progm UL.ProgmApplList LI > DL > DT + DD {
		width: calc(100% - 11rem);
		height: 100%;
		line-height:1;

		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-direction: row;
	}
	#Progm UL.ProgmApplList LI > DL > DT + DD > * ~ * {
		padding-left:1rem;
	}
	#Progm UL.ProgmApplList > LI ~ LI DT ,
	#Progm UL.ProgmApplList > LI ~ LI DT {
		display:flex;
	}


	#Progm UL.ProgmApplList DL > DD H4 ,
	#Progm UL.ProgmApplList DL > DD STRONG {
		display:inline-block;
	}
	#Progm UL.ProgmApplList DL > DD H4 {
		/* padding-left:1rem; */
	}
	#Progm UL.ProgmApplList DL.pur_state {
		height:6.5rem;
	}
	#Progm UL.ProgmApplList DL.pur_state DT {
		display:none;
	}
	#Progm UL.ProgmApplList DL.pur_state > DT + DD {
		width:100%;
	}
	#Progm UL.ProgmApplList .AppProgBox {
		width:100%;
		height:100%;
		padding:0.2rem 1rem;
	    border-radius: 50px;
	}


	/* 선별적 디자인 */
	#Progm UL.ProgmApplList LI > DL.app_cover {
		display:none;
	}
	#Progm UL.ProgmApplList LI > DL.app_prod {
		height:auto;
	}
	#Progm UL.ProgmApplList LI > DL.app_prod DT {
		display:none;
	}
	#Progm UL.ProgmApplList LI > DL.app_prod DD {
		width:100%;
		flex-direction: column;
		align-items: flex-start
	}
	#Progm UL.ProgmApplList LI > DL.app_prod DD > DIV {
		width:100%;
		padding:1rem;
	}
	#Progm UL.ProgmApplList LI > DL.app_prod DD > DIV + DIV {
		padding-top:0;
	}
	#Progm UL.ProgmApplList LI > DL.app_prod DD DIV.qtycnt {
		margin-top:1rem;
		max-width:15rem;
	}
	

}













.reserv_reserv .prod_qty + .prod_qty {
	margin-top:1rem;
}
.reserv_reserv .qtytit {
	font-size:1.5rem;
	text-align: left;
	font-weight:bold;
}
.reserv_reserv .qtytit:empty {
	display:none;
}
.reserv_reserv .qtycnt {
	width: 100%;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: flex-start;
	justify-content: center;
	align-items: center;

	border: 1px solid #aaa;
	border-radius: 3px;
	overflow: hidden;
}
.reserv_reserv .qtycnt + .qtytit ,
.reserv_reserv .qtycnt + .qtycnt {
	margin-top:0.5rem;
}
.reserv_reserv .qtycnt > * {
	float:left;
}
.reserv_reserv .qtycnt > INPUT {

	display:flex;
	justify-content: center;
	align-items: center;

	width: calc(100% - 5rem);
	height:4rem;
	border:1px solid #aaa;
	border-top:0;
	border-bottom:0;
	font-weight:bold;
	font-size:1.8rem;
	text-align:center;
	background-color: #ffd;
}

.reserv_reserv .qtycnt > BUTTON {
	position: relative;
	width:4rem;
	height:4rem;
	border:0;
	background-color:#f1f2f3;
}

.reserv_reserv .qtycnt > BUTTON.btn-plus::before ,
.reserv_reserv .qtycnt > BUTTON.btn-plus::after ,
.reserv_reserv .qtycnt > BUTTON.btn-minus::after {
	content:'';
	position: absolute;
	display:block;
	margin: auto;
	width:1.6rem;
	height:0.4rem;
	background-color:#000;
}
.reserv_reserv .qtycnt > BUTTON.btn-plus::after {
	transform: rotate( 90deg );
}
.reserv_reserv .qtycnt.disabled ,
.reserv_reserv .qtycnt:disabled + LABEL {
	opacity: .35;
	cursor: not-allowed !important;
}



.reserv_reserv .AppFields .txtQty {
	font-size:2.5rem;
}


FIELDSET.AppFields DD:has(INPUT[name='appGtype']) {
	justify-content: flex-start;
}
FIELDSET.AppFields DL:has(INPUT[name='appGtype']) ~ DL.areaTeam {
	display:none;
}
FIELDSET.AppFields DL:has(#appGtype_team:checked) ~ DL.areaTeam {
	display:flex;
}

INPUT[name='appGtype'] {
	display:none;
}
INPUT[name='appGtype'] + LABEL {
	position: relative;
	padding-left: 3rem;
}

INPUT[name='appGtype'] + LABEL::before {
	content: "\e9c6";
	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	position: absolute;
	left: 0;
	font-size:2.4rem;
	vertical-align: middle;
}
INPUT[name='appGtype']:checked + LABEL::before {
	content:"\e92b";
}
INPUT[name='appGtype'] + LABEL ~ LABEL {
	margin-left:2rem;
}@charset "utf-8";




/*****************************************************/
/* 예약확인 - 열람 */
/*****************************************************/
#Progm.Verify .reserv_appview .nav-step_prog ,
#Progm.Verify .reserv_appview .confirmMessageBox {
	display:none;
}
.confirmMessageBox {
	display:none;
}


.reserv_appview::after {
	content:'';
	clear:both;
	display:block;
}
.reserv_appview H2 {
	text-align:center;
	font-size:3.4rem;
	padding:0;
	padding-bottom:3rem;
}

.reserv_appview H3 ~ H3 ,
.reserv_appview H4 ~ H4 ,
.reserv_appview ._body {
	margin-top:5rem;
}

.reserv_appview .confirmMessageBox {
	margin:10rem auto 5rem;
}
.reserv_appview SVG.Success_Maker {
	 width: 15rem;
	 display: block;
	 margin: 0 auto;
}
.reserv_appview SVG.Success_Maker .path {
	 stroke-dasharray: 1000;
	 stroke-dashoffset: 0;
}
.reserv_appview SVG.Success_Maker .path.circle {
	 -webkit-animation: SVG_icon_Success 1.2s ease-in-out;
	 animation: SVG_icon_Success 1.2s ease-in-out;
}
.reserv_appview SVG.Success_Maker .path.line {
	 stroke-dashoffset: 1000;
	 -webkit-animation: SVG_icon_Success 1.2s .5s ease-in-out forwards;
	 animation: SVG_icon_Success 1.2s .5s ease-in-out forwards;
}
.reserv_appview SVG.Success_Maker .path.check {
	 stroke-dashoffset: -100;
	 -webkit-animation: SVG_icon_Success-check 1.2s .5s ease-in-out forwards;
	 animation: SVG_icon_Success-check 1.2s .5s ease-in-out forwards;
}

@-webkit-keyframes SVG_icon_Success {
	 0% { stroke-dashoffset: 1000; }
	 100% { stroke-dashoffset: 0; }
}
@keyframes SVG_icon_Success {
	 0% { stroke-dashoffset: 1000;}
	 100% { stroke-dashoffset: 0; }
}
@-webkit-keyframes SVG_icon_Success-check {
	0% { stroke-dashoffset: -100; }
	100% { stroke-dashoffset: 900; }
}
@keyframes SVG_icon_Success-check {
	0% { stroke-dashoffset: -100; }
	100% { stroke-dashoffset: 900; }
}


.reserv_appview ._body::after {
	content:'';
	clear:both;
	display:block;
}


.reserv_appview ._aside {
	float:left;
	width:50%;
	padding-right:3rem;
}
.reserv_appview ._aside ~ ._aside {
	float:right;
	padding-left:3rem;
	padding-right:0;
}
@media all and (max-width:900px) {
	.reserv_appview ._aside ,
	.reserv_appview ._aside ~ ._aside {
		float: none;
		padding:0;
		width:100%;
	}
	.reserv_appview ._aside ~ ._aside {
		margin-top:5rem;
	}
}

.reserv_appview .tblsty {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-start;
	align-items: center;

	position: relative;
	width: 100%;
	margin: auto;
	padding: 0;
	border-spacing: 0;
	border: 0;
	border-top: 3px solid #3B3F4F;
	border-collapse: collapse;
	table-layout: fixed;
}
.reserv_appview .tblsty + .tblsty {
	margin-top:-0.1rem;
}
.reserv_appview .tblsty > dt ,
.reserv_appview .tblsty > dd {
	height:5.5rem;
	padding:1rem 2rem;
	border-bottom:1px solid #ddd;
	display:flex;
    justify-content: center;
    align-items: center;
}
.reserv_appview .tblsty > dt {
	width:30%;
	font-weight:500;
	text-align:center;
	background-color:#f5f5f5;
	border-bottom-color:#ddd;
	line-height:1.2;
}
.reserv_appview .tblsty > dd {
	width:70%;
	line-height: 130%;

	justify-content: flex-start;
	flex-wrap: wrap;
	overflow:hidden;
	/*
	word-wrap: normal;
	white-space:nowrap;
	text-overflow:ellipsis;
	*/
}
.reserv_appview .tblsty > dd > SPAN {
	display:inline-block;
	padding-left:1rem;
	color:#999;
}
.reserv_appview .tblsty > dd > P {
	width:100%;
}

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

	.reserv_appview .tblsty > dt ,
	.reserv_appview .tblsty > dd {
		width:calc(100% - 12rem);
		height: 5rem;
		padding: 0 2rem;
		display: flex;
		align-content: center;
		align-items: center;
		justify-content: flex-start;

		font-size:1.7rem;
	}
	.reserv_appview .tblsty > dt {
		width:12rem;
		padding-left:0.5rem;
		letter-spacing:-0.1rem;
		justify-content: flex-end;
	}

	.reserv_appview .tblsty > DT.title-state {
		display:none;
	}
	.reserv_appview .tblsty > DD.data-state {
		width:100%;
		height:8rem;
		padding: 1rem !important;
	}
	 

}

#AppPayment:empty {
	display:none;
}
#AppPayment .tblsty.PayType > dt ,
#AppPayment .tblsty.PayType > dd {
	height:8rem;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}
#AppPayment .tblsty.PayType > dd {
	justify-content: flex-start;
	flex-wrap: wrap;
}
#AppPayment .tblsty.PayType .btn_radio {
	margin:0.25rem 0.5rem;
}

#AppPayment .tblsty > dd STRONG {
	font-size:2.5rem;
	color:#3078D7;
}

@media all and (max-width:767px) {
	/*
	#AppPayment .tblsty > dt ,
	#AppPayment .tblsty > dd {
		height: 5rem;
	}
	#AppPayment .tblsty > dd > STRONG {
		font-size:1.9rem;
	}
	*/
	#AppPayment .tblsty.PayType > dt ,
	#AppPayment .tblsty.PayType > dd {
		height:auto;
		justify-content: flex-start;
	}
	/*
	#AppPayment .tblsty.PayType > dt ,
	#AppPayment .tblsty.PayType > dd {
		height:10rem;
		display: flex;
		align-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: space-evenly
	}

	#AppPayment .tblsty.PayType > dt {
		align-items: flex-end;
	}
	*/
	#AppPayment .tblsty.PayType > dd {
		padding:0;
	}
	#AppPayment .tblsty.PayType > dd > LABEL.btn_radio {
		width:100%;
		padding: 1.5rem;
		margin-top:1rem;
	}
	#AppPayment .tblsty.PayType > dd > LABEL.btn_radio + LABEL.btn_radio {
		margin-top:0;
	}
}


#AppPayment.timeout UL {
	width:100%;
    padding: 2.5rem;	
    list-style-position: outside;
    list-style-type: disc;
	background-color: #ffefec;
    border: 2px solid #3B3F4F;
    border-top-width: 2px;
    padding-left: 4rem;
}
#AppPayment.timeout UL > LI {
	padding-bottom:1rem;
}
#AppPayment.timeout UL > LI.b {
	font-weight:500;
	font-size:1.8rem;
}

#AppPayment:not(:empty) ~ .Certbox ,
#AppCertificate:empty {
	display:none;
}


#_Payment_ {
	width:100%; 
	height:8rem;
	font-size:1.6rem;
	margin-top:3rem;
	border-radius:0.5rem;
}




/*
.reserv_appview .tblsty .fld-cancel ,
.reserv_appview .tblsty .data-cancel {
	display:none;
}
.reserv_appview .tblsty .fld-refund ,
.reserv_appview .tblsty .data-refund {
	display:none;
}
*/
.reserv_appview .tblsty .AppProgBox {
	width:100%;
	height:100%;
	padding:1rem;
    line-height: 1;
	border-radius: 0.5rem;
	cursor:default;
}



.reserv_appview > ._list {
	width:100%;
	margin-top:3rem;
}
.reserv_appview > ._list H3::after ,
.reserv_appview > ._list H4::after {
	content:'';
	clear:both;
	display:block;
}
.reserv_appview > ._list H4 > SMALL ,
.reserv_appview > ._list H3 > SMALL {
	float:right;
	padding-top:0.5rem;
	color:#e9573f;
	font-size:1.4rem;
	font-weight:normal;
	font-family: 'Noto Sans KR','Malgun Gothic',dotum,Sans-serif,AppleGothic;
}
.reserv_appview > ._list UL {
	width:100%;
	margin-top:1rem;
	border-top:2px solid #000;
}
.reserv_appview > ._list UL > LI {
	border-bottom:1px solid #ccc;
}
.reserv_appview > ._list UL > LI::after {
	content:'';
	clear:both;
	display:block;
}
.reserv_appview ._list UL > LI.null {
	height:30rem;
	text-align:center;
	color:#aaa;
	font-size:2.5rem;
	font-weight:normal;
	display: flex;
	flex-wrap: nowrap;
	align-content: center;
	align-items: center;
	justify-content: center;
}
/* 취소상품 */
.reserv_appview ._list UL > LI.cancel DD {
	color:#e55d5d;
}
/*
.reserv_appview ._list UL > LI.cancel DL:nth-of-type(2) > DD::before {
	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e9af";
	position: absolute;
	font-size: 2.5rem;
	left: 0;
}
*/
.reserv_appview ._list UL > LI.cancel DL:nth-of-type(2) > DD > H6 ,
.reserv_appview ._list UL > LI.cancel DL:nth-of-type(2) > DD > H5 {
	position: relative;
}
.reserv_appview ._list UL > LI.cancel DL:nth-of-type(2) > DD > H6::before ,
.reserv_appview ._list UL > LI.cancel DL:nth-of-type(2) > DD > H5::before {
	content: "";
	position: absolute;
	font-size: 2.5rem;
	left: 0;
	top:calc(50% - 0.25rem);
	display:block;
	width:100%;
	height:0.5rem;
	border:1px solid #c00;
	border-left:0; border-right:0;
}





.reserv_appview > ._list DL {
	float:left;
	/* 총8개필드 -> 전체 95% 에서 7개 필드나누고 첫번째 고정너비 10rem 을 각각 필드에서 빼줌 */
	/* 두번째 필드에서 5% 더해줘서 총 100% */
	width: calc( (95% / 7) - (10rem / 7));

	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-direction: column;
	align-content: space-between;


}
.reserv_appview > ._list DL:nth-of-type(2) {
	width: calc( (95% / 7) - (10rem / 7) + 5%);
}
.reserv_appview > ._list DL:nth-of-type(1) {
	width: 10rem;
}

.reserv_appview > ._list DL > DT {
	width:100%;
	height:5rem;
	border-bottom:1px solid #ddd;
	background-color:#f5f5f5;

	display: flex;
	justify-content: center;
	align-items: center;
}
.reserv_appview > ._list DL > DD {
	padding:2rem 0.5rem;
	width:100%;
	min-height:10rem;
	text-align:center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.reserv_appview > ._list DL > DD H5 {
	font-size:1.9rem;
}
.reserv_appview > ._list DL > DD STRONG {
	font-size:1.65rem;
}
.reserv_appview > ._list DL > DD P ~ DIV ,
.reserv_appview > ._list DL > DD STRONG ~ DIV {
	color:#999;
}

.reserv_appview > ._list .app_rooms H4 {
	font-size:1.9rem;
}


/* 리스트의 두번째 TH 지우기 */
.reserv_appview > ._list UL > LI ~ LI DT {
	display:none;
}



/* PC화면에서 옵션날짜 숨김 */
.reserv_appview > ._list DL.opt_date {
	display:none;
}



/* 리스트의 구매상품들끼리 여백없이 붙이기 */
.reserv_appview > ._list UL.ResvPurList ~ UL.ResvPurList {
	margin-top:-0.1rem;
}
.reserv_appview > ._list + ._foot {
	margin-top:-0.1rem;
}

.reserv_appview > ._list H4 {
	font-size:2.4rem;
}
.reserv_appview > ._list H4 + SMALL {
	margin-top:0.5rem;
	color:#999;
}

.reserv_appview > ._list .app_men > DD SPAN {
	padding-right:0.5rem;
}
.reserv_appview > ._list .app_men > DD STRONG {
	font-size:2.1rem;
}

.reserv_appview > ._list .app_men > DD SPAN + STRONG {
	font-size:1.7rem;
}
.reserv_appview > ._list .pur_state .AppProgBox {
	max-width:100%;
	max-height:100%;

	width: 6rem;
    height: 6rem;
    border-radius: 100%;
	line-height: 1.2;
	padding:1rem;
	cursor:default;
}
.reserv_appview .tblsty + #AppPayment {
	margin-top: 5rem;
}

.reserv_appview > ._foot {
	margin-top: 5rem;
}




.reserv_appview #AppRefund:not(:empty) ~ H4 {
	margin-top: 5rem;
}
.reserv_appview #AppRefund DD > H6 > SPAN {
	display:inline-block;
	margin-left:1rem;
	font-weight:normal;
	font-size:1.5rem;
}
.reserv_appview UL.Guidebox {
	margin-top: 1rem;
}
.reserv_appview #AppRefundField {
	display:none;
}
.reserv_appview FIELDSET.AppFields {
	margin-top: 5rem;
}
.reserv_appview FIELDSET.AppFields DT {
	width: 15rem;
}
.reserv_appview FIELDSET.AppFields DD {
	width: calc(100% - 15rem);
}
.reserv_appview FIELDSET.AppFields > DL + UL {
	padding-left: 1rem;
	padding-right: 1rem;
}

.reserv_appview FIELDSET.AppFields INPUT ,
.reserv_appview FIELDSET.AppFields SELECT {
	width:100%;
}
@media all and (max-width:767px) {

	
	.reserv_appview FIELDSET.AppFields DT ,
	.reserv_appview FIELDSET.AppFields DD {
		width:100%;
	}
	.reserv_appview FIELDSET.AppFields > DL + UL {
		padding: 0 1rem 2rem;
	}
}







INPUT[id^=appOpt_] {
	display:none;
}
INPUT[id^=appOpt_] + LABEL::before {
	font-family: xeicon !important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;


	content: "\ea0e";
	font-size: 3rem;
	vertical-align: middle;
	color:#aaa;
	margin-right:1rem;

}
INPUT[id^=appOpt_]:checked + LABEL::before {
	content: "\e92d";
	color:#252832;
}
INPUT[id^=appOpt_]:disabled + LABEL::before {
	content: "\e920";
}
INPUT[id^=appOpt_]:disabled:checked + LABEL::before {
	content: "\e91f";
}

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

	#Progm LI.ResvOptList.Mod-ResvOpt INPUT[id^=appOpt_]:checked + LABEL::before {
		color:#E63F24;
	}
}




/* 우편번호 */
#AddrcodeLayer {
	display:none;position:fixed;overflow:hidden;z-index:1;-webkit-overflow-scrolling:touch;background:#fff;
	width:450px;
	height:520px;
	border:2px solid #000;
	padding:25px;
}
#AddrcodeLayer > BUTTON.btn-close {
	position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
	z-index:1;
}


/* 모바일 - 상품 목록 */
@media all and (max-width:767px) {
	#AddrcodeLayer {
		width: 90%;
		max-height: 80%;
		margin: 10%;
		padding: 5px;
		left: -5% !important;
	}
	#AddrcodeLayer > BUTTON.btn-close + DIV {
	
		height: calc(100% - 30px) !important;;
		margin-top:30px !important;;
	}
}




@media (max-width: 1023px) {

}






/* 모바일 - 상품 목록 */
@media all and (max-width:767px) {


	.reserv_appview > ._list DL > DD STRONG ,
	.reserv_appview > ._list .app_men > DD STRONG {
		font-size:inherit;
	}

	#Progm UL.ResvPurList LI ,
	#Progm UL.ResvOptList LI {

		border: 1px solid #555;
		margin: 5rem 0.5rem;
		padding: 0;
		box-shadow: 0 0 0 5px rgba(0,0,0,.15);
		border-radius: 0.5rem;
		overflow:hidden;
	}
	/*
	#Progm UL.ResvPurList DL > DT ,
	#Progm UL.ResvPurList DL > DD ,
	#Progm UL.ResvPurList DL > DD H4 ,
	#Progm UL.ResvPurList DL > DD .ResvOptList ,
	#Progm UL.ResvPurList DL > DD STRONG {
		font-size:1.7rem;
	}
	*/

	#Progm UL.ResvPurList LI > DL ,
	#Progm UL.ResvOptList LI > DL {
		width:100%;
		height: 5rem;
		border-bottom: 1px solid #ddd;
		background: #fff;

		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-direction: row;
		align-content: center;
		flex-wrap: nowrap;
	}
	#Progm UL.ResvPurList LI > DL > DT ,
	#Progm UL.ResvPurList LI > DL > DD ,
	#Progm UL.ResvOptList LI > DL > DT ,
	#Progm UL.ResvOptList LI > DL > DD {
		min-height: auto;
		float: none;
		border:0;
		padding:1rem;
	}
	#Progm UL.ResvPurList LI > DL > DT ,
	#Progm UL.ResvOptList LI > DL > DT {
		width:11rem;
		height: 100%;
		font-weight:500;
		letter-spacing:-0.1rem;
	}
	#Progm UL.ResvPurList LI > DL > DT + DD ,
	#Progm UL.ResvOptList LI > DL > DT + DD {
		width: calc(100% - 11rem);
		height: 100%;
		line-height:1;

		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-direction: row;
	}
	#Progm UL.ResvPurList LI > DL > DT + DD > * ~ * ,
	#Progm UL.ResvOptList LI > DL > DT + DD > * ~ * {
		padding-left:1rem;
	}
	#Progm UL.ResvPurList > LI ~ LI DT ,
	#Progm UL.ResvPurList > LI ~ LI DT ,
	#Progm UL.ResvOptList > LI ~ LI DT ,
	#Progm UL.ResvOptList > LI ~ LI DT {
		display:flex;
	}


	#Progm UL.ResvPurList DL > DD H4 ,
	#Progm UL.ResvPurList DL > DD .ResvOptList ,
	#Progm UL.ResvPurList DL > DD STRONG {
		display:inline-block;
	}
	#Progm UL.ResvPurList DL > DD H4 {
		/* padding-left:1rem; */
	}
	#Progm UL.ResvPurList DL.pur_state {
		height:6.5rem;
	}
	#Progm UL.ResvPurList DL.pur_state DT {
		display:none;
	}
	#Progm UL.ResvPurList DL.pur_state > DT + DD {
		width:100%;
	}
	#Progm UL.ResvPurList .AppProgBox {
		width:100%;
		height:100%;
		padding:0.2rem 1rem;
	    border-radius: 50px;
	}

	/* 무료상품 -> 가격 숨기기 */
	#Progm UL > LI.Payfree .pur_extra ,
	#Progm UL > LI.Payfree .pur_discount ,
	#Progm UL > LI.Payfree .pur_amount,
	#Progm UL > LI DL.Payfree {
		display:none;
	}

	/* 인원 한줄로 */
	#Progm UL DL.app_men DIV  {
		display:inline-block;
		padding-right:1rem;
	}




	/* 옵션항목 */
	#Progm UL.ResvPurList LI.ResvOptList {
	#Progm UL.ResvOptList LI.ResvOptList ,
		margin:0 0.5rem;
	}
	#Progm UL.ResvPurList LI.ResvPurList + LI.ResvOptList ,
	#Progm UL.ResvPurList + UL.ResvOptList LI {
		margin-top: calc(-5rem - 1px);
		background: #fff;
	}
	#Progm UL LI.ResvOptList DL.opt_price ,
	#Progm UL LI.ResvOptList DL.opt_extra ,
	#Progm UL LI.ResvOptList DL.opt_discount {
		display:none;
	}
	#Progm .ResvOptList DL > DT {
		display:flex;
	}


	#Progm UL.ResvPurList LI.ResvPurList + LI.ResvOptList {
		margin:-5rem 0.5rem 0;
		margin-top:calc(-5rem - 1px);
	}
	#Progm UL.ResvPurList LI.ResvOptList + LI.ResvOptList {
		margin:-1px 0.5rem 0;
	}
	#Progm UL.ResvPurList LI.ResvOptList + LI.ResvOptList:last-of-type {
		margin-bottom:5rem;
	}

	#Progm .ResvOptList .opt-icon {
	    width: 1.5rem;
		top:-0.35rem;
	}
	#Progm .ResvOptList .opt-icon::before {
		top: -5px;
		width: 12px;
		height: 10px;
		border-left-width: 3px;
		border-bottom-width: 3px;
	}
	#Progm .ResvOptList .opt-icon::after {
		top: -1px;
		left: 4px;
		width: 9px;
		height: 9px;
		border-left-width: 3px;
		border-bottom-width: 3px;
	}




	/* 옵션열람모드 */
	#Progm .ResvOptList DT:empty ,
	#Progm .AppOptList DT:empty {
		background-color:transparent !important;
	}

	#Progm UL.AppOptList .optpic {
		display:none;
	}
	#Progm .ResvOptList DL.opt_state {
		display:none;
	}
	#Progm .ResvOptList DL.opt_amount DIV.optcnt {
		display:inline-block;
	}
	#Progm .ResvOptList DL.opt_cnt {
		display:none;
	}
	#Progm .ResvOptList DL {
		border-bottom-width:0 !important;
		height:auto !important;
	}

	#Progm .ResvOptList DL:not(.opt_state):not(.opt_title) > DT ,
	#Progm .ResvOptList DL:not(.opt_state):not(.opt_title) > DD {
		padding-top:0 !important;
	}

	#Progm .ResvOptList DL:last-of-type > DT ,
	#Progm .ResvOptList DL:last-of-type > DD {
		padding-bottom:1.5rem !important;
	}
	#Progm .ResvOptList DL.opt_amount > DT ,
	#Progm .ResvOptList DL.opt_amount > DD {
		padding-top:0 !important;
	}



	/* 옵션추가모드 */
	#Progm .ResvOptList DL > DT {
	    background-color: transparent;
	}
	#Progm UL.ResvPurList.Mod-ResvOpt .app_rooms ~ DL {
		display:none;
	}
	#Progm UL.ResvPurList.Mod-ResvOpt ~ .ResvOptList DL.opt_date {
		display:none;
	}

	/* 옵션 취소모드 */
	#Progm LI.ResvOptList.Mod-ResvOpt DL.opt_state {
		display:flex;
	}
	#Progm LI.ResvOptList.Mod-ResvOpt DL.opt_state DD {
		padding-left:0;
	}
	#Progm LI.ResvOptList.Mod-ResvOpt LABEL {
		padding-left:0 !important;
	}
	#Progm LI.ResvOptList.Mod-ResvOpt .opt-subtit {
		display:none;
	}

	/* 옵션추가 */
	#Progm UL.ResvOptList LI.New-ResvOpt DL.opt_state {
		display:none;
	}



}





























/* 환불정책 */
.reserv_appview .box_RefRule::after {
	clear:both;
	content:'';
	display:block;
}
.reserv_appview .box_RefRule > DT {
	margin-top: 1em;
	font-size: 1.15em;
	font-weight:bold;
}
.reserv_appview .box_RefRule > DD UL {
    list-style-type: disc;
    list-style-position: outside;
}
.reserv_appview .box_RefRule > DD > UL > LI {
    margin-left: 1.5em;
}
/*
#AppPayment .tblsty.PayType > dt ,
#AppPayment .tblsty.PayType > dd {
	height:8rem;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}
#AppPayment .tblsty.PayType > dd {
	justify-content: flex-start;
}
*/
@media all and (max-width:900px) {
	.reserv_appview ._aside ,
	.reserv_appview ._aside ~ ._aside {
		float: none;
		padding:0;
		width:100%;
	}
	.reserv_appview ._aside ~ ._aside {
		margin-top:5rem;
	}
}
@media all and (max-width:767px) {

	.reserv_appview .tblsty > dt ,
	.reserv_appview .tblsty > dd {
		width:calc(100% - 12rem);
		height: 5rem;
		padding: 0 2rem;
		display: flex;
		align-content: center;
		align-items: center;
		justify-content: flex-start;

		font-size:1.7rem;
	}
	.reserv_appview .tblsty > dt {
		width:12rem;
		padding-left:0.5rem;
		letter-spacing:-0.1rem;
		justify-content: flex-end;
	}


	/*


	#AppPayment .tblsty > dt ,
	#AppPayment .tblsty > dd {
		height: 5rem;

		width:100%;
		height:auto;
		justify-content: flex-end;

	}
	#AppPayment .tblsty > dd > STRONG {
		font-size:1.9rem;
	}
	#AppPayment .tblsty.PayType > dt ,
	#AppPayment .tblsty.PayType > dd {
		height:10rem;
		display: flex;
		align-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: space-evenly
	}

	#AppPayment .tblsty.PayType > dt {
		align-items: flex-end;
	}
	#AppPayment .tblsty.PayType > dd > LABEL {
		width:100%;
		padding: 0.5rem 1rem;
	}
	*/



	#AppPayment .tblsty > dt ,
	#AppPayment .tblsty > dd {
		width:100%;
		height:auto;
		justify-content: flex-start;
		padding:1.5rem 1.5rem;
		padding-top:0;
		border-bottom-width:0;
	}
	#AppPayment .tblsty > dt {
		font-weight:bold;
		padding:1.5rem;
		padding-bottom:0.5rem;
		background-color:transparent;
	}
	#AppPayment .tblsty > dt ~ dt {
		border-top:1px solid #000;
	}

}


/* 예약취소시 휴대전화 인증창 */
#SetVerifyMobile {
	margin:0 auto 0 0;
	letter-spacing: -0.1rem;
}
#SetVerifyMobile + TABLE TH ,
#SetVerifyMobile + TABLE TD {
	height:5rem;
	padding:0.5rem 1rem;
}
#SetVerifyMobile + TABLE #verifyMobile_area {
	display:none;
}
#SetVerifyMobile + TABLE SPAN {
	font-size:1.5rem;
	font-weight:bold;
	padding-top: 0.3rem;
	display: inline-block;
}

#SetVerifyMobile + TABLE DIV::before {
	content: "\ea25";
	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: text-top;
	font-size: 2rem;
	color:#4FBB3F;
}


#SetVerifyMobile + TABLE BUTTON {
	height:3.5rem;
	padding:0 1.5rem;
	border-radius:0.5rem;
	float:right;
}
#SetVerifyMobile + TABLE #verifyMobile_code {
	width:15rem;
	height:3.5rem;
	font-size:1.1rem;
}

#SetVerifyMobile + TABLE #verifyMobile_chked {
	width:7rem;
	float:none;
	margin-left:.5rem;
	font-size:1rem;
}





/* 인증서 */
#AppCertificate:empty {
	display:none;
}
#AppCertificate fieldset {
	margin-top:0;
}
#AppCertificate .arrow_bar {
	padding-top:3rem;
}

#AppCertificate .alert {
	text-align:center;
	font-size:1.6rem;
}
@media all and (max-width: 768px) {
	#AppCertificate .alert {
		text-align:left;
	}
}
.area_certFile {
	border:1px dashed #aaa;
	padding:2rem;
	margin-top:1rem;
}
.area_certFile > FIELDSET > INPUT {
	border:1px solid #A8978A;
	padding:10px;
	width:calc(100% - 150px);
	height:50px;
	font-size:10pt;
}
.area_certFile > DIV {
	margin-top:2rem;
	font-size:1.5rem;
}
.pic-item{ width: 100%; max-width:80rem;margin-right:1%;}
.pic-item .pic-view{width:100%; border: 1px solid #e5e5e5; overflow: hidden; background-color:#e5e5e5; text-align:center;}
.pic-item .pic-view:empty { height:20rem; background:#e5e5e5 url('/dzSmart/imgs/icon_gallery_null.png') center no-repeat; background-size:contain; }
.pic-item .pic-view img{width:100%; height: 100%; object-fit: contain; }
.pic-item .pic-view i{font-size:10rem; margin: 3.5rem 0; display:block; }
.pic-item .pic-view i + P{margin: -3rem 0 3.5rem; display:block; }
.pic-item .btn-file{text-align:center;margin-top: 5px;}
.pic-item .btn-file::after { content:''; display:block; clear:both; }
.pic-item .btn-file > * {float:left;}
.pic-item LABEL.btn-upload { width:100%; height:4rem; padding-top:0.65rem; border-radius:0.5rem; }
.pic-item LABEL.btn-upload + INPUT[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.pic-item LABEL.btn-upload ~ BUTTON { display:none; }

.pic-item .pic-view:not(:empty) + .btn-file > LABEL.btn-upload { width:calc(100% - 4rem); border-top-right-radius:0; border-bottom-right-radius:0; }
.pic-item .pic-view:not(:empty) + .btn-file > BUTTON { display:inline-block; width:4rem; height:4rem; padding:0; border-radius:0.5rem; border-top-left-radius:0; border-bottom-left-radius:0;}
.pic-item .pic-view:not(:empty) + .btn-file > BUTTON > .btn-close { margin-top:5px;}
.pic-item .pic-memo { display:none; }
.pic-item .pic-view:empty ~ .pic-memo { margin-top:2rem; display:block; }

.pic-item .pic-help {width:100%; margin: 1rem 0 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.pic-item .pic-help > BUTTON { display: block; height: 4.5rem; border-radius: 0.5rem;  padding:0 2rem }
.pic-item .pic-help > BUTTON i { display: inline-block; font-size:2rem; vertical-align: middle; margin-right:0.5rem;}
.pic-item .pic-help > BUTTON.btn-submit { padding:0 3.5rem;  }
.pic-item .pic-view:not(:empty) ~ .btn-submit { display:block;}
.POPUP_BOX .certMarking { padding-bottom:6rem; }
.POPUP_BOX .certMarking IMG { display:block; max-width:100%; margin-bottom:1rem; }



/*****************************************************/
/* 예약확인 - 로그인 */
/*****************************************************/
.reserv_login::after {
	content:'';
	clear:both;
	display:block;
}


.reserv_login ._title {
	text-align:center;
	font-size:3.4rem;
	padding:0 0 3rem;
}

.reserv_login > ._body {

	width:100%;
	max-width:65rem;
	min-height:30rem;
	margin:auto;
	border:1px solid #aaa;
	border-radius:1rem;
	padding: 3rem 5rem 5rem;
	box-shadow: 2px 2px 0 2px rgba(0,0,0,0.1);

}

.reserv_login FIELDSET {
	display:none;
}
.reserv_login FIELDSET > DL {
	padding:1.5rem 2rem;
	font-size:1.6rem;
	border-bottom:1px solid #eee;
}
.reserv_login FIELDSET > DL:last-of-type {
	border-bottom:0;
}
.reserv_login FIELDSET > DL:nth-of-type(1) {
	margin-top:1.5rem;
}

.reserv_login FIELDSET DT {
	width:100%;
	display:block;
	padding:0 0 0.5rem;
	font-weight:500;
}
.reserv_login FIELDSET DD {
	width:100%;
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: center;
}
.reserv_login FIELDSET > DL + UL {
	width: 100%;
	padding:2rem;
	padding-top:0;
	list-style:disc;
	font-size:1.3rem;
	margin-top:-0.1rem;
	border-top:1px solid #fff;
	border-bottom:1px solid #eee;
}
.reserv_login FIELDSET > UL:last-of-type {
	border-bottom:0;
}
.reserv_login FIELDSET > DL + UL > LI {
	margin-left: 3.4rem;
}

.reserv_login FIELDSET > DL + UL > LI:first-child:nth-last-child(1) {
	list-style:none;
	margin-left:0;
}

.reserv_login FIELDSET INPUT {
	width:50%;
}
.reserv_login FIELDSET [name^='appMobile'] {
	width:30%;
}

.reserv_login FIELDSET .areaEmail ,
.reserv_login FIELDSET .areaEmail + UL ,
.reserv_login FIELDSET .areaCode ,
.reserv_login FIELDSET .areaCode + UL {
	display:none;
}


.reserv_login > ._foot {
	width:100%;
	max-width:65rem;
	margin:5rem auto;
}

.reserv_login #ReserVerify_Login {
	width:100%;
	height:8rem;
	border-radius:1rem;
	font-size:1.8rem;
}




@media all and (max-width:767px) {
	.reserv_login > ._body {
		padding:1.5rem 2rem 3rem;
	}
	.reserv_login FIELDSET #appName {
		width:100%;
	}
}


.reserv_loginintro ._title {
	text-align:center;
}
.reserv_loginintro ._body {
	width:100%;
	padding:5rem 0;
	display:flex;
	justify-content: space-evenly;
	align-items: flex-start;
}

@media all and (max-width:768px) {
	.reserv_loginintro ._body {
		align-items: center;
		flex-direction: column;
	}
}




.PageBox_Button {
    width: 100%;
    max-width: 45rem;
    padding: 4rem 5rem;
    text-align: center;
    margin: 5rem 1%;
    color: #333;
    border: 2px solid #000;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top,#f1f2f3 1%,#fff 100%);
    background-image: linear-gradient(to bottom,#fff 1%,#f1f2f3 100%);
    border-radius: 5px;
    box-shadow: 1px 3px 5px 5px rgb(0 0 0 / 15%), inset 1px 1px 0 1px #fff;
    font-weight: 700;
    text-shadow: -1px -1px 0 rgb(255 255 255 / 75%);
}
.PageBox_Button H3 {
	font-size:2.7rem;
	padding-bottom:1.5rem;
}
.PageBox_Button H3::before {

	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	font-size: 8rem;
	display: block;

	margin-bottom:2rem;
	display:none;
}
.PageBox_Button.Custmor H3::before {
	content: "\eb56";
	display:block;
	color:#7652D1;
}
.PageBox_Button.Guest H3::before {
	content: "\eb57";
	display:block;
	color:#F4A911;
}



.PageBox_Button P {
    font-size: 1.7rem;
    font-weight: 400;
	color: #666;

	margin-top:1rem;
}
.PageBox_Button BUTTON {
    width: 100%;
	height: 6rem;
    margin-top: 4rem;
	font-size:1.7rem;
	border-radius: 5px;
}
@media all and (max-width:768px) {
	.PageBox_Button {
		margin:0;
		padding:4rem 3rem;
	}
	.PageBox_Button + .PageBox_Button {
		margin-top:5rem;
	}

	.PageBox_Button P {
		text-align:left;
	}

}







/* 인증해제 버튼 */
#VerifyOUT {
	width:100%;
    max-width: 20rem;
	height:4rem;
    border-radius: 0.5rem;
    padding: 0 2.5rem 0 2rem;;
	color:#F8CD73;
}
#VerifyOUT::before {
	content:"\e972";
    font-family: xeicon !important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-size: 2rem;
    vertical-align: middle;
    margin-right: 0.5rem;
	color:#E63F24;

}




.reserv_appview .tit_area ,
.reserv_verify .tit_area {
    display: flex;
	align-items: flex-end;
    justify-content: space-between;
}
@media all and (max-width:767px) {
	.reserv_appview .tit_area ,
	.reserv_verify .tit_area {
	    display: flex;
		flex-direction: column-reverse;

	}
	.reserv_appview .tit_area BUTTON ,
	.reserv_verify .tit_area BUTTON {
		margin-left:auto;
		margin-right:0;
	}
}

/*****************************************************/
/* 예약확인 - 목록 */
/*****************************************************/
#Template {
	display:none;
}






.reserv_verify > ._title {
	text-align:center;
}
.reserv_verify > ._title::after {
	content:'';
	clear:both;
	display:block;
}
.reserv_verify > ._title > * {
	display:inline-block;
	vertical-align:middle;
}
.reserv_verify > ._title > H2 {
	font-size:3.4rem;
	font-weight:600;
}



/* 외부 조회 */
.reserv_verify > #OtherMenu ,
.reserv_appview > #OtherMenu {
	margin-top:3rem;
}
.reserv_verify > #OtherMenu:has(UL:empty) ,
.reserv_appview > #OtherMenu:has(UL:empty) {
	display:none;
}
.reserv_verify > #OtherMenu:has(UL:not(:empty)) + ._list ,
.reserv_appview > #OtherMenu:has(UL:not(:empty)) + ._list {
	margin-top:5rem;
}


#OtherMenu + ._title {
	margin-top: 8rem;
}
#OtherMenu + ._title H2 {
	text-align:center;
	font-size:3.4rem;
	padding:0;
	padding-bottom:3rem;
}




.reserv_verify > ._list {
	width:100%;
	margin-top:3rem;
}
.reserv_verify > ._list H3::after {
	content:'';
	clear:both;
	display:block;
}
.reserv_verify > ._list H3 > SMALL {
	/* float:right; */
	padding-top:0.5rem;
	padding-left:1rem;
	color:#e9573f;
	color:#999;
	font-size:1.5rem;
	font-weight:normal;
	font-family: 'Noto Sans KR','Malgun Gothic',dotum,Sans-serif,AppleGothic;
}


@media all and (max-width:767px) {
	.reserv_verify > ._list H3 > SMALL {
		display:block;
		padding:0;
	}
}





.reserv_verify > ._list UL {
	width:100%;
	margin-top:1rem;
	border-top:2px solid #000;
}
.reserv_verify > ._list UL > LI {
	border-bottom:1px solid #ccc;
}
.reserv_verify > ._list UL > LI::after {
	content:'';
	clear:both;
	display:block;
}
.reserv_verify ._list UL > LI.null {
	height:30rem;
	text-align:center;
	color:#aaa;
	font-size:2.5rem;
	font-weight:normal;
	display: flex;
	flex-wrap: nowrap;
	align-content: center;
	align-items: center;
	justify-content: center;
}
.reserv_verify ._list UL BUTTON {
	width:100%;
	border:0;
	margin:0;
	padding:0;
	vertical-align: middle;
	background-color: transparent;
}

.reserv_verify > ._list UL BUTTON:hover {
	background-color:#ffe;
}
.reserv_verify > ._list UL BUTTON:active {
	background-color:#ffa;
}

.reserv_verify > ._list DL {
	float:left;
	width: calc((100% - 5%) / 6 );

	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-direction: column;
	align-content: space-between;


}
.reserv_verify > ._list DL:nth-of-type(3) {
	width: calc(((100% - 5%) / 6) + 10%) ;
}
.reserv_verify > ._list DL:nth-of-type(6) {
	width: calc(((100% - 5%) / 6) - 5%) ;
}

.reserv_verify > ._list DL > DT {
	width:100%;
	height:5rem;
	border-bottom:1px solid #ddd;
	background-color:#f5f5f5;

	display: flex;
	justify-content: center;
	align-items: center;
}
.reserv_verify > ._list DL > DD {
	padding:2rem 0.5rem;
	width:100%;
	min-height:10rem;
	text-align:Center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.reserv_verify > ._list DL > DD STRONG {
	font-size:1.8rem;
}
/* 리스트의 두번째 TH 지우기 */
.reserv_verify > ._list UL > LI:not(.null) ~ LI DT {
	display:none;
}
.reserv_verify > ._list H4 {
	font-size:1.25em;
}
.reserv_verify > ._list H4 + SMALL {
	margin-top:0.5rem;
	color:#999;
}
.reserv_verify > ._list .app_rooms > DD {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.reserv_verify > ._list .app_rooms > DD > DIV {
	display:inline-block;
	padding:0 1rem;
	width:33.3333%;
	margin:0;
}
/* 하나일 때 */
.reserv_verify > ._list .app_rooms > DD > DIV:first-child:nth-last-child(1) {
    width: 100%;
}
/* 두개일 때 */
.reserv_verify > ._list .app_rooms > DD > DIV:first-child:nth-last-child(2),
.reserv_verify > ._list .app_rooms > DD > DIV:first-child:nth-last-child(2) ~ DIV {
    width: 50%;
}


.reserv_verify > ._list .app_rooms > DD > DIV ~ DIV {
	border-left:1px solid #ddd;
}
.reserv_verify > ._list .app_rooms > DD > DIV:nth-of-type(n+4) {
	border-top:1px solid #ddd;
	padding:0.1rem;

}
.reserv_verify > ._list .app_rooms > DD > DIV:nth-of-type(3n+1) {
	border-left-width:0;
}

.reserv_verify > ._list .app_men > DD SPAN {
	padding-right:0.5rem;
}
.reserv_verify > ._list .app_men > DD STRONG {
	font-size:2.1rem;
}
.reserv_verify > ._list .app_men > DD SPAN + STRONG {
	font-size:1.7rem;
}
.reserv_verify > ._list .app_men > DD SPAN:has(+ STRONG)::after {
	content:':';
	display:inline-block;
	padding:0 0.5rem;
}
.reserv_verify > ._list .app_state .AppProgBox {
	padding:1rem 0;
	border-radius: 0.5rem;
}

.reserv_verify > ._page {
	margin-top:5rem;
}
.reserv_verify > ._page .Async_Paginate > LI.paging-item > BUTTON  {
	border-left-width:1px;
}
.reserv_verify > ._page .Async_Paginate > LI.paging-item ~ LI > BUTTON {
	border-left-width:0;
}




/* 테블릿 이하 */
@media all and (min-width: 767px) and (max-width: 1000px) {
	.reserv_verify > ._list .app_rooms > DD > DIV {
		width:50%;
	}
	.reserv_verify > ._list .app_rooms > DD > DIV:nth-of-type(n+3) {
		border-top:1px solid #ddd;
		padding:1rem;
		margin:auto;
		margin-left:0;
	}
	.reserv_verify > ._list .app_rooms > DD > DIV:nth-of-type(3n+1) {
		border-left-width:1px;
	}
	.reserv_verify > ._list .app_rooms > DD > DIV:nth-of-type(2n+1) {
		border-left-width:0;
	}


	.reserv_verify > ._list DL > DD ,
	.reserv_verify > ._list DL > DD STRONG {
		font-size:1.1rem;
	}

	.reserv_verify > ._list H4 {
		font-size:1.9em;
	}

}





/* 모바일 - 예약 목록 */
@media all and (max-width:767px) {

	#Progm UL.ResvAppList LI {
		border: 1px solid #555;
		margin: 4rem 0.5rem;
		padding: 0;
		box-shadow: 0 0 0 5px rgba(0,0,0,.15);
		border-radius: 0.5rem;
		overflow:hidden;
	}
	#Progm UL.ResvAppList DL > DT ,
	#Progm UL.ResvAppList DL > DD ,
	#Progm UL.ResvAppList DL > DD H4 ,
	#Progm UL.ResvAppList DL > DD H5 ,
	#Progm UL.ResvAppList DL > DD STRONG {
		font-size:1.7rem;
	}

	#Progm UL.ResvAppList BUTTON {

	}
	#Progm UL.ResvAppList BUTTON:active DL > DT ,
	#Progm UL.ResvAppList BUTTON:hover DL > DT {
		background-color: #f5f5e6;
		background-color: #f5f5e6 !important;

	}

	#Progm UL.ResvAppList DL {
		display:table;
		width:100%;
		height:auto;
		margin:auto;
		padding:0;
		border-spacing:0;
		border-collapse:collapse;
		table-layout:fixed;

		float: none;
		border:0;
		border-bottom:1px solid #ccc;
	}
	#Progm UL.ResvAppList DL > DT ,
	#Progm UL.ResvAppList DL > DD {
		display:table-cell;

		vertical-align: middle;
		float: none;
		height:100%;
		min-height:auto;
		padding:1rem;
		margin:0;
		border:0;

	}

	#Progm UL.ResvAppList DL > DT {
		width:30%;
		border-right:1px solid #ddd;
	}
	#Progm UL.ResvAppList DL > DD {
		width:70%;
		text-align:left;
		padding:1rem 1.5rem;
	}
	#Progm UL.ResvAppList DL > DD > * {
		display:inline-block;
	}
	#Progm UL.ResvAppList DL > DD > * ~ * {
		display:inline-block;
		padding:0 1rem;
	}
	#Progm UL.ResvAppList DL.app_code > DD > DIV {
		display:none;
	}


	#Progm UL.ResvAppList DL.app_rooms > DD > DIV {
		width:auto !important;
		border:0 !important;
		margin:0 !important;
		padding:0 !important;
	}
	#Progm UL.ResvAppList DL.app_rooms > DD > DIV ~ DIV::before {
		display:inline-block;
		content:'/';
		padding:0 1rem;
		color:#aaa;
	}
	#Progm UL.ResvAppList DL.app_rooms DIV > H4 {
		display:inline-block;

	}
	#Progm UL.ResvAppList DL.app_rooms DIV > SPAN {
		display:none;
	}

	#Progm UL.ResvAppList DL.app_state > DT {
		display:none;
	}
	#Progm UL.ResvAppList DL.app_state > DD {
		width:100%;
		height: 8rem;
		padding: 1.5rem;
	}
	#Progm UL.ResvAppList DL.app_state .AppProgBox {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align:center;
		padding: 0.5rem 0;
		height:100%;

	}

}

#ProgmSchedule_Calender .ui-datepicker-calendar > thead th {
    background-color: var(--base-color);
    border-color:  var(--base-btn-bgcolor);
	text-shadow: -1px -1px 0 rgba(0,0,0,.3);
	color: #eee;
}


/*
#Progm .btn-dark {
    background-color: #877666;
    border-color: #6a5b4d;
	text-shadow: -1px -1px 0 rgba(0,0,0,.3);
	color: #eee;
}
*/