/* General styles for the modal */

/*
Styles for the html/body for special modal where we want 3d effects
Note that we need a container wrapping all content on the page for the
perspective effects (not including the modals and the overlay).
*/

/* web font */
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

body, html {
	font-size: 13px;
}

.md-perspective,
.md-perspective body {
	height: 100%;
	overflow: hidden;
}

.md-perspective body  {
	background: #222;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}

.md-modal {
	position: absolute;
	top: 15%;
	left: 0%;
	width: 100%;
	/* max-width: 630px;
	min-width: 300px; */
	height: auto;
	z-index: 1022;
	visibility: hidden;
	/* -webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%); */
}
.md-content{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(55, 58, 60, 0.65);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.md-content {
	color: #666666;
	background: #fff;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
}

.md-content h3 {
	color: #fff;
	margin: 0;
	padding: 0.4em;
	text-align: center;
	font-weight: 400;
	opacity: 0.8;
	background: #092869;
	border-radius: 3px 3px 0 0;
}

.md-content > div {
	padding: 15px 15px 15px 15px;
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
}

.md-content > div p {
	margin: 0;
	padding: 10px 0;
}

.md-content > div ul {
	margin: 0;
	padding: 0 0 30px 20px;
}

.md-content > div ul li {
	padding: 5px 0;
}

.md-content button {
	margin: 0 auto;
	font-size: 0.8em;
}

/* Individual modal styles with animations/transitions */

/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 2: Slide from the right */
.md-effect-2 .md-content {
	-webkit-transform: translateX(20%);
	-moz-transform: translateX(20%);
	-ms-transform: translateX(20%);
	transform: translateX(20%);
	opacity: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.md-show.md-effect-2 .md-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

/* Effect 3: Slide from the bottom */
.md-effect-3 .md-content {
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-3 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 4: Newspaper */
.md-effect-4 .md-content {
	-webkit-transform: scale(0) rotate(720deg);
	-moz-transform: scale(0) rotate(720deg);
	-ms-transform: scale(0) rotate(720deg);
	transform: scale(0) rotate(720deg);
	opacity: 0;
}

.md-show.md-effect-4 ~ .md-overlay,
.md-effect-4 .md-content {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-4 .md-content {
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	opacity: 1;
}

/* Effect 5: fall */
.md-effect-5.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-5 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(600px) rotateX(20deg);
	-moz-transform: translateZ(600px) rotateX(20deg);
	-ms-transform: translateZ(600px) rotateX(20deg);
	transform: translateZ(600px) rotateX(20deg);
	opacity: 0;
}

.md-show.md-effect-5 .md-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translateZ(0px) rotateX(0deg);
	-moz-transform: translateZ(0px) rotateX(0deg);
	-ms-transform: translateZ(0px) rotateX(0deg);
	transform: translateZ(0px) rotateX(0deg);
	opacity: 1;
}

/* Effect 6: side fall */
.md-effect-6.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-6 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
	-moz-transform: translate(30%) translateZ(600px) rotate(10deg);
	-ms-transform: translate(30%) translateZ(600px) rotate(10deg);
	transform: translate(30%) translateZ(600px) rotate(10deg);
	opacity: 0;
}

.md-show.md-effect-6 .md-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translate(0%) translateZ(0) rotate(0deg);
	-moz-transform: translate(0%) translateZ(0) rotate(0deg);
	-ms-transform: translate(0%) translateZ(0) rotate(0deg);
	transform: translate(0%) translateZ(0) rotate(0deg);
	opacity: 1;
}

/* Effect 7:  slide and stick to top */
.md-effect-7{
	top: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.md-effect-7 .md-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	opacity: 0;
}

.md-show.md-effect-7 .md-content {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	border-radius: 0 0 3px 3px;
	opacity: 1;
}

/* Effect 8: 3D flip horizontal */
.md-effect-8.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-8 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-70deg);
	-moz-transform: rotateY(-70deg);
	-ms-transform: rotateY(-70deg);
	transform: rotateY(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.md-show.md-effect-8 .md-content {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	opacity: 1;
}

/* Effect 9: 3D flip vertical */
.md-effect-9.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-9 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-70deg);
	-moz-transform: rotateX(-70deg);
	-ms-transform: rotateX(-70deg);
	transform: rotateX(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.md-show.md-effect-9 .md-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 10: 3D sign */
.md-effect-10.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-10 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-60deg);
	-moz-transform: rotateX(-60deg);
	-ms-transform: rotateX(-60deg);
	transform: rotateX(-60deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-10 .md-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 11: Super scaled */
.md-effect-11 .md-content {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-11 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 12:  Just me */
.md-effect-12 .md-content {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-12 ~ .md-overlay {
	background: #fff;
}

.md-effect-12 .md-content h3,
.md-effect-12 .md-content {
	background: transparent;
}

.md-show.md-effect-12 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 13: 3D slit */
.md-effect-13.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-13 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(-3000px) rotateY(90deg);
	-moz-transform: translateZ(-3000px) rotateY(90deg);
	-ms-transform: translateZ(-3000px) rotateY(90deg);
	transform: translateZ(-3000px) rotateY(90deg);
	opacity: 0;
}

.md-show.md-effect-13 .md-content {
	-webkit-animation: slit .7s forwards ease-out;
	-moz-animation: slit .7s forwards ease-out;
	animation: slit .7s forwards ease-out;
}

@-webkit-keyframes slit {
	50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;}
	100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@-moz-keyframes slit {
	50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;}
	100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@keyframes slit {
	50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;}
	100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

/* Effect 14:  3D Rotate from bottom */
.md-effect-14.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-14 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateY(100%) rotateX(90deg);
	-moz-transform: translateY(100%) rotateX(90deg);
	-ms-transform: translateY(100%) rotateX(90deg);
	transform: translateY(100%) rotateX(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.md-show.md-effect-14 .md-content {
	-webkit-transform: translateY(0%) rotateX(0deg);
	-moz-transform: translateY(0%) rotateX(0deg);
	-ms-transform: translateY(0%) rotateX(0deg);
	transform: translateY(0%) rotateX(0deg);
	opacity: 1;
}

/* Effect 15:  3D Rotate in from left */
.md-effect-15.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-15 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-15 .md-content {
	-webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	transform: translateZ(0px) translateX(0%) rotateY(0deg);
	opacity: 1;
}

/* Effect 16:  Blur */
.md-show.md-effect-16 ~ .md-overlay {
	background: rgba(180,46,32,0.5);
}

.md-show.md-effect-16 ~ .container {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	filter: blur(3px);
}

.md-effect-16 .md-content {
	-webkit-transform: translateY(-5%);
	-moz-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%);
	opacity: 0;
}

.md-show.md-effect-16 ~ .container,
.md-effect-16 .md-content {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-16 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 17:  Slide in from bottom with perspective on container */
.md-show.md-effect-17 ~ .container {
	height: 100%;
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.md-show.md-effect-17 ~ .container,
.md-show.md-effect-17 ~ .md-overlay  {
	-webkit-transform: rotateX(-2deg);
	-moz-transform: rotateX(-2deg);
	-ms-transform: rotateX(-2deg);
	transform: rotateX(-2deg);
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.md-effect-17 .md-content {
	opacity: 0;
	-webkit-transform: translateY(200%);
	-moz-transform: translateY(200%);
	-ms-transform: translateY(200%);
	transform: translateY(200%);
}

.md-show.md-effect-17 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.3s 0.2s;
	-moz-transition: all 0.3s 0.2s;
	transition: all 0.3s 0.2s;
}

/* Effect 18:  Slide from right with perspective on container */
.md-show.md-effect-18 ~ .container {
	height: 100%;
	overflow: hidden;
}

.md-show.md-effect-18 ~ .md-overlay {
	background: rgba(55, 58, 60, 0.5);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-18 ~ .container,
.md-show.md-effect-18 ~ .md-overlay {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	-webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 0% 50%;
	-moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 0% 50%;
	animation: rotateRightSideFirst 0.5s forwards ease-in;
}

@-webkit-keyframes rotateRightSideFirst {
	50% { -webkit-transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: translateZ(-200px); }
}

@-moz-keyframes rotateRightSideFirst {
	50% { -moz-transform: translateZ(-50px) rotateY(5deg); -moz-animation-timing-function: ease-out; }
	100% { -moz-transform: translateZ(-200px); }
}

@keyframes rotateRightSideFirst {
	50% { transform: translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; }
	100% { transform: translateZ(-200px); }
}

.md-effect-18 .md-content {
	-webkit-transform: translateX(200%);
	-moz-transform: translateX(200%);
	-ms-transform: translateX(200%);
	transform: translateX(200%);
	opacity: 0;
}

.md-show.md-effect-18 .md-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

/* Effect 19:  Slip in from the top with perspective on container */
.md-show.md-effect-19 ~ .container {
	height: 100%;
	overflow: hidden;
}

.md-show.md-effect-19 ~ .md-overlay {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-19 ~ .container,
.md-show.md-effect-19 ~ .md-overlay {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 50% 100%;
	-webkit-animation: OpenTop 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 50% 100%;
	-moz-animation: OpenTop 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 50% 100%;
	animation: OpenTop 0.5s forwards ease-in;
}

@-webkit-keyframes OpenTop {
	50% {
		-webkit-transform: rotateX(10deg);
		-webkit-animation-timing-function: ease-out;
	}
}

@-moz-keyframes OpenTop {
	50% {
		-moz-transform: rotateX(10deg);
		-moz-animation-timing-function: ease-out;
	}
}

@keyframes OpenTop {
	50% {
		transform: rotateX(10deg);
		animation-timing-function: ease-out;
	}
}

.md-effect-19 .md-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	opacity: 0;
}

.md-show.md-effect-19 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

@media screen and (max-width: 32em) {
	body { font-size: 75%; }
}

/* 2019.10.25 濡쒓렇�씤�럹�씠吏�/�궗�슜�옄 愿�由� �뵒�옄�씤�닔�젙 */
/* �궗�슜�옄 愿�由� */

/* web font */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');

html, 
body {
	/*font-family: 'Roboto', 'Noto Sans KR', 'Malgun Gothic', gulim, dotum, AppleGothic, sans-serif;*/
	font-family: 'Noto Sans KR', 'Malgun Gothic', gulim, dotum, AppleGothic, sans-serif;
}

/* margin style */
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mr8 {
	margin-right: 8px;
}
.mr10 {
	margin-right: 10px;
}
.ml10 {
	margin-left: 10px;
}
.mb10 {
	margin-bottom: 10px !important;
}

/* padding style */
.pb30 {
	padding-bottom: 30px;
}


/* button style */
.btn-info.btn_tb_blue {
	height: 30px;
	background: #208AC1;
	line-height: 26px;
	border-color: #208AC1;
	border-radius: 2px;	
}
.btn-info.btn_tb_blue:hover {
	background: #1C7BAD;
}

.btn.btn-primary.btn_tb_blue {
	width: 70px;
	height: 30px;
	background: #208AC1;
	line-height: 26px;
	border-color: #208AC1;
	border-radius: 2px;		
}
.btn.btn-primary.btn_tb_blue:hover {
	background: #1C7BAD;
	border-color: #1C7BAD;		
}

.btn.btn-warning.btn_tb_purple {
	width: 70px;
	height: 30px;
	background: #A03AA0;
	line-height: 26px;
	border-color: #A03AA0;
	border-radius: 2px;		
}
.btn.btn-warning.btn_tb_purple:hover {
	background: #883188;
	border-color: #883188;	
}

/* �떕湲� */
.btn-danger.btn_tb_white {
	width: 80px;
	height: 36px;
	background: none;
	background: #fff;
	border: none;
	border: 2px solid #636466;
	border-radius: 2px;
	color: #282A3B;
}
.btn-danger.btn_tb_white:hover {
	background: #636466;
	color: #fff;
}

.btn.btn-primary.btn_tb_red {
	width: 80px;
	height: 36px;	
	background: #C61920;
	border-color: #C61920;
	border-radius: 2px;	
}

.btn.btn-inverse.btn_tb_purple2 {
	width: 70px;
	height: 30px;
	background: #664ABE !important;
	line-height: 26px;
	border-color: #664ABE !important;
	border-radius: 2px;		
}
.btn-success.btn_tb_purple2:hover {
	background: #573FA2 !important;
	border-color: #573FA2 !important;	
}

/* �젙�궛 */
.btn-success.btn_tb_orange {
	width: 70px;
	height: 30px;
	background: #D56736 !important;
	line-height: 26px;
	border-color: #D56736 !important;
	border-radius: 2px;		
}
.btn-success.btn_tb_orange:hover {
	background: #B5582E !important;
	border-color: #B5582E !important;	
}

/* �젙�궛痍⑥냼 */
.btn.btn-danger.btn_tb_green {
	width: 70px;
	height: 30px;
	background: #83AA46 !important;
	line-height: 26px;
	border-color: #83AA46 !important;
	border-radius: 2px;			
}
.btn-success.btn_tb_green:hover {
	background: #B5582E !important;
	border-color: #B5582E !important;	
}

.btn-hb.btn_func_grey {
	height: 36px;
	padding: 0 10px 0 10px;
	background-color: #636466 !important;
	border-color: #636466 !important;
	line-height: 36px;	
}
.btn-hb.btn_func_grey:hover {
	background-color: #545557 !important;
}
.btn-hb.btn_func_grey .icon_btn {
	display: inline-block;
	position: relative;
	top: -1px;
	left: -10px;
	width: 36px;
	height: 36px;
	background-color: rgba(0,0,0,0.15);
	text-align: center;
}
.btn .icon_btn i {
	position: relative;
	top: 2px;
	margin-right: 0;
}

/*
.dt-button.btn_func_blue {
	position: relative;
	height: 36px;
	padding: 3px 10px 0 46px !important;
	background-color: #208AC1 !important;
	border-color: #208AC1 !important;
	line-height: 30px;		
}
.dt-button.btn_func_blue:hover {
	background-color: #1C7BAD !important;
	border-color: #1C7BAD !important;	
}
.btn.btn_func_blue .icon_btn {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 36px;
	height: 36px;
	padding-top: 10px;
	background-color: rgba(0,0,0,0.15);
	text-align: center;
}
*/

/*
.dt-button.btn_func_purple {
	position: relative;
	height: 36px;
	padding: 3px 10px 0 46px !important;
	background-color: #A03AA0 !important;
	border-color: #A03AA0 !important;
	line-height: 30px;		
}
.dt-button.btn_func_purple:hover {
	background-color: #883188 !important;
	border-color: #883188 !important;	
}
.btn.btn_func_purple .icon_btn {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 36px;
	height: 36px;
	padding-top: 10px;
	background-color: rgba(0,0,0,0.15);
	text-align: center;
}
*/

/*
.dt-button.btn_func_green {
	position: relative;
	height: 36px;
	padding: 3px 10px 0 46px !important;
	background-color: #83AA46 !important;
	border-color: #83AA46 !important;
	line-height: 30px;		
}
.dt-button.btn_func_green:hover {
	background-color: #70913C !important;
	border-color: #70913C !important;	
}
.btn.btn_func_green .icon_btn {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 36px;
	height: 36px;
	padding-top: 10px;
	background-color: rgba(0,0,0,0.15);
	text-align: center;
}
*/

.dt-button.btn_func_purple2 {
	position: relative;
	height: 36px;
	padding: 3px 10px 0 46px !important;
	background-color: #664ABE !important;
	border-color: #664ABE !important;
	line-height: 30px;		
}
.dt-button.btn_func_purple2:hover {
	background-color: #573FA2 !important;
	border-color: #573FA2 !important;	
}
.btn.btn_func_purple2 .icon_btn {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 36px;
	height: 36px;
	padding-top: 10px;
	background-color: rgba(0,0,0,0.15);
	text-align: center;
}

.dt-button.btn_func_orange {
	position: relative;
	height: 36px;
	padding: 3px 10px 0 46px !important;
	background-color: #D56736 !important;
	border-color: #D56736 !important;
	line-height: 30px;		
}
.dt-button.btn_func_orange:hover {
	background-color: #B5582E !important;
	border-color: #B5582E !important;	
}
.btn.btn_func_orange .icon_btn {
	display: inline-block;
	position: absolute;
	top: -1px;
	left: 0;
	width: 36px;
	height: 36px;
	padding-top: 10px;
	background-color: rgba(0,0,0,0.15);
	text-align: center;
}

.dt-button.btn_func_gray2 {
	position: relative;
	height: 36px;
	padding: 3px 10px 0 46px !important;
	background-color: #636466 !important;
	border-color: #636466 !important;
	line-height: 30px !important;		
}
.dt-button.btn_func_gray2:hover {
	background-color: #545557 !important;
	border-color: #545557 !important;	
}
.btn_func_gray2 .icon_btn {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 36px;
	height: 36px;
	padding-top: 10px;
	background-color: rgba(0,0,0,0.15);
	text-align: center;
	line-height: 12px;
}

.pcoded .pcoded-header[header-theme="theme1"] {
	background: #C61920;
}
.navbar-wrapper .header-navbar .navbar-wrapper .navbar-logo {
	width: 380px;
} 
.txt_logo {
	margin-left: 10px;
	font-size: 0.6rem;
}
@media only screen and (max-width: 992px) {
	.txt_logo {
    	display: none;
	}
}
.header-navbar .navbar-wrapper .navbar-container .nav-right .user-profile img {
	width: 24px;
}
.header-navbar .navbar-wrapper .navbar-container .nav-right .user-profile .icon_person i {
	position: relative;
	top: 6px;
	margin-right: 5px;
	font-size: 26px;
}
.header-navbar .navbar-wrapper .navbar-container .nav-right li {
	padding: 0 10px;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item>li>a {
	font-size: 14px;
	font-weight: 600;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item>li>a>.pcoded-micon {
	font-size: 20px;
}
.pcoded .pcoded-navbar .pcoded-item>li>a>.pcoded-micon {
	width: 25px;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar {
	height: 60px;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item>li {
	padding: 10px;
}
.pcoded .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item>li>a {
	color: #636466;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item>li {
	height: 60px;
	padding: 10px 50px 0 10px;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item li a {
	height: 50px;
	border-radius: 0;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item li:hover>a {
	border-bottom: 4px solid #C61920;
}
.header-navbar .navbar-wrapper .navbar-container .nav-right a {
	padding: 0;
}
[theme-layout='horizontal'].pcoded [active-item-theme='theme1'].pcoded-navbar .pcoded-item .pcoded-submenu li.active>a, 
[theme-layout='horizontal'].pcoded [active-item-theme='theme1'].pcoded-navbar .pcoded-item .pcoded-submenu li:hover>a {
	background: #fff;
	border-bottom: none;
	box-shadow: none;
	color: #636466;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before {
	top: 20px !important;
}
/*
table.dataTable.dtr-inline.collapsed>tbody>tr>td.for_before:first-child:before {
	top: 14px !important;
}
*/

.col-md-8 {
	position: relative;
	flex: 0 0 100%;
	max-width: 100%;
}
.breadcrumb {
	position: absolute;
	top: 0;
	right: 20px;
	height: 20px;
}
.page-header .page-block .breadcrumb .breadcrumb-item:last-child a {
	color: #9F9F9F;
}
.page-header .page-block .breadcrumb a {
	color: #9F9F9F;
}
.page-header .page-block .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
	color: #9F9F9F;
}
.breadcrumb-item+.breadcrumb-item::before {
	padding-right: .2rem;
	padding-left: .2rem;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item {
	margin-left: 40px;
}
.header-navbar .navbar-wrapper .navbar-logo a {
	margin: 0 0 0 40px;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item>li>a {
	padding: 5px 0;
	margin-right: 30px;
}

.pcoded-inner-content {
	padding: 10px 50px;
}
.pcoded[theme-layout="horizontal"] .page-header {
	padding-left: 50px;
	padding-right: 50px;
}
.main-body .page-wrapper {
	padding: 0;
}
.page-header .page-block {
	padding: 1.25rem 0;
}

.dataTables_wrapper {
	margin-top: 15px;
}
.card {
	box-shadow: none;
}
[theme-layout='horizontal'].pcoded [active-item-theme='theme1'].pcoded-navbar .pcoded-item > li.active > a, 
[theme-layout='horizontal'].pcoded [active-item-theme='theme1'].pcoded-navbar .pcoded-item > li.active:hover > a, 
[theme-layout='horizontal'].pcoded [active-item-theme='theme1'].pcoded-navbar .pcoded-item > li.pcoded-trigger > a, 
[theme-layout='horizontal'].pcoded [active-item-theme='theme1'].pcoded-navbar .pcoded-item > li.pcoded-trigger:hover > a, 
[theme-layout='horizontal'].pcoded [active-item-theme='theme1'].pcoded-navbar .pcoded-item > li:hover > a, 
[theme-layout='horizontal'].pcoded [active-item-theme='theme1'].pcoded-navbar .pcoded-item > li:hover > a {
    background: #fff;
    box-shadow: none;
    color: #1B1B22;
}

.pcoded-navbar[active-item-theme="theme1"] .pcoded-item>li:hover>a, 
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item>li:hover:hover>a {
    background: #fff;
    color: #1B1B22;	
}

[theme-layout='horizontal'].pcoded [active-item-theme='theme1'].pcoded-navbar .pcoded-item > li.active > a .pcoded-micon, 
[theme-layout='horizontal'].pcoded [active-item-theme='theme1'].pcoded-navbar .pcoded-item > li.active:hover > a .pcoded-micon, 
[theme-layout='horizontal'].pcoded [active-item-theme='theme1'].pcoded-navbar .pcoded-item > li.pcoded-trigger > a .pcoded-micon, 
[theme-layout='horizontal'].pcoded [active-item-theme='theme1'].pcoded-navbar .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon, 
[theme-layout='horizontal'].pcoded [active-item-theme='theme1'].pcoded-navbar .pcoded-item > li:hover > a .pcoded-micon, 
[theme-layout='horizontal'].pcoded [active-item-theme='theme1'].pcoded-navbar .pcoded-item > li:hover > a .pcoded-micon {
	color: #1B1B22;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item>li:hover>a .pcoded-micon, 
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item>li:hover:hover>a .pcoded-micon {
	color: #1B1B22;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar li.pcoded-hasmenu>a:after {
	top: -1px;
}

.pcoded-main-container {
	background: #EFEFEF;
}
.pcoded[fream-type="theme1"][theme-layout="horizontal"] .page-header {
	position: relative;
	background: none;
}
.pcoded[theme-layout="horizontal"] .page-header {
	padding-top: 75px;
}
.page-header h4 {
	font-size: 22px;
	color: #1B1B22;
}
.btn.btn-primary {
	height: 36px;
	padding: 2px 10px 2px 10px;
	background-color: #208AC1;
	border-color: #208AC1;
	line-height: 30px;
}
.btn.btn-inverse {
	height: 36px;
	padding: 2px 10px 2px 10px;	
	background-color: #664ABE;
	border-color: #664ABE;
	line-height: 30px;
}

.checkbox-fade.fade-in-primary .cr {
	border: 1px solid #D0D0D0;
}
.tbl_list .checkbox-fade, .checkbox-zoom {
	margin-right: 0;
}
.tbl_list .checkboxfade {
	width: 20px;
	height: 20px;
}
.table-striped tbody tr:nth-of-type(odd) {
	background-color: #FAFAFA; 
}

.table.tbl_list {
	border-bottom: 1px solid #3E3D46;
	font-size: 13px;
}
.tbl_bord_top {
	border-top: 5px solid rgb(99, 100, 102);	
}
.table.tbl_list>thead>tr>th {
	border-bottom-color: #636466;
}
.table.tbl_list tr td {
	text-align: center;
}
.table-bordered {
	border: none;
}
.table-bordered.tbl_list tr th:first-child {
	border-left: none;
}
.btn.btn-warning {
	padding: 2px 5px;
	background-color: #664ABE;
	border-color: #664ABE;
}

/* 泥섎━�궡�뿭 popup */
.md-content h3 {
	position: relative;
	height: 60px;
	padding: 20px 0 0 0;
	background: #EFEFEF;
	border-bottom: 1px solid #E5E5E5;
	font-size: 22px;
	font-weight: 600;
	color: #3E3D46;
}
.dataTables_length .custom-select {
	background-color: #F5F5F5;
	border-bottom: none;
}
.md-modal table#new-cons2 {
	border-top: 4px solid #3E3D46;
	border-bottom: 1px solid #EFEFEF
}
.md-modal table.dataTable {
	margin-top: 12px !important;
}
.md-modal .dataTable.table td {
	padding: 0.7rem 0.5rem !important;
}
.md-content h3 .btn_x_icon {
	position: absolute;
	top: 10px;
	right: 15px;
	cursor: pointer;
}

/* paging */
.page-item.active .page-link {
	background-color: #A2A2A2;
	border-color: #A2A2A2;
}

/* 2019.11.11 �떆怨듦�由� 愿�由� �뵒�옄�씤�닔�젙 */

/* �떆怨듦�由�  */
.dataTable.table.tbl_list td a {
	border-bottom: none;
}
.dataTable.table.tbl_list td a:hover {
	border-bottom: none;
}
.icon_tb_delete {
	font-size: 20px;
	color: #6A6971;
}
.col-sm-6.wide_width {
	width: 70% !important;
}
.col-sm-6.small_width {
	width: 30% !important;
}

.top_margin_none .dataTables_wrapper {
	margin-top: 0;
}
.row.group_btn {
	position: relative;
	top: -8px;
	margin-bottom: 10px;
}
.row.group_btn .col-sm-6.small_width {
	position: relative;
	top: 10px;
}

@media (min-width: 576px){
	.col-sm-6.wide_width {
	    -webkit-box-flex: 0;
	    -ms-flex: none;
	    flex: none;
	    max-width: 70%;
	}
	.col-sm-6.small_width {
	    -webkit-box-flex: 0;
	    -ms-flex: none;
	    flex: none;
	    max-width: 30%;
	}
}

/* �젣�뭹�떆由ъ뼹 popup */
.tb_pop_product {
	position: relative;
}
.tb_pop_product .btn_x_icon {
	position: absolute;
	top: 10px;
	right: 15px;
	cursor: pointer;
}
.tb_pop_table {
	width: 100%;
	border-top: 1px solid #3E3D46;
	border-bottom: 1px solid #3E3D46;
}
.tb_pop_table th,
.tb_pop_table td {
	padding: 10px 15px;
	border-bottom: 1px solid #E5E5E5;
	text-align: left;
	font-size: 13px;
	color: #3E3D46;
}
.tb_pop_table th:first-child {
	text-align: left;
}
.tb_pop_table th {
	background: #F5F5F5;
}
.tb_pop_table th .col-sm-2 {
	padding-left: 0;
	font-size: 13px;
}
.tb_pop_table th label {
	margin-bottom: 0;
}
.tb_pop_table tr:last-child th, .tb_pop_table tr:last-child  td {
	border-bottom: 1px solid #3E3D46;	
}

.form-control.tb_select_style {
	border-bottom: none;
}
.select2-container.tb_select_style .select2-choice {
	height: 36px;
	padding: 5px 0 0 8px;
	background-image: none;
	border: 1px solid #D0D0D0;
	border-radius: 0;
}
.select2-container.tb_select_style .select2-choice .select2-arrow {
	border-left: none;
	background: none;
	background-image: none;
}
.select2-container.tb_select_style .select2-choice .select2-arrow b {
	background-position: 0 3px;
}
.btn_area_center {
	padding-bottom: 30px;
	text-align: center;
}

/* 191209 �꽭湲덇퀎�궛�꽌 �뵒�옄�씤 異붽� */

/* web font */
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700&display=swap&subset=korean');

/* 怨듯넻 */
.pos_ralative {
	position: relative;
}
.pos_m1 {
	position: relative;
	top: -1px;
}
.pos_p1 {
	position: relative;
	top: 1px;
}
.float_clear:after {
	content: "";
	clear: both;
	display: block;
}

.align_left {
	padding-left: 10px !important;
	text-align: left !important;
}
.align_center {
	text-align: center;
}

/* button style */
.btn_tb_blue {
	height: 30px;
	padding: 0 10px;
	background: none;
	background: #208AC1;
	line-height: 26px;
	border: none;
	border-color: #208AC1;
	border-radius: 2px;	
	font-size: 13px;
	color: #fff;
}
.btn_tb_blue:hover {
	background: #1C7BAD;
}

.btn_tb_orange {
	height: 30px;
	padding: 0 10px;
	background: none;
	background: #D56736;
	line-height: 26px;
	border: none;
	border-color: #D56736;
	border-radius: 2px;	
	font-size: 13px;
	color: #fff;
}
.btn_tb_orange:hover {
	background: #B5582E;
}

.btn_tb_purple2 {
	height: 30px;
	padding: 0 10px;
	background: none;
	background: #664ABE;
	line-height: 26px;
	border: none;
	border-radius: 2px;		
	font-size: 12px;
	color: #fff;
	cursor: pointer;
}
.btn_tb_purple2:hover {
	background: #573FA2;
	border-color: #573FA2;	
}

.btn_tb_red {
	width: 80px;
	height: 36px;	
	background: none;
	background: #C61920;
	border: none;
	border-color: #C61920;
	border-radius: 2px;	
	color: #fff;
}
.btn_tb_red:hover {
	background: #a9262c;
	border-color: #a9262c;
}

.btn_tb_white {
	width: 80px;
	height: 36px;
	background: #fff;
	border: 2px solid #636466;
	border-radius: 2px;
	color: #282A3B;
}
.btn_tb_white:hover {
	background: #636466;
	color: #fff;
}

.btn_func_blue {
	position: relative;
	height: 36px;
	padding: 0 10px 0 46px !important;
	background-color: #208AC1 !important;
	border-color: #208AC1 !important;
	color: #fff;
}
.btn_func_blue:hover {
	background-color: #1C7BAD !important;
	border-color: #1C7BAD !important;	
}
.btn_func_blue .icon_btn {
	display: inline-block;
	position: absolute;
	top: -1px;
	left: 0;
	width: 36px;
	height: 36px;
	line-height: 10px;
	padding-top: 10px;
	background-color: rgba(0,0,0,0.15);
	text-align: center;
}

.btn_func_purple {
	position: relative;
	height: 36px;
	padding: 2px 10px 0 46px !important;
	background-color: #A03AA0 !important;
	border-color: #A03AA0 !important;
	line-height: 28px;		
	color: #fff;
}
.btn_func_purple:hover {
	background-color: #883188 !important;
	border-color: #883188 !important;	
}
.btn_func_purple .icon_btn {
	display: inline-block;
	position: absolute;
	top: -1px;
	left: 0;
	width: 36px;
	height: 36px;
	line-height: 10px;
	padding-top: 10px;
	background-color: rgba(0,0,0,0.15);
	text-align: center;
}

.btn_func_purple2 {
	position: relative;
	height: 36px;
	padding: 3px 10px 0 46px !important;
	background-color: #664ABE !important;
	border-color: #664ABE !important;
	line-height: 30px;		
	color: #fff;
}
.btn_func_purple2:hover {
	background-color: #573FA2 !important;
	border-color: #573FA2 !important;	
}
.btn_func_purple2 .icon_btn {
	display: inline-block;
	position: absolute;
	top: -1px;
	left: 0;
	width: 36px;
	height: 36px;
	line-height: 10px;
	padding-top: 10px;
	background-color: rgba(0,0,0,0.15);
	text-align: center;
}

.btn_func_green {
	position: relative;
	height: 36px;
	padding: 0 10px 0 46px !important;
	background-color: #83AA46 !important;
	border-color: #83AA46 !important;
}
.btn_func_green:hover {
	background-color: #70913C !important;
	border-color: #70913C !important;	
}
.btn_func_green .icon_btn {
	display: inline-block;
	position: absolute;
	top: -1px;
	left: 0;
	width: 36px;
	height: 36px;
	line-height: 10px;
	padding-top: 10px;
	background-color: rgba(0,0,0,0.15);
	text-align: center;
}

.btn_func_orange {
	position: relative;
	height: 36px;
	padding: 0 10px 0 46px !important;
	background-color: #D56736 !important;
	border-color: #D56736 !important;
	color: #fff;
}
.btn_func_orange:hover {
	background-color: #B5582E !important;
	border-color: #B5582E !important;	
}
.btn_func_orange .icon_btn {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 36px;
	height: 36px;
	line-height: 12px;
	padding-top: 10px;
	background-color: rgba(0,0,0,0.15);
	text-align: center;
}

/* �엯�젰 button */
.btn_input {
	height: 24px;
	background: none;
	background: #636466;
	border: none;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	font-size: 13px;
}

.icon_btn.fs14 {
	font-size: 14px;
}

/* input style */
.tb_search {
	width: 250px;
	height: 24px;
	border: none;
	border-bottom: 1px solid #D0D0D0;
	font-size: 14px;
	color: #636466;
}
.tb_search::placeholder {
	color: #B9B9B9;
}

.input_style1 {
	width: 180px;
	height: 36px;
	padding: 0 10px;
	border: none;
	border: 1px solid #D0D0D0;
	font-size: 13px;
	color: #636466;	
}
.input_style1::placeholder {
	color: #B9B9B9;
}

.input_style2 {
	width: 300px;
	height: 36px;
	padding: 0 10px;
	border: none;
	border: 1px solid #D0D0D0;
	font-size: 13px;
	color: #636466;	
}
.input_style1::placeholder {
	color: #B9B9B9;
}

/* input file */
.upload_file {
	position: relative;
	display: inline-block;
	width: 320px;
	height: 38px;
	margin-bottom: 0;	
}
.upload_file #choiceFile {
	position: relative;
	z-index: 2;
	width: 320px;
	height: 36px;
	margin: 0;
	opacity: 0;	
}
.upload_file .label_upload {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
	width: 320px;
	height: 38px;
	padding-left: 10px;
	line-height: 38px;
	font-weight: 400;
	color: #495057;
	background-color: #fff;
	border: 1px solid #D3D5E3;
}
.upload_file .label_upload:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	display: inline-block;
	line-height: 38px;
	padding: 0 15px;
	content: "�뙆�씪李얘린";
	background-color: #F7F8FA;
	border-left: 1px solid #D3D5E3;
	border-top-right-radius: 4px;	
	border-bottom-right-radius: 4px;	
	font-size: 13px;
	cursor: pointer;
}

/* input search */
.search_container {
	position: relative;
	width: 220px;
	height: 36px;
	border: 1px solid #D0D0D0;
}
.search_container input {
	height: 33px;
	width: 180px;
	border: none;
}
.search_container span {
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	height: 36px;
	padding-top: 4px;
	text-align: center;
	cursor: pointer;
}

/* seclect */
.select_style1 {
	-webkit-appearance: none;
	-moz-appearance: none;
  appearance: none;	
	width: 180px;
	height: 36px;
	padding-left: 8px;
	background: url(../../../../resources/images/bg_select.png) no-repeat right 10px;
	border: 1px solid #D0D0D0;
	font-size: 13px;
}
.select_style1:disabled {
	opacity: 0.6;
}
.select_style1::-ms-expand {
   display: none;
}

.select_style2 {
	-webkit-appearance: none;
	-moz-appearance: none;
  appearance: none;		
	width: 90px;
	height: 36px;
	padding-left: 8px;
	background: url(../../../../resources/images/bg_select.png) no-repeat right 10px;	
	border: 1px solid #D0D0D0;
}
.select_style2:disabled {
	opacity: 0.6;
}
.select_style2::-ms-expand {
   display: none;
}

/* radio */
.radiolabel {
	display: inline-block; 
	position: relative; 
	padding-left: 27px; 
	cursor: pointer; 
	line-height: 18px; 
	margin-right: 30px;
  -webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none;
}
label.radiolabel {
	margin-bottom: 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.radiolabel {
		line-height: 22px; 
	} 
}
.radiolabel:last-child {
	margin-right: 0;
}
.radiolabel input {
	position: absolute; 
	opacity: 0; 
	cursor: pointer; 
	height: 0; 
	width: 0;
}
.radiolabel:hover input ~ .checkmark {
	background-color: #fff;
}
.radiolabel input:checked ~ .checkmark {
	background-color: #fff;
	border: 1px solid #3e3d46;
}
.radiolabel .checkmark:after {
	content: ""; 
	position: absolute; 
	display: none;
}
.radiolabel input:checked ~ .checkmark:after {
	display: block;
}
.radiolabel .checkmark {
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 20px; 
	width: 20px; 
	background-color: #fff; 
	border: 1px solid #D3D5E3;
	border-radius: 50%;
}
.radiolabel .checkmark:after {
	top: 5px; 
	left: 5px; 
	width: 8px; 
	height: 8px; 
	border-radius: 50%; 
	background: #3e3d46;
}

/* textarea */
.textarea_style {
	width: 100%;
	padding: 15px;
	border: 1px solid #D0D0D0;
}

/* text style */
.txt_blue {
	color: #208AC1;
}
.txt_red {
	color: #C61920;
}

/* header */
.header-navbar .navbar-wrapper .navbar-container .nav-right li.user-profile.header-notification {
	padding-top: 4px;
}
.header-navbar .navbar-wrapper .navbar-container .input-group-append.search-btn i {
	position: relative;
	top: 5px;
	font-size: 14px;
}

.page-header h4 {
	font-family: 'NanumSquare';
}

/* 愿�由ъ옄 硫붿씤 */
.wrap_state.admin_state>div {
	/* float: left; */
}
.wrap_state.admin_state>div:first-child {
	width: 100%%;
}
.wrap_state.admin_state>div:last-child {
	width: 100%%;
}
.dashBoard_left {
	width: 100%;
	min-height: 1000px;
	background: #F5F5F5;
	border-radius: 4px;
}
.admin_state .li_state {
	/* width: 1240px; */
	margin: 0 auto;
}
.admin_state .li_state li .innerColBox{
	height: 115px;
	border-radius: 4px;
	box-shadow: 4px 4px 10px 2px rgba(0,0,0,0.1);
}
.admin_state .hd_state {
	padding: 10px 20px;
}
.admin_state .bd_state {
	padding: 15px 20px 10px 20px;
}
.admin_state .num_state {
	font-size: 21px;
	font-weight: 600;
}
.admin_state .li_state li:nth-child(4) .hd_state {
    background: #1297C7;
}
.admin_state .li_state li:nth-child(4) .num_state {
    color: #1297C7;
}
.admin_state .li_state li:nth-child(1) {
  background: url(../../../../resources/images/icon_state1_s.png) right 2rem bottom 1rem no-repeat;
  background-size: 52px;
}
.admin_state .li_state li:nth-child(2) {
  background: url(../../../../resources/images/icon_state2_s.png) right 2rem bottom 1rem no-repeat;
  background-size: 42px;
}
.admin_state .li_state li:nth-child(3) {
  background: url(../../../../resources/images/icon_state3_s.png) right 2rem bottom 1rem no-repeat;
  background-size: 52px;
}
.admin_state .li_state li:nth-child(4) {
  background: url(../../../../resources/images/icon_state4_s.png) right 2rem bottom 1rem no-repeat;
  background-size: 42px;
}

.li_sum {
	/* width: 1240px; */
	margin: 0 auto;
	margin-top: 30px;
}
.li_sum li .innerColBox{
	/* width: 590px; */
	padding: 10px 20px;
	background: #E84312;
	border-radius: 4px;
	font-size: 18px;
	color: #fff;
	box-shadow: 4px 4px 10px 2px rgba(0,0,0,0.1);
}
.li_sum li .num_sum {
	/* margin-left: 100px; */
	font-family: 'Roboto', 'Noto Sans KR', 'Malgun Gothic', gulim, dotum, AppleGothic, sans-serif;
	font-size: 24px;
	font-weight: 600;
}
.li_sum2 {
	/* width: 1240px; */
	margin: 0 auto;
	margin-top: 16px;
}
.li_sum2 li .innerColBox{
	padding: 10px 20px;
	background: #1297C7;
	border-radius: 4px;
	font-size: 16px;
	text-align: center;
	color: #fff;
	box-shadow: 4px 4px 10px 2px rgba(0,0,0,0.1);
}
.li_sum2 li .num_sum {
	font-size: 18px;
	font-weight: 600;
}
.innerColBox{
	margin: 0 8px;
}
#chart_section{
	/* width: 1240px; */
	margin: 0 auto;
}
.box_graph {
	margin-top: 40px;
	margin-left: 8px;
    margin-right: 8px;
	
}
.inner_graph {
	/* width: 1210px; */
	margin: 0 auto;
	padding: 10px 20px;
	border-radius: 4px;
	text-align: center;
	box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.1);
}
.box_graph p {
	margin-bottom: 25px;	
	font-family: 'NanumSquare';
	font-size: 20px;
	font-weight: 600;
}
.box_graph img {
	width: 1000px;
}

/* �궗�슜�옄 愿�由� */
.pcoded .pcoded-navbar {
	position: relative;
}
.point_area {
	position: absolute;
	top: 17px;
	right: 40px;
	font-size: 14px;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item>li>a>.pcoded-micon.ftsize18 {
  font-size: 18px;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item>li>a>.pcoded-micon.ftsize24 {
  font-size: 24px;
}
.pcoded-mtext.topm2 {
  position: relative;
  top: -2px;
}
.icon_point {
	position: relative;
	top: 1px;
	font-size: 18px;
	color: #C61920;
}
.area_search {
	position: absolute;
	top: 12px;
	right: 14px;
}
.table-responsive {
	overflow-x: hidden;
}
.tb_member_list.tbl_list {
	font-size: 13px;
}
.tb_member_list.tbl_list tr th {
	padding: 11px 10px;
}
.tb_member_list.tbl_list tr td {
	vertical-align: middle;
	padding: 14px 10px;
}
.table-bordered.tb_member_list tr th:first-child {
	border-left: none;
}
.table-bordered.tb_member_list tr td:first-child {
	border-left: none;
}
.table-bordered.tb_member_list tr th:last-child {
	border-right: none;
}
.table-bordered.tb_member_list tr td:last-child {
	border-right: none;
}

/* modal */
.wrap_modal {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%; 
	height: 100%;
	overflow: auto;
	padding-top: 180px;
	background-color:rgba(0,0,0,0.5);
	z-index: 200;     
}
.cont_modal {
	position: relative;
	width: 850px;   
	margin: 0 auto;
	background-color: #fff;   
	overflow: hidden;
	outline:0;
	font-size: 13px;
}
.cont_modal.cont_modal500 {
	width: 500px;
}
.cont_modal.cont_modal550 {
	width: 550px;
}
.cont_modal.cont_modal650 {
	width: 650px;
}
.cont_modal.cont_modal800 {
	width: 800px;
}
.cont_modal.cont_modal1100 {
	width: 1100px;
}
.hd_modal {
	position: relative;
	height: 60px;
  padding: 18px 0 0 25px;
  background: #EFEFEF;
	text-align: center;
	font-family: 'NanumSquare';
	font-size: 22px;
	font-weight: 600;
  color: #3E3D46;
}
.btn_close_modal {
	position: absolute;
	top: 12px;
	right: 20px;
	cursor: pointer;
}
.body_modal {
	max-height: 610px;
	overflow-y: auto;
	padding: 20px 20px 0 20px;
	text-align: center;
	font-size: 13px;
	color: #000419;
}

.tbl_modal {
	width: 100%;
	border-top: 2px solid #3E3D46;
	border-bottom: 2px solid #3E3D46;
}
.tbl_modal tr th,
.tbl_modal tr td {
	padding: 10px;
	border-bottom: 1px solid #E5E5E5;
	text-align: left;
	vertical-align: middle;
}
.tbl_modal tr th.bott_bor2,
.tbl_modal tr td.bott_bor2 {
	border-bottom: 2px solid #E5E5E5;
}
.tbl_modal tr th {
	background: #F5F5F5;
	font-weight: 400;
}
.tbl_modal tr th.align_center,
.tbl_modal tr td.align_center {
	text-align: center;
	font-size: 14px;
	font-weight: 500;
}
.nm_company {
	cursor: pointer;
}

/* 怨쇱꽭蹂�寃� �궡�뿭 modal */
#taxHistory .tbl_modal tr th,
#taxHistory .tbl_modal tr td {
	text-align: center;
}

/* �꽭湲덇퀎�궛�꽌 諛쒗뻾 �뾽濡쒕뱶 modal */
.btn_area_right {
	text-align: right;
}
.tbl_modal.tbl_modal_border tr th,
.tbl_modal.tbl_modal_border tr td {
	border-bottom: none;
}

/* �꽭湲덇퀎�궛�꽌 諛쒗뻾�궡�뿭 �솗�씤 modal */
.info_box {
	font-size: 16px;
	color: #C61920;
	cursor: pointer;
}
.info_more1 {
	display: none;
	position: absolute;
	top: 0;
	left: 20px;
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #636466;
	border-radius: 2px;
	font-size: 13px;
	color: #1B1B22;
}
.info_box:hover>.info_more1 {
	display: block;
}

/* �꽭湲덇퀎�궛�꽌 �옉�꽦 modal */
.tbl_tax_paper {
	width: 100%;
}
.top_modal:after {
	content: "";
	clear: both;
	display: block;
}
.top_modal>div:nth-child(1),
.top_modal>div:nth-child(2) {
	float: left;
}
.top_modal>div:nth-child(3) {
	float: right;
	padding-top: 4px;
}
.bookmark {
	position: relative;
	margin-left: 8px;
	padding-top: 4px;
	font-size: 18px;
	cursor: pointer;
}
.icon_star {
	color: #E84312;
}
.li_bookmark {
	display: none;
	position: absolute;
	top: 0;
	left: 28px;
	width: 250px;
	padding: 10px;
	background: #fff;
	border: 1px solid #D0D0D0;
	text-align: left;
	font-size: 13px;
	z-index: 100;
}
.ul_bookmark {
	max-height: 200px;
	overflow-y: auto;
}
.close_bookmark {
	position: absolute;
	top: -4px;
	right: 0;
}
.box_top {
	padding: 5px 10px;
	border: 1px solid #a5c4ed;
	border-radius: 2px;
	text-align: left;
	font-size: 12px;
}

.tbl_tax_paper_top {
	width: 100%;
	border-top: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	font-size: 13px;
}
.tbl_tax_paper_top input[type="text"] {
	border: 1px solid #C4C4C4;
}
.tbl_tax_paper_top tr td {
	padding: 4px;
}
.tbl_tax_paper_top tr td:last-child {
	text-align: left;
}
.tit_tbl_tax {
	font-size: 22px;
	color: #105dd6;
}
.wid100 {
	width: 100%;
}
.wid90 {
	width: 90%;
}
.wid80 {
	width: 80%;
}
.tbl_tax_paper input[type='text'].wid80 {
	width: 78%;
}

@media screen and (min-width:0\0) {
	.tbl_tax_paper input[type='text'].wid80 {
		width: 75%;
	}
}

.tbl_tax_paper tr th,
.tbl_tax_paper tr td {
	padding: 4px;
	border: 1px solid #e1e1e1;
	font-size: 12px;
	font-weight: 400;	
	white-space: normal;
}
.tbl_tax_paper tr th.bd_weight_red,
.tbl_tax_paper tr td.bd_weight_red {
	border-top: 2px solid #f87e7d;
}
.tbl_tax_paper tr th.bd_weight_blue,
.tbl_tax_paper tr td.bd_weight_blue {
	border-top: 2px solid #66a2e1;
}
.tbl_tax_paper tr th.bd_bott_red,
.tbl_tax_paper tr td.bd_bott_red {
	border-bottom: 2px solid #f87e7d;
}
.tbl_tax_paper tr th.bd_bott_blue,
.tbl_tax_paper tr td.bd_bott_blue {
	border-bottom: 2px solid #66a2e1;
}
.tbl_tax_paper tr th.bg_red {
	background: #ffdbde;
	font-size: 14px;
	font-weight: 600;
	color: #C61920;
}
.tbl_tax_paper tr th.bg_blue {
	background: #c6dbf7;
	font-size: 14px;
	font-weight: 600;
	color: #105dd6;
}
.tbl_tax_paper tr th.th_red {
	background: #fff6f7;
	color: #C61920;
}
.tbl_tax_paper tr th.th_blue {
	background: #f7f7ff;
	color: #105dd6;
}
.tbl_tax_paper input[type='text'] {
	width: 100%;
	height: 24px;
	padding: 0 5px;
	border: 1px solid #C4C4C4;
}
.tbl_tax_paper input[type='text'].wid170 {
	width: 170px;
}
.btn_red {
	height: 24px;
	background: none;
	background: #C61920;
	border: none;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
}

.tbl_tax_paper2 {
	width: 100%;
	font-size: 12px;
}
.tbl_tax_paper2 th {
	background: #EFEFEF;
	font-weight: 400;
}
.tbl_tax_paper2 th,
.tbl_tax_paper2 td {
	padding: 3px;
	border: 1px solid #e1e1e1;
}
.tbl_tax_paper2 tr:last-child th,
.tbl_tax_paper2 tr:last-child td {
	border-bottom: none;
}
.tbl_tax_paper2 input[type="text"] {
	height: 24px;
	padding: 0 5px;	
	border: 1px solid #C4C4C4;
}
.tbl_tax_paper2 input[type="date"] {
	height: 24px;
	border: 1px solid #C4C4C4;
}

.wrap_tbl_tax {
	border-top: 1px solid #3E3D46;
	border-bottom: 1px solid #3E3D46;
}
.tbl_tax_paper3 {
	width: 100%;
	font-size: 12px;
}
.tbl_tax_paper3 th {
	background: #EFEFEF;
	font-weight: 400;
	border-top: none;	
	vertical-align: middle;
}
.tbl_tax_paper3 th,
.tbl_tax_paper3 td {
	padding: 3px;
	border: 1px solid #e1e1e1;
}
.tbl_tax_paper3 tr:last-child td {
	border-bottom: none;
}
.tbl_tax_paper3 input {
	width: 100%; 
	height: 24px;
	padding: 0 5px;	
	border: 1px solid #C4C4C4;
}
.tbl_tax_paper3 input.width80 {
	width: 80%;
}
.icon_plus i,
.icon_delete i {
	font-size: 20px;
	color: #636466;
}
.icon_plus i,
.icon_delete i {
	cursor: pointer;
} 
.btn_icon_search {
	height: 24px;
	background: none;
	border: 1px solid #C4C4C4;
	color: #636466;
}

/* �꽭湲덇퀎�궛�꽌 議고쉶 */
.align_top {
	position: relative;
}
.align_top>div:nth-child(1) {
	position: absolute;
	top: -3px;
	right: 320px;
}
.align_top>div:nth-child(2) {
	position: absolute;
	top: -3px;
	right: 80px;
}
.align_top>div:nth-child(3) {
	position: absolute;
	top: 0;
	right: 0;
}

/* �닔�젙�꽭湲덇퀎�궛�꽌 諛쒗뻾 modal */
.tbl_modal2 {
	border-collapse: separate;
	border-spacing: 0 10px;
}
.tbl_modal2 tr td {
	padding: 10px;
	border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	text-align: left;
}
.tbl_modal2 tr td:first-child {
	border-left: 1px solid #EFEFEF;
}
.tbl_modal2 tr td:last-child {
	border-right: 1px solid #EFEFEF;
	
}
#reasonModify tr td,
#reasonModify tr th {
	white-space: normal;
}
#reasonModify tr td:nth-child(1) {
	font-size: 16px;
	color: #878A9F;
}
#reasonModify tr td:nth-child(3) {
	text-align: center;
}
#reasonModify p {
	margin-bottom: 0;
}
.txt_style1 {
	font-size: 15px;
	color: #1B1B22;
}
.txt_style2 {
	color: #E84312;
}

/* �꽭湲덇퀎�궛�꽌 �씤�뇙 諛� ���옣 modal */
.cont_modal.cont_modal_print {
	padding: 30px 10px;
}
.cont_modal.cont_modal_print:after {
	content: "";
	clear: both;
	display: block;
}
.cont_modal.cont_modal_print>div {
	float: left;
	width: 50%;
	padding: 10px 20px;
}
.img_tax img {
	width: 90%;
}
#printTaxPop .hd_modal {
	height: 24px;
	background: none;
	padding: 0;
	text-align: left;
	font-size: 18px;
}
#printTaxPop .btn_close_modal {
	top: -12px;
	right: -5px;
}
.list_taxbill {
	margin-top: 15px;
	text-align: left;
}
.list_taxbill li {
	padding: 15px 10px;
	border-top: 1px solid #C4C4C4;
}
.list_taxbill dl {
	margin-bottom: 0;
}
.list_taxbill dl:after {
	content: "";
	clear: both;
	display: block;
}
.list_taxbill dl dt,
.list_taxbill dl dd {
	float: left;
}
.list_taxbill dl dt {
	width: 20%;
}
.list_taxbill dl dd {
	width: 30%;
}
.btn_tb_red.wid155 {
	width: 155px;
}
.btn_tb_white.wid155 {
	width: 155px;
}
.box_print_info {
	padding: 10px 10px 10px 20px;
	background: #F0F7FA;
	text-align: left;
}

/* �쁽湲덉쁺�닔利� 諛쒗뻾 */
.tbl_cash_receipt {
	width: 100%;
	border-top: 2px solid #3E3D46;
	border-bottom: 1px solid #3E3D46;
	font-size: 13px;
}
.tbl_cash_receipt th,
.tbl_cash_receipt td {
	padding: 20px 15px;
	border-bottom: 1px solid #E5E5E5;
	text-align: left;
}
.tbl_cash_receipt tr:last-child th,
.tbl_cash_receipt tr:last-child td {
	border-bottom: none;
}
.tbl_cash_receipt th {
	padding-left: 40px;
	background: #F5F5F5;
	font-size: 14px;
	font-weight: 500;
}
.tbl_cash_receipt th.th_repuired {
	padding-left: 20px;
}
.txt_repuired {
	text-align: right;
}
.txt_repuired span {
	color: #C61920;
}
.icon_repuired {
	position: relative;
	top: -1px;
	font-size: 12px;
	color: #C61920;
}
.txt_small {
	font-size: 12px;
	color: #878A9F;
}
.txt_send {
	margin-bottom: 40px;
}
.txt_send p {
	font-size: 16px;
}
.txt_send span {
	position: relative;
	top: -1px;
}
#saveCashReceipt .hd_modal {
    height: 24px;
    background: none;
    padding: 0;
    text-align: left;
    font-size: 18px;
}
#saveCashReceipt .btn_close_modal {
    top: -12px;
    right: -5px;
}
#saveCashReceipt .list_taxbill dl dt {
	width: 30%;
}
#saveCashReceipt .list_taxbill dl dd {
	width: 70%;
}

