@charset "utf-8";


/* 디노비즈 2023-12-14 최종수정 .btn-pos 추가 */
/* 디노비즈 2023-12-27 최종수정 .POPUP_BOX SVG.icon_Success 추가 */


/* 미대응브라우저 */
#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:60px 48px; width:820px; height:580px; color:#4c4c4f; text-align:center; border:2px solid #000; background:#fff; box-sizing:border-box; }
.unsupported h2 { margin:0 0 30px; font-size:50px; color:#27273a; font-weight:normal; }
.unsupported .desc { margin:0 0 40px; font-size:16px; line-height:24px; }
.unsupported .desc strong { color:#000; }
.unsupported .browser { overflow:hidden; }
.unsupported .browser li { float:left; margin:0 0 0 27px; }
.unsupported .browser li:first-child { margin:0; }
.unsupported .browser li > img { border:1px solid #d5d5d5; border-bottom-width:0; }
.unsupported .browser li .icon_browser { position:relative; display:block; width:220px; height:220px; padding-top:15px; border:1px solid #ddd; font-size:12pt; font-weight:bold; color:#000; background:url("imgs/unsupported.png") no-repeat 10px -200px;  }
.unsupported .browser li .icon_browser.chrome { background-position:10px -200px; }
.unsupported .browser li .icon_browser.msie { background-position:10px -400px; }
.unsupported .browser li .icon_browser.firefox { background-position:10px -600px; }
.unsupported .browser li .icon_browser > .btnLink { position:absolute; bottom:0; width:100%; display:block; padding:7px 0; color:#fff; background:#43485b; text-decoration:none; }

.unsupported .close { position:absolute; top:30px; right:30px; }
.unsupported .close { overflow:hidden; display:block; width:25px; height:24px; white-space:nowrap; font-size:0; text-indent:-150%; background:url("imgs/unsupported.png") no-repeat 0 0; }
.unsupported .today { padding: 30px 0 0 0; text-align: right; }
.unsupported .today label { font-family:"돋움", Dotum, sans-serif; font-size:12px; }
.unsupported .today .check { width:17px; height:17px; margin:0 0 0 9px; vertical-align:top; border-radius:0; cursor:pointer; background:url("imgs/unsupported.png") no-repeat 0 -50px; }
.unsupported .today .check:checked { background-position:-50px -50px; }
.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:12pt;
	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:500px;
	padding:40px 50px;
	text-align:center;
	margin:50px auto;
	color:#333;
	border:2px 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: 5px;
	box-shadow: 1px 3px 5px 5px rgba(0,0,0,.15), inset 1px 1px 0 1px rgba(255,255,255,1);;
	font-weight:bold;
	text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.75);
}

.DZSMART_PageError > h3 {
	font-size: 23px;
}
.DZSMART_PageError > h3 > i.fa {
	display:block;
	color: #e9573f;
	margin-bottom:10px;
}


.DZSMART_PageError > p {
	margin-top:10px;
}

.DZSMART_PageError > button {
	height:50px;
	width:100%;
	margin-top:30px;

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

	text-decoration:none;
	vertical-align:top;
	word-spacing:-1px;
	white-space:nowrap;

	padding:0 10px;
	border-radius: 5px;
	cursor:pointer;
	vertical-align: middle;

	color:#E7E7E7;
	text-shadow: -1px -1px 0 #252832;
	border:1px 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 1px rgba(139,142,157,.5);
}



.DZSMART_PageError > button:focus ,
.DZSMART_PageError > button:active ,
.DZSMART_PageError > button:active:focus ,
.DZSMART_PageError > button:hover {
	border:1px 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 3px 3px 7px 1px rgba(0,0,0,.5);
}






/* DZSMART_Paginate */
.DZSMART_Paginate {

	font-size: 1em;
	text-align:center;
	overflow:hidden;
}

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

	vertical-align:middle;
}

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

	overflow:hidden;
	border:1px 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 3px 0 rgba(0,0,0,.15);
	border-color:#000;
	background:#fafafa;
	border-left-width: 1px !important;

	margin:0;
	margin-left:-1px;
	width:calc(100% + 1px);
}

.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:1px;
}

.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:2px 2px 0 0; width: 0.8em;   height: 0.8em; }
.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:6.250em; }
.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.313em; }
.DZSMART_Paginate .prevpage strong { padding-left:10px; }
.DZSMART_Paginate .nextpage strong { padding-right:10px; }
.DZSMART_Paginate .prevpage strong:before ,
.DZSMART_Paginate .nextpage strong:after { content:''; position:relative; display:inline-block; border-color:#393d4a; border-style:solid; border-width:2px 2px 0 0; width: 0.8em;   height: 0.8em; }
.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:1em;
	min-width:50px;
	min-height:50px;
}
.Async_Paginate > li  button  ,
.Mobile_Paginate > li  button  {
	display:block;
	overflow:hidden;
	position:relative;

	width:100%;
	height:100%;
	min-width:40px;
	min-height:40px;
	padding:5px;
	vertical-align:top;
	text-decoration:none;

	border:1px 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 1px rgba(0,0,0,1);
	border:1px 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:1px;
}
.Async_Paginate > li:not(.disabled):first-of-type > BUTTON ,
.Mobile_Paginate > li:not(.disabled):first-of-type > BUTTON {
	border-left-width:1px;
}
.Async_Paginate > li.disabled + .paging-item > BUTTON ,
.Mobile_Paginate > li.disabled + .paging-item > BUTTON {
	border-left-width:1px;
}

