@CHARSET "UTF-8";
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
0.0 Font Family
1.0 Normalize
2.0 Common Layout
3.0 Form
4.0 span
5.0 Contents
6.0 Wild Card
--------------------------------------------------------------*/


/*--------------------------------------------------------------
0.0 Font-Family
--------------------------------------------------------------*/
	
	@font-face {
	    font-family: 'notokr';
	    src: url('/font/NotoKR/notokr-black.eot');
	    src: url('/font/NotoKR/notokr-black.eot?#iefix') format('embedded-opentype'),
	         url('/font/NotoKR/notokr-black.woff2') format('woff2'),
	         url('/font/NotoKR/notokr-black.woff') format('woff'),
	         url('/font/NotoKR/notokr-black.ttf') format('truetype'),
	         url('/font/NotoKR/notokr-black.svg#notokr-black') format('svg');
	    font-weight: 900;
	    font-style: normal;
	
	}
	
	@font-face {
	    font-family: 'notokr';
	    src: url('/font/NotoKR/notokr-bold.eot');
	    src: url('/font/NotoKR/notokr-bold.eot?#iefix') format('embedded-opentype'),
	         url('/font/NotoKR/notokr-bold.woff2') format('woff2'),
	         url('/font/NotoKR/notokr-bold.woff') format('woff'),
	         url('/font/NotoKR/notokr-bold.ttf') format('truetype'),
	         url('/font/NotoKR/notokr-bold.svg#notokr-bold') format('svg');
	    font-weight: 850;
	    font-style: normal;
	
	}
	
	@font-face {
	    font-family: 'notokr';
	    src: url('/font/NotoKR/notokr-medium.eot');
	    src: url('/font/NotoKR/notokr-medium.eot?#iefix') format('embedded-opentype'),
	         url('/font/NotoKR/notokr-medium.woff2') format('woff2'),
	         url('/font/NotoKR/notokr-medium.woff') format('woff'),
	         url('/font/NotoKR/notokr-medium.ttf') format('truetype'),
	         url('/font/NotoKR/notokr-medium.svg#notokr-medium') format('svg');
	    font-weight: 800;
	    font-style: normal;
	}
	
	@font-face {
	    font-family: 'notokr';
	    src: url('/font/NotoKR/notokr-regular.eot');
	    src: url('/font/NotoKR/notokr-regular.eot?#iefix') format('embedded-opentype'),
	         url('/font/NotoKR/notokr-regular.woff2') format('woff2'),
	         url('/font/NotoKR/notokr-regular.woff') format('woff'),
	         url('/font/NotoKR/notokr-regular.ttf') format('truetype'),
	         url('/font/NotoKR/notokr-regular.svg#notokr-regular') format('svg');
	    font-weight: 700;
	    font-style: normal;
	}
	
	@font-face {
	    font-family: 'notokr';
	    src: url('/font/NotoKR/notokr-demilight.eot');
	    src: url('/font/NotoKR/notokr-demilight.eot?#iefix') format('embedded-opentype'),
	         url('/font/NotoKR/notokr-demilight.woff2') format('woff2'),
	         url('/font/NotoKR/notokr-demilight.woff') format('woff'),
	         url('/font/NotoKR/notokr-demilight.ttf') format('truetype'),
	         url('/font/NotoKR/notokr-demilight.svg#notokr-demilight') format('svg');
	    font-weight: 400;
	    font-style: normal;
	}
	
	@font-face {
	    font-family: 'notokr';
	    src: url('/font/NotoKR/notokr-light.eot');
	    src: url('/font/NotoKR/notokr-light.eot?#iefix') format('embedded-opentype'),
	         url('/font/NotoKR/notokr-light.woff2') format('woff2'),
	         url('/font/NotoKR/notokr-light.woff') format('woff'),
	         url('/font/NotoKR/notokr-light.ttf') format('truetype'),
	         url('/font/NotoKR/notokr-light.svg#notokr-light') format('svg');
	    font-weight: 300;
	    font-style: normal;
	}
	
	@font-face {
	    font-family: 'notokr';
	    src: url('/font/NotoKR/notokr-thin.eot');
	    src: url('/font/NotoKR/notokr-thin.eot?#iefix') format('embedded-opentype'),
	         url('/font/NotoKR/notokr-thin.woff2') format('woff2'),
	         url('/font/NotoKR/notokr-thin.woff') format('woff'),
	         url('/font/NotoKR/notokr-thin.ttf') format('truetype'),
	         url('/font/NotoKR/notokr-thin.svg#notokr-thin') format('svg');
	    font-weight: 100;
	    font-style: normal;
	}
	
	/*--------------------------------------------------------------
	1.0 Normalize
	--------------------------------------------------------------*/
	
	html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {
	  margin: 0;
	  padding: 0;
	}
	
	strong,
	b{font-weight: normal;}	
	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	main,
	menu,
	nav,
	section,
	summary {display: block;}	
	input, select, button {vertical-align: top;}
	input:focus{outline: none;}
	input[type=checkbox],
	input[type=radio] {
	  vertical-align: middle;
	  cursor: pointer;
	  margin-right: 5px;
	}
	
	button {cursor: pointer;}
	img {vertical-align: middle;}
	img, fieldset, iframe {border: none;}
	a {text-decoration: none; color: inherit; /* Patrick Added */}
	a:hover {text-decoration: underline;}
	i, em, address {font-style: normal;}
	ul, ol, li {list-style: none;}
	hr {display: none;}
	input::-ms-clear {display: none;}
	
	input[type=button]:focus,
	input[type=submit]:focus{box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.3) inset !important;}
	input[type=button]:hover,
	input[type=submit]:hover{box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.5) inset !important;}
	
	* {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		font-family: 'notokr', Dotum,  Gulim,  AppleGothic, AppleSDGothicNeo, Helvetica, Arial, sans-serif;
	}