/* �쁽湲덉쁺�닔利� 議고쉶 */
.top_cashReceipt:after {
	content: "";
	clear: both;
	display: block;
}
.top_cashReceipt>div:first-child {
	float: left;
	width: 30%;
}
.top_cashReceipt>div:last-child {
	float: right;
	width: 70%;
}

.tbl_cash_top {
	width: 100%; 
	max-width: 620px;
	margin-right: 0;
	margin-left: auto;
}
.tbl_cash_top td {
	text-align: left;
/*	border: 1px solid #ccc;*/
}
.tbl_cash_top tr td:nth-child(2) {
	padding-right: 25px;
}
.btn_term1 {
	width: 28px;
	height: 28px;
	background: #fff;
	border: 1px solid #636466;
	border-radius: 2px;
	color: #636466;
}
.btn_term1:hover {
	background: #636466;
	color: #fff;
}
.btn_term2 {
	width: 60.5px;
	height: 28px;
	background: #fff;
	border: 1px solid #636466;
	border-radius: 2px;
	color: #636466;
}
.btn_term2:hover {
	background: #636466;
	color: #fff;
}
.btn_search_big {
	width: 55px;
	height: 66px;
}
div.dataTables_wrapper div.dataTables_filter input.input_style1.wid100 {
	width: 100%;
	margin-left: 0;
}
div.dataTables_wrapper div.dataTables_filter .dateRangeBox.input_date input {
	width: 100% !important;
	margin-left: 0;
	margin-right: 0;
	border-radius: 0;
	text-align: left;
}