.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:10px; }
.Async_Paginate > .nextpage strong ,
.Mobile_Paginate > .nextpage strong { padding-right:10px; }
.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:1px 1px 0 0; width: 10px;   height: 10px; }
.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: -1px; left:-3px; }
.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: -2px; left:3px; }


/* Async_Paginate */
.Async_Paginate > li ,
.Mobile_Paginate > li {
	font-size:1rem;
	min-width:2.941rem;
	min-height:2.941rem;
}
.Async_Paginate > li  button  ,
.Mobile_Paginate > li  button  {
	min-width:2.353rem;
	min-height:2.353rem;
	padding:0.294rem;
}
.Async_Paginate > .prevpage strong ,
.Mobile_Paginate > .prevpage strong { padding-right:0.588rem; padding-left:0.588rem; }
.Async_Paginate > .nextpage strong ,
.Mobile_Paginate > .nextpage strong { padding-right:0.588rem; padding-left:0.588rem; }

.Async_Paginate > .prevpage strong::before ,
.Async_Paginate > .nextpage strong::after ,
.Mobile_Paginate > .prevpage strong::before ,
.Mobile_Paginate > .nextpage strong::after { width: 0.588rem; height: 0.588rem; }
.Async_Paginate > .prevpage strong::before ,
.Mobile_Paginate > .prevpage strong::before { top: -0.059rem; left:-0.176rem; }
.Async_Paginate > .nextpage strong::after ,
.Mobile_Paginate > .nextpage strong::after { top: -0.059rem; left:0.176rem; }

.Mobile_Paginate > LI BUTTON {
	border-radius: 5px;
}
.Mobile_Paginate > LI INPUT {

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

	min-width: 2.353rem;
	max-width:4.706rem;
	min-height: 2.353rem;
	padding: 0.294rem;
	border-radius: 5px;
	text-align:center;

}



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

	-moz-box-shadow: 0 0 10px	rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 10px	rgba(0,0,0,.2);
	box-shadow: 0 0 10px		rgba(0,0,0,.2);

	border:1px solid #ccc;
	background-color:#fff;
	width:95%;
	max-width:600px;
	margin:50px auto;
}
.PageErrorBoxAlert h1 {
	font-size:34pt;
}
.PageErrorBoxAlert h2 {
	font-size:18pt;
}
.PageErrorBoxAlert h5 {
	font-size:10pt;
}

.PageErrorBoxAlert .title {
	background-color:#ce5555;
	color:#fff;
	margin:20px;
	padding:25px 20px 30px;
	text-align:center;
	font-family:'tahoma';
	font-size:12pt;
	text-shadow: 1.2px 1.2px 1px rgba(0,0,0,0.7);

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	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:30px;
	line-height:180%;
	font-size:11pt;
	font-family: 'Malgun Gothic', Helvetica, Arial, sans-serif;
	text-align:center;
}
.PageErrorBoxAlert .content h2 {
	margin:10px 0 30px;
}

.PageErrorBoxAlert .footer_message {
	border:0;
	border-top:1px solid #ccc;
	margin:0;
	font-size:9pt;
	padding:20px 10px;
	text-align:center;
	font-family: 'tahoma', Helvetica, Arial, sans-serif;
}
.PageErrorBoxAlert .footer_message span {
	font-size:8pt;
	display:inline-block;
	margin-left:10px;
	color:#aaa;
}
.PageErrorBoxAlert .footer_message a {
	font-weight:bold;
	color:#777;
}

.PageErrorBoxAlert button {
	border:1px solid #aaa;
	border-top-color:#ccc;
	border-left-color:#ccc;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	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:40px;
	padding:0 20px;
	cursor:pointer;
	display:block;
	margin:0 auto 30px;
	font-size:10pt;

}
.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 );
}
@media all and (max-width: 767px) {
	.PageErrorBoxAlert h1 {
		font-size: 25px;
	}
	.PageErrorBoxAlert h1 > i {
		font-size: 55px;
		display:block;
	}
}



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

}
.popssZone .pops_drag { 
	cursor:move;
}
.popssZone > .pops_title {
	height:40px;
	line-height:40px;
	color:#fff;
	border-bottom:1px solid #000;
	font-size:1.05em;
	font-weight:bold;
	width:inherit;
	text-align:center;
	overflow:hidden;
	word-wrap: normal;
	white-space:nowrap;
	text-overflow:ellipsis;
    text-shadow:-1px -1px 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:5px;
	right:5px;
}
.pops_title + .btn-close {
	top:10px;
}