/*--------------------------------------------------------------
2.0 Common Layout
--------------------------------------------------------------*/
	html{
		width: 100%;
		height: 100%;
		line-height: 1.38;
		text-align: left;
		letter-spacing: 0;
	}
	
	/* 반응형 설정 */
	@media all and (max-width: 1023px){
		html{font-size: 11px;}
	}
	
	@media all and (min-width: 1024px){
		html{font-size: 16px;}
	}
	body{
		width: 100%;
		height: 100%;
		background-color: #fff;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		overflow-x: hidden;
		overflow-y: auto;
	}
	
	div.layer-lv3{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		text-align: center;
		overfloat: hidden;
		z-index: 10001;
		display: none;
	}
	div.layer-lv3.on{
		display: block;
	}
	div.layer-lv3 .spinner{
		position: absolute;
		height: 100px;
		width: 100px;
		display: inline-block;
		margin-top: -50px;
		margin-left: -50px;
		top: 50%;
		animation: spin 1s steps(12, end) infinite;
	}
	div.layer-lv3 .loading{
		position: relative;
		top: 55%;
		font-size: 3rem;
		color: #fff;
		font-weight:  100;
	}
	div.layer-lv3 .spinner:hover > i{height: 6px;}
	div.layer-lv3 .spinner i {
		height: 30px;
		width: 6px;
		margin-left: -3px;
		display: block;
		transition: height 1s;
		position: absolute;
		left: 50%;
		transform-origin: center 50px;
		background: #fff;
		box-shadow: 0 0 3px rgba(255, 255, 255, .7);
		border-radius: 3px;
	}
	.spinner i:nth-child(1) { opacity:.08 }
	.spinner i:nth-child(2) { transform:rotate(30deg);opacity:.167 }
	.spinner i:nth-child(3) { transform:rotate(60deg);opacity:.25 }
	.spinner i:nth-child(4) { transform:rotate(90deg);opacity:.33 }
	.spinner i:nth-child(5) { transform:rotate(120deg);opacity:.4167 }
	.spinner i:nth-child(6) { transform:rotate(150deg);opacity:.5 }
	.spinner i:nth-child(7) { transform:rotate(180deg);opacity:.583 }
	.spinner i:nth-child(8) { transform:rotate(210deg);opacity:.67 }
	.spinner i:nth-child(9) { transform:rotate(240deg);opacity:.75 }
	.spinner i:nth-child(10) { transform:rotate(270deg);opacity:.833 }
	.spinner i:nth-child(11) { transform:rotate(300deg);opacity:.9167 }
	.spinner i:nth-child(12) { transform:rotate(330deg);opacity:1 }
	
	@keyframes spin {
		from { transform: rotate(0deg); }
		to { transform: rotate(360deg); }
	}
	
	/* Basic Layer Design */
	
	
	section nav{
		position: fixed;
		top: 40px;
		width: 100%;
		padding: 0.3rem 1rem;
		font-size: 0.7rem;
		font-weight: 400;
		background: #f5f5f5;
		color: #5a5a5a;
		z-index: 888;
		border-bottom: 1px #d5d5d5 solid;
		letter-spacing: -0.01em;
	}
	
	section nav a{cursor: pointer;}
	section nav a:last-child{font-weight: 800; color: #3a3a3a;}
	section nav a:after{margin: 0rem 0.5rem;content: ">";}
	section nav a:last-child:after{content: ""; margin: 0;}

	/* 반응형 설정 */
	@media all and (max-width: 1023px){
		div.menu-button{
			position: relative;
			float: left;
			width: 20px;
			height: 20px;
			margin-top: 10px;
			margin-left: 10px;
			background-image: url('/img/icon/menu_icon_type_b.png');
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
		}
		
		aside.common-module{
			position: fixed;
			width: 200px;
			top: 0px;
			left: -200px;
			height: 100%;
			padding: 40px 0px 0px 0px;
			z-index: 999;
			background-color: #4a4a4a;
		}
		section.common-module{
			position: relative;
			width: 100%;
			padding-top: 65.59px;
		}
	}
	
	@media all and (min-width: 1024px){
		div.menu-button{
			position: relative;
			display: none;
		}
		aside.common-module{
			position: fixed;
			display: block;
			width: 200px;
			top: 0;
			left: 0;
			height: 100%;
			padding: 40px 0px 0px 0px;
			z-index: 2;
			background-color: #4a4a4a;
		}
		section.common-module{
			position: relative;
			width: 100%;
			padding-top: 65.59px;
			padding-left: 200px;
		}
	}
	
	/* aside design-------------------------------------------------------------------------------------------- */
	
	aside ul.aside-wrap{
		position: relative;
		width: 100%;
		height: 100%;
		border-top: 1px #7a7a7a solid;
	}
	aside ul.aside-wrap li.lv1-menu{
		position: relative;
		width: 100%;
		font-size: 0.9rem;
		border-bottom: 1px #7a7a7a solid;
	}
	aside ul.aside-wrap li.lv1-menu a{
		position: relative;
		display: inline-block;
		width: 100%;
		padding: 0.5rem 1rem;
		color: #fff;
	}
	aside ul.aside-wrap li.lv1-menu:hover{box-shadow: 0px 0px 15px 30px rgba(255, 255, 255, 0.1) inset;}
	aside ul.aside-wrap li.lv1-menu.now{background-color: #262626;}
	
	section.common-module h2{
		position: relative;
		width: 100%;
		padding: 0.5rem 1rem;
		font-size: 1.6rem;
		font-weight: 400;
		border-bottom: 1px #d5d5d5 solid;
		margin-bottom: 1rem;
	}
	section.common-module h3{
		position: relative;
		margin-left: 1rem;
		padding: 0rem 1rem;
		font-size: 1.3rem;
		font-weight: 400;
		border-left: 5px #38384b solid;
	}
	section.common-module h3 strong{font-size: 1.1rem; vertical-align: bottom;}
	section.common-module h3 strong:before{
		content: "|";
		margin: 0rem 1rem;
	}
	section.common-module div.main-cover{
		position: relative;
		width: 100%;
		padding: 0.5rem;
	}
	section.common-module div.main-cover div.content-box{
		position: relative;
		width: 100%;
		padding: 0rem 0.5rem 0.5rem;
		margin-bottom: 1rem;
	}
	section.common-module div.main-cover div.content-box h4{
		position: relative;
		width: 100%;
		padding: 0.5rem 1rem;
		border-top: 1px #d5d5d5 solid;
		border-bottom: 1px #d5d5d5 solid;
		background-color: #f5f5f5;
		font-size: 1.1rem;
		font-weight: 800;
		color: #5a5a5a;
	}
	
	/* 전체 네브 및 헤딩이 없는 템플릿 생성용 섹션 커머 -----------------------------------------------------끝 */
	div.control-pannel,
	div.top-button-grp,
	div.system-layer{
		position: relative;
		display: inline-block;
		width: 100%;
		padding: 0.5rem 0rem;
	}
	
	div.control-pannel ul{
		position: relative;
		width: 100%;
		display: inline-block;
		margin-bottom: 0.3rem;
	}
	div.control-pannel ul li{
		position: relative;
		float: left;
		vertical-align: middle;
		margin-right: 2rem;
	}
	div.control-pannel ul li.full{width: 100%; float: inherit; margin-bottom: 0.5rem; }
	div.control-pannel ul li.half{
		position: relative;
		float: left;
		width: 50%;
		margin: 0;
	}
	div.control-pannel ul li h4,
	div.control-pannel ul li.full h4,
	div.control-pannel ul li.half h4{font-weight: 800; margin-bottom: 1rem; font-size: 1.1rem;}
	div.control-pannel ul li.half div.detail{
		position: relative;
		width: 100%;
		padding: 0.5rem 0rem;
		vertical-align: top;
	}
	div.control-pannel ul li p{
		line-height: 1; 
		border-left: 4px #eaeaea solid;
		padding: 0rem 1rem;
		margin-bottom: 0.5rem;
	}
	
	div.control-pannel ul li:last-child{float: right; margin-right: 0;}
	div.control-pannel ul li label{
		position: relative;
		display: inline-block;
		vertical-align: top;
		padding-top: 4px;
		font-weight: 800;
		margin-right: 1rem;
	}
	div.control-pannel ul li span{
		position: relative;
		display: inline-block;
		vertical-align: top;
		padding-top: 4px;
		margin-right: 3rem;
	}
	
	/* tab design */
	div.tab-cover{
		position: relative;
		width: 100%;
		padding: 0.5rem 0rem 0rem;
		display: inline-block;
		overflow: visible;
	}
	div.tab-cover ul.tab-button{
		position: relative;
		width: 100%;
		display: inline-block;
		font-weight: 700;
	}
	div.tab-cover ul.tab-button li.tab-list{
		position: relative;
		float: left;
		padding: 0.5rem 2rem;
		font-size: 1rem;
		color: #6a6a6a; 
		background: #f6f6f6;
		border-top: 1px #d5d5d5 solid;
		border-left: 1px #d5d5d5 solid;
		border-right: 1px #d5d5d5 solid;
		margin-left: -1px;
		cursor: pointer;
		z-index: 3;
	}
	div.tab-cover ul.tab-button li.tab-list:hover{box-shadow: 0px 0px 50px 5px rgba(0, 0, 150, 0.1) inset}
	div.tab-cover ul.tab-button li.tab-list:first-child{margin-left: 0;}
	div.tab-cover ul.tab-button li.tab-list.now{background: #fff; color: #38384b; border-color: #38384b; z-index: 6;}
	div.tab-contents{
		position: relative;
		top: -1px;
		width: 100%;
		border-top: 1px #38384b solid;
		padding: 1rem 0rem;
		background-color: #fff;
		overflow: visible;
		z-index: 4;
	} 
	
	
	/* 페이지넘버링 관련 */
	.pageNumbering{
		position: relative;
		display: block;
		clear:both !important;
		width: 100%;
		padding: 35px 0px;
		text-align: center;
	}
	.pageNumbering.narrow{padding: 10px 0px;}
	.pageNumbering.narrow .pageNumber{
		display: inline-block;
		clear: both;
		float: inherit !important;
		text-align: center;
		padding: 0 5px;
		width: 22px;
		height: 22px;
		cursor: pointer;
		border: 1px rgba(0,0,0,0) solid;
		font-size: 0.8em;
		color: #9b9b9b;
		line-height: 20px;
		background-repeat: no-repeat;
		background-size: 7px 7px;
		background-position: center;
		vertical-align: top;
		margin: 0px 0px;
		border-radius: 2px;
	}
	.pageNumbering .pageNumber{
		display: inline-block;
		clear: both;
		float: inherit !important;
		text-align: center;
		padding: 0 5px;
		width: 25px;
		height: 25px;
		cursor: pointer;
		border: 1px rgba(0,0,0,0) solid;
		font-size: 0.8em;
		color: #9b9b9b;
		line-height: 25px;
		background-repeat: no-repeat;
		background-size: 7px 7px;
		background-position: center;
		vertical-align: top;
		margin: 0px 2px;
		border-radius: 2px;
	}
	.pageNumber.lleft{background-image: url('/img/icon/arrLeftDouble.png');}
	.pageNumber.left{background-image: url('/img/icon/arrLeftSingle.png');}
	.pageNumber.rright{background-image: url('/img/icon/arrRightDouble.png');}
	.pageNumber.right{background-image: url('/img/icon/arrRightSingle.png');}
	.pageNumbering.narrow .pageNumber:hover,
	.pageNumber:hover{border: 1px #b3b3b3 solid; box-shadow: 0px 0px 30px 5px rgba(255, 255, 255, 0.3) inset;}
	.pageNumbering.narrow .pageNumber.now,
	.pageNumber.now{border: 1px #388388 solid; background-color: #3aa3aa; color: #fff;}
	
	/* UL LI형 테이블 ---------------------------------------------------------------------------------------------------------- */
	div.main-list-table-cover{
		position: relative;
		width: 100%;
		padding: 0.5rem 0rem;
	}
	
	div.excel-list-table-cover{
		position: relative;
		width: 100%;
		height: 500px;
		padding: 0.5rem 0rem;
		overflow: auto;
	}
	
	div.fixed-cover{
		position: relative;
		width: 100%;
		padding-top: 0.5rem;
	}
	
	div.fixed-cover-body{
		position: relative;
		width: 100%;
		/* max-height: 500px; */ /* zd */
		overflow-y: auto;
	}
	
	/* 쿠폰 관리 및 생성 ------------------------------------------------------*/
	div.cpn-manage-block{
		position: relative;
		width: 60%;
		float: left;
		margin-top: 0.5rem;
		margin-left: 1rem;
	}
	div.cpn-manage-block div.row{
		position: relative;
		display: inline-block;
		width: 100%;
		padding: 0rem 1rem 0rem 8rem;
		margin-bottom: 0.5rem;
	}
	div.cpn-manage-block div.row label{
		position: absolute;
		top: 5px;
		left: 0px;
		font-weight: 800;
		color: #5a5a5a;
	}
	div.cpn-manage-block div.row ul.caution-list{
		position: relative;
		width: 100%;
		display: inline-block;
		padding: 0.5rem 0rem;
		border-top: 1px #d5d5d5 solid;
		border-bottom : 1px #d5d5d5 solid;
		margin-top: 0.5rem;
	}
	div.cpn-manage-block div.row ul.caution-list li.caution{
		margin-bottom: 0.5rem;
	}
	
	#wrap_michaelkors .footer_space {
	    width: 100%;
	    height: 30px
	}
	
	#wrap_michaelkors div.cpn-block{
		position: relative;
		width: 100%;
		padding: 2rem;
		background-color: #262626;
	}	
	
	#wrap_michaelkors div.cpn-block h2{
		position: relative;
		width: 100%;
		margin: 0;
		padding: 1rem 0rem 2rem;
		text-align: center;
		color: #fff;
		font-weight: 600;
		font-size: 2.5rem;
		line-height: 1.1;
		border: none;
	}
	
	#wrap_michaelkors div.cpn-block article{
		position: relative;
		width: 100%;
		display: inline-block;
	}
	
	#wrap_michaelkors div.cpn-block div.cpn-cover{
		position: relative;
		width: 100%;
		background-color: #d3b789;
		border-radius: 8px;
		text-align: center;
		color: #fff;
		padding: 5px;
	}
	#wrap_michaelkors div.cpn-block div.cpn-cover div.cpn-inner{
		position: relative;
		width: 100%;
		border-radius: 8px;
		border: 1px #fff solid;
	}
	#wrap_michaelkors div.cpn-block div.cpn-cover div.cpn-inner h3{
		position: relative;
		width: 100%;
		margin: 1rem 0rem 0.5rem;
		font-weight: 600;
		font-size: 1.2rem;
		padding: 0;
		line-height: 1;
		border: none;
	}
	#wrap_michaelkors div.cpn-block div.cpn-cover div.cpn-inner h4{
		font-size: 4rem;
		line-height: 1;
		padding: 0;
		margin: 0rem 0rem 1.5rem;
		background-color: transparent;
		border: none;
		color: #fff;
	}
	#wrap_michaelkors div.cpn-block div.cpn-cover div.cpn-inner p{
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0rem 0rem 1rem;
		font-size: 1rem;
		font-weight: 200;
	}
	
	/* 170106 - meini - 쿠폰 디자인 수정 */
	#wrap_michaelkors div.cpn-block div.cpn-img-cover{
		position: relative;
		width: 100%;
	}
	
	#wrap_michaelkors div.cpn-block div.cpn-img-cover .cpn-img{
		width: 100%;
	}
	
	#wrap_michaelkors div.cpn-block div.cpn-condition-cover{
		position: relative;
		width: 100%;
		padding: 1rem 0rem;
		border-bottom: 1px #444 solid;
		color: #c5c5c5;
		font-size : 1.2rem;
		text-align: center;
	}
	
	#wrap_michaelkors div.cpn-block div.cpn-condition-cover ul{
		position: relative;
		display: inline-block;
		width: 100%
	}
	#wrap_michaelkors div.cpn-block div.cpn-condition-cover ul li{
		position: relative;
		text-align: left;
		display: inline-block;
		width: 100%;
	}
	#wrap_michaelkors div.cpn-block div.cpn-condition-cover ul li span{font-weight: 400;}
	#wrap_michaelkors div.cpn-block div.cpn-condition-cover ul li label{font-weight: 500;}
	#wrap_michaelkors div.cpn-block div.cpn-condition-cover ul li label#tget{
		position: absolute;
		top: 5px;
		left: 0px;
		display: block;
	}
	#wrap_michaelkors div.cpn-block div.cpn-condition-cover ul li span#cpn_target_condi{
		display: inline-block;
		width: 100%;
		padding-top: 5px;
		padding-left: 4rem;
	}
	#wrap_michaelkors div.cpn-block div.cpn-condition-cover ul li label:after{
		content: "|";
		margin: 0rem 0.6rem;
		font-size: 0.8rem;
		color: #555;
	}
	/* 170106 - meini end */
	
	
	#wrap_michaelkors div.cpn-block div.cpn-period{
		position: relative;
		width: 100%;
		padding: 1rem 0rem;
		border-bottom: 1px #444 solid;
		color: #c5c5c5;
		text-align: center;
	}
	#wrap_michaelkors div.cpn-block div.cpn-period ul{
		position: relative;
		display: inline-block;
	}
	div.cpn-block div.cpn-period ul li{
		position: relative;
		text-align: left;
	}
	#wrap_michaelkors div.cpn-block div.cpn-period ul li span{font-weight: 100;}
	#wrap_michaelkors div.cpn-block div.cpn-period ul li label{font-weight: 300;}
	#wrap_michaelkors div.cpn-block div.cpn-period ul li label:after{
		content: "|";
		margin: 0rem 0.6rem;
		font-size: 0.8rem;
		color: #555;
	}
	#wrap_michaelkors div.cpn-block div.cpn-caution{
		position: relative;
		width: 100%;
		color: #8a8a8a;
		font-size: 0.9rem;
		padding: 1rem 0.5rem;
	}
	#wrap_michaelkors div.cpn-block div.cpn-caution ul{
		position: relative;
		width: 100%;
	}
	#wrap_michaelkors div.cpn-block div.cpn-caution ul li{
		position: relative;
		width: 100%;
		
	}
	#wrap_michaelkors div.cpn-block div.cpn-caution ul li:before{
		content: "·";
		position: absolute;
		top: 0px;
		left: -0.5rem;
	}
	#wrap_michaelkors div.cpn-number-cover{
		position: relative;
		width: 100%;
		padding: 2rem 0rem 1rem;
		color: #d3b789;
		text-align: center;
		font-size: 0.9rem
	}
	#wrap_michaelkors div.cpn-number-cover strong{
		position: relative;
		font-size: 1.4rem;
		font-weight: 400;
	}
	
	
	div.cpn-preview-block{
		line-height : 1.6;
		position: relative;
		float: left;
		width: 375px;
		border: 1px #d5d5d5 solid;
		margin-top: 0.5rem;
	}
	
	/* TABLE DESIGN ----------------------------------------------------------------------------------------------------*/
	 
	table.main-list-table{
		position: relative;
		width: 100%;
		border-collapse: separate;
		border-spacing: 0 0;
	}
	
	table.main-list-table thead tr th{
		padding: 8px 8px 12px;
		font-size: 0.8rem;
		font-weight: 700;
		background: #5a5a5a;
		border-top: 3px #6a6a6a solid;
		text-align: left;
		color: #fff;
	}
	table.main-list-table tbody tr:nth-child(2n+0){background: #f1f1f1;}
	table.main-list-table tbody tr:nth-child(2n+1){backbround: #fff;}
	table.main-list-table tbody tr:last-child th,
	table.main-list-table tbody tr:last-child td{border-bottom: 2px #6a6a6a solid;}
	table.main-list-table tbody tr td{
		padding: 8px;
		font-size: 0.8rem;
		font-weight: 400;
		text-align: left;
	}
	table.main-list-table tbody tr th{
		padding: 8px;
		font-size: 0.8rem;
		font-weight: 800;
		text-align: left;
		color: #3a3a3a;
		background-color: rgba(0, 0, 0, 0.1);
		cursor: pointer;
	}
	table.main-list-table tbody tr td a{text-decoration: underline !important;}
	div.detail-list-table-cover{
		position: relative;
		width: 100%;
		overflow: auto;
	}
	div.detail-list-table-cover table.detail-list-table{
		position: relative;
		border-collapse: separate;
		border-spacing: 0 0;
		width: 100%;
	}
	div.detail-list-table-cover table.detail-list-table thead tr{background: #5a5a5a;}	
	div.detail-list-table-cover table.detail-list-table thead tr th{
		padding: 8px 8px 12px;
		font-size: 0.8rem;
		font-weight: 700;
		text-align: left;
		color: #fff;
		border-top: 3px #6a6a6a solid;
		min-width: 120px;
	}
	div.detail-list-table-cover table.detail-list-table tbody tr td{
		padding: 4px 8px 4px;
		font-size: 0.8rem;
		font-weight: 400;
		text-align: left;
		color: #4a4a4a
	}
	div.detail-list-table-cover table.detail-list-table tbody tr:nth-child(2n+0){background-color: #f1f1f1;}
	div.detail-list-table-cover table.detail-list-table tbody tr:nth-child(2n+1){background-color: #ffffff;}
	div.detail-list-table-cover table.detail-list-table tbody tr:last-child td{border-bottom: 2px #6a6a6a solid;}
	label.for-input{margin-right: 2rem; cursor: pointer;}
	label.for-input:hover{background-color: rgba(0, 0, 0, 0.1);}
	
	table.excel-list-table{
		position: relative;
		width: 99%;
		font-size: 0.8rem;
		font-weight: 400;
		border-collapse: collapse;
	}
	table.excel-list-table thead th{
		position: relative;
		padding: 5px 8px;
		text-align: left;
		background-color: #3a3a55;
		color: #fff;
	}
	table.excel-list-table tbody th{
		position: relative;
		padding: 0px 5px;
		text-align: center;
		background-color: #c9c9da;
		color: #3a3a3a;
		border: 1px #d5d5d5 solid;
	}
	table.excel-list-table tbody td{
		position: relative;
		border: 1px #d5d5d5 solid;
	}
	table.excel-list-table tbody td input.excel-cell{
		position: relative;
		width: 100%;
		border: none;
		padding: 4px 5px;
		font-size: 0.9rem;
		color: #3a3a3a;	
	}
	table.excel-list-table tbody td input.excel-cell:focus{box-shadow: 0px 0px 15px 30px rgba(0, 0, 150, 0.1) inset;}
	table.excel-list-table tbody td input.excel-cell.err{background-color: #fedada; color: #ea3345;}
	/*#cpn-target-list tr th:nth-child(8),
	#cpn-target-body tr td:nth-child(8){width: 8%;}
	#target-list-table-body tr td:nth-child(1),
	#target-list-table tr th:nth-child(1){width: 5%;}
	#cpn-target-list tr th:nth-child(6),
	#cpn-target-body tr td:nth-child(6),
	#target-list-table-body tr td:nth-child(8),
	#target-list-table tr th:nth-child(8),
	#target-list-table-body tr td:nth-child(7),
	#target-list-table tr th:nth-child(7){width: 15%;}
	#cpn-target-list tr th:nth-child(5),
	#cpn-target-body tr td:nth-child(5),
	#cpn-target-list tr th:nth-child(7),
	#cpn-target-body tr td:nth-child(7),
	#cpn-target-list tr th:nth-child(2),
	#cpn-target-body tr td:nth-child(2),
	#cpn-target-list tr th:nth-child(3),
	#cpn-target-body tr td:nth-child(3),
	#cpn-target-list tr th:nth-child(4),
	#cpn-target-body tr td:nth-child(4),
	#target-list-table-body tr td:nth-child(6),
	#target-list-table tr th:nth-child(6),
	#target-list-table-body tr td:nth-child(5),
	#target-list-table tr th:nth-child(5),
	#target-list-table-body tr td:nth-child(4),
	#target-list-table tr th:nth-child(4),
	#target-list-table-body tr td:nth-child(3),
	#target-list-table tr th:nth-child(3){width: 10%;}
	#cpn-target-list tr th:nth-child(1),
	#cpn-target-body tr td:nth-child(1){width: 20%;}*/
	
	/* Layer 팝업 디자인 -----------------------------------------------------------------------------------  */
	div.preview-layer,
	div.layer-lv2,
	div.layer-lv1{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, 0.5);
		text-align: center;
		display: none;
		overflow: auto;
	}
	div.preview-layer,
	div.layer-lv1{z-index: 9998;}
	div.layer-lv2{z-index: 9999;}
	div.layer-content{
		position: relative;
		display: inline-block;
		width: 100%;
		max-width: 1080px;
		margin-top: 3rem;
		margin-bottom: 3rem;
	}
	div.layer-content.small,
	div.layer-content.alert,
	div.layer-content.password{max-width: 380px;}
	div.layer-content.mid{max-width: 640px;}
	div.layer-content.password article input[type=password]{
		position: relative;
		width: 100%;
		border: 1px #d5d5d5 solid;
		padding: 4px 6px;
		font-size: 1rem;
		background: #fff;
		margin-bottom: 1rem;
	}
	div.layer-content.password article input[type=password]:focus{border: 1px #078dde solid;}
	div.layer-content div.layer-top,
	div.layer-content h3{
		position: relative;
		background-color: #38384b;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		color: #fff;
		font-size: 1.1rem;
		padding: 1rem 1.5rem;
		text-align: left;
		font-weight: 800;
		box-shadow: 8px 8px 10px 0px rgba(0, 0, 0, 0.5);
		border-top: 1px #a1a1a1 solid;
		border-right: 1px #a1a1a1 solid;
		border-left: 1px #a1a1a1 solid;
	}
	div.layer-content div.layer-mid,
	div.layer-content article{
		position: relative;
		width: 100%;
		padding: 1rem 1.5rem;
		box-shadow: 8px 8px 10px 0px rgba(0, 0, 0, 0.5);
		background: #fff;
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
		display: inline-block;
		border-bottom: 1px #a1a1a1 solid;
		border-right: 1px #a1a1a1 solid;
		border-left: 1px #a1a1a1 solid;
	}
	div.layer-content div.layer-mid div.content-cover{
		position: relative;
		width: 100%;
		text-align: center;
	}
	div.layer-content div.layer-mid div.content-cover div.content-check{
		position: relative;
		width: 100%;
		text-align: left;
		display: inline-block;
		border: 2px #ea0034 solid;
		padding: 1rem;
		font-size: 1.1rem;
		font-weight: 800;
		color: #ea0034;
		background-color: rgba(255, 0, 0, 0.1);
	}
	div.layer-content div.layer-mid div.content-cover div.check-step{
		position: relative;
		width: 100%;
		font-size: 1.2rem;
		font-weight: 900;
		padding: 1rem 0rem;
		margin-bottom: 0.5rem;
		border-bottom: 2px #ea0034 solid;
		text-align: left;
		color: #5a5a5a;
	}
	div.check-box-cover{
		position: relative;
		width: 100%;
		font-size: 1.2rem;
		font-weight: 900;
		padding: 1rem 2rem;
		margin: 1rem 0rem;
		border: 2px #ea0034 solid;
		border-radius: 15px;
		text-align: left;
		color: #ea0034;
		background-color: rgba(255, 0, 0, 0.1);
		transition: all ease 0.4s;
		cursor: pointer;
		background-position: 10px 16px;
		background-repeat: no-repeat;
		background-size: 30px;
	}
	div.check-box-cover.ok{
		color: #fff;
		background-color: #ea0034;
		background-image: url('/img/icon/check_point.png');
		padding-left: 3.5rem;
		transition: all ease 0.4s;
	}
	div.check-box-cover span{
		position: relative;
		float: right;
	}
	div.check-box-cover:hover{box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.5) inset; transition: all ease 0.3s;}
	div.layer-content div.layer-mid div.content-cover div.content-check p strong{font-size: 1.2rem; font-weight: 900;}
	div.content-type{
		position: relative;
		width: 100%;
		text-align: left;
		display: inline-block;
	}
	div.content-type.mobile{max-width: 360px;}
	div.layer-content div.layer-mid div.content-cover div.content-type a{
		border: 3px red solid;
		background: rgba(255, 0, 0, 0.1);
	}
	div.layer-content div.layer-mid div.content-cover div.content-type map area,
	div.layer-content div.layer-mid div.content-cover div.content-type map area:focus{outline: 3px #f00 solid;}
	div.layer-content div.layer-mid p:last-child,
	div.layer-content article p:last-child{margin-bottom: 1rem;}
	div.layer-content div.layer-mid p.system,
	div.layer-content article p.system{
		position: relative; 
		width: 100%; 
		padding: 0.5rem 0rem;  
		text-align: left;
		margin-bottom: 1rem;
	}
	div.layer-content div.layer-mid p.normal,
	div.layer-content article p.normal{
		position: relative; 
		width: 100%; 
		padding: 0.5rem 0.5rem;  
		text-align: left;
		font-size: 0.9rem;
		border: 1px #d5d5d5 solid;
		margin-bottom: 0.5rem;
	}
	div.layer-content div.layer-mid p.normal strong,
	div.layer-content article p.normal strong{
		font-size: 1.1rem;
		font-weight: 800;
		color: #aa0022;
	}
	div.layer-content div.pannel{
		position: relative; 
		display: inline-block;
		width: 100%; 
		padding: 0.5rem 0.5rem;  
		text-align: left;
		font-size: 0.9rem;
	}
	div.layer-content div.pannel ul{
		position: relative;
		width: 100%;
		padding-left: 0.5rem;
		display: inline-block;
		margin-bottom: 0.5rem;
	}
	div.layer-content div.pannel ul li{
		width: 100%;
		position: relative;
		padding-left: 8rem;
	}
	div.layer-content div.pannel ul li label{
		position: absolute;
		top: 0.3rem;
		left: 0;
		font-weight: 800;
		vertical-align: middle;
	}
		
	/* 닫기 버튼 원 */
	div.layer-cls-btn-circle{
		position: absolute;
		width: 30px;
		height: 30px;
		top: 16px;
		right: 10px;
		cursor: pointer;
	}
	div.layer-cls-btn-circle div.x-bar{
		position: relative;
		width: 25px;
		height: 3px;
		border-radius: 15px;
		background: #fff;
	}
	div.layer-cls-btn-circle div#a.x-bar{transform: rotate(45deg); top: 10px; left: 4px;}
	div.layer-cls-btn-circle div#b.x-bar{transform: rotate(135deg); top: 7px; left: 4px;}
	.hidden{display: none !important;}
	
	
/* design controller */
	/* simple bording block */
	.bord-fff-1{border: 1px #fff solid;padding: 20px; }

/* common controller */	
	/* display controller */
	.il-block{display: inline-block;}
	.block{display: block}
	.il-only{display: inline;}
	
	/* Block Width Controller */
	.wid-100-p{width: 100% !important;}
	.wid-95-p{width: 95% !important;}
	.wid-90-p{width: 90% !important;}
	.wid-85-p{width: 85% !important;}
	.wid-80-p{width: 80% !important;}
	.wid-75-p{width: 75% !important;}
	.wid-70-p{width: 70% !important;}
	.wid-66-p{width: 66.6666667% !important;} /* 3등분 블럭은 꼭 필요한 경우만 사용 */
	.wid-65-p{width: 65% !important;}
	.wid-60-p{width: 60% !important;}
	.wid-55-p{width: 55% !important;}
	.wid-50-p{width: 50% !important;}
	.wid-45-p{width: 45% !important;}
	.wid-40-p{width: 40% !important;}
	.wid-35-p{width: 35% !important;}
	.wid-33-p{width: 33.3333333% !important;} /* 3등분 블럭은 꼭 필요한 경우만 사용 */
	.wid-30-p{width: 30% !important;}
	.wid-25-p{width: 25% !important;}
	.wid-20-p{width: 20% !important;}
	.wid-16-p{width: 16.2% !important;}
	.wid-15-p{width: 15% !important;}
	.wid-10-p{width: 10% !important;}
	.wid-5-p{width: 5% !important;}
	
	/* text-align Controller  */
	.align-ctr{text-align: center !important;}
	.align-rtr{text-align: right !important;}
	.align-ltr{text-align: left !important;}
	
	/* float Controller */
	.fl{float: left;}
	.fr{float: right;}
	.fn{float: none;}
	.fi{float: inherit;}
	.clear-fix{clear: both;}
	
	/* overflow Controller */
	.scroll-y{overflow-y: auto;}
	.scroll-x{overflow-x: auto;}
	.scroll-xy{overflow: auto;}
	
	/* vertical-align Controller */
	.valign-top{vertical-align: top !important;}
	.valign-mid{vertical-align: middle !important;}
	.valign-btm{vertical-align: bottom !important;}
	.valign-bas{vertical-align: baseline !important;}
	.valign-spr{vertical-align: super !important;}
	
	/* padding & margin Controller */
	.tpadding{padding-top: 15px !important;}
	.tbpadding{padding: 15px 0px !important;}
	.p5{padding: 5px !important;}
	.nomargin{margin: 0 !important;}
	.rpadding{padding-right: 1rem !important;}
/*--------------------------------------------------------------
5.0 Form
--------------------------------------------------------------*/	
	/* 기본 텍스트 입력 상자 디자인 */
	input.text-box,
	textarea.text-box{
		position: relative;
		font-weight: 400;
		background: #fff;
		border: 1px #d5d5d5 solid;
		border-radius: 3px;
		vertical-align: middle;
		margin-right: 4px;
	}
	textarea.text-box{resize: none;}
	input.text-box:focus,
	textarea.mdm-input-box:focus,
	textarea.text-box:focus{border-color: #3aa3aa; outline: none;}
	input.text-box.small,
	textarea.text-box.small{padding: 1px 3px; font-size: inherit;}
	input.text-box.mid,
	textarea.text-box.mid{padding: 4px 8px; font-size: 1rem;}
	input.text-box.large,
	textarea.text-box.large{padding: 5px 8px; font-size: 1.2rem;}
	input.text-box.mid.stdt::after{
		content: "~";
		padding-left: 1rem;
		margin-right: 1rem;
	}
	
	input.test-mailing-input{
		position: relative;
		width: 100%;
		border: 1px #f1f1f1 solid;
		background: #f1f1f1;
		font-size: 0.9rem;
		color: #3a3a3a;
		padding: 2px 3px;
	}
	input.test-mailing-input:focus{border: 1px #d1d1d1 solid;}
	
	textarea.mdm-input-box{
		position: relative;
		width: 100%;
		height: 100%;
		border: 1px #d5d5d5 solid;
		padding: 0.5rem;
		font-size: 1rem;
		font-weight: 400;
		color: #4a4a4a;
		overflow-y: auto;
		resize: none;
		margin-bottom: 8px;
	}
	
	/* 기본 버튼 디자인 ---------------------------------------------------------------------------------------------	*/
	/* 기본 텍스트 버튼 디자인 기본형 이미지가 왼편에 추가될 수 있는 기본형 버튼임 */
	.text-button{
		position: relative;
		display: inline-block;
		font-size: 1rem;
		font-weight: 700;
		height: 32px;
		line-height: 32px;
		padding-left: 3rem;
		padding-right: 1.5rem;
		cursor: pointer;
		text-decoration: none;
		display: inline-block;
		vertical-align: middle;
		border: none;
		background-color: #400040;
		color: #fff;
		background-size: 22px 22px;
		background-position: 12px 5px;
		background-repeat: no-repeat;
		border-radius: 3px;
		text-align: center;
	}
	.text-button:disabled{background-color: #f1f1f1; color: #a3a3a3; border: 1px #d5d5d5 solid;}
	.text-button.important-button{
		background-image: url('/img/icon/important-button.png');
		background-color: #aa0004;
	}
	.text-button.next-step{
		background-image: url('/img/icon/next-step.png');
		background-color: #94c0cf;	
	}
	.text-button.back-step{
		background-image: url('/img/icon/back-step.png');
		background-color: #ff8080;	
	}
	.text-button.normal-button{padding-left: 1.5rem;}
	.text-button.cancel{background-color: #8a8a8a; padding-left: 1.5rem;} /* 취소 버튼 */
	.text-button.ok-button{background-color: #3a3a3a; padding-left: 1.5rem;} /* 컨펌 버튼 (그냥 일반적으로 가장 많이 사용할 수 있음) */
	.text-button.fl{float: left; margin-right: 8px;} /* 버튼 왼쪽 정렬 */
	.text-button.fr{float: right; margin-left: 8px;}/* 버튼 오른 정렬  */
	.text-button.back-button{background-image: url('/img/icon/back-button.png');} /* 뒤로가기 버튼 */
	.text-button.create-database-button{background-image: url('/img/icon/databaseCreate.png');} 
	.text-button.import-new-button{background-image: url('/img/icon/importNew.png');}
	.text-button.import-existing-button{background-image: url('/img/icon/importExisting.png');}
	.text-button.export-data-button{background-image: url('/img/icon/export.png');}
	.text-button.duplicate-data-button{background-image: url('/img/icon/duplicate.png');}
	.text-button.edit-data-button{background-image: url('/img/icon/editData.png');}
	.text-button.delete-data-button{background-image: url('/img/icon/deleteData.png');}
	.text-button.detail-data-button{background-image: url('/img/icon/detailData.png');}
	.text-button.relation-button{background-image: url('/img/icon/dataRelation.png');}
	.text-button.derived-button{background-image: url('/img/icon/derivedVar.png');}
	.text-button.create-target-button{background-image: url('/img/icon/targetCreate.png');}
	.text-button.calc-data-button{background-image: url('/img/icon/reflash.png');}
	.text-button.save-button{background-image: url('/img/icon/saveBtn.png');}
	.text-button.preview-btn{background-image: url('/img/icon/previewBtn.png');}
	.text-button.devide-btn{background-image: url('/img/icon/devideBtn.png');}
	.text-button.edit-btn{background-image: url('/img/icon/editBtn.png');}
	.text-button.email-send-button{background-image: url('/img/icon/sendMailIcon.png');}
	.text-button.confirm-button{background-image: url('/img/icon/check_point.png');}
	.text-button.reject-button{background-image: url('/img/icon/sendMailIcon.png');}
	.text-button.account-create{background-image: url('/img/icon/accountCreate.png');}
	.text-button.delete-account{background-image: url('/img/icon/deleteAccount.png');}
	
	.control-btn{
		position: relative;
		display: inline-block;
		padding: 2px 4px;
		font-size: 0.8rem;
		border: 1px #8a8a8a solid;
		background-color: #f1f1f1;
		cursor: pointer;
		vertical-align: middle;
	}
	.control-btn:hover,
	.text-button:hover{box-shadow: 0px 0px 15px 30px rgba(0, 0, 0, 0.15) inset;}
	
	/* 이미지로만 이루어진 버튼  */
	.img-button{
		position: relative;
		display: inline-block;
		width: 18px;
		height: 18px;
		vertical-align: middle;
		border: none;
		background-color: rgba(0, 0, 0, 0);
		background-size: cover;
		background-poision: center;
		background-repeat: no-repeat;
	}
	.img-button.mn{background-image: url('/img/icon/mnIcon_off.png')}
	
	/* custom select -------------------------------------------------------------------------------------------*/
	.cst-select{ 
		position: relative;
		display: inline-block;
		border: 1px #d5d5d5 solid;
		text-align: left;
		cursor: pointer;
		background: #fff;
		margin-right: 5px;
		cursor: pointer;
		vertical-align: middle;
		min-width: 120px;
	}
	.cst-select.small{padding: 1px 8px; font-size: inherit;}
	.cst-select.mid{padding: 4px 8px; font-size: 1rem;}
	.cst-select.large{padding: 8px 12px; font-size: 1.2rem;}
	.cst-select:hover{border-color: #3aa3aa; background-color: #f1f1f1;}
	.cst-select select{
		position: absolute; 
		opacity: 0; 
		top: -4000px;
		left: -8000px;
		filter: alpha(opacity=0);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	.cst-select .label{
		position: relative;
		padding-right: 1rem; 
		float: left;
		text-align: left;
	}
	.cst-select .option{
		position: absolute;
		left: 0;
		background: #fff;
		border: 1px #d5d5d5 solid;
		box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.3);
		display: none;
		min-width: 150px;
		z-index: 1001;
		
		max-height: 500px;
		overflow-y: auto;
	}
	
	.cst-select .option .option-lst{
		position: relative;
		text-align: left;
		color: #5a5a5a;
	}
	.cst-select .option .option-lst:hover{background-color: #f1f1f1;}
	.cst-select .arrowDown{
		position: relative;
		float: right;
		vertical-align: middle;
	}
	.cst-select.small .arrowDown{margin: 6px 5px 0px 20px; width: 7x; height: 7px;}
	.cst-select.mid .arrowDown{margin: 7px 5px 0px 20px; width: 9x; height: 9px;}
	.cst-select.large .arrowDown{margin: 6px 5px 0px 20px;width: 11x; height: 11px;}
	.cst-select.small .option .option-lst{padding: 3px 8px; font-size: inherit;}
	.cst-select.mid .option .option-lst{padding: 0.5rem 1rem; font-size: 1rem;}
	.cst-select.large .option .option-lst{padding: 1rem 1.5rem; font-size: 1.2rem;}
	
	/* custom check box & Radio ------------------------------------------------------------------------------------------*/
	.custom-radio-box,
	.custom-check-box{
		position: relative;
		display: inline-block;
		width: 20px;
		height: 20px;
		border: 3px #d5d5d5 solid;
		background: #fff;
		overflow: hidden;
		cursor: pointer;
	}
	.custom-check-box{border-radius: 3px;}
	.custom-radio-box{border-radius: 20px;}
	.custom-radio-box div.off,
	.custom-check-box div.off{
		position: absolute;
		display: block;
		top: 0px;
		left: -20px;
		width: 20px;
		height: 20px;
		background-color: #aa0034;
		transition: all ease 0.3s;
	}
	.custom-check-box div.off{
		background-image: url('/img/icon/check_point.png');
		background-size: 14px 14px;
		background-repeat: no-repeat;
		background-postion: -3px -2px;
	}
	.custom-radio-box div.off.on,
	.custom-check-box div.off.on{transition: all ease 0.3s;left: 0px;}
	.custom-radio-box:hover,
	.custom-check-box:hover{background: #f1f1f1; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2)}
	.custom-radio-box input[type=radio],
	.custom-check-box input[type=checkbox]{
		opacity: 0; 
		position: absolute; 
		left: -1000px;
		filter: alpha(opacity=0);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	
	/* Custom -file input box --------------------------------------------------------------------------------- */
	.file-input-cover{position: relative;display: inline-block;}
	.file-input-cover .file-input-hidden{
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		position: absolute;
	}
	.file-input-cover .search-text{
		position: relative;
		font-weight: 400;
		background: #fff;
		border: 1px #d5d5d5 solid;
		border-radius: 3px;
		vertical-align: middle;
		margin-right: 4px;
		padding: 4px 8px; 
		font-size: 1rem;
	}
	.file-input-cover .search-btn{
		position: relative;
		font-size: 1rem;
		font-weight: 700;
		height: 32px;
		line-height: 32px;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		cursor: pointer;
		text-decoration: none;
		display: inline-block;
		vertical-align: middle;
		border: none;
		background-color: #3a3a3a;
		color: #fff;
		background-size: 22px 22px;
		background-position: 12px 5px;
		background-repeat: no-repeat;
		border-radius: 3px;
	}
	
/*--------------------------------------------------------------
6.0 span
--------------------------------------------------------------*/
	span.row-info{
		position: relative;
		display: inline-block; 
		padding: 5px 0px 0px;
		font-size: 0.9rem;
	}
	span.row-info strong{font-weight: 800;}
	span.row-info strong:after{
		content: ":";
		padding-left: 1rem;
		margin-right: 1rem;
	}
	
	span.alert{
		display: inline-block;
		padding: 5px 0px;
		font-size: 0.8rem;
		color: red;
		font-weight: 800;
	}
	span.alert.ok{color: green;}
	
/*--------------------------------------------------------------
7.0 Contents
--------------------------------------------------------------*/
	.login-cover{
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #fff;
	}
	.login-cover .login-box{
		position: absolute;
		width: 100%;
		max-width: 360px;
		border: 1px #d5d5d5 solid;
		padding: 2rem;
		text-align: left;
		top: 20%;
		left: 50%;
		margin-left: -180px;
	}
	.login-cover .login-box h1{
		position: relative;
		width: 100%;
		padding: 1rem 0rem 0rem;
		font-size: 2.5rem;
		font-weight: 300;
	}
	.login-cover .login-box h2{
		position: realtive;
		width: 100%;
		padding: 0rem 0rem 2rem;
		font-size: 1rem;9
		font-weight: 300;
	}