/* slide css */
.cont_modal.cont_modal_print div.bx-wrapper {
	padding-top: 0;
	padding-bottom: 40px;
	border: none;
	box-shadow: none;
}
.cont_modal .bx-wrapper .bx-controls-direction a {
	top: 480px;
}
.cont_modal .bx-wrapper .bx-controls-direction a.bx-prev {
	left: 110px;
	width: 0px;
  height: 0px;
  border-top: 13px solid transparent;
  border-right: 18px solid #208AC1;
  border-bottom: 13px solid transparent;
}
.cont_modal .bx-wrapper .bx-controls-direction a.bx-prev:hover {
	border-right: 18px solid #1C7BAD;
}
.cont_modal .bx-wrapper .bx-controls-direction a.bx-next {
	right: 180px;
	width: 0px;
  height: 0px;
  border-top: 13px solid transparent;
  border-left: 18px solid #208AC1;
  border-bottom: 13px solid transparent;
}
.cont_modal .bx-wrapper .bx-controls-direction a.bx-next:hover {
	border-left: 18px solid #1C7BAD;
}
.cont_modal .bx-wrapper .bx-pager {
	display: none;
}
.cont_modal .bx-wrapper .img_tax img {
	margin: 0 auto;
}
#printContainer {
	position: relative;
}
.paging_bill {
	position: absolute;
	bottom: 0;
	right: 40px;
}