.popssZone > .pops_content {
	padding:20px;
	min-width:100%;
	/* max-height:250px; */
	max-height:100%;
	font-size:1em;
	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:30px;
	line-height:30px;
	padding:0 10px;
	background-color:#000;
	color:#fff;
	font-size:.9em;
}
.popssZone > .pops_btm::after {
	content:"";
	display:block;
	clear:both;
}
.popssZone > .pops_btm > label {
	float:left;
	color:#fff;
	vertical-align:middle;
	font-size:.9em;
}
.popssZone > .pops_btm > label > input {
	width:1.2em;
	height:1.2em;
	vertical-align:middle;
	margin-right:5px;
	margin-top:-1px;
}
.popssZone > .pops_btm > button {
	background:transparent;
	border:0;
	padding:0;
	margin:0;
	cursor:pointer;
	float:right;
	color:#fff;
	font-size:.9em;
	vertical-align:middle;
	height:25px;
}
.popssZone > .pops_btm > select {
	background:transparent;
	border:0;
	padding:0;
	margin:0;

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


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

.confirmTitleBox > h2::before {
	content:'';
	display:block;
	position:absolute;
	top:-5px;
	left:-5px;
	width:50px;
	height:50px;
	border:10px solid #3B3F4F;
	border-right:0;
	border-bottom:0;
}
.confirmTitleBox > h2::after {
	content:'';
	display:block;
	position:absolute;
	bottom:-5px;
	right:-5px;
	width:50px;
	height:50px;
	border:10px 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:50px;
	margin:30px auto 20px;
	border-spacing:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	table-layout:fixed;
}
UL.xTabsMenuReaction > li {
	display:table-cell;
	text-align:center;
	border:1px solid #ccc;
	border-color:rgba(0,0,0,.1);
	background:rgba(0,0,0,.05);
	border-bottom:2px solid #000;
	vertical-align:middle;
}
UL.xTabsMenuReaction > li.blank {
	border:0;
	background:transparent;
	border-bottom:2px solid #000;
}

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

UL.xTabsMenuReaction a {
	display:block;
	width:100%;
	padding:5px;
	text-align:center;
	color:#888;
	font-size:1.02em;
	font-family:inherit;
	font-weight:600;
	letter-spacing:-1px;
	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:5px;
	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:6px;
	color:#ccc;
	text-shadow:1px 1px 0 rgba(0,0,0,.9);
	font-weight:bold;
	font-size:13pt;
	margin-right:5px;
}

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

	margin: 2px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	border:1px solid #000;


	width: 25px;
	height: 30px;
	font-size: 25px;
	line-height: 25px;

}
.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: 200px;
}
.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: 3px;
	background-color: rgba(0,0,0,.4);

	top:12px;
}
.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 1px 2px #000;
	text-align: center;
	background-color: #333;
	border-radius: 6px;
}
.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:16pt;
}

.flip_container.flip_big > ul.flip {
	width: 30px;
	height: 40px;
	font-size: 35px;
	line-height: 35px;
}
.flip_container.flip_big > ul.flip li a div.up:after {
	top:17px;
}


/* .flip_small */
.flip_container.flip_small > span {
	padding-top:4px;
	font-size:12pt;
}

