:root {
	--primary-color:#1488CC; /* brand-color */
	--action-color:#c47bff;

	--text-color:#213345;
	--text-body-color:#42668a;
	--text-diable-color:#7599bd;
	--border-color:#baccde;
	--background-color:#f8fbfc;

	--line-color:#dfdde8;
}
html, body {
    width: 100%;
    overflow: hidden;
    background: var(--background-color);
	height:100vh;
	/*    min-width: 1642px; */

}
*, ::after, ::before {
	box-sizing: border-box;
}
b, strong{
	font-weight: bold !important;
}
.acction-button {
    border: 1px solid var(--action-color);
    margin: 0;
    padding: 7px 19px 5px;
    background: var(--action-color);
    color: #fff;
    font-size: 18px;
    display: inline-block;
    font-family: 'NanumSquare', sans-serif !important;
    text-align: center;
    cursor: pointer;
    font-weight: 200;
    line-height: 29px;
    width: 100%;
    border-radius: 3px;
}

.mb-12px {
	margin-bottom:20px;
}

.full {width:calc(100% - 6px);}
.full-won {width:calc(100% - 36px);}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
		*:focus {outline:none;}

.ellipsis {
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: middle;
}

.pofile-box {
    width: 60px;
    background-size: cover;
    background-position: center center;
    height: 60px;
}




		.board-body img{max-width:100%;}

		li {list-style:none;}
		br {clear:both;}
		ul{padding:0;margin:0}
		a,a:hover{text-decoration:none;}
		.ani{transition-property:all;transition-duration:.2s}
		.ani3{transition-property:all;transition-duration:2.9s}
		mark {color: #000;font-weight: 400;box-shadow: inset 0 -12px 0 #c7e8f3;display:inline-block;padding:0 6px;line-height: initial;background:transparent}


		.hidden-scroll {-ms-overflow-style: none;scrollbar-width: none;}
		.hidden-scroll::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}

		header{width:100%;height:55px;box-shadow:0 0 15px 0 rgba(0,0,0,.05);z-index:1;background:#34373c;display: block;}

		.logo img {padding:1px;height:55px;float:left;padding-left:57px}


		header > a {
			display: block;
			float: right;
			color: rgba(255,255,255,.6);
			font-size: 19px;
			border-left: 1px solid rgba(255,255,255,.3);
			padding: 18px 16px 14px 15px;
			width: 60px;
			text-align: center;
			position:relative;
		}
		header > a > .label-cnt {
			font-size: 10px;
			background: red;
			color: #fff;
			position: absolute;
			right: 12px;
			bottom: 12px;
			min-width: 14px;
			height: 13px;
			padding-top: 1px;
			line-height: 100%;
			border-radius: 3px;
			font-weight: bold;
		}
		.msg-box {
			background:#fff;
			width:300px;
			position:absolute;
			right:20px;
			top:65px;
			min-height:40px;
			color:#333;
			font-size:16px;
			text-align:left;
			z-index:1;
			border:1px solid #aaa;
			box-shadow:0 0 15px 0 rgba(0,0,0,.4);
			border-radius:5px;
			overflow:hidden;
		}
		.msg-box > .list{
			padding:15px;
			display:block;
			border-bottom:1px dotted #999;
			font-size:13px;
			position:relative;
			color:#333;
		}
		.msg-box > .list:hover{
			background:rgba(0,0,0,.1);
		}
		.msg-box > .list:last-child{
			border-bottom:0;
		}
		.msg-box > .list > i {
			font-size:20px;
			position:absolute;
			right:15px;
			top:10px;
			color:rgba(0,0,0,.1);
		}
		header {
			position:relative;
		}
		header > a:hover{
			color: rgba(255,255,255,1);
			background:rgba(255,255,255,.1);
		}
		.version-show{
			font-size: 10px;
			font-weight: 100;
			color: rgba(255,255,255,.33);
			position: absolute;
			left: 187px;
			bottom: 7px;
		}
		aside{background:#464a5f;float:left;width:220px;height:calc(100vh - 55px);box-shadow:0 0 15px 0 rgba(0,0,0,.05);color:#ddd}
		aside a {color:#ddd}
		.content {float:right;width:calc(100% - 220px);height:calc(100vh - 55px);background:#efeef4;padding:12px;overflow-x:hidden;overflow-y:scroll;line-height:1.8em;font-weight:300;font-size: 16px;
		    /* min-width: 1422px; */
		}

		.box {float:left;margin:6px;background:#fff;padding:12px;box-shadow:0 0 15px 0 rgba(0,0,0,.05);display:block;border:1px solid transparent}
		.box-title{display:inline;}
		.width-12 {width:calc(100% - 12px);}
		.width-6 {width:calc(50% - 12px);}
		.width-3 {width:calc(25% - 12px);}
		.width-20 {width:calc(17.5% - 12px);}
		.width-80 {width:calc(82.5% - 12px);}
		.width-9 {width:calc(75% - 12px);}
		.row{display:block;clear:both;}

		.side-menu {height:calc(100vh - 156px);overflow-y:scroll;-ms-overflow-style: none;visibility:hidden}
		.side-menu::-webkit-scrollbar{ display:none; }
		.side-menu li {position:relative}
		.side-menu div span{font-size: 13px;display: inline-block;font-weight: 400;padding: 18px 26px 4px 26px;color: greenyellow;text-align:left;background:#464a5f;}

		.side-menu li a {padding:10px 18px;display:block;margin:0 6px;font-size:16px}
		.side-menu li a:hover{color:#94c0ed;}
		.side-menu li a .icon {color: #4a94e1;vertical-align: bottom;margin-right: 6px;}
		.side-menu > .on > a {background:#4a94e1;color:#fff !important;position:relative;border-radius:20px;box-shadow: 0 0 10px 0 rgba(0,0,0,.1);;text-shadow:0 0 3px rgba(0,0,0,.25)}
		.side-menu > .on > a > .icon {color:#fff;font-weight:normal;text-shadow:10px}

		.side-menu > li > a > .ri-arrow-drop-right-line{display:none;}
		.side-menu > .on > a > .ri-arrow-drop-right-line {display:initial;position:absolute;right: 10px;top:8px;font-size: 20px}

		.side-menu > li > ul > li > a {padding:10px 0px 10px 36px;}
		.side-menu > .on > ul > li > a{background:rgba(255,255,255,.1)}
		.side-menu > li > ul > .on > a{background:rgba(255,255,255,.2)}

		/* notice 뉴 아이콘 */
		.new-label {
			background: #e33337;
			color: #fff;
			font-size: 11px;
			padding: 2px 4px 2px;
			text-align: center;
			border-radius: 7px;
			font-weight: 600;
			position:absolute;
			right:34px;
			top:11px
		}

		.on .new-label {
			right:28px;
		}




		.tab-menu {float:left;width:calc(100% - 12px);white-space: nowrap;overflow-x: auto;overflow-y: hidden;height:50px;font-size:0;padding:0;text-align:left;background:#fff;margin:6px}
		.tab-menu li {display:inline-block;border-right:1px solid #efeef4}
		.tab-menu li:nth-child(1){border-left:0px solid #efeef4}
		.tab-menu li a {min-width:100px;display:block;line-height:50px;height:50px;text-align:center;color:#ccc;font-weight:600;font-size:14px;;padding:0 5px}
		.tab-menu li a:hover{text-decoration:none;color:#4a94e1}
		.tab-menu .on a {background:#4a94e1;color:#fff !important;box-shadow: 0 0 10px 0 rgba(30,90,200,.5);text-shadow:0 0 3px rgba(0,0,0,.25)}
		.page-title {font-weight:900;font-size:18px;position:relative;}

		.message-btn {background:#8c47e0;color:#fff;position:fixed;right:30px;bottom:10px;width:50px;height:50px;line-height:50px;vertical-align:middle;text-align: center;font-size: 24px;border-radius: 25px;text-shadow: 0 0 10px rgba(0,0,0,0.1);display:none;}

		.profile-area {border-bottom:1px solid rgba(0,0,0,.175)}
		.profile-img {background:#ddd;margin:20px; width:60px;height:60px;overflow:hidden;border-radius:50%;text-align:center;float:left;}
		.profile-content {width: calc(100% - 100px);float: right;padding-top: 21px;}
		.id-n {font-size:14px;color:rgba(255,255,255,.5)}

		.id-area{font-size:12px;color:rgba(255,255,255,.5)}
		.id-show {color:#fff;font-size:12px;    line-height:1.7;}
	

		table {border-collapse: collapse;border-spacing: 0;width:100%}

		.table-col {text-align:left;}
		.table-col th,.table-col td{padding:3px}
		.table-col th{font-size:18px;font-weight:400;width:180px;background:#f0eff5;border-bottom:1px solid #fff;padding:3px 0 3px 12px;color:#777;height:47px;}
		.table-col td{border-bottom:1px solid #efeef4}
		.table-col tr:first-child td{border-top:1px solid #f0eff5}
	
		.row table input,.row table textarea,.row table select {border-radius:2px;line-height:170%}
		.row table input[type="text"],
		.row table input[type="password"],
		.row table input[type="number"],
		.row table input[type="date"],
		.row table input[type="email"],
		.row table input[type="file"],
		.row table input[type="phone"],
		.normal_form
		{margin:3px;padding:6px;border:1px solid #e7e4ef;background:#f7f5fa;font-weight:100;height:34px;}

		.row .table-col input[type="text"],
		.row .table-col input[type="password"],
		.row .table-col input[type="number"],
		.row .table-col input[type="date"],
		.row .table-col input[type="email"],
		.row .table-col input[type="phone"],.row select {min-width:174px;}

		.row table input[type="text"]:focus,
		.row table input[type="password"]:focus,
		.row table input[type="number"]:focus,
		.row table input[type="date"]:focus,
		.row table input[type="email"]:focus,
		.row table input[type="phone"]:focus,
		.normal_form:focus,
		.row table select:focus, .row table textarea:focus
		{border-color:lightskyblue;background:#f1f8fe;box-shadow:0 0 10px 0 rgba(20,80,120,.2)}
		.row table select {margin:3px;padding:0 6px;border:1px solid #e7e4ef;background:#f7f5fa;font-weight:100;height:34px;}
		.row table textarea {width: calc(100% - 6px);;display:block;margin:3px;padding:6px;border:1px solid #e7e4ef;background:#f7f5fa;font-weight:100;}
		.row table label {margin-right:6px}
		.row table input[type="radio"],.row table input[type="checkbox"] {margin:3px;}
		.row table input[type="file"]{padding:3px;display:block;width:calc(100% - 6px);line-height: 20px;}

		.row table button[type="button"],
		.row table .button {display:inline-block;margin:3px;min-width:34px;padding:0px 20px;line-height:31px;text-align: center;border:1px solid #4a94e1;background:#fff;height:34px;color:#4a94e1;vertical-align:top;font-weight:300;border-radius:2px;cursor: pointer;outline: medium none;text-decoration: none;}
		.row table button[type="button"] i,
		.row table .button i {font-size:22px;vertical-align: sub;margin-right:1px;color:#2278ce}
		.row table button[type="button"]:hover,
		.row table .button:hover{color:#fff;;background:#4a94e1;}
		.row table button[type="button"]:hover i ,
		.row table .button:hover i{color:#fff}
		.row table button[type="button"]:active,
		.row table .button:active{background:#1c62a8;border-color:#1c62a8}

		.row table .icon-button {background:#4a94e1 !important;padding:0px 4px !important;}
		.row table .icon-button:hover {background:#2278ce !important;}
		.row table .icon-button i {color:#fff !important;}

		.table-row th,.table-row td{padding:3px}
		.table-row th{font-size:18px;font-weight:400;background:#f0eff5;border-bottom:1px solid #fff;padding:3px;color:#777;height:47px}
		.table-row td{border-bottom:1px solid var(--line-color);height:47px;border-right:1px dotted var(--line-color);}
		.table-row td:last-child{border-right:0}
		
 
		.table-board td{border-right:0;text-align:center;}
		.table-board td:first-child{font-size:15px;color:#999;}
		.table-board tr:first-child td{border-top:1px solid var(--line-color);}
		.table-board tr td:first-child{text-align:center;width:90px}
		.table-board tr td:nth-child(4n){width:90px}
		.table-board tr td:last-child{text-align:center;width:90px}
		.table-board tr td:last-child span {color:#D7D7DC;width:24px;display:inline-block}
		.table-board tr:hover{background:#f8f8fa}
		.table-board tr:hover .bbs-title {color:#164b76}

		.table-board a{display:block;text-align:left;color:#333;}
		.table-board .bbs-title {font-weight:700;line-height: 1em;;padding:12px 0 6px;color:#333}
		.table-board .bbs-title .new{    margin: 0 0px;
				padding: 0px 3px 1px 3px;
				font-size: 10px;
				border-radius: 2px;
				background: orange;
				color: #fff;
				vertical-align: top;}
		.table-board .bbs-descript {font-size:15px;color:#999;line-height: 1em;padding:6px 0 12px;font-weight: 100;}
		.table-board .bbs-descript span{margin-right:15px;}
		.table-board .bbs-descript span i {vertical-align: bottom;}
		.table-board .notice {background:#f8f8fa}
		.table-board .replay-str {width:20px !important}
		.table-board .comment {padding: 6px 10px 6px 9px;background: #D7D7DC;color: #fff;font-weight: 400;line-height: 1em;font-size: 14px;display: inline-block;border-radius: 1em;}

		.table-board .bbs_cate {min-width:64px;display: inline-block}

		.board-category a{display:inline-block;border:0px solid red;margin-bottom:12px;padding:4px 18px;border-radius:3px;color:#333;font-weight:600;margin-right:5px}
		.board-category a:first-child{background:#f0f0f0}
		.board-category .on {background:#aaa;color:#fff}
		.link {color: #000;font-weight: 400;box-shadow: inset 0 -12px 0 lightblue;display:inline-block;padding:0 6px;line-height: initial;}
		.link i {vertical-align:middle;color:#1c62a8;margin-right:3px}
		.link:hover{box-shadow: inset 0 -12px 0 skyblue;}

		.submit-group,
		.btn-group {text-align:right;font-size:0;margin-top:12px}
		.submit-group button, .btn-group button {
			margin: 0 0 0 6px;
			display: inline-block;
			padding: 0px 24px !important;
			line-height: 34px;
			border: 1px solid #4a94e1;
			height: 38px;
			vertical-align: top;
			font-weight: 300;
			border-radius: 2px;
			cursor: pointer;
			outline: medium none;
			text-decoration: none;
			font-size: 18px;
		}
		.submit-group button[type="submit"],
		.btn-group button {background:#fff;border-color:#4a94e1;color:#4a94e1}
		.submit-group button[type="submit"]:hover,
		.btn-group button:hover {background:#4a94e1;color:#fff}
		.submit-group button[type="button"],.submit-group .del {background:#fff;border-color:#ff4444 !important;color:#ff4444 !important;}
		.submit-group button[type="button"]:hover,.submit-group .del:hover {background:#8d8282 !important;color:#fff  !important}
		.submit-group button i {font-size:22px;vertical-align: sub;margin-right:6px;}


		.ri-question-fill,.ri-question-line {font-weight:normal;color:#a4bfdb;font-size: 18px;vertical-align: bottom;position:relative;cursor:pointer}

		.modal,.modal2,.modal-alert,.modal-view{display:none;position:fixed;width:100%;height:100vh;background:rgba(0,0,0,.5);left:0;top:0;z-index:2}
		.modal-wrap {max-width:540px;background:#fff;margin:30px auto;padding:20px;border-radius:3px;box-shadow:0 0 20px 0 rgba(0,0,0,.3)}
		.modal-title {font-size:20px;font-weight:500;margin-bottom:15px}
		.modal-descript {color:#999;margin-bottom:15px;line-height: 1.71em;}
		.modal-action {text-align:right;margin-top:40px}
		.modal button,.modal2 button{cursor:pointer}
		.modal-ok,.modal-alert-ok,.modal-confirm-ok,.modal-confirm-cancel,.modal-hide {background:transparent;border:0;padding:8px 16px;border-radius:3px;font-size:16px;letter-spacing:0;font-weight:400;cursor:pointer}
		.modal-ok:hover,.modal-alert-ok:hover {color:#4a94e1}


		.modal-view .modal-wrap{
			max-width:1200px;
			margin:65px auto;
			overflow: auto;
		}
		
		.modal-view .modal-descript {max-height:calc(100vh - 290px);overflow: auto;color:#191919;}
		.alert{
			display:none;
			position:fixed;
			bottom:50px;
			width:640px;
			left:calc(50% - 320px);
			color: #0f5132;
			background-color: #d1e7dd;
			border: 1px solid #badbcc;
			padding:20px;
			border-radius:10px;
			box-shadow:0 0 20px 0 rgba(15,48,0,.2);
			font-weight:bold;
		}

		.paging {font-size:0;line-height:16px;text-align:center;margin-top:12px}
		.paging li {font-size:16px;display:inline-block;border:1px solid lightgray;border-left:0;vertical-align: top;}
		.paging li:hover {background:#efefef}
		.paging li:first-child{border-left:1px solid lightgray;border-radius:2px 0 0 2px}
		.paging li:last-child{border-radius:0 2px 2px 0}
		.paging li a{display:inline-block;height:34px;min-width:34px;padding:8px 10px 0 10px;text-align:center;color:#aaa}
		.paging .on a {color:#333;font-weight:500;background:#efefef}

		.board-button {padding:9px 0 9px 0;text-align:right;}
		.board-button a:last-child{margin-right:0}
		.basic-button {display:inline-block;margin:3px;min-width:34px;padding:0px 20px;line-height:31px;text-align: center;border:1px solid #4a94e1;background:#fff;height:34px;color:#4a94e1;vertical-align:top;font-weight:300;border-radius:2px;cursor: pointer;outline: medium none;text-decoration: none;}
		.basic-button i {font-size:22px;vertical-align: sub;margin-right:1px;color:#2278ce}
		.basic-button:hover{color:#fff;;background:#4a94e1;}
		.basic-button:hover i {color:#fff}
		.basic-button:active{background:#1c62a8;border-color:#1c62a8}
		
[data-tooltip]:hover {
	position: relative;
}

[data-tooltip]:hover::after {
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
    box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 1.7em;
    content: attr(data-tooltip);
    margin-bottom: 10px;
    top: 115%;
    left: 0;
    padding: 7px 8px;
    position: absolute;
    width: 240px;
    min-width: 50px !important;
    max-width: 300px !important;
    word-wrap: break-word;
    z-index: 9999;
}
.bookmark{

	cursor:pointer;
	padding:0;
	border:0;
	background:transparent;
	margin:0;
	font-size:40px;
	position:absolute;
	right:10px;
	top:-10px;
	color:red;

}
.bookmark-link {
	color:rgb(215, 255, 72);
	background:rgba(255, 255, 255, 0.1);
	font-weight: 100;
	font-size:19px;
	width:55px;
	height:55px;
	display: inline-block;
	border-right:1px solid rgba(255,255,255,.3);
	padding-top:17px
}
.bookmark-link:first-child{
	border-left:1px solid rgba(255,255,255,.3);
}
.bookmark-link:hover{
	color:#333;
	background:rgb(215, 255, 72);;
}

.trans-table {
	width:100%;

}

.trans-table td:first-child{
	text-align:left;
}
.trans-table td:last-child{
	text-align:right;
}


.ui-datepicker{ font-size: 14px}
.ui-datepicker select.ui-datepicker-month{font-size: 14px;margin-left:10px }
.ui-datepicker select.ui-datepicker-year{font-size: 14px; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	width: calc(50% - 30px) !important;
}


.user-icon {
	width:20px;
	height:20px;
	display: inline-block;
	background-position: center center;
	background-size: cover;
	border-radius: 7px;
	vertical-align: sub;
	margin-right:2px;
}




		/* thin-version */
		.logo > .menu-on-off {
			position: absolute;
			left: 0px;
			top:0px;
			z-index:99999;

			font-size: 20px;
			font-weight: normal;

			text-align: center;
			
			cursor:pointer;
			background: #279ed1;
			color:#000;			
			/*

			width:55px;
			height:55px;
			margin:0px;			
			padding-top:16px;
			*/
			width:35px;
			height:35px;
			margin:10px;
			padding-top:7px;
			border-radius:50%;

		}		
		.logo > .menu-on-off:hover{

			color:#279ed1;
			background: #414458;			
		}
		.thin-ver {
			width:56px;
		}
		.thin-ver .side-menu > li > a > span {
			display:none;
		}
		.thin-ver .side-menu div span {
			overflow:hidden;
			height:1px;
			border-bottom:1px solid rgba(0,0,0,.2);
			padding:0;
			margin:5px 0;
			width:100%;
			display: block;
		}
		.thin-ver .profile-content {
			display:none ;
		}
		.thin-ver .profile-img{
			width:46px !important;
			height:50px;
			margin:5px;
		}
		.thin-ver .pofile-box {
			width:100%;
			height:100%;
		}
		.thin-ver .side-menu li a {
			padding: 10px 14px;
			display: block;
			margin: 0 5px;
			font-size: 20px;
			text-align: center;
		}
		.thin-ver .side-menu div:first-child{
			visibility: hidden;
		}
		.thin-ver .side-menu > .on > a > .ri-arrow-drop-right-line {
			display: none;
		}
		.thin-ver-content {
			width: calc(100% - 56px);
		}

		.thin-ver .new-label {
			display:block !important;
			right:5px;
			top:5px;
		}
		.thin-ver .on .new-label {
			right:0px;
			top:0px;
		}

		/****************/