/* 怨듭��궗�빆 */
.tbl_list.tbl_list_notice tr td:nth-child(3) {
	padding-left: 10px;
	text-align: left;
}
.icon_delete2 i {
	font-size: 18px;
	color: #636466;
}
.icon_delete2:hover i {
	color: #93b5ff
}
.desc_notice {
	cursor: pointer;
}

/* 怨듭��궗�빆 �벑濡� modal */
.tbl_input_notice {
	width: 100%;
	border-top: 1px solid #3E3D46;
	border-bottom: 1px solid #3E3D46;
}
.tbl_input_notice th,
.tbl_input_notice td {
	padding: 14px 18px;
	border-bottom: 1px solid #E5E5E5;
	text-align: left;
}
.tbl_input_notice tr:last-child th,
.tbl_input_notice tr:last-child td {
	border-bottom: none;
}
.tbl_input_notice th {
	background: #F5F5F5;
	font-weight: 500;
}
.th_textarea {
	text-align: left;
}
.td_textarea textarea {
	height: 200px;
}
.upload_file.upload_file_notice {
	width: 100%;
	margin-bottom: 5px;
}
.upload_file.upload_file_notice .label_upload {
	width: 100%;
	border: 1px solid #D0D0D0;
}
.upload_file.upload_file_notice .label_upload:after {
	border-left: 1px solid #D0D0D0;
	border-radius: 0;
}