.flip_container.flip_small > ul.flip {
	width: 20px;
	height: 25px;
	font-size: 15pt;
	line-height: 22px;
}
.flip_container.flip_small > ul.flip li a div.up:after {
	top:10px;
}

	
/* slide_cover */
.swiper-container {
	display:none;
}
.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 {
	display:block;
	position: relative;
	width: 100%;
	max-width:1920px;
	padding:0;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
}
.DZSMART_CoverSlide.swiper-container {
	display:block;
}
.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; z-index:1; }
.DZSMART_CoverSlide .swiper-pagination .swiper-pagination-bullet { width:15px; height:15px; opacity:1; font-size:0; line-height:0; text-indent:150%; background-color:#fff; border-radius:50%; -webkit-box-shadow:0 1px 1px 0 rgba(97,98,102,1); -moz-box-shadow:0 1px 1px 0 rgba(97,98,102,1); box-shadow:0 1px 1px 0 rgba(97,98,102,1); }
.DZSMART_CoverSlide .swiper-pagination .swiper-pagination-bullet-active { background-color:#c00; border:2px solid #fff; }
.DZSMART_CoverSlide .swiper-button-prev,
.DZSMART_CoverSlide .swiper-button-next { display:none; width:40px; height:60px; 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:20px; height:20px; 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:5px; right:0; border-width:0 0 2px 2px; }
.DZSMART_CoverSlide .swiper-button-next:before,
.DZSMART_CoverSlide .swiper-button-next:after { left:0; right:5px; border-width:2px 2px 0 0; }
.DZSMART_CoverSlide .inner_title > *  { color:#fff; text-shadow:1px 1px 2px 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:20pt;  }
.DZSMART_CoverSlide .inner_title > h3 { font-size:40pt; line-height:120%;  }


/* slide_campaign */
.DZSMART_CampaignSlide {
	display:block;
	position: relative;
	width: 100%;
	padding:0;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
}
.DZSMART_CampaignSlide.swiper-container {
	display:block;
}
.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:30px; height:30px; 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:20px; height:20px; 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:5px; right:0; border-width:0 0 2px 2px; }
.DZSMART_CampaignSlide .swiper-button-next:before,
.DZSMART_CampaignSlide .swiper-button-next:after { left:0; right:5px; border-width:2px 2px 0 0; }

.DZSMART_CampaignSlide .swiper-pagination.swiper-pagination-fraction {
	width:auto;
	margin:auto;
	padding:5px 15px;
	left:auto;
	right:0;
	bottom:0;
	background:rgba(0,0,0,.5);
	color:#fff;
	font-size:0.875em;
}

.DZSMART_CampaignSlide .swiper-button-prev,
.DZSMART_CampaignSlide .swiper-button-next{margin:5px auto;border:1px 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:35px}
.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:13px;height:13px;border-color:#000}





/* slide_campaign */
.DZSMART_BannerSlide {
	display:block;
	position: relative;
	width: 100%;
	padding:0;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
}
.DZSMART_BannerSlide.swiper-container {
	display:block;
}
.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:30px; height:30px; 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:20px; height:20px; 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:5px; right:0; border-width:0 0 2px 2px; }
.DZSMART_BannerSlide .swiper-button-next:before,
.DZSMART_BannerSlide .swiper-button-next:after { left:0; right:5px; border-width:2px 2px 0 0; }

.DZSMART_BannerSlide .swiper-pagination.swiper-pagination-fraction {
	width:auto;
	margin:auto;
	padding:5px 15px;
	left:auto;
	right:0;
	bottom:0;
	background:rgba(0,0,0,.5);
	color:#fff;
	font-size:0.875em;
}

.DZSMART_BannerSlide .swiper-button-prev,
.DZSMART_BannerSlide .swiper-button-next{margin:0;border:1px 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:35px} */
.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:13px;height:13px;border-color:#000}





.Photo3D ,
.DZSMART_Cover3d.swiper-container {
	display:block;
	overflow:hidden;
}
.Photo3D .swiper-wrapper ,
.DZSMART_Cover3d .swiper-wrapper {
	height:0;
}
.DZSMART_Cover3d.swiper-container .swiper-wrapper.DZSMART_swiper-InitDone {
	height:auto;
}
.DZSMART_Cover3d .swiper-slide {
	max-width: 1000px;
}
.DZSMART_Cover3d .swiper-slide img {
	width: 100%;
	opacity: 1;
	-webkit-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
}
.DZSMART_Cover3d .swiper-slide.swiper-slide-active img {
	-webkit-filter: grayscale(0);
	-ms-filter: grayscale(0);
	filter: grayscale(0);
}

.DZSMART_Cover3d .swiper-pagination {  text-align:center; /*display:inline-block;*/ display:none; font-size:0; vertical-align:middle; z-index:1; }
.DZSMART_Cover3d .swiper-pagination .swiper-pagination-bullet { width:15px; height:15px; opacity:1; font-size:0; line-height:0; text-indent:150%; background-color:#fff; border-radius:50%; -webkit-box-shadow:0 1px 1px 0 rgba(97,98,102,1); -moz-box-shadow:0 1px 1px 0 rgba(97,98,102,1); box-shadow:0 1px 1px 0 rgba(97,98,102,1); }
.DZSMART_Cover3d .swiper-pagination .swiper-pagination-bullet-active { background-color:#c00; border:2px solid #fff; }
.DZSMART_Cover3d .swiper-button-prev,
.DZSMART_Cover3d .swiper-button-next { display:none; width:40px; height:60px; 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_Cover3d .swiper-button-prev { left:0; left: 50%; margin-left: -540px; }
.DZSMART_Cover3d .swiper-button-next { right:0; right: 50%; margin-right: -540px;  }
.DZSMART_Cover3d .swiper-button-prev:before,
.DZSMART_Cover3d .swiper-button-next:before,
.DZSMART_Cover3d .swiper-button-prev:after,
.DZSMART_Cover3d .swiper-button-next:after { width:30px; height:30px; 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_Cover3d .swiper-button-prev:after,
.DZSMART_Cover3d .swiper-button-next:after { border-color:#5e5f62; top:2%; z-index:0; }
.DZSMART_Cover3d .swiper-button-prev:before,
.DZSMART_Cover3d .swiper-button-prev:after { left:5px; right:0; border-width:0 0 2px 2px; }
.DZSMART_Cover3d .swiper-button-next:before,
.DZSMART_Cover3d .swiper-button-next:after { left:0; right:5px; border-width:2px 2px 0 0; }
.DZSMART_Cover3d .inner_title > *  { color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,.5); text-align:center; line-height:150%; }
.DZSMART_Cover3d .inner_title { visibility:visible; overflow:hidden; white-space:nowrap;  }
.DZSMART_Cover3d .inner_title > p { font-size:20pt;  }
.DZSMART_Cover3d .inner_title > h3 { font-size:40pt; line-height:120%;  }


.DZSMART_Cover3d .comment {
	text-align: center;
	position: absolute;
	bottom: 0;
	font-size:0;
	background-color: rgba(0,0,0,.5);
	color: #eee;
	font-weight: 500;
	width: 100%;
	text-shadow: 1px 1px rgba(0,0,0,.5);
	transition: all 0.2s ease;

	height:0;
	overflow:hidden;
	padding:0;
}
.DZSMART_Cover3d .comment:empty {
	display:none;
}
.DZSMART_Cover3d .swiper-slide-active .comment {
	font-size: 20px;
	padding: 5px 0;
	height:auto;
}


/* ======================================== 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:.9em;
	}
	.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:1px solid #ccc; }
	.dztbl.dztblMo { border-bottom:1px solid #000; }




	/* 경고메세지 박스 */
	.DZSMART_PageError {
		padding: 30px 15px;
	}

	/* 에러페이지 박스 */
	.PageErrorBoxAlert .title {
		padding:20px 10px 10px;
	}
	.PageErrorBoxAlert .title h5 {
		display:none;
	}
	.PageErrorBoxAlert .content {
		margin: 20px;
	}
	.PageErrorBoxAlert .content h2 {
		margin: 10px 0;
		font-size: 15pt;
	}
	.PageErrorBoxAlert .content p {
		font-size: 9pt;
	}


	/* 컨펌 타이틀 박스 */
	.confirmTitleBox > h2 {
		font-size: 20pt;
		padding: 20px 10px;
	}
	.confirmTitleBox > h2 > p {
		font-size:9pt;
	}



	/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	/* 탭메뉴 반응형 UL */
	UL.xTabsMenuReaction {
		display:block;
		width:100%;
		height:auto;
		margin:30px auto 20px;
	}
	UL.xTabsMenuReaction::after {
		content:'';
		display:block;
		clear:both;
	}
	UL.xTabsMenuReaction > li {
		display:inline-block;
		width:50%;
		height:100%;
		padding:10px 5px;
		text-align:center;
		border:1px 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 3px rgba(0,0,0,1);
	}

	/* slide_cover */
	.DZSMART_CoverSlide { height:250px; }
	.DZSMART_CoverSlide .swiper-pagination .swiper-pagination-bullet { width:12px; height:12px; }
	.DZSMART_CoverSlide .swiper-button-prev,
	.DZSMART_CoverSlide .swiper-button-next { width:30px; height:30px; 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:15px; height:15px; }
	.DZSMART_CoverSlide .inner_title > p { font-size:14pt;}
	.DZSMART_CoverSlide .inner_title > h3 { font-size:28pt; }




}


/********************* 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:325px; }

}
/********************* 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:320px;
	min-width:18.824rem;
	max-width: 90%;
	max-height:90%;

	padding: 10px 20px 20px;
	padding: 0.588rem 1.176rem 1.176rem;

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

	font-size:11pt;
	font-size:0.882rem;
	font-family: 'Noto Sans KR','Malgun Gothic',dotum,Sans-serif,AppleGothic;
	line-height:1;
}
#dzDateRange .datepicker__topbar {
	padding-bottom:25px;
	padding-bottom:1.471rem;
	margin:0;
	color:#000;
	border-bottom:1px solid #ddd;
}
#dzDateRange .datepicker__info--help ,
#dzDateRange .datepicker__info--selected ,
#dzDateRange .datepicker__info--selected > * {
	font-size: 12pt;
	font-size: 0.941rem;
	font-style: normal;
}
#dzDateRange .datepicker__info--help {
	color: #5371b7;
}
#dzDateRange .datepicker__info--selected-label {
	display: inline-block;
	padding-right: 5px;
	padding-right: 0.294rem;
}

#dzDateRange .datepicker__month {
	width: 45%;
}

#dzDateRange .datepicker__month-name {
	font-size: 20pt;
	font-size: 18pt;
	font-size: 1.412rem;

	padding: 15px 0;
	padding: 0.882rem 0;

	color: #252832;
}
#dzDateRange .datepicker__month-button {
	position: relative;
	font-size:0;
	width:100%;
	height: 100%;
	min-height: 40px;
	min-height: 2.353rem;

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

#dzDateRange .datepicker__month-button::before {
	content:'';
	position: absolute;
	display:block;
	top: 12px;
	width:16px;
	height:16px;
	top: 0.706rem;
	width:0.941rem;
	height:0.941rem;

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

/* 요일필드 */
#dzDateRange .datepicker__week-name {
	font-size:11pt;
	font-size:0.882rem;
	padding:12px 5px;
	padding:0.706rem 0.294rem;
	background-color:#f5f5f5;
	border-bottom:5px solid #fff;
}


/* 날짜필드 */
#dzDateRange .datepicker__month-day {
	position: relative;
	padding:15px 10px;
	padding:0.706rem 0.588rem;
	color:#3B3F4F;
	font-size:11pt;
	font-size:0.882rem;
	font-weight:600;
	padding: 0;
	height: 40px;
	height: 2.353rem;
}
#dzDateRange .datepicker__month-day--today {
	border-radius:100%;
	background-color:#f4ff7e;
}
#dzDateRange .datepicker__month-day--today::before {
	content:'오늘';
	position: absolute;
	display:block;

	top: -10px;
	width: 100%;
	font-size: 9.5pt;
	font-size:0.735rem;
	font-size:0.882rem;
	font-weight:normal;
	text-align: center;
	border: 1px solid #c1cb17;
	background: #ffa;
	color:#444;
	padding: 2px 0 2px;
	padding: 0.118rem 0 0.118rem;
	border-radius: 30px;
}
#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: -1px -1px 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: 50px;
	border-bottom-left-radius: 50px;
}
#dzDateRange .datepicker__month-day--last-day-selected {
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
}

