@charset "utf-8";
/* 2022/02/22 ::font-size: 62.5%; 기준 */



/* 미대응브라우저 */
#unsupported { overflow:hidden; height: 100%; }
#unsupported .unsupported { display:block; }
.unsupported { display:none; }
.unsupported .infoBox { z-index: 110; position:fixed; top: 15%; left: 0; right: 0; margin: 0 auto; padding: 6rem 4.8rem; width: 82rem; height: 58rem; color: #4c4c4f; text-align: center; border: 0.2rem solid #000; background: #fff; box-sizing:border-box; }
.unsupported h2 { margin: 0 0 3rem; font-size: 5rem; color: #27273a; font-weight:normal; }
.unsupported .desc { margin: 0 0 4rem; font-size: 1.6rem; line-height: 2.4rem; }
.unsupported .desc strong { color: #000; }
.unsupported .browser { overflow:hidden; }
.unsupported .browser li { float: left; margin: 0 0 0 2.7rem; }
.unsupported .browser li:first-child { margin: 0; }
.unsupported .browser li > img { border: 0.1rem solid #d5d5d5; border-bottom-width: 0; }
.unsupported .browser li .icon_browser { position: relative; display:block; width: 22rem; height: 22rem; padding-top: 1.5rem; border: 0.1rem solid #ddd; font-size: 1.6rem; font-weight:bold; color: #000; background: url("imgs/unsupported.png") no-repeat 1rem -20rem;  }
.unsupported .browser li .icon_browser.chrome { background-position: 1rem -20rem; }
.unsupported .browser li .icon_browser.msie { background-position: 1rem -40rem; }
.unsupported .browser li .icon_browser.firefox { background-position: 1rem -60rem; }
.unsupported .browser li .icon_browser > .btnLink { position:absolute; bottom: 0; width: 100%; display:block; padding: 0.7rem 0; color: #fff; background: #43485b; text-decoration:none; }

.unsupported .close { position:absolute; top: 3rem; right: 3rem; }
.unsupported .close { overflow:hidden; display:block; width: 2.5rem; height: 2.4rem; white-space:nowrap; font-size: 0; text-indent: -150%; background: url("imgs/unsupported.png") no-repeat 0 0; }
.unsupported .today { padding: 3rem 0 0 0; text-align: right; }
.unsupported .today label { font-family: "돋움", Dotum, sans-serif; font-size: 1.2rem; }
.unsupported .today .check { width: 1.7rem; height: 1.7rem; margin: 0 0 0 0.9rem; vertical-align: top; border-radius: 0; cursor: pointer; background: url("imgs/unsupported.png") no-repeat 0 -5rem; }
.unsupported .today .check:checked { background-position: -5rem -5rem; }
.unsupported .dimmedBlack { z-index: 100; position:fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); }







/* 페이지 오류박스 */
#DZSMART_PageError {
	z-index: 9995;
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.25);
	font-size: 1.6rem;
	display: -webkit-flex;
	display:         flex;
	-webkit-align-items: center;
	        align-items: center;
	-webkit-justify-content: center;
	        justify-content: center;
}
.DZSMART_PageError {
	width: 100%;
	max-width: 50rem;
	padding: 4rem 5rem;
	text-align: center;
	margin: 5rem auto;
	color: #333;
	border: 0.2rem solid #000;
	background-repeat: repeat-x;
	background-image: -webkit-linear-gradient(top,#f1f2f3 1%,#ffffff 100%);
	background-image: linear-gradient(to bottom,#f1f2f3 1%,#ffffff 100%);

	border-radius: 0.5rem;
	box-shadow: 0.1rem 0.3rem 0.5rem 0.5rem rgba(0,0,0,.15), inset 0.1rem 0.1rem 0 0.1rem rgba(255,255,255,1);;
	font-weight:bold;
	text-shadow: -0.1rem -0.1rem 0 rgba(255, 255, 255, 0.75);
}

.DZSMART_PageError > h3 {
	font-size: 2.5rem;
}
.DZSMART_PageError > h3 > i {
	display:block;
	font-size:8rem;
	color: #e9573f;
	margin-bottom: 1rem;
}


.DZSMART_PageError > p {
	margin-top: 1rem;
}

.DZSMART_PageError > button {
	height: 5rem;
	width: 100%;
	margin-top: 3rem;
	font-size: 1.6rem;
	font-weight:normal;

	display: inline-block;
	position: relative;
	overflow: visible;

	text-decoration:none;
	vertical-align: top;
	word-spacing: -0.1rem;
	white-space:nowrap;

	padding: 0 1rem;
	border-radius: 0.5rem;
	cursor: pointer;
	vertical-align: middle;

	color: #E7E7E7;
	text-shadow: -0.1rem -0.1rem 0 #252832;
	border: 0.1rem solid #3B3F4F;
	border-right-color: #2E313D;
	border-bottom-color: #2E313D;

	background-color: #3B3F4F;
	background: -moz-linear-gradient(top, #484D61 0%, #3B3F4F 100%);
	background: -webkit-linear-gradient(top, #484D61 0%, #3B3F4F 100%);
	background: linear-gradient(to bottom, #484D61 0%, #3B3F4F 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#484D61', endColorstr='#3B3F4F',GradientType=0 );
	box-shadow: inset 0 0 0 0.1rem rgba(139,142,157,.5);
}



.DZSMART_PageError > button:focus ,
.DZSMART_PageError > button:active ,
.DZSMART_PageError > button:active:focus ,
.DZSMART_PageError > button:hover {
	border: 0.1rem solid #2E313D;
	border-right-color: #3B3F4F;
	border-bottom-color: #3B3F4F;

	background: -moz-linear-gradient(top, #3B3F4F 0%, #484D61 100%);
	background: -webkit-linear-gradient(top, #3B3F4F 0%, #484D61 100%);
	background: linear-gradient(to bottom, #3B3F4F 0%, #484D61 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3B3F4F', endColorstr='#484D61',GradientType=0 );
}
.DZSMART_PageError > button:active {
	box-shadow: inset 0.3rem 0.3rem 0.7rem 0.1rem rgba(0,0,0,.5);
}






/* DZSMART_Paginate */
.DZSMART_Paginate {

	font-size: 1.6rem;
	text-align: center;
	overflow:hidden;
}

.DZSMART_Paginate > LI {
	display: inline-block;
	position: relative;
	min-width: 5rem;
	min-height: 5rem;
	width: 5rem;
	height: 5rem;

	vertical-align: middle;
}

.DZSMART_Paginate > LI > a ,
.DZSMART_Paginate > LI > strong  {
	position: relative;
	display:block;
	width: 100%;
	height: 100%;

	overflow:hidden;
	border: 0.1rem solid #ccc;
	vertical-align: top;
	text-decoration:none;
	font-weight:bold;

	background: #fff;
	color: #555;

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

}

.DZSMART_Paginate > LI > strong  {
	z-index: 1;
	cursor: default;
	color: #000;
	box-shadow: 0 0 0.3rem 0 rgba(0,0,0,.15);
	border-color: #000;
	background: #fafafa;
	border-left-width: 0.1rem !important;

	margin: 0;
	margin-left: -0.1rem;
	width: calc(100% + 0.1rem);
}

.DZSMART_Paginate > LI {
}
.DZSMART_Paginate > li:not(:empty) + li > * {
	border-left-width: 0;
}

.DZSMART_Paginate > li.prevblock:not(:empty) + li > * ,
.DZSMART_Paginate > li.prevpage:not(:empty) + li > * {
	border-left-width: 0.1rem;
}

.DZSMART_Paginate > LI > a:hover{
	text-decoration:none;
	background: #f1f2f3;
	color: #000;
}
.DZSMART_Paginate > LI > a:empty {
	display:none;
}


.DZSMART_Paginate .prevpage a ,
.DZSMART_Paginate .nextpage a ,
.DZSMART_Paginate .prevblock a ,
.DZSMART_Paginate .nextblock a ,
.DZSMART_Paginate .firstpage a ,
.DZSMART_Paginate .lastpage a {
	position: relative;
	color: #555;
	border: 0;
	background: transparent !important;
}


.DZSMART_Paginate .prevblock strong ,
.DZSMART_Paginate .nextblock strong { color: #4c4c4f; vertical-align: middle; display: inline-block; }
.DZSMART_Paginate .prevblock strong:after ,
.DZSMART_Paginate .nextblock strong:after { content: ''; position: relative; display: inline-block; border-color: #393d4a; border-style: solid; border-width: 0.2rem 0.2rem 0 0; width: 1.2rem;   height: 1.2rem; }
.DZSMART_Paginate .prevblock strong:after { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg); }
.DZSMART_Paginate .nextblock strong:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }

.DZSMART_Paginate .prevpage ,
.DZSMART_Paginate .nextpage { margin: 0; display:none; min-width: 10rem; }
.DZSMART_Paginate .prevpage a ,
.DZSMART_Paginate .nextpage a { border: 0; }

.DZSMART_Paginate .prevpage strong ,
.DZSMART_Paginate .nextpage strong { color: #4c4c4f; vertical-align: middle; display: inline-block; padding: 0 0.5rem }
.DZSMART_Paginate .prevpage strong { padding-left: 1rem; }
.DZSMART_Paginate .nextpage strong { padding-right: 1rem; }
.DZSMART_Paginate .prevpage strong:before ,
.DZSMART_Paginate .nextpage strong:after { content: ''; position: relative; display: inline-block; border-color: #393d4a; border-style: solid; border-width: 0.2rem 0.2rem 0 0; width: 1.2rem;   height: 1.2rem; }
.DZSMART_Paginate .prevpage strong:before { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg); }
.DZSMART_Paginate .nextpage strong:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }



/* Async_Paginate */
.Async_Paginate ,
.Mobile_Paginate {
	text-align: center;
	display: table;
	width:auto;
	margin:auto;

	border-spacing: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	table-layout:fixed;
}
.Async_Paginate:empty ,
.Mobile_Paginate:empty {
	display:none;
}
.Async_Paginate > li ,
.Mobile_Paginate > li {
	display: table-cell;
	font-size: 1.6rem;
	min-width: 5rem;
	min-height: 5rem;
}
.Async_Paginate > li  button  ,
.Mobile_Paginate > li  button  {
	display:block;
	overflow:hidden;
	position: relative;

	width: 100%;
	height: 100%;
	min-width: 4rem;
	min-height: 4rem;
	padding: 0.5rem;
	vertical-align: top;
	text-decoration:none;

	border: 0.1rem solid #bbb;
	background: #fff;
	color: #555;

}
.Async_Paginate > li.on button ,
.Mobile_Paginate > li.on button {
	margin: 0;
	z-index: 1;
	cursor: default;
	color: #000;
	box-shadow: 0 0 0 0.1rem rgba(0,0,0,1);
	border: 0.1rem solid #000 !important;
	background: #fafafa;

}
.Async_Paginate > li button:hover ,
.Mobile_Paginate > li button:hover{
	text-decoration:none;
	background: #f1f2f3;
	color: #000;
}

.Async_Paginate > li:not(:empty) + li button ,
.Mobile_Paginate > li:not(:empty) + li button {
	border-left-width: 0;
}
.Async_Paginate > li.prevpage:not(:empty) + li button ,
.Mobile_Paginate > li.prevpage:not(:empty) + li button {
	border-left-width: 0.1rem;
}
.Async_Paginate > .disabled ,
.Async_Paginate > .paging-side ,
.Mobile_Paginate > .disabled ,
.Mobile_Paginate > .paging-side { display:none; }

.Async_Paginate > .prevpage BUTTON ,
.Async_Paginate > .nextpage BUTTON ,
.Mobile_Paginate > .prevpage BUTTON ,
.Mobile_Paginate > .nextpage BUTTON { border-width: 0;  background: transparent; }
.Async_Paginate > .prevpage BUTTON:hover ,
.Async_Paginate > .nextpage BUTTON:hover ,
.Mobile_Paginate > .prevpage BUTTON:hover ,
.Mobile_Paginate > .nextpage BUTTON:hover { background: transparent; }


.Async_Paginate > .prevpage strong ,
.Mobile_Paginate > .prevpage strong { padding-left: 1rem; }
.Async_Paginate > .nextpage strong ,
.Mobile_Paginate > .nextpage strong { padding-right: 1rem; }
.Async_Paginate > .prevpage strong:before ,
.Async_Paginate > .nextpage strong:after ,
.Mobile_Paginate > .prevpage strong:before ,
.Mobile_Paginate > .nextpage strong:after { content: ''; position: relative; display: inline-block; border-color: #393d4a; border-style: solid; border-width: 0.1rem 0.1rem 0 0; width: 1rem;   height: 1rem; }
.Async_Paginate > .prevpage strong:before ,
.Mobile_Paginate > .prevpage strong:before { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg); }
.Async_Paginate > .prevpage strong:before ,
.Mobile_Paginate > .prevpage strong:before { top: -0.1rem; left: -0.3rem; }
.Async_Paginate > .nextpage strong:after ,
.Mobile_Paginate > .nextpage strong:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }
.Async_Paginate > .nextpage strong:after ,
.Mobile_Paginate > .nextpage strong:after { top: -0.2rem; left: 0.3rem; }


/* Async_Paginate */
.Async_Paginate > li ,
.Mobile_Paginate > li {
	font-size: 1.7rem;
	min-width: 5rem;
	min-height: 5rem;
}
.Async_Paginate > li  button  ,
.Mobile_Paginate > li  button  {
	min-width: 4rem;
	min-height: 4rem;
	padding: 0.5rem;
}
.Async_Paginate > .prevpage strong ,
.Mobile_Paginate > .prevpage strong { padding-right: 1rem; padding-left: 1rem; }
.Async_Paginate > .nextpage strong ,
.Mobile_Paginate > .nextpage strong { padding-right: 1rem; padding-left: 1rem; }

.Async_Paginate > .prevpage strong::before ,
.Async_Paginate > .nextpage strong::after ,
.Mobile_Paginate > .prevpage strong::before ,
.Mobile_Paginate > .nextpage strong::after { width: 1rem; height: 1rem; }
.Async_Paginate > .prevpage strong::before ,
.Mobile_Paginate > .prevpage strong::before { top: -0.1rem; left: -0.2rem; }
.Async_Paginate > .nextpage strong::after ,
.Mobile_Paginate > .nextpage strong::after { top: -0.1rem; left: 0.2rem; }

.Mobile_Paginate > LI BUTTON {
	border-radius: 0.5rem;
}
.Mobile_Paginate > LI INPUT {

	display:block;
	overflow:hidden;
	position: relative;
	width: 100%;
	height: 100%;
	vertical-align: top;
	text-decoration:none;
	border: 0.1rem solid #bbb;
	background: #fff;
	color: #555;

	min-width: 4rem;
	max-width: 8rem;
	min-height: 4rem;
	padding: 0.5rem;
	border-radius: 0.5rem;
	text-align: center;

}



/* 페이지 에러박스 */
.PageErrorBoxAlert {
	-moz-border-radius: 1rem;
	-webkit-border-radius: 1rem;
	border-radius: 1rem;

	-moz-box-shadow: 0 0 1rem	rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 1rem	rgba(0,0,0,.2);
	box-shadow: 0 0 1rem		rgba(0,0,0,.2);

	border: 0.1rem solid #ccc;
	background-color: #fff;
	width: 95%;
	max-width: 60rem;
	margin: 5rem auto;
}
.PageErrorBoxAlert h1 {
	font-size: 4.5rem;
}
.PageErrorBoxAlert h2 {
	font-size: 2.4rem;
}
.PageErrorBoxAlert h5 {
	font-size: 1.3rem;
}

.PageErrorBoxAlert .title {
	background-color: #ce5555;
	color: #fff;
	margin: 2rem;
	padding: 2.5rem 2rem 3rem;
	text-align: center;
	font-family: 'tahoma';
	font-size: 1.6rem;
	text-shadow: 0.12rem 0.12rem 0.1rem rgba(0,0,0,0.7);

	-moz-border-radius: 1rem;
	-webkit-border-radius: 1rem;
	border-radius: 1rem;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#ce5555 ), to(#b74242 ));
	background-image: -webkit-linear-gradient(top, #ce5555 , #b74242 );
	background-image:    -moz-linear-gradient(top, #ce5555 , #b74242 );
	background-image:     -ms-linear-gradient(top, #ce5555 , #b74242 );
	background-image:         linear-gradient(to bottom, #ce5555 , #b74242 );
}

.PageErrorBoxAlert .content {
	margin: 3rem;
	line-height: 180%;
	font-size: 1.45rem;
	font-family: 'Malgun Gothic', Helvetica, Arial, sans-serif;
	text-align: center;
}
.PageErrorBoxAlert .content h2 {
	margin: 1rem 0 3rem;
}

.PageErrorBoxAlert .footer_message {
	border: 0;
	border-top: 0.1rem solid #ccc;
	margin: 0;
	font-size: 1.2rem;
	padding: 2rem 1rem;
	text-align: center;
	font-family: 'tahoma', Helvetica, Arial, sans-serif;
}
.PageErrorBoxAlert .footer_message span {
	font-size: 1.1rem;
	display: inline-block;
	margin-left: 1rem;
	color: #aaa;
}
.PageErrorBoxAlert .footer_message a {
	font-weight:bold;
	color: #777;
}

.PageErrorBoxAlert button {
	border: 0.1rem solid #aaa;
	border-top-color: #ccc;
	border-left-color: #ccc;

	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	border-radius: 0.5rem;

	background: #eee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee ), to(#e5e5e5 ));
	background-image: -webkit-linear-gradient(top, #eee , #e5e5e5 );
	background-image:    -moz-linear-gradient(top, #eee , #e5e5e5 );
	background-image:     -ms-linear-gradient(top, #eee , #e5e5e5 );
	background-image:         linear-gradient(to bottom, #eee , #e5e5e5 );


	height: 4rem;
	padding: 0 2rem;
	cursor: pointer;
	display:block;
	margin: 0 auto 3rem;
	font-size: 1.3rem;

}
.PageErrorBoxAlert button:hover {
	border-color: #aaa;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	background: #e1e1e1;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5 ), to(#eee ));
	background-image: -webkit-linear-gradient(top, #e5e5e5 , #eee );
	background-image:    -moz-linear-gradient(top, #e5e5e5 , #eee );
	background-image:     -ms-linear-gradient(top, #e5e5e5 , #eee );
	background-image:         linear-gradient(to bottom, #e5e5e5 , #eee );
}



/****************************************************************************************************/
/* POPUP ZONE */
/****************************************************************************************************/
.popssZone, .popssZone * { transition:none; }
.popssZone {
	display:none;
	width:auto;
	max-width: 100%;
	min-width: 15rem;
	border: 0.1rem solid #222;
	position:absolute;
	z-index: 5000;
	cursor: default;
	top: 12.5rem;
	left: 50%;
	padding: 0;
	background-color: #fff;
	-moz-box-shadow: 0rem 0rem 1rem 		rgba(0,0,0,.5);
	-webkit-box-shadow: 0rem 0rem 1rem 		rgba(0,0,0,.5);
	box-shadow: 0rem 0rem 1rem 		rgba(0,0,0,.5);

}
.popssZone .pops_drag { 
	cursor: move;
}
.popssZone > .pops_title {
	height: 4rem;
	line-height: 4rem;
	color: #fff;
	border-bottom: 0.1rem solid #000;
	font-size: 1.6rem;
	font-weight:bold;
	width: inherit;
	text-align: center;
	overflow:hidden;
	word-wrap:normal;
	white-space:nowrap;
	text-overflow:ellipsis;
    text-shadow: -0.1rem -0.1rem 0 rgba(0,0,0,.5);

	cursor: move;
	background-image: url('imgs/bgpt03.gif');
	background-position: center;
	background-color: #000;
	background-repeat:no-repeat;

	display:none;
}
.popssZone.popsSkin00 {
	border: 0;
}
.popssZone.popsSkin01 > .pops_title {
	display:block;
	background-image: url('imgs/bgpt01.gif');
}
.popssZone.popsSkin02 > .pops_title {
	display:block;
	background-image: url('imgs/bgpt02.gif');
}
.popssZone.popsSkin03 > .pops_title {
	display:block;
	background-image: url('imgs/bgpt03.gif');
}

.popssZone > .btn-close {
	position:absolute;
	top: 0.5rem;
	right: 0.5rem;
}
.pops_title + .btn-close {
	top: 1rem;
}

.popssZone > .pops_content {
	padding: 2rem;
	min-width: 100%;
	/* max-height: 25rem; */
	max-height: 100%;
	font-size: 1.6rem;
	overflow:hidden;
	overflow-y:auto;
	word-wrap:normal;
	white-space:normal;
	word-break:break-all;
	text-overflow:ellipsis;
	background-color: #fff;
}
.popssZone > .pops_image {
	padding: 0;
}
.popssZone > .pops_image > IMG {
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.popssZone > .pops_btm {
	height: 3rem;
	line-height: 3rem;
	padding: 0 1rem;
	background-color: #000;
	color: #fff;
	font-size: 1.4rem;
}
.popssZone > .pops_btm::after {
	content: "";
	display:block;
	clear:both;
}
.popssZone > .pops_btm > label {
	float: left;
	color: #fff;
	vertical-align: middle;
	font-size: 1.4rem
}
.popssZone > .pops_btm > label > input {
	width: 1.9rem;
	height: 1.9rem;
	vertical-align: middle;
	margin-right: 0.5rem;
	margin-top: -0.1rem;
}
.popssZone > .pops_btm > button {
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	float: right;
	color: #fff;
	font-size: 1.4rem;
	vertical-align: middle;
	height: 2.5rem;
}
.popssZone > .pops_btm > select {
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0;

	cursor: pointer;
	border-color: #000;
	color: #aaa;
	font-size: 1.4rem;
}
.popssZone > .pops_btm > select  OPTION {
	background: #000;
	border: 0;
	padding: 0;
	margin: 0;
	border-color: #000;
	cursor: pointer;
	color: #fff;
	font-size: 1.4rem;
}


/* 컨펌 타이틀 박스 */
.confirmTitleBox {
	/* display:none; */
}
.confirmTitleBox > h2 {
	position: relative;
	width: 80%;
	margin:auto;
	font-size: 4rem;
	text-align: center;
	border-top: 0;
	border-bottom: 0;
	padding: 3rem 1rem;
	background: #f9f9f9;
	border: 0.1rem solid #eee;
    border-bottom-left-radius: 2rem;
    border-top-right-radius: 2rem;
}
.confirmTitleBox > h2 > small {
	display:block;
	color: #aaa;
	margin-top: -1rem;
	font-weight: 200;
}
.confirmTitleBox > h2 > p {
	margin-top: 1rem;
	font-size: 1.45rem;
	color: #666;
}

.confirmTitleBox > h2::before {
	content: '';
	display:block;
	position:absolute;
	top: -0.5rem;
	left: -0.5rem;
	width: 5rem;
	height: 5rem;
	border: 1rem solid #3B3F4F;
	border-right: 0;
	border-bottom: 0;
}
.confirmTitleBox > h2::after {
	content: '';
	display:block;
	position:absolute;
	bottom: -0.5rem;
	right: -0.5rem;
	width: 5rem;
	height: 5rem;
	border: 1rem solid #3B3F4F;
	border-left: 0;
	border-top: 0;
}

.confirmTitleBox > h2.warn {
	color: #E63F24;
}
.confirmTitleBox > h2.warn::before {
	border-color: #E63F24;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 탭메뉴 반응형 UL */
UL.xTabsMenuReaction {
	display: table;
	width: 100%;
	height: 5rem;
	margin: 3rem auto 2rem;
	border-spacing: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	table-layout:fixed;
}
UL.xTabsMenuReaction > li {
	display: table-cell;
	text-align: center;
	border: 0.1rem solid #ccc;
	border-color: rgba(0,0,0,.1);
	background: rgba(0,0,0,.05);
	border-bottom: 0.2rem solid #000;
	vertical-align: middle;
}
UL.xTabsMenuReaction > li.blank {
	border: 0;
	background: transparent;
	border-bottom: 0.2rem solid #000;
}

UL.xTabsMenuReaction > LI.selected {
	border: 0.2rem solid #000;
	border-bottom: 0;
	background-color: transparent;
	background-repeat: repeat-x;
	vertical-align: middle;
}

UL.xTabsMenuReaction a {
	display:block;
	width: 100%;
	padding: 0.5rem;
	text-align: center;
	color: #888;
	font-size: 1.6rem;
	font-family: inherit;
	font-weight: 600;
	letter-spacing: -0.1rem;
	white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
	text-decoration:none;
}
UL.xTabsMenuReaction a: link, UL.xTabsMenuReaction a: visited, UL.xTabsMenuReaction a:active {
	color: #888;
}


UL.xTabsMenuReaction a:hover {
	color: #000;
	text-decoration:none;
}
UL.xTabsMenuReaction > LI.selected > a ,
UL.xTabsMenuReaction a.chked {
	padding: 0.5rem;
	color: #000;
}




/* Skeleton */
.flip_container {
	position: relative;
	text-align: center;
	width: 100%;
	width:auto;
	height: 100%;
	overflow:hidden;
}
.flip_container::after {
	display:block;
	content: '';
	clear:both;
}
.flip_container > span {
	position: relative;
	float: left;
	display: inline-block;
	padding-top: 0.6rem;
	color: #ccc;
	text-shadow: 0.1rem 0.1rem 0 rgba(0,0,0,.9);
	font-weight:bold;
	font-size: 1.7rem;
	margin-right: 0.5rem;
}

.flip_container > ul.flip {
	position: relative;
	float: left;
	margin: 0.5rem;
	font-weight:bold;
	border-radius: 0.5rem;

	margin: 0.2rem;
	box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, .4);
	border: 0.1rem solid #000;


	width: 2.5rem;
	height: 3rem;
	font-size: 2.5rem;
	line-height: 2.5rem;

}
.flip_container > ul.flip li {
	z-index: 1;
	position:absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.flip_container > ul.flip li:first-child {
	z-index: 2;
}
.flip_container > ul.flip li a {
	display:block;
	height: 100%;
	perspective: 20rem;
}
.flip_container > ul.flip li a div {
	z-index: 1;
	position:absolute;
	left: 0;
	width: 100%;
	height: 50%;
	overflow:hidden;
}
.flip_container > ul.flip li a div .shadow {
	position:absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.flip_container > ul.flip li a div.up {
	transform-origin: 50% 100%;
	top: 0;
}
.flip_container > ul.flip li a div.up::after {
	content: "";
	position:absolute;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 0.3rem;
	background-color: rgba(0,0,0,.4);

	top: 1.2rem;
}
.flip_container > ul.flip li a div.down {
	transform-origin: 50% 0%;
	bottom: 0;
}
.flip_container > ul.flip li a div div.inn {
	position:absolute;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 200%;
	color: #ccc;
	text-shadow: 0 0.1rem 0.2rem #000;
	text-align: center;
	background-color: #333;
	border-radius: 0.6rem;
}
.flip_container > ul.flip li a div.up div.inn {
	top: 0;
}
.flip_container > ul.flip li a div.down div.inn {
	bottom: 0;
}


/* .flip_big */
.flip_container.flip_big > span {
	font-size: 2.1rem;
}

.flip_container.flip_big > ul.flip {
	width: 3rem;
	height: 4rem;
	font-size: 3.5rem;
	line-height: 3.5rem;
}
.flip_container.flip_big > ul.flip li a div.up::after {
	top: 1.7rem;
}


/* .flip_small */
.flip_container.flip_small > span {
	padding-top: 0.4rem;
	font-size: 1.6rem;
}

.flip_container.flip_small > ul.flip {
	width: 2rem;
	height: 2.5rem;
	font-size: 2rem;
	line-height: 2.2rem;
}
.flip_container.flip_small > ul.flip li a div.up::after {
	top: 1rem;
}

	
/* slide_cover */
.swiper-slide > a {
	display:block;
	width: 100%;
	height: 100%;

	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

}
.DZSMART_CoverSlide {
	position: relative;
	width: 100%;
	/*max-width: 192rem;*/
	padding: 0;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
.DZSMART_CoverSlide .swiper-wrapper {
	position: relative;
	white-space:nowrap;

	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.DZSMART_CoverSlide .swiper-wrapper::after { content: ""; display:block; clear:both; }
.DZSMART_CoverSlide .swiper-slide {
	width: 100%;
	height: 100%;
	text-align: center;
	background: #fff;
	background-size: cover;
	background-position: center;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.DZSMART_CoverSlide .swiper-pagination {  text-align: center; /*display: inline-block;*/ display:none; font-size: 0; vertical-align: middle; }
.DZSMART_CoverSlide .swiper-pagination .swiper-pagination-bullet { width: 1.5rem; height: 1.5rem; opacity: 1; font-size: 0; line-height: 0; text-indent: 150%; background-color: #fff; border-radius: 50%; -webkit-box-shadow: 0 0.1rem 0.1rem 0 rgba(97,98,102,1); -moz-box-shadow: 0 0.1rem 0.1rem 0 rgba(97,98,102,1); box-shadow: 0 0.1rem 0.1rem 0 rgba(97,98,102,1); }
.DZSMART_CoverSlide .swiper-pagination .swiper-pagination-bullet-active { background-color: #c00; border: 0.2rem solid #fff; }
.DZSMART_CoverSlide .swiper-button-prev,
.DZSMART_CoverSlide .swiper-button-next { display:none; width: 4rem; height: 6rem; background-image:none; background-color: rgba(0,0,0,0.3); overflow:hidden; position:absolute; top: 0; bottom: 0; z-index: 1; margin:auto 0; font-size: 0; line-height: 0; text-indent: 150%; }
.DZSMART_CoverSlide .swiper-button-prev { left: 0; }
.DZSMART_CoverSlide .swiper-button-next { right: 0; }
.DZSMART_CoverSlide .swiper-button-prev::before,
.DZSMART_CoverSlide .swiper-button-next::before,
.DZSMART_CoverSlide .swiper-button-prev::after,
.DZSMART_CoverSlide .swiper-button-next::after { width: 2rem; height: 2rem; content: ""; position:absolute; top: 0; bottom: 0; margin:auto; display: inline-block; border: solid #fff; z-index: 1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }
.DZSMART_CoverSlide .swiper-button-prev::after,
.DZSMART_CoverSlide .swiper-button-next::after { border-color: #5e5f62; top: 2%; z-index: 0; }
.DZSMART_CoverSlide .swiper-button-prev::before,
.DZSMART_CoverSlide .swiper-button-prev::after { left: 0.5rem; right: 0; border-width: 0 0 0.2rem 0.2rem; }
.DZSMART_CoverSlide .swiper-button-next::before,
.DZSMART_CoverSlide .swiper-button-next::after { left: 0; right: 0.5rem; border-width: 0.2rem 0.2rem 0 0; }
.DZSMART_CoverSlide .inner_title > *  { color: #fff; text-shadow: 0.1rem 0.1rem 0.2rem rgba(0,0,0,.5); text-align: center; line-height: 150%; }
.DZSMART_CoverSlide .inner_title { visibility: visible; overflow:hidden; white-space:nowrap;  }
.DZSMART_CoverSlide .inner_title > p { font-size: 2.6rem;  }
.DZSMART_CoverSlide .inner_title > h3 { font-size: 5.33rem; line-height: 120%;  }


/* slide_campaign */
.DZSMART_CampaignSlide {
	position: relative;
	width: 100%;
	padding: 0;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
.DZSMART_CampaignSlide .swiper-wrapper {
	position: relative;
	white-space:nowrap;

	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.DZSMART_CampaignSlide .swiper-wrapper::after { content: ""; display:block; clear:both; }
.DZSMART_CampaignSlide .swiper-slide {
	width: 100%;
	height: 100%;
	text-align: center;
	background: #fff;
	background-size: cover;
	background-position: center;
}
.DZSMART_CampaignSlide .swiper-button-prev,
.DZSMART_CampaignSlide .swiper-button-next { display:none; width: 3rem; height: 3rem; background-image:none;  background: transparent;  overflow:hidden; position:absolute; top: 0; bottom: 0; z-index: 1; margin:auto 0; font-size: 0; line-height: 0; text-indent: 150%; }
.DZSMART_CampaignSlide .swiper-button-prev { left: 0; }
.DZSMART_CampaignSlide .swiper-button-next { right: 0; }
.DZSMART_CampaignSlide .swiper-button-prev::before,
.DZSMART_CampaignSlide .swiper-button-next::before,
.DZSMART_CampaignSlide .swiper-button-prev::after,
.DZSMART_CampaignSlide .swiper-button-next::after { width: 2rem; height: 2rem; content: ""; position:absolute; top: 0; bottom: 0; margin:auto; display: inline-block; border: solid #fff; z-index: 1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }
.DZSMART_CampaignSlide .swiper-button-prev::after,
.DZSMART_CampaignSlide .swiper-button-next::after { border-color: #5e5f62; top: 2%; z-index: 0; }
.DZSMART_CampaignSlide .swiper-button-prev::before,
.DZSMART_CampaignSlide .swiper-button-prev::after { left: 0.5rem; right: 0; border-width: 0 0 0.2rem 0.2rem; }
.DZSMART_CampaignSlide .swiper-button-next::before,
.DZSMART_CampaignSlide .swiper-button-next::after { left: 0; right: 0.5rem; border-width: 0.2rem 0.2rem 0 0; }

.DZSMART_CampaignSlide .swiper-pagination.swiper-pagination-fraction {
	width:auto;
	margin:auto;
	padding: 0.5rem 1.5rem;
	left:auto;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.5);
	color: #fff;
	font-size: 1.4rem;
}

.DZSMART_CampaignSlide .swiper-button-prev,
.DZSMART_CampaignSlide .swiper-button-next{margin: 0.5rem auto;border: 0.1rem solid #ccc;  background: #fff;}
.DZSMART_CampaignSlide .swiper-button-prev:hover , 
.DZSMART_CampaignSlide .swiper-button-next:hover{border-color: #000}
.DZSMART_CampaignSlide .swiper-button-prev{left:auto;right: 3.5rem}
.DZSMART_CampaignSlide .swiper-button-prev::before, 
.DZSMART_CampaignSlide .swiper-button-next::before, 
.DZSMART_CampaignSlide .swiper-button-prev::after, 
.DZSMART_CampaignSlide .swiper-button-next::after{width: 1.3rem;height: 1.3rem;border-color: #000}





/* slide_campaign */
.DZSMART_BannerSlide {
	position: relative;
	width: 100%;
	padding: 0;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
.DZSMART_BannerSlide .swiper-wrapper {
	position: relative;
	white-space:nowrap;

	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.DZSMART_BannerSlide .swiper-wrapper::after { content: ""; display:block; clear:both; }
.DZSMART_BannerSlide .swiper-slide {
	width: 100%;
	height: 100%;
	text-align: center;
	background: transparent;
	background-size: cover;
	background-position: center;
}
.DZSMART_BannerSlide .swiper-button-prev,
.DZSMART_BannerSlide .swiper-button-next { display:none; width: 3rem; height: 3rem; background-image:none;  background: transparent;  overflow:hidden; position:absolute; top: 0; bottom: 0; z-index: 1; margin:auto 0; font-size: 0; line-height: 0; text-indent: 150%; }
.DZSMART_BannerSlide .swiper-button-prev { left: 0; }
.DZSMART_BannerSlide .swiper-button-next { right: 0; }
.DZSMART_BannerSlide .swiper-button-prev::before,
.DZSMART_BannerSlide .swiper-button-next::before,
.DZSMART_BannerSlide .swiper-button-prev::after,
.DZSMART_BannerSlide .swiper-button-next::after { width: 2rem; height: 2rem; content: ""; position:absolute; top: 0; bottom: 0; margin:auto; display: inline-block; border: solid #fff; z-index: 1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }
.DZSMART_BannerSlide .swiper-button-prev::after,
.DZSMART_BannerSlide .swiper-button-next::after { border-color: #5e5f62; top: 2%; z-index: 0; }
.DZSMART_BannerSlide .swiper-button-prev::before,
.DZSMART_BannerSlide .swiper-button-prev::after { left: 0.5rem; right: 0; border-width: 0 0 0.2rem 0.2rem; }
.DZSMART_BannerSlide .swiper-button-next::before,
.DZSMART_BannerSlide .swiper-button-next::after { left: 0; right: 0.5rem; border-width: 0.2rem 0.2rem 0 0; }

.DZSMART_BannerSlide .swiper-pagination.swiper-pagination-fraction {
	width:auto;
	margin:auto;
	padding: 0.5rem 1.5rem;
	left:auto;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.5);
	color: #fff;
	font-size: 1.4rem;
}

.DZSMART_BannerSlide .swiper-button-prev,
.DZSMART_BannerSlide .swiper-button-next{margin: 0;border: 0.1rem solid #ccc;  background: #fff; height: 100%;}
.DZSMART_BannerSlide .swiper-button-prev::hover ,
.DZSMART_BannerSlide .swiper-button-next::hover{border-color: #000}
/* .DZSMART_BannerSlide .swiper-button-prev{left:auto;right: 3.5rem} */
.DZSMART_BannerSlide .swiper-button-prev::before,
.DZSMART_BannerSlide .swiper-button-next::before,
.DZSMART_BannerSlide .swiper-button-prev::after,
.DZSMART_BannerSlide .swiper-button-next::after{width: 1.3rem;height: 1.3rem;border-color: #000}

/* ======================================== Media Query ======================================== */


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

	.dpMo_line, .dpMo_inline { display: inline; }
	.dpMo_block { display:block; }
	.dpMo_inblock { display: inline-block; }
	.dpTa_line, .dpTa_inline, .dpTa_block, .dpTa_inblock, .dpTa, .dpTaPc, .dpPcTa, .dpPc { display:none; }


	/* Table Mobile */
	.dztblMo > colgroup ,
	.dztblMo > thead { display:none; }
	.dztblMo,
	.dztblMo> tbody,
	.dztblMo> tbody > tr ,
	.dztblMo> tbody > tr > th ,
	.dztblMo> tbody > tr > td {
		display:block;
		font-size: 1.4rem;
	}
	.dztbl.dztblMo tr td { border-bottom: 0; }
	.dztbl.dztblMo tr th { border-top-color: #000; text-align: left; }
	.dztbl.dztblMo tr th + td { border-top: 0; }
	.dztbl.dztblMo tr: last-child th { border-bottom: 0.1rem solid #ccc; }
	.dztbl.dztblMo { border-bottom: 0.1rem solid #000; }




	/* 경고메세지 박스 */
	.DZSMART_PageError {
		padding: 3rem 1.5rem;
		width: 90%;
		margin:2rem auto;
	}


	/* 에러페이지 박스 */
	.PageErrorBoxAlert .title {
		padding: 2rem 1rem 1rem;
	}
	.PageErrorBoxAlert .title h5 {
		display:none;
	}
	.PageErrorBoxAlert .content {
		margin: 2rem;
	}
	.PageErrorBoxAlert .content h2 {
		margin: 1rem 0;
		font-size: 2rem;
	}
	.PageErrorBoxAlert .content p {
		font-size: 1.2rem;
	}


	/* 컨펌 타이틀 박스 */
	.confirmTitleBox > h2 {
		font-size: 2.6rem;
		padding: 2rem 1rem;
	}
	.confirmTitleBox > h2 > p {
		font-size: 1.2rem;
	}



	/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	/* 탭메뉴 반응형 UL */
	UL.xTabsMenuReaction {
		display:block;
		width: 100%;
		height:auto;
		margin: 3rem auto 2rem;
	}
	UL.xTabsMenuReaction::after {
		content: '';
		display:block;
		clear:both;
	}
	UL.xTabsMenuReaction > li {
		display: inline-block;
		width: 50%;
		height: 100%;
		padding: 1rem 0.5rem;
		text-align: center;
		border: 0.1rem solid #ccc;
		border-color: rgba(0,0,0,.1);
		background: rgba(0,0,0,.05);
	}

	UL.xTabsMenuReaction > li:nth-of-type(even) {
		border-left: 0;
	}
	UL.xTabsMenuReaction > li:nth-of-type(n+3) {
		border-top: 0;
	}
	UL.xTabsMenuReaction > li.blank {
		border: 0;
	}
	UL.xTabsMenuReaction > LI.selected {
		border: 0;
		background-color: transparent;
		box-shadow: 0 0 0 0.3rem rgba(0,0,0,1);
	}

	/* slide_cover */
	.DZSMART_CoverSlide { height: 25rem; }
	.DZSMART_CoverSlide .swiper-pagination .swiper-pagination-bullet { width: 1.2rem; height: 1.2rem; }
	.DZSMART_CoverSlide .swiper-button-prev,
	.DZSMART_CoverSlide .swiper-button-next { width: 3rem; height: 3rem; background-color: transparent; }
	.DZSMART_CoverSlide .swiper-button-prev::before,
	.DZSMART_CoverSlide .swiper-button-next::before,
	.DZSMART_CoverSlide .swiper-button-prev::after,
	.DZSMART_CoverSlide .swiper-button-next::after { width: 1.5rem; height: 1.5rem; }
	.DZSMART_CoverSlide .inner_title > p { font-size: 1.85rem;}
	.DZSMART_CoverSlide .inner_title > h3 { font-size: 21.1rem; }




}


/********************* Mobile(portrait) ********************
@media all and (max-width: 481px) {



}
*/

/********************* Mobile(landscape) *********************/
@media all and (min-width: 481px) and (max-width: 767px) {


}
/********************* Tablet *********************/
@media all and (min-width: 768px) and (max-width: 1023px) {
	.dpMo, .dpMo_line, .dpMo_inline, .dpMo_block, .dpMo_inblock, .dpPc { display:none; }

	.DZSMART_CoverSlide { height: 32.5rem; }

}
/********************* Mobile / Tablet *********************/
@media all and (max-width: 1023px) {

	.dpTa_line, .dpTa_inline { display: inline; }
	.dpTa_block { display:block; }
	.dpTa_inblock { display: inline-block; }
	.dpPc { display:none; }

	/* 미대응브라우저 */
	.unsupported, .unsupported .dimmedBlack { display:none !important; }
	#unsupported { overflow: visible; height:auto; }


	/* DZSMART_Paginate */
	.DZSMART_Paginate > .prevpage,
	.DZSMART_Paginate > .nextpage { display: inline-block; }
	.DZSMART_Paginate > .prevblock,
	.DZSMART_Paginate > .nextblock,
	.DZSMART_Paginate > .numbering  { display:none; }

	.Async_Paginate { display:none; }
	.Mobile_Paginate { display: table; }

}
/********************* PC & tablet *********************/
@media all and (min-width: 768px) {


}
/********************* PC(1024 ~ 1170) *********************/
@media all and (min-width: 1024px) and (max-width: 1170px) {

	/* 미대응브라우저 */
	#unsupported #wrap { -webkit-filter:blur(1.5px); -moz-filter:blur(1.5px); -ms-filter:blur(1.5px); filter:blur(1.5px); filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='5'); }


}
/********************* PC(1171 ~ full) *********************/
@media all and (min-width: 1171px) {


}
/********************* PC *********************/
@media all and (min-width: 1024px) {
	.dpMo, .dpMo_line, .dpMo_inline, .dpMo_block, .dpMo_inblock, .dpTa, .dpTa_line, .dpTa_inline, .dpTa_block, .dpTa_inblock { display:none; }

	/* 미대응브라우저 */
	#unsupported #wrap { -webkit-filter:blur(1.5px); -moz-filter:blur(1.5px); -ms-filter:blur(1.5px); filter:blur(1.5px); filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='5'); }

	.Async_Paginate { display: table; }
	.Mobile_Paginate { display:none; }

}




/* 날짜 범위 */
#dzDateRange {
	position:fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	text-align: center;
	vertical-align: middle;
	overflow:auto;
	background: #000;
	background-color: rgba(0,0,0,.2);

	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;


	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

	flex-wrap: wrap;
	justify-content: space-around;


}
#dzDateRange > DIV.datepicker {

	height:auto;
	min-width: 32rem;
	max-width: 90%;
	max-height: 90%;

	padding: 1rem 2rem 2rem;

	background-color: #fff;
	border: 0.2rem solid #000;
	box-shadow: 0 0 0 0.7rem rgba(0,0,0,.25);
	border-radius: 0;
	overflow:hidden;
	cursor: default;
	/* transition:all 1.5s; */

	font-size: 1.4rem;
	font-family: 'Noto Sans KR','Malgun Gothic',dotum,Sans-serif,AppleGothic;
	line-height: 1;
}
#dzDateRange .datepicker__topbar {
	padding-bottom: 2.5rem;
	margin: 0;
	color: #000;
	border-bottom: 0.1rem solid #ddd;
}
#dzDateRange .datepicker__info--help ,
#dzDateRange .datepicker__info--selected ,
#dzDateRange .datepicker__info--selected > * {
	font-size: 1.6rem;
	font-style:normal;
}
#dzDateRange .datepicker__info--help {
	color: #5371b7;
}
#dzDateRange .datepicker__info--selected-label {
	display: inline-block;
	padding-right: 0.5rem;
}

#dzDateRange .datepicker__month {
	width: 45%;
}

#dzDateRange .datepicker__month-name {
	font-size: 2.4rem;
	padding: 1.5rem 0;
	color: #252832;
}
#dzDateRange .datepicker__month-button {
	position: relative;
	font-size: 0;
	width: 100%;
	height: 100%;
	min-height: 4rem;

	display:block;
	padding: 0;
	background: transparent;
	color: transparent;
	border-radius: 0;
}

#dzDateRange .datepicker__month-button::before {
	content: '';
	position:absolute;
	display:block;
	top: 1.2rem;
	width: 1.6rem;
	height: 1.6rem;

	border: 0.4rem solid #000;
	border-left: 0;
	border-top: 0;
}
#dzDateRange .datepicker__month-button--prev::before {
	transform: rotate( 135deg );
	left: 1rem;
}
#dzDateRange .datepicker__month-button--next::before {
	transform: rotate( -45deg );
	right: 1rem;
}

/* 요일필드 */
#dzDateRange .datepicker__week-name {
	font-size: 1.4rem;
	padding: 1.2rem 0.5rem;
	background-color: #f5f5f5;
	border-bottom: 0.5rem solid #fff;
}


/* 날짜필드 */
#dzDateRange .datepicker__month-day {
	position: relative;
	padding: 1.5rem 1rem;
	color: #3B3F4F;
	font-size: 1.4rem;
	font-weight: 600;
	padding: 0;
	height: 4rem;
}
#dzDateRange .datepicker__month-day--today {
	border-radius: 100%;
	background-color: #f4ff7e;
}
#dzDateRange .datepicker__month-day--today::before {
	content: '오늘';
	position:absolute;
	display:block;

	top: -1rem;
	width: 100%;
	font-size: 1.2rem;
	font-weight:normal;
	text-align: center;
	border: 0.1rem solid #c1cb17;
	background: #ffa;
	color: #444;
	padding: 0.2rem 0 0.2rem;
	border-radius: 3rem;
}
#dzDateRange .datepicker__month-day--today.datepicker__month-day--first-day-selected {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
#dzDateRange .datepicker__month-day--today.datepicker__month-day--last-day-selected {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
#dzDateRange .datepicker__month-day--today.datepicker__month-day--hovering ,
#dzDateRange .datepicker__month-day--today.datepicker__month-day--selected {
	border-radius: 0;
}


#dzDateRange .datepicker__month-day--invalid {
	color: #ddd;
	font-weight:normal;
}
#dzDateRange .datepicker__month-day--hovering ,
#dzDateRange .datepicker__month-day--selected {
	background-color: rgba(138,160,215,.3);
	/* color: #546b9f; */
	/* text-shadow: -0.1rem -0.1rem 0 rgba(255,255,255,0.5); */
}
#dzDateRange .datepicker__month-day--first-day-selected ,
#dzDateRange .datepicker__month-day--last-day-selected {
	background-color: #6680bb;
	color: #eee !important;
}
#dzDateRange .datepicker__month-day--first-day-selected {
	border-top-left-radius: 5rem;
	border-bottom-left-radius: 5rem;
}
#dzDateRange .datepicker__month-day--last-day-selected {
	border-top-right-radius: 5rem;
	border-bottom-right-radius: 5rem;
}

/* 블럭 */
#dzDateRange .datepicker__month-day--disabled::after {
	color: #E9573F;
	font-size: 2.5rem;
	top: 45%;
}


#dzDateRange .datepicker__month-day--first-day-selected::before ,
#dzDateRange .datepicker__month-day--last-day-selected::before {
	content: '시작';
	position:absolute;
	display:block;
	top:auto;
	left: 0;
	bottom: -1rem;
	width: 100%;
	height: 2rem;
	font-size: 1.2rem;
	font-weight:normal;
	text-align: center;
	border: 0.1rem solid #c1cb17;
	background: #ffa;
	color: #444;
	padding: 0.2rem 0 0.2rem;
	border-radius: 3rem;
	transform:none;
}
#dzDateRange .datepicker__month-day--last-day-selected::before {
	content: '종료';
}


/* 일요일 */
#dzDateRange .datepicker__week-days > .datepicker__week-name:first-of-type ,
#dzDateRange .datepicker__week-row > .datepicker__month-day--valid.datepicker__month-day:first-of-type {
	color: #E9573F;
}
/* 토요일 */
#dzDateRange .datepicker__week-days > .datepicker__week-name: last-of-type ,
#dzDateRange .datepicker__week-row > .datepicker__month-day--valid.datepicker__month-day: last-of-type {
	color: #4A89DC;
}


/* 닫기버튼 */
#dzDateRange .datepicker__close-button {

	background-color: transparent;
	border-radius: 0;
	font-size: 0;
	margin: 0;
	padding: 0;

	position:absolute;
	display: inline-block;
	overflow:hidden;
	background: transparent;
	width: 3.5rem;
	height: 3.5rem;
	font-size: 0;
}

#dzDateRange .datepicker__close-button::before,
#dzDateRange .datepicker__close-button::after {
	content: '';
	position:absolute;
	height: 0.2rem;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -0.1rem;
	background: #222;
}
#dzDateRange .datepicker__close-button::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#dzDateRange .datepicker__close-button::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}



/* PC */
@media all and (min-width: 767px) {
	#dzDateRange DIV.datepicker { width: 76rem; }
	#dzDateRange .datepicker__close-button {  right: -2.5rem; top: -2rem;  }

}
/* 모바일 */
@media all and (max-width: 820px) {
	#dzDateRange DIV.datepicker { width: 100%; padding: 1rem; }
	#dzDateRange .datepicker__month { width: 47%; }
	#dzDateRange .datepicker__inner { padding: 1.5rem;  }
	#dzDateRange .datepicker__week-name { padding: 1rem 0; }
	#dzDateRange .datepicker__close-button {  right: -1.5rem; top: -1.5rem; }
}
/* 모바일 */
@media all and (max-width: 650px) {
	#dzDateRange DIV.datepicker { padding: 0.5rem; }
	#dzDateRange .datepicker__topbar{ padding: 0; border: 0; }
	#dzDateRange .datepicker__info { display:none; }
	#dzDateRange .datepicker__month-name { font-size: 2.2rem;  }
	#dzDateRange .datepicker__week-name { padding: 0.7rem 0; }
	#dzDateRange .datepicker__month-day { height: 3.5rem; }
}
@media all and (max-width: 480px) {
	#dzDateRange DIV.datepicker { width: 30rem; }
	#dzDateRange .datepicker__month { width: 100%; }
	#dzDateRange .datepicker__week-name { padding: 1rem 0; }
	#dzDateRange .datepicker__month-day { height: 4rem; }
}