/* SMS �뀥�뵆由� 愿�由� */
.tbl_list.tbl_template td:nth-child(2),
.tbl_list.tbl_template td:nth-child(3) {
	padding-left: 10px;
	text-align: left;
}

/* �뀥�뵆由� 愿�由� modal */
.cont_modal.cont_modal_template {
	padding: 30px 10px;
}
.cont_modal.cont_modal_template:after {
	content: "";
	clear: both;
	display: block;
}
.cont_modal.cont_modal_template>div {
	float: left;
	padding: 10px 20px;
}
.cont_modal.cont_modal_template>div:first-child {
	width: 50%;
}
.cont_modal.cont_modal_template>div:last-child {
	width: 50%;
}
.cont_modal_template .hd_modal {
  height: 24px;
  background: none;
  padding: 0;
  text-align: left;
  font-size: 18px;
}
.cont_modal_template .btn_close_modal {
  top: -12px;
  right: -5px;
}
.hd_template {
	font-size: 15px;
}
.section_tree {
	width: 100%;
	height: 390px;
	overflow-y: auto;
	background: #F5F5F5;
	border-radius: 2px;
}
.list_template dl {
	margin-bottom: 0;
}
.list_template dl:after {
	content: "";
	clear: both;
	display: block;
}
.list_template dt,
.list_template dd {
	float: left;
	margin-bottom: 15px;
	text-align: left;
}
.list_template dt {
	width: 30%;
	font-size: 12px;
	font-weight: 500;
}
.list_template dd {
	width: 70%;
}
.txt_sms {
	width: 100%;
	height: 165px;
	border: 1px solid #D0D0D0;
}
.btn_category {
	text-align: right;
}
.btn_category button {
	padding: 4px 6px;
	background: none;
	border: none;
	color: #fff;
}
.btn_category button.add_categoty {
	background: #208AC1;
}
.btn_category button.modify_categoty {
	background: #664ABE;
}
.btn_category button.add_template {
	background: #A03AA0;
}
.btn_category button.delete {
	background: #83AA46;
}
.conts_template {
	padding-top: 15px;
	border-top: 1px solid #C4C4C4;
}