/* 블럭 */
#dzDateRange .datepicker__month-day--disabled::after {
	color: #E9573F;
	font-size: 25px;
	font-size: 1.471rem;
	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: -10px;
	width: 100%;
	height:20px;
	height:1.176rem;
	font-size: 9.5pt;
	font-size:0.735rem;
	font-weight:normal;
	text-align: center;
	border: 1px solid #c1cb17;
	background: #ffa;
	color:#444;
	padding: 2px 0 2px;
	padding: 0.118rem 0 0.118rem;
	border-radius: 30px;
	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: 35px;
	height: 35px;
	width: 2.059rem;
	height: 2.059rem;
	font-size:0;
}

#dzDateRange .datepicker__close-button::before,
#dzDateRange .datepicker__close-button::after {
	content: '';
	position: absolute;
	height: 0.118rem;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -1px;
	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: 760px; width: 44.706rem; }
	#dzDateRange .datepicker__close-button {  right: -25px; top: -20px;  right: -1.471rem; top: -1.176rem; }

}
/* 모바일 */
@media all and (max-width: 820px) {
	#dzDateRange DIV.datepicker { width: 100%; padding:10px; }
	#dzDateRange .datepicker__month { width: 47%; }
	#dzDateRange .datepicker__inner { padding:15px; padding:0.882rem; }
	#dzDateRange .datepicker__week-name { padding:10px 0; padding:0.588rem 0; }
	#dzDateRange .datepicker__close-button {  right: -15px; top: -15px; right: -0.882rem; top: -0.882rem;  }
}
/* 모바일 */
@media all and (max-width: 650px) {
	#dzDateRange DIV.datepicker { padding:5px; padding:0.294rem; }
	#dzDateRange .datepicker__topbar{ padding:0; border:0; }
	#dzDateRange .datepicker__info { display:none; }
	#dzDateRange .datepicker__month-name { font-size: 17pt; font-size: 1.294rem; }
	#dzDateRange .datepicker__week-name { padding:7px 0;  padding:0.412rem 0; }
	#dzDateRange .datepicker__month-day { height: 35px; height: 2.059rem; }
}
@media all and (max-width: 480px) {
	#dzDateRange DIV.datepicker { width: 300px; width: 17.647rem; }
	#dzDateRange .datepicker__month { width: 100%; }
	#dzDateRange .datepicker__week-name { padding:10px 0; padding:0.588rem 0; }
	#dzDateRange .datepicker__month-day { height: 40px; height:2.353rem; }
}