/* �뭹紐� 諛� �꽌釉뚯뭅�뀒怨좊━ 愿�由� */
.wrap_tree>div {
	float: left;
}
.wrap_tree>div:first-child {
	width: 60%;
	padding-right: 30px;
}
.wrap_tree>div:last-child {
	width: 40%;
}
.section_tree2 {
	width: 100%;
	height: 600px;
	overflow-y: auto;
	background: #F5F5F5;
	border-radius: 2px;
}
.list_template2 dl {
	margin-bottom: 0;
}
.list_template2 dt,
.list_template2 dd {
	margin-bottom: 15px;
	text-align: left;
}
.list_template2 dt {
	font-size: 15px;
}
.txt_sms2 {
	width: 100%;
	height: 220px;
	border: 1px solid #D0D0D0;
}
.section_tree3 {
	width: 100%;
	height: 250px;
	overflow-y: auto;
	background: #F5F5F5;
	border-radius: 2px;	
}

/* �떆怨듭젏 */
/* main */
.wrap_state {
	min-height: 600px;
}
.li_state {
	/* width: 1110px;
	margin: 0 auto; */
}
.li_state li {
	/* float: left;
	width: 340px;
	height: 180px;
	margin: 0 15px;
	border-radius: 4px;
	box-shadow: 4px 4px 10px 2px rgba(0,0,0,0.1); */
}
#partnerTaxDashboard .li_state li .innerColBox{
	
	border-radius: 4px;
	box-shadow: 4px 4px 10px 2px rgba(0,0,0,0.1); */
}

.hd_state {
	padding: 10px 30px;
	background: #E84312;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	font-size: 14px;
	color: #fff;
}
.li_state li:nth-child(2) .hd_state {
	background: #1297C7;
}
.li_state li:nth-child(3) .hd_state {
	background: #1297C7;
}
.bd_state {
	padding: 15px 30px 10px 30px;
}
.li_state li:nth-child(1) {
	background: url(../../../../resources/images/icon_state1.png) 200px 65px no-repeat;
}
.li_state li:nth-child(2) {
	background: url(../../../../resources/images/icon_state2.png) 220px 65px no-repeat;
}
.li_state li:nth-child(3) {
	background: url(../../../../resources/images/icon_state3.png) 220px 65px no-repeat;
}
.txt_state {
	font-size: 16px;
}
.num_state {
	font-family: 'Roboto', 'Noto Sans KR', 'Malgun Gothic', gulim, dotum, AppleGothic, sans-serif;
	font-size: 50px;
	font-weight: 600
}
.card .card-block .li_state li p {
	line-height: 1;
}
.li_state li:nth-child(1) .num_state {
	color: #E84312;
}
.li_state li:nth-child(2) .num_state {
	color: #1297C7;
}
.li_state li:nth-child(3) .num_state {
	color: #1297C7;
}