.xTabsMenuBoxs  {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    margin:2rem 0;

}
.xTabsMenuBoxs > LI {
	position: relative;
	width: calc(100% / 10);
	height: 6rem;
	border: 1px solid #999;
	border-top-width:0;
	border-right-width:0;
	line-height: 120%;
	text-align:center;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	background-color:#fafafa;

	background-image: -webkit-linear-gradient(right bottom,#fff 40%,#ddd 80%);
	background-image: linear-gradient(to right bottom,#fff 40%,#ddd 80%);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.7);

}
.xTabsMenuBoxs > LI:hover {
	background-image: -webkit-linear-gradient(right bottom,#ddd 40%,#fff 80%);
	background-image: linear-gradient(to right bottom,#ddd 40%,#fff 80%);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.7);
}
.xTabsMenuBoxs > LI:nth-of-type(-n+10) {
	border-top-width:1px;
}
.xTabsMenuBoxs > LI:last-of-type ,
.xTabsMenuBoxs > LI:nth-of-type(10n) {
	border-right-width:1px;
}
.xTabsMenuBoxs > LI.blank {
	border-width:0;
}
.xTabsMenuBoxs > LI.selected {
	z-index:1;
	border-radius:5px;
	border-width:0;
	background-image: -webkit-linear-gradient(right bottom,#ddd 40%,#fff 80%);
	background-image: linear-gradient(to right bottom,#ddd 40%,#fff 80%);
	box-shadow:  0 0 0 3px #000, inset 0 0 0 5px #ffa;
}

.xTabsMenuBoxs > LI A {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}






.btn-pos {

	position: relative;
	top: 0;
	left: 0;
	border-radius: 3px;

	height:100%;
	line-height: 1.25em;
	/* float:left; */


	text-shadow:1px 1px 0 rgba(255,255,255,1);
	/*color: #333;*/
	background-color: #eee;
	border:1px solid #ccc;
	border-right-color:#999;
	border-bottom-color:#999;


	vertical-align:middle;


	background-repeat:repeat-x;
	text-transform: uppercase;
	box-shadow:inset 1px 1px 0 rgba(255,255,255,.75), 1px 1px 0 1px rgba(0,0,0,.1);

	background-image:-webkit-linear-gradient(right bottom, #fff 40%, #ddd 80%);
	background-image:linear-gradient(to right bottom, #fff 40%, #ddd 80%);
}
.btn-pos.mark-disc::after {
	content:'';
	position: absolute;
	display: block;
	top: 0;
	right: 5px;
	font-style: normal;
	font-weight: bold;
	font-size: 12pt;
	color: #8362D6;
	text-shadow: 1px 1px #fff;
	font-size: 0;
	width: 30px;
	height: 30px;
	background: #8362D6;
	top: -15px;
	left: -15px;
	right: auto;
	box-shadow: inset 0 0 5px 0 rgb(0 0 0 / 50%);
	transform: rotate( 45deg );

}


.btn-pos.null ,
.btn-pos.disabled {
	cursor:not-allowed;
	top:1px;
	left:1px;
	color:#aaa;
	border-color:#bbb;
	background-image:-webkit-linear-gradient(right bottom, #f1f2f3 40%, #e1e2e3 80%);
	background-image:linear-gradient(to right bottom, #f1f2f3 40%, #e1e2e3 80%);
	box-shadow:inset 1px 1px 0 rgba(255,255,255,.9);

}
.btn-pos.null {
	background:#eee;
}

.btn-pos:not(.disabled):active {

	top:1px;
	left:1px;

	box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,.2);
	/* box-shadow: inset 3px 3px 20px 0 rgba(0,0,0,.5); */
	border-color:#aaa;
	border-top-color:#999;
	border-left-color:#999;

	background-color: #e5e5e5;
	background-repeat:repeat-x;
	background-image:-webkit-linear-gradient(right bottom, #e5e5e5 20%, #eee 80%);
	background-image:linear-gradient(to right bottom, #e5e5e5 20%, #eee 80%);
}
.btn-pos.on:not(.disabled) {

	top:1px;
	left:1px;
	box-shadow:inset 3px 3px 5px 0px rgba(0,0,0,.2);
	border-color:#aaa;
	border-top-color:#999;
	border-left-color:#999;

	background-color: #e5e5e5;
	background-repeat:repeat-x;

	background-image:-webkit-linear-gradient(right bottom, #fafafa 30%, #dadada 70%);
	background-image:linear-gradient(to right bottom, #fafafa 30%, #dadada 70%);

}

.btn-pos.chked:not(.disabled)::before {
    content: "\f096";
    position: absolute;
    top: 2px;
    left: 2px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13pt;
    color: #353546;
}
.btn-pos.on.chked:not(.disabled)::before {
    content: "\f14a";
}

.btn-pos.disabled .txt-blue ,
.btn-pos.disabled .txt-red ,
.btn-pos.disabled .txt-green ,
.btn-pos.disabled .txt-azure ,
.btn-pos.disabled .txt-violet ,
.btn-pos.disabled .txt-cyan ,
.btn-pos.disabled .txt-yellow {
	color:#999;
}


.btn-pos.btn-dark:not(.disabled) ,
.btn-pos.btn-blue:not(.disabled) ,
.btn-pos.btn-azure:not(.disabled) ,
.btn-pos.btn-green:not(.disabled) ,
.btn-pos.btn-violet:not(.disabled) ,
.btn-pos.btn-yellow:not(.disabled) ,
.btn-pos.btn-red:not(.disabled) {
	box-shadow : inset 1px 1px 0 rgba(255,255,255,0.3), 1px 1px 0 1px rgba(0,0,0,0.1);
	text-shadow: -1px -1px 0 rgba(0,0,0,0.4);
	font-weight: bold;
	background-repeat: repeat-x;
	color: #eee;
}
.btn-pos.btn-dark:not(.disabled).on::before ,
.btn-pos.btn-blue:not(.disabled).on::before ,
.btn-pos.btn-azure:not(.disabled).on::before ,
.btn-pos.btn-green:not(.disabled).on::before ,
.btn-pos.btn-violet:not(.disabled).on::before ,
.btn-pos.btn-yellow:not(.disabled).on::before ,
.btn-pos.btn-red:not(.disabled).on::before {
	color:#fafafa;
}

.btn-pos.btn-blue:not(.disabled) {
	border-color: #2b5081;
	background-image: -webkit-linear-gradient(to right bottom, #659ade 40%, #276ECC 80%);
	background-image: linear-gradient(to right bottom, #659ade 40%, #276ECC 80%);
}
.btn-pos.btn-blue:not(.disabled).on ,
.btn-pos.btn-blue:not(.disabled):active {
	color: #eee;
	background-image: -webkit-linear-gradient(to right bottom, #276ECC 0%, #659ade 100%);
	background-image: linear-gradient(to right bottom, #276ECC 0%, #659ade 50%);
	box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,.3);
}

.btn-pos.btn-azure:not(.disabled) {
	border-color: #327e6d;
	background-image: -webkit-linear-gradient(to right bottom, #6ac8c3 40%, #3893a2 80%);
	background-image: linear-gradient(to right bottom, #6ac8c3 40%, #3893a2 80%);
}
.btn-pos.btn-azure:not(.disabled).on ,
.btn-pos.btn-azure:not(.disabled):active {
	color: #eee;
	background-image: -webkit-linear-gradient(to right bottom, #3893a2 0%, #6ac8c3 100%);
	background-image: linear-gradient(to right bottom, #3893a2 0%, #6ac8c3 50%);
	box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,.3);
}

.btn-pos.btn-green:not(.disabled) {
	border-color: #367e32;
	background-image: -webkit-linear-gradient(to right bottom, #72c86a 40%, #46a238 80%);
	background-image: linear-gradient(to right bottom, #72c86a 40%, #46a238 80%);
}
.btn-pos.btn-green:not(.disabled).on ,
.btn-pos.btn-green:not(.disabled):active {
	color: #eee;
	background-image: -webkit-linear-gradient(to right bottom, #46a238 0%, #72c86a 100%);
	background-image: linear-gradient(to right bottom, #46a238 0%, #72c86a 50%);
	box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,.3);
}





.btn-pos.btn-red:not(.disabled) {
	border-color: #932c2c;
	background-image: -webkit-linear-gradient(to right bottom, #d14c77 40%, #a71d1d 80%);
	background-image: linear-gradient(to right bottom, #d14c77 40%, #a71d1d 80%);
}
.btn-pos.btn-red:not(.disabled).on ,
.btn-pos.btn-red:not(.disabled):active {
	color: #eee;
	background-image: -webkit-linear-gradient(to right bottom, #a71d1d 0%, #d14c77 100%);
	background-image: linear-gradient(to right bottom, #a71d1d 0%, #d14c77 50%);
	box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,.3);
}
.btn-pos.btn-dark:not(.disabled) {
	border-color: #333;
	box-shadow : inset 1px 1px 0 rgba(255,255,255,0.2), 1px 1px 0 1px rgba(0,0,0,0.1);
	background-image: -webkit-linear-gradient(to right bottom, #51566C 40%, #3B3F4F 80%);
	background-image: linear-gradient(to right bottom, #51566C 40%, #3B3F4F 80%);
}
.btn-pos.btn-dark:not(.disabled).on ,
.btn-pos.btn-dark:not(.disabled):active {
	color: #eee;
	background-image: -webkit-linear-gradient(to right bottom, #3B3F4F 0%, #51566C 100%);
	background-image: linear-gradient(to right bottom, #3B3F4F 0%, #51566C 50%);
	box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,.3);
}

.btn-pos.btn-violet:not(.disabled) {
	border-color: #623585;
	background-image: -webkit-linear-gradient(to right bottom, #967ADC 40%, #7652D1 80%);
	background-image: linear-gradient(to right bottom, #967ADC 40%, #7652D1 80%);
}
.btn-pos.btn-violet:not(.disabled).on ,
.btn-pos.btn-violet:not(.disabled):active {
	color: #eee;
	background-image: -webkit-linear-gradient(to right bottom, #7652D1 0%, #967ADC 100%);
	background-image: linear-gradient(to right bottom, #7652D1 0%, #967ADC 50%);
	box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,.3);
}
.btn-pos.btn-yellow:not(.disabled) {
	border-color: #ab8328;
	background-image: -webkit-linear-gradient(to right bottom, #f3a932 40%, #e3912c 80%);
	background-image: linear-gradient(to right bottom, #f3a932 40%, #e3912c 80%);
	text-shadow:-1px -1px 0 rgba(122,80,2,.7);
	/*
	text-shadow: -1px -1px 0 rgba(96,44,0,0.4);
	background-image: -webkit-linear-gradient(to right bottom, #fda748 40%, #fd8d3c 80%);
	background-image: linear-gradient(to right bottom, #fda748 40%, #fd8d3c 80%);
	*/

}
.btn-pos.btn-yellow:not(.disabled).on ,
.btn-pos.btn-yellow:not(.disabled):active {
	color: #eee;
	/*
	background-image: -webkit-linear-gradient(to right bottom, #fd8d3c 0%, #fda748 100%);
	background-image: linear-gradient(to right bottom, #fd8d3c 0%, #fda748 50%);
	*/
	background-image: -webkit-linear-gradient(to right bottom, #a99410 40%, #cfb227 80%);
	background-image: linear-gradient(to right bottom, #a99410 40%, #cfb227 80%);

	box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,.3);
}

.btn-pos.icon-left {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
}


/*
		<svg class='Success_Maker' version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130.2 130.2">
			<circle class="path circle" fill="none" stroke="#73AF55" stroke-width="10" stroke-miterlimit="10" cx="65.1" cy="65.1" r="58"/>
			<polyline class="path check" fill="none" stroke="#73AF55" stroke-width="10" stroke-linecap="round" stroke-miterlimit="10" points="100.2,40.2 51.5,88.8 29.8,67.5 "/>
		</svg>
*/
.POPUP_BOX SVG.icon_Success {
	 width: 100px;
	 display: block;
	 margin: 20px auto;
}
.POPUP_BOX SVG.icon_Success .path {
	 stroke-dasharray: 1000;
	 stroke-dashoffset: 0;
}
.POPUP_BOX SVG.icon_Success .path.circle {
	 -webkit-animation: SVG_icon_Success .9s ease-in-out;
	 animation: SVG_icon_Success .9s ease-in-out;
}
.POPUP_BOX SVG.icon_Success .path.line {
	 stroke-dashoffset: 1000;
	 -webkit-animation: SVG_icon_Success .9s .35s ease-in-out forwards;
	 animation: SVG_icon_Success .9s .35s ease-in-out forwards;
}
.POPUP_BOX SVG.icon_Success .path.check {
	 stroke-dashoffset: -100;
	 -webkit-animation: SVG_icon_Success-check .9s .35s ease-in-out forwards;
	 animation: SVG_icon_Success-check .9s .35s ease-in-out forwards;
}

.POPUP_BOX SVG.icon_warning {
	 width: 100px;
	 display: block;
	 margin: 20px auto;
}
.POPUP_BOX SVG.icon_warning .path {
	 stroke-dasharray: 1000;
	 stroke-dashoffset: 0;
}
.POPUP_BOX SVG.icon_warning .path.circle {
	 -webkit-animation: SVG_icon_Success .9s ease-in-out;
	 animation: SVG_icon_Success .9s ease-in-out;
}
.POPUP_BOX SVG.icon_warning .path.line {
	 stroke-dashoffset: 1000;
	 -webkit-animation: SVG_icon_Success .9s .35s ease-in-out forwards;
	 animation: SVG_icon_Success .9s .35s ease-in-out forwards;
}
.POPUP_BOX SVG.icon_warning .path.check {
	 stroke-dashoffset: -100;
	 -webkit-animation: SVG_icon_Success-check .9s .35s ease-in-out forwards;
	 animation: SVG_icon_Success-check .9s .35s ease-in-out forwards;
}


SVG.Success_Maker {
	 width: 15rem;
	 display: block;
	 margin: 0 auto;
}
SVG.Success_Maker .path {
	 stroke-dasharray: 1000;
	 stroke-dashoffset: 0;
}
SVG.Success_Maker .path.circle {
	 -webkit-animation: SVG_icon_Success 1.2s ease-in-out;
	 animation: SVG_icon_Success 1.2s ease-in-out;
}
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;
}
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; }
}









/* SMS 인증 init.js */
#AuthSMS {
	width:100%;
	max-width:40rem;
}
#AuthSMS > STRONG {
	display:block;
	width:100%;
	padding-bottom:0.5rem;
}
#AuthSMS > STRONG ~ STRONG {
	padding-top:1rem;
}
#AuthSMS > .AuthSMS_Name > INPUT {
	width:100%;
}

#AuthSMS > .AuthSMS_Numb {
	display:flex;
	flex-wrap: wrap;
}
#AuthSMS > .AuthSMS_Numb > INPUT {
	flex:1;
	width:100%;
}
#AuthSMS > .AuthSMS_Numb > INPUT + BUTTON {
	width: 12rem;
	height: 4rem;
	margin-left: 1rem;
	border-radius: .5rem;
}
#AuthSMS > .AuthSMS_Numb > DIV {
	width:100%;
	display:block;
}



#AuthSMS > .AuthSMS_Check {
	display:flex;
	flex-wrap: wrap;
	width:100%;
	padding-top:1rem;
}
#AuthSMS > .AuthSMS_Check > STRONG {
	display:block;
	width:100%;
	padding:.5rem 0;
}
#AuthSMS > .AuthSMS_Check > INPUT {
	flex:1;
	width:100%;
}
#AuthSMS > .AuthSMS_Check > INPUT::placeholder {
    color: #c00;
}
#AuthSMS > .AuthSMS_Check > INPUT + BUTTON {
	width: 12rem;
	height: 4rem;
	margin-left: 1rem;
	border-radius: .5rem;
}
#AuthSMS > .AuthSMS_Check > P {
	display:block;
	width:100%;
	padding-top: 1rem;
}
#AuthSMS > .AuthSMS_Check > P + P {
	padding-top: .5rem;
}
#AuthSMS > .AuthSMS_Numb:has(BUTTON:not(:disabled)) ~ .AuthSMS_Check {
	display:none;
}