/* 誘몄듅�씤 �븞�궡 modal */
.hd_info {
	font-size: 14px;
}
.box_info {
	padding: 10px;
	border: 1px solid #C61920;
}

/* �꽭湲덇퀎�궛�꽌 議고쉶 */
.card .card-block table p {
	margin-bottom: 0;
	line-height: 1;
}
.txt_confirm {
	color: #E84312;
	cursor: pointer;
}

/* �꽭湲덇퀎�궛�꽌 �솗�씤 modal */
.conts_taxbill {
  padding-top: 15px;
	text-align: center;
}

.print_modal .hd_modal {
	height: 24px;
	background: none;
	padding: 0;
	text-align: left;
	font-size: 18px;
}
.print_modal .btn_close_modal {
    top: -12px;
    right: -5px;
}
.cont_modal.cont_modal_print2 {
	padding: 30px 10px;
}
.cont_modal.cont_modal_print2:after {
	content: "";
	clear: both;
	display: block;
}
.cont_modal.cont_modal_print2>div {
	float: left;
	padding: 10px 13px;
}
.cont_modal.cont_modal_print2>div:nth-child(1) {
	width: 55%;
}
.cont_modal.cont_modal_print2>div:nth-child(2) {
	width: 45%;
}
.img_tax2 img {
	width: 100%;
}
.cont_modal.cont_modal_print2 .list_taxbill dl dt {
	width: 30%;
}
.cont_modal.cont_modal_print2 .list_taxbill dl dd {
	width: 70%;
}

.list_taxbill2 {
	margin-top: 15px;
	text-align: left;
}
.list_taxbill2 li {
	padding: 15px 10px;
	border-top: 1px solid #C4C4C4;
}
.list_taxbill2 dl {
	margin-bottom: 0;
}
.list_taxbill2 dl:after {
	content: "";
	clear: both;
	display: block;
}
.list_taxbill2 dl dt,
.list_taxbill2 dl dd {
	float: left;
}
.list_taxbill2 dl dt {
	width: 30%;
}
.list_taxbill2 dl dd {
	width: 70%;
}

/* �궡 �젙蹂댁닔�젙 */
.input_style1.wid400 {
	width: 400px;
}
.txt_profile {
	font-size: 15px;
}
.tbl_cash_receipt.tbl_profile tr th {
	border-bottom: none;
}
#summary_list li{
	padding: 0;
	
}
#approvalLine .approvaluser{
	height: 30px;
    display: inline-block;
    border: 1px solid #fff;
    padding: 3px;
    border-radius: 5px;
    background: #c61920;
    color: #fff;
    margin-right: 8px;
}
#approvalLine .notapproval{
}

td.priceCell{
	text-align: right !important;
}