@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@1.0/nanumbarungothicsubset.css");
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700,900&display=swap');
@import url('dev.css'); 
* {
	box-sizing: border-box;
}
html, body {
	width: 100%;
	height: 100%;
}
body {
	font-family: 'Malgun Gothic', 'NanumBarunGothic', '돋움', 'Dotum', 'Sans-serif';
	font-weight: normal;
	font-size: 13px;
	line-height: 1.4;
	color: #555;
	background: #fff;
	word-break: break-all;
	min-width: 1400px;/*letter-spacing: -0.04rem;*/
}
.wrap {
	display: table;
	width: 100%;
	height: 100%;
	position: relative;
	table-layout: fixed;
}
.wrap > .alert-banner {
	display: table-row;
	height: 50px;
}
.wrap > .header {
	display: table-row;
}
.wrap > .container > * {
	display: block;
}
.wrap > footer {
	display: table-row;
	height: 0;
}
.wrap > footer > * {
	display: block;
}
.container {
	margin-top: 60px;
	width: 100%;
	/*height: calc(100% - 60px);*/
	display: inline-block;
	height: 100%;
}
/*header*/
.header {
	position: fixed;
	width: 100%;
	height: 60px;
	background: #fff;
	z-index: 9999;
	border-bottom: 1px solid #ddd;
	min-width: 1400px;
}
.logo-area {
	padding: 20px 0 16px 40px;
	height: 60px;
	float: left;
}
/*gnb*/

.gnb {
	margin-left: 170px;
}

.gnb .li_01, .gnb .gnb_2dep {
	position: relative;
	width: 1080px;
	margin: 0 auto;
}
.gnb .gnb_2dep > ul > li {
	float: left;
	width: 16.3%;
	height: 60px;
}
.gnb .gnb_2dep > ul > li > span {
	display: block;
	width: 16.3%;
	position: absolute;
	top: 0;
	height: 60px;
	cursor: pointer;
	text-align: center;
}
.gnb .gnb_2dep > ul > li > span:hover, .gnb .gnb_2dep > ul > li:hover > span, .gnb .gnb_2dep > ul > li.active > span {
	border-bottom: 3px solid #e60013;
	box-sizing: border-box;
}
.gnb .gnb_2dep > ul > li > span a {
	display: block;
	width: 100%;
	height: 100%;
	color: #222;
	font-size: 17px;
	font-weight: 600;
	line-height: 60px;
}
.gnb .gnb_2dep .gnb_ul {
	position: relative;
	width: 100%;
	top: 60px;
	clear: both;
	z-index: 9999;
	background: #fff;
	padding: 20px 0;
	border-left: 1px solid #eee;
}
.gnb .gnb_2dep ul li:first-child .gnb_ul {
	border-left: 0;
}
.gnb .bg {
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	min-height: 260px;
	background: #fff;
	border-bottom: 1px solid #ddd;
}
.gnb .li_01 .gnb_2dep .gnb_ul, .gnb .li_02 .bg {
	display: none;
	height: 259px;
	opacity: 1;
}
.gnb .li_01:hover .gnb_2dep .gnb_ul, .gnb .li_01:hover ~ .li_02 .bg, .gnb .gnb_2dep:hover {
	display: block;
	opacity: 1;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.gnb .gnb_2dep .gnb_ul > li {
	clear: both;
	padding: 0 20px;
}
.gnb .gnb_2dep .gnb_ul > li:hover {
	background: #f5f5f5;
}
.gnb .gnb_2dep .gnb_ul > li a {
	color: #555;
	font-size: 13px;
	display: block;
	text-align: left;
	padding: 10px 0;
}
/*sidebar*/
#sidebar {
	width: 250px;
	height: 100%;
	position: fixed;
	background: #fff;
	border-right: 1px solid #ddd;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	z-index: 999;
}
#sidebar ul li {
	position: relative;
}
.leftside-navigation {
	height: calc(100% - 64px);
}
.right-stat-bar ul {
	list-style-type: none;
	padding-left: 0;
}
/*main content*/
.main-content {
	margin-left: 250px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.merge-header {
	margin-right: 250px;
}
.main-conainer {
	padding: 30px 30px 50px;
	height: 100%;
}
/*--sidebar toggle---*/
.sidebar-toggle-box {
	position: absolute;
	display: table;
	width: 20px;
	height: 35px;
	background: #fff;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	top: 50%;
	margin: -45px 0 0 249px;
}
.sidebar-toggle-box .bars {
	cursor: pointer;
	height: 30px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.sidebar-toggle-box .bars:after {
	position: absolute;
	content: '';
	width: 7px;
	height: 7px;
	top: 16px;
	right: 3px;
	border-bottom: 2px solid #e60013;
	border-right: 2px solid #e60013;
	transform: rotate(135deg) translateY(-50%);
	transition: all .3s ease-in-out;
	transform-origin: 50% 0;
	z-index: 1;
}
.hide-left-bar .sidebar-toggle-box .bars:after {
	right: 7px;
	transform: rotate(-45deg) translateY(-50%);
}
.sidebar-toggle-box:hover {
	background: #f5f5f5;
}
.hide-left-bar {
	margin-left: -250px !important;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.open-right-bar {
	right: 0px !important;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.merge-left {
	margin-left: 0px !important;
}
.hide-right-bar {
	margin-right: -250px !important;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.toggle-right-box {
	float: left;
	background: #f6f6f6;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 35px;
	height: 35px;
}
.toggle-right-box:hover {
	background: #ffa2a2;
}
.toggle-right-box:hover .bars {
	color: rgba(0,0,0,0.3);
}
.toggle-right-box .bars {
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	padding: 10px;
	color: #bfbfc1;
}
/*site-amp*/
.btn-menu {
	display: block;
	border: 0;
	width: 60px;
	height: 60px;
	background-color: transparent;
	cursor: pointer;
	position: relative;
	z-index: 9999;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid rgba(0, 0, 0, 0);
	float: right;
}
.show .btn-menu {
	border-top: 1px solid #ddd;
}
.btn-menu .text {
	display: block;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
}
.btn-menu .bar, .btn-menu .bar:before, .btn-menu .bar:after {
	display: block;
	position: absolute;
	width: 30px;
	height: 2px;
	background-color: #222;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btn-menu .bar {
	top: 29px;
	left: 14px;
}
.btn-menu .bar:before {
	position: absolute;
	content: '';
	top: 8px;
	left: 0;
}
.btn-menu .bar:after {
	position: absolute;
	content: '';
	top: -8px;
	left: 0;
}
.show .btn-menu .bar {
	background-color: transparent;
}
.show .btn-menu .bar:before {
	top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.show .btn-menu .bar:after {
	top: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/*site-map*/
.overlay {
	width: 100%;
	height: 0%;
	overflow: hidden;
	position: fixed;
	top: -100%;
	transition: all 0.3s ease-in;
	background-color: #fff;
	z-index: 8888;
}
.show .overlay {
	width: 100%;
	/*height:100%;*/
	height: auto;
	top: 0;
	positiion: fixed;
	padding: 50px 0;
	/*box-shadow:0 0px 30px -5px rgba(0,0,0,0.2);*/
	border-bottom: 1px solid #ddd;
}
.content {
	background-color: #fff;
	height: 100%;
	transition: all 0.3s ease-out;
}
.show .content {
/*height: 100%;
	background-color: #000;
	opacity: 0;*/
}
.d-table {
	width: 100%;
	height: 100%;
	display: table;
}
.d-table-cell {
	display: table-cell;
	vertical-align: middle;
}
.site-map-area {
	width: 1110px;
	margin: 0 auto;
	padding: 0 15px;
}
.site-map-area .row {
	margin: 0 -15px;
}
.site-title {
	font-size: 30px;
	color: #222;
	font-weight: 600;
	padding-bottom: 30px;
	text-align: center;
}
.menu-box {
	float: left;
	padding: 15px;
	width: 20%;
}
.menu-lg {
	font-size: 19px;
	color: #222;
	font-weight: 600;
	border-bottom: 3px solid #e60013;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.menu-box li a {
	color: #555;
	display: block;
	padding: 5px 0;
}
.menu-box li a:hover {
	text-decoration: underline !important;
}
.menu-md {
	font-size: 14px;
	color: #222;
	font-weight: 600;
	padding: 20px 0 5px;
}
.menu-admin {
	border-color: #555;
}
.p-t-0 {
	padding-top: 0 !important;
}
/*user-login-info*/
.user-login-info {
	padding: 25px 25px;
	text-align: center;
}
.user-login-info .user-company {
	font-size: 14px;
	color: #555;
}
.user-login-info .user-name {
	font-size: 15px;
	color: #222;
	font-weight: 600;
	padding: 3px 0 10px;
}
.user-login-info .user-btn-area {
	width: 100%;
	border: 1px solid #bbb;
	display: inline-block;
	margin-bottom: -6px;
}
.user-login-info .user-btn-area button {
	width: 50%;
	float: left;
	padding: 8px;
	color: #555;
	font-size: 13px;
	border-left: 1px solid #bbb;
	letter-spacing: -.05em;
}
.user-login-info .user-btn-area button:hover {
	background: #f5f5f5;
}
.user-login-info .user-btn-area button:first-child {
	border-left: 0;
}
/*lnb-menu-area*/
.lnb-menu-area {
	padding: 0 25px 100px 25px;
}
.lnb-title {
	font-size: 26px;
	color: #222;
	font-weight: 600;
	border-bottom: 2px solid #222;
	padding-bottom: 3px;
}
.accordion {
	width: 100%;
}
.accordion .link {
	cursor: pointer;
	display: block;
	padding: 12px 0 10px;
	color: #222;
	font-size: 16px;
	border-bottom: 1px solid #ddd;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.accordion .link a {
	color: #222;
}
.accordion li i {
	position: absolute;
	top: 16px;
	left: 12px;
	font-size: 18px;
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 16px;
}
.accordion li.open .link.active, .accordion li .link.active {
	font-weight: 600;
}
.accordion li.open i {
	color: #b63b4d;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.accordion li.default .submenu {
	display: block;
}
.accordion span {
	position: absolute;
	top: 15px;
	right: 15px;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.down-ic:before, .down-ic:after {
	content: '';
	height: 2px;
	width: 14px;
	display: block;
	background: #222;
	position: absolute;
	top: 6px;
	left: 0px;
}
.down-ic:after {
	height: 14px;
	width: 2px;
	top: 0;
	left: 6px;
}
.accordion .open span.down-ic:after {
	display: none;
}
.accordion li:last-child .submenu {
	border-bottom: 0;
}
.submenu {
	display: none;
	font-size: 13px;
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
}
.submenu a {
	display: block;
	text-decoration: none;
	color: #555;
	padding: 4px 0 4px 15px;
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.submenu li.active a {
	color: #e60013;
}
.submenu a:hover {
	text-decoration: underline !important;
}
.lnb-bottom {
	position: fixed;
	bottom: 0;
	border-top: 1px solid #ddd;
	width: 249px;
	padding: 20px 25px;
	cursor: pointer;
	background: #fff;
	max-height: 60px;
}
.lnb-bottom:hover {
	background: #f5f5f5;
}
.lnb-control img {
	vertical-align: middle;
}
.lnb-control span {
	font-size: 15px;
	font-weight: 600;
	color: #222;
	padding-left: 8px;
}
.lnb-control span:after {
	position: absolute;
	content: '';
	width: 7px;
	height: 7px;
	top: 32px;
	right: 25px;
	border-bottom: 2px solid #222;
	border-right: 2px solid #222;
	transform: rotate(-45deg) translateY(-50%);
	transition: all .3s ease-in-out;
	transform-origin: 50% 0;
	z-index: 1;
}
/*footer*/
.footer {
	background: #f9f9f9;
}
.footer-container {
	padding: 25px 30px 15px;
	width: 100%;
	display: inline-block;
	margin-bottom: -4px;
}
.footer-area {
	float: left;
}
.footer-img {
	float: right;
}
.footer-heaer li {
	display: inline-block;
	padding-right: 20px;
}
.footer-heaer li a {
	color: #555;
	font-size: 14px;
	font-weight: 600;
}
.footer-heaer li a label {
	cursor: pointer;
}
.footer-heaer li a:hover {
	text-decoration: underline !important;
}
.footer-info {
	padding-top: 15px;
	color: #888;
	font-size: 12px;
}
.footer-info ul {
	padding-bottom: 3px;
}
.footer-info li {
	display: inline-block;
}
.footer-info li:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #ddd;
	vertical-align: middle;
	margin: 0 10px;
}
.footer-info li:last-child:after {
	display: none;
}
.footer-item {
	display: inline-block;
	padding: 27px 0 0 15px;
}
.footer-item span {
	display: inline-block;
	color: #888;
	padding-left: 2px;
	font-size: 12px;
}
.footer-item img {
	vertical-align: bottom;
}
.index-container .footer-container {
	padding: 30px 0 20px;
}
/*alert-banner */

.alert-banner {
}
.alert-banner-content {
	z-index: 9999;
	background: #333680;
	width: 100%;
	border-bottom: 1px solid #EEEEEE;
	padding: 16px 10px;
	box-sizing: border-box;
	color: #fff;
	position: fixed;
	height: 50px;
	text-align: center;
	font-size: 15px;
	margin-bottom: -1px;
}
.alert-banner-close {
	z-index: 9999;
	position: fixed;
	top: 25px;
	right: 18px;
	width: 24px;
	height: 24px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	opacity: .3;
}
.alert-banner-close:before, .alert-banner-close:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	background: #FFFFFF;
	width: 100%;
	height: 2px;
	-webkit-transform-origin: center;
	transform-origin: center;
}
.alert-banner-close:before {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}
.alert-banner-close:after {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}
#rolling ul {
	width: 100%;
}
.text-yellow {
	color: #ffb400;
}
.text-opa {
	opacity: .5;
}
/*title-area*/
.title-area {
	width: 100%;
	position: relative;
	display: inline-block;
	border-bottom: 1px solid #aaa;
	margin-bottom: -4px;
	padding-bottom: 3px;
}
.title-area h1 {
	font-size: 23px;
	float: left;
	color: #222;
	letter-spacing: -0.04rem;
	padding-bottom: 3px;
	font-weight: 600;
}
/*sub-nav*/

.sub-nav {
	float: right;
	margin-top: 10px;
}
.sub-nav li {
	float: left;
	font-size: 13px;
	color: #888;
}
.sub-nav li:last-child {
	font-weight: 600;
	color: #555;
}
.sub-nav li.home:before {
	content: '';
	display: inline-block;
	width: 17px;
	height: 15px;
	background-image: url(../images/ic-home.png);
	vertical-align: middle;
	margin: -2px 0 0;
}
.sub-nav li:before {
	content: '';
	display: inline-block;
	width: 7px;
	height: 13px;
	background-image: url(../images/ic-arrow-nav.png);
	vertical-align: middle;
	margin: 0 10px 0 7px;
}
/*main-status-area*/
.main-status-area {
	width: 100%;
	position: relative;
	margin: 15px 0 -6px;
	display: inline-block;
}
.main-status-area .row {
	margin: 0 -15px;
}
.main-status-area .row > div {
	float: left;
	padding: 0 15px;
}
.main-status-area .box1 {
	width: 50%;
}
.main-status-area .box2 {
	width: 50%;
}
.main-status-area .box3 {
	width: 50%;
}
@media screen and (max-width:1690px) {
.main-status-area .box1 {
	width: 40%;
}
.main-status-area .wide-area {
	width: 40%;
}
.main-status-area .wide-area .wide {
	margin-right: 38px;
}
.main-status-area .box2 {
	width: 60%;
}
.main-status-area .box3 {
	width: 60%;
}
}
.left-box {
	/*width: 100%;*/
	background: #fff;
	padding: 20px;
	-webkit-box-shadow: 0 0px 30px -5px rgba(0,0,0,0.15);
	box-shadow: 0 0px 30px -5px rgba(0,0,0,0.15);
}
.right-box {
	width: 100%;
	float: left;
	display: block;
}
.right-m-b {
	margin-bottom: -7px;
	width: 100%;
	display: inline-block;
}
.right-btn-area {
	float: left;
}
.right-btn-area button:first-child {
	margin-left: 0;
}
.box1 {
	transition: all 0.3s;
}
#wide:checked ~ .row .box1 {
	width: 100%;
}
#wide:checked ~ .wide-area {
	width: 100%;
	transition: all 0.3s;
}
#wide ~ .row .box2 {
	visibility : visible;
	transition: all 0.3s;
}
#wide:checked ~ .row .box2 {
	width: 0;
	height: 0;
	overflow: hidden;
	visibility : hidden;
}
#wide {
	display: none;
}
.wide-area {
	position: relative;
	width: 50%;
	transition: all 0.3s;
}
.wide {
	cursor: pointer;
	position: absolute;
	z-index: 99;
	right: 0;
	transition: all 0.3s;
	margin-top: 20px;
	margin-right: 35px;
}
#wide:checked ~ .wide-area .wide {
	margin-right: 20px;
}
#wide ~ .row th.wide-show, #wide ~ .row td.wide-show, #wide ~ .row tr.wide-show, #wide ~ .row td .controls.wide-show {
	display: none
}
#wide ~ .row th.wide-show2, #wide ~ .row td.wide-show2, #wide ~ .row tr.wide-show2, #wide ~ .row td .controls.wide-show2 {
	display: table-row;
}
#wide:checked ~ .row tr.wide-show2 {
	display: none
}
#wide:checked ~ .row th.wide-show, #wide:checked ~ .row td.wide-show, #wide:checked ~ .row td .controls.wide-show {
	display: table-cell;
}
#wide:checked ~ .row tr.wide-show {
	display: table-row;
}
#wide ~ .row .btn-wide-show {
	display: none
}
#wide:checked ~ .row .btn-wide-show {
	display: table-cell;
}
#wide ~ .row .total-area .wide-show {
	display: none
}
#wide:checked ~ .row .total-area .wide-show {
	display: block ;
}
#wide:checked ~ .row .m-f-l {
	float: right !important;
	width: auto;
}
#wide:checked ~ .row .m-none {
	display: inline-block;
}
#wide:checked ~ .row .btn-m {
	min-width: 90px;
}
#wide:checked ~ .row .tooltip {
	display: inline-block;
}
.btn-m-r {
	margin-right: 37px;
}
/*left-box*/

.box-hedaer {
	width: 100%;
	position: relative;
	display: inline-block;
	margin-bottom: -6px;
}
.box-title-area {
	margin-top: 6px;
	float: left;
}
.box-title-area h2, .box-title-area .tooltip {
	display: inline-block;
	float: left;
}
.box-title-area h2 {
	font-size: 16px;
	color: #222;
	font-weight: 600;
}

@media screen and (max-width:1425px) {
.box-title-area .tooltip {
	display: none;
}
}
/*tool tip*/
.tooltip {
	padding-left: 5px;
	position: absolute;
	margin-top: -2px;
}
.popover-wrapper img {
	vertical-align: middle;
}
.tooltip a[data-role="popover"], .tooltip a[data-role="popover2"] {
	display: inline-block;
}
.popover-modal .popover-body {
	overflow: hidden;
	padding: 1em;
}
.popover-modal:after, .popover-modal:before {
	display: inline-block;
	content: ""
}
.popover-wrapper {
	position: relative
}
.popover-modal {
	-webkit-transition: all 240ms cubic-bezier(.34, 1.61, .7, 1);
	-o-transition: all 240ms cubic-bezier(.34, 1.61, .7, 1);
	transition: all 240ms cubic-bezier(.34, 1.61, .7, 1);
	-webkit-transform: scale(0);
	transform: scale(0);
	transform-origin: 29px -10px;
	opacity: 0;
	position: absolute;
	z-index: 1000;
	width: 300px;
	margin-top: 10px;
	margin-left: -12px;
	background-color: #25272f;
	color: #fff;
}
.popover-wrapper.open .popover-modal {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}
.popover-wrapper.open .btn-dropdown {
	outline: 0
}
.popover-modal:before {
	position: absolute;
	top: -16px;
	left: 16px;
	border: 8px solid transparent;
	border-bottom-color: #aab2bd
}
.popover-modal:after {
	position: absolute;
	top: -14px;
	left: 17px;
	border: 7px solid transparent;
	border-bottom-color: #25272f;
}
.popover-modal .popover-body {
	margin: 0;
	padding: 15px;
	max-height: 300px;
	overflow: auto;
}
/*btn-area*/
.btn-area {
	float: right;
}
.btn-area button, .right-btn-area button {
	float: left;
}
.btn {
	margin: 2px;
	cursor: pointer;
}
.btn:last-child {
	margin-right: 0;
}
.m-f-l .btn:last-child {
	margin-right: 2px;
}
.btn-md {
	min-width: 90px;
	padding: 7px 10px;
	font-size: 13px;
	border: 1px solid transparent;
	font-weight: 600;
}
.btn-sm {
	min-width: 60px;
	padding: 3px 5px;
	font-size: 12px;
	border: 1px solid transparent;
	font-weight: 600;
}
.btn-dark {
	color: #fff;
	background: #484848;
}
.btn-dark:hover {
	background: #323232;
}
.btn-grey {
	color: #222;
	background: #eee;
}
.btn-grey:hover {
	background: #d6d6d6;
}
.btn-primary {
	color: #fff;
	background: #e60013;
}
.btn-primary:hover {
	background: #b8000f;
}
.btn-primary-outline {
	color: #e60013;
	background: #fff;
	border-color: #e60013 !important;
}
.btn-primary-outline:hover {
	background: #ffedee;
}
.btn-blue {
	color: #fff;
	background: #0246cf;
}
.btn-blue:hover {
	background: #0238a6;
}
.btn-blue-outline {
	color: #0246cf;
	background: #fff;
	border-color: #0246cf !important;
}
.btn-blue-outline:hover {
	background: #e5ecfa;
}
.btn-grey-outline {
	color: #222;
	background: #fff;
	border-color: #bbb !important;
}
.btn-grey-outline:hover {
	background: #ebebeb;
}
.btn-green {
	background: #1c7346;
	color: #fff;
}
.btn-green:hover {
	background: #165c38;
}
/*table*/
table {
	width: 100%;
	table-layout: fixed;
	word-break: break-all;
}
td, th {
	padding: 4px !important;
	border-left: 1px solid #ddd;
	vertical-align: middle;
	height: 35px;
}
tr {
	border-bottom: 1px solid #ddd;
}
th {
	font-size: 12px;
	color: #222;
	font-weight: 600 !important;
	background: #f3f3f3;
	text-align: center;
}
td {
	font-size: 11px;
	color: #555;
}
/*hit-table*/
.hit-table {
	margin-top: 5px;
}
.hit-table table {
	border: 1px solid #444;
}
.hit-table table tr:last-child {
	border-bottom: 0;
}
.hit-table table th:first-child {
	border-left: 0;
}
.hit-table table td, .hit-table table th {
	padding: 6px !important;
}
.hit-table th {
	width: 90px;
}
.hit-table input {
	max-width: 208px;
}
.hit-table select {
	width: 125px;
}
.from {
	float: left;
	padding: 4px;
}
.b-l-0 {
	border-left: 0 !important;
}
.b-b-0 {
	border-bottom: 0 !important;
}
.b-b-black {
	border-bottom: 1px solid #444;
}
#btn-all {
	color: #e60013;
	float: right;
	padding-top: 8px;
	font-weight: 600;
}
.float-l {
	float: left;
}
.float-r {
	float: right;
}
.date-w {
	width: 93px;
}
/*input*/
input {
	border: 1px solid #ccc;
	color: #555;
	font-size: 12px;
	padding: 5px 5px !important;
	width: 100%;
}
input:focus {
	border-color: #999;
}
input:disabled {
	background: #f4f4f4;
}
input:disabled::placeholder {
 color:#555 !important;
}
/*checkbox, radio*/
.radio {
	position: relative;
	cursor: pointer;
	display: inline-block;
	margin: 0 15px 0 14px;
	vertical-align: middle;
}
.radio:last-child {
	margin: 0 0 0 14px;
}
.radio-label, .checkbox-label {
	cursor: pointer;
	color: #555;
	font-size: 12px;
}
.radio input[type="radio"], .checkbox input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.radio input[type="radio"] + .radio-label:before {
	content: '';
	background: #f4f4f4;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	top: 6px;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	width: 10px;
	height: 10px;
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	-moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	-webkit-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
}
.radio input[type="radio"] + .radio-label:after {
	content: '';
	border: 2px solid #aaa;
	border-radius: 50%;
	display: inline-block;
	width: 14px;
	height: 14px;
	position: absolute;
	margin-left: -13px;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	transition: all 250ms ease;
	left: 0;
	margin-top: -1px;
}
.radio input[type="radio"]:checked + .radio-label:before {
	background-color: #ea0029;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
	left: -9px;
	top: 3px;
	z-index: 999;
}
.radio input[type="radio"]:checked + .radio-label:after {
	border-color: #ea0029;
}
.checkbox {
	position: relative;
	cursor: pointer;
	display: inline-block;
	margin: 3px 35px 0 0;
}
.checkbox:first-child {
	margin-left: 14px;
}
.checkbox input[type="checkbox"] + .checkbox-label:before {
	content: '';
	display: inline-block;
	position: relative;
	top: 3px;
	vertical-align: top;
	cursor: pointer;
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	-moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	-webkit-transform: rotate(-45deg) scale(0, 0);
	-moz-transform: rotate(-45deg) scale(0, 0);
	-ms-transform: rotate(-45deg) scale(0, 0);
	-o-transform: rotate(-45deg) scale(0, 0);
	transform: rotate(-45deg) scale(0, 0);
	z-index: 1;
	width: 0.58rem;
	height: 0.29rem;
	border: 2px solid #ea0029;
	border-top-style: none;
	border-right-style: none;
	left: -10px;
}
.checkbox input[type="checkbox"] + .checkbox-label:after {
	content: '';
	border: 2px solid #aaa;
	display: inline-block;
	width: 14px;
	height: 14px;
	position: absolute;
	margin-left: -13px;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	transition: all 250ms ease;
	left: 0;
}
.checkbox input[type="checkbox"]:checked + .checkbox-label:before {
	-webkit-transform: rotate(-45deg) scale(1, 1);
	-moz-transform: rotate(-45deg) scale(1, 1);
	-ms-transform: rotate(-45deg) scale(1, 1);
	-o-transform: rotate(-45deg) scale(1, 1);
	transform: rotate(-45deg) scale(1, 1);
	border-color: #fff;
	left: -10px;
}
.checkbox input[type="checkbox"]:checked + .checkbox-label:after {
	border-color: #ea0029;
	background-color: #ea0029;
}
/*total-area*/
.section-w-100 {
	position: relative;
	width: 100%;
	display: inline-block;
	margin-top: 30px;
	margin-bottom: -2px;
}
.total-area {
	float: left;
	font-size: 15px;
	color: #222;
	margin-top: 8px;
}
.total-num {
	color: #e60013;
	font-weight: 600;
}
.section-w-100 .btn {
	height: 33px;
}
/*array*/
.array {
}
.float-r > div {
	float: left !important;
}
.array select {
	width: 55px;
	margin: 2px;
	height: 33px;
	float: left;
}
.array select:first-child {
	margin-left: 2px;
}

@media screen and (max-width:1700px) {
.array .chosen-wrapper {
/*width:50px;*/
}
}

@media screen and (max-width:1700px) {
.btn-m {
	min-width: 50px;
}
.m-none {
	display: none;
}
}

@media screen and (max-width:1600px) {
.m-f-l {
	float: left !important;
	width: 100%;
}
}
/*basic-table*/
.basic-table {
	width: 100%;
	border-top: 1px solid #ddd;
	display: inline-block;
}
.basic-table thead {
	border-bottom: 2px solid #444;
}
.basic-table th {
	background: #fff;
	border-left: 0;
	height: 40px;
}
.basic-table td {
	height: 35px;
	text-align: center;
	border-left: 0;
}
.basic-table th:first-child, .basic-table td:first-child {
	width: 2.5%;
}
.basic-table tr {
	border-color: #eee;
}
.basic-table tr:hover {
	background: #f5f5f5;
}
.basic-table tr:nth-child( even ) {
/*background: #f9f9f9;*/
}
.basic-table .checkbox:first-child {
	margin-left: 0;
}
.basic-table .checkbox {
	margin: 0;
}
.basic-table .checkbox input[type="checkbox"] + .checkbox-label:after {
	margin-left: 0;
}
.basic-table .checkbox input[type="checkbox"]:checked + .checkbox-label:before {
	left: 3px;
}
.basic-table .checkbox input[type="checkbox"] + .checkbox-label:before {
	left: 3px;
}
.text-left {
	text-align: left !important;
}
.text-right {
	text-align: right !important;
}
.text-center {
	text-align: center !important;
}
/* pagenation*/

.pagenation {
	margin: 16px 0 0 0;
	text-align: center;
	position: relative;
}
.pagenation:after, .pagenation ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.pagenation ul {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.pagenation li {
	float: left;
	position: relative;
}
.pagenation li.active {
	color: #ea0029;
	display: block;
	padding: 6px 3px 8px;
	font-size: 12px;
	border: 1px solid #ea0029;
	min-width: 32px;
	height: 30px;
	z-index: 9;
	margin-left: -1px;
}
.pagenation li a {
	color: #999;
	display: block;
	padding: 6px 3px 8px;
	font-size: 12px;
	border: 1px solid #ddd;
	min-width: 32px;
	height: 30px;
	margin-left: -1px;
}
.prev a:before, .prev-double a:before, .next a:before, .next-double a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	margin: 1px 0 0 1px;
}
.prev-double a:before {
	background-image: url(../images/ic-left-double.png);
}
.prev a:before {
	background-image: url(../images/ic-left.png);
}
.next-double a:before {
	background-image: url(../images/ic-right-double.png);
}
.next a:before {
	background-image: url(../images/ic-right.png);
}
/*total-price*/
.total-price {
	margin-top: 35px;
	text-align: center;
}
.total-price input {
	font-size: 15px;
	height: 38px;
	max-width: 120px;
	border: 1px solid #bbb;
	color: #222;
	font-weight: 600;
	background: #fff;
	cursor: pointer;
}
.total-price input:hover {
	background: #f5f5f5;
}
#layer {
	position: relative;
	left: 0;
	top: 0;
	z-index: 3;
	visibility: collapse;
}
/*total-price-table*/
.total-price-table {
	margin-top: 15px;
}
.total-price-table table {
	border: 1px solid #ddd;
}
.total-price-table th {
	font-size: 13px;
	color: #222;
	font-weight: 600;
}
.total-price-table th, .total-price-table td {
	height: 35px;
	padding: 4px 8px !important;
}
.total-price-table td {
	text-align: right;
}
/*normal-table*/

.normal-table {
	margin-top: 5px;
	width: 100%;
	display: inline-block;
}
.normal-table table {
	border: 1px solid #ddd;
}
.normal-table th {
	width: 90px;
}
.input-btn-set {
	width: 100%;
	position: relative;
}
.input-btn-set .row {
	margin: 0 -2px;
}
.input-btn-set .row .set-p {
	float: left;
	padding: 0 2px;
}
.input-btn-set .set-p.set-input {
	width: calc(100% - 65px);
}
.input-btn-set .set-p.set-btn {
	width: 65px;
}
.btn-set {
	width: 100%;
	height: 26px;
	border: 1px solid transparent;
	font-size: 12px;
	font-weight: 600;
	padding: 4px 5px 5px;
	cursor: pointer;
}
.input-btn-set .chosen-wrapper {
	width: 100%;
	height: 26px;
}
.input-btn-set .chosen-container-single .chosen-drop {
	margin-top: -1px;
}
.normal-table .checkbox {
	margin: 0 0px 0 13px;
}
.input-btn-set .input-tip {
	padding-top: 4px;
	float: left;
}
/*scrolltop*/
.scrolltop {
	width: 40px;
	height: 40px;
	background: #fff;
	display: none;
	position: fixed;
	right: 30px;
	bottom: 25px;
	z-index: 1030;
	font-size: 11px;
	color: #666;
	transition: all 0.5s ease-in-out;
	border: 1px solid #ccc;
}
.scrolltop:before {
	position: absolute;
	content: '';
	width: 7px;
	height: 7px;
	top: 15px;
	right: 14px;
	border-bottom: 2px solid #666666;
	border-right: 2px solid #666666;
	transform: rotate(225deg) translateY(-50%);
	transition: all .3s ease-in-out;
	transform-origin: 50% 0;
	z-index: 1;
}
.scrolltop:after {
	content: 'TOP';
	position: absolute;
	bottom: 5px;
	left: 9px;
	transition: all .3s ease-in-out;
}
.scrolltop:hover:before, .scrolltop:hover:after {
	border-color: #e60013;
	color: #e60013;
	transition: all .3s ease-in-out;
}
.th-b-0 th:first-child, .th-b-0 td:first-child {
	border-left: 0 !important;
}
/*bill-table*/
.bill-table {
	border: 2px solid #444;
}
.bill-table table th, .bill-table table td {
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	height: 35px;
}
.bill-table table tr {
	border: 0;
}
.bill-table table th {
	text-align: center;
	color: #222;
	background: #f3f3f3;
}
.bill-table thead {
	font-weight: 600;
	text-align: left;
}
.bill-table .calendar-picker {
	width: 91px !important;
}
.bill-table .tit {
	font-size: 13px !important;
	width: 25px;
	font-weight: 600;
	color: #222;
	text-align: center;
	background: #ddd;
	border-right: 1px solid #444;
	border-left: 1px solid #444;
}
.bill-table .b-red {
	border-left-color: #f9c3c1 !important;
	border-bottom-color: #f9c3c1 !important;
}
.b-t-2 {
	border-top: 2px solid #444 !important;
}
.b-b-2 {
	border-bottom: 2px solid #444 !important;
}
.add:before {
	content: '';
	background-image: url(../images/ic-add.jpg);
	display: inline-block;
	width: 26px;
	height: 26px;
	vertical-align: middle;
}
.del:before {
	content: '';
	background-image: url(../images/ic-del.jpg);
	display: inline-block;
	width: 26px;
	height: 26px;
	vertical-align: middle;
}
.btn-w {
	width: 30px;
}
.w-60 {
	width: 60px;
}
.w-150 {
	width: 150px;
}
.w-200 {
	width: 200px;
}
.w-350 {
	width: 350px;
}
.w-50-p {
	width: 49%;
}
.w-75 {
	width: 75px;
}
.w-80 {
	width: 80px;
}
.w-smae6 {
	width: 66px;
}
.price-set {
	width: 160px;
	color: #e60013;
	font-weight: 600;
}
.price-set > div {
	float: left;
}
.price-set .chosen-wrapper {
	width: 80px;
	margin: 0 5px;
}
.m-t-5 {
	margin-top: 5px !important;
}
.m-t-20 {
	margin-top: 20px !important;
}
.m-t-30 {
	margin-top: 30px;
}
.right-info {
	width: 100%;
	padding: 10px 0;
	font-size: 13px;
	color: #888;
	line-height: 1.6;
}
.btn-table {
	width: 100%;
	min-width: 100%;
	height: 100%;
	font-size: 12px;
}
.bill-table .calendar-picker input {
	height: 26px;
}
.bill-table .button-group {
	top: 4px;
}
/*red-table*/
.red-table {
	border-color: #e60013;
}
.bill-table.red-table table th, .bill-table.red-table table td {
	border-left: 1px solid #f9c3c1;
	border-bottom: 1px solid #f9c3c1;
}
.bill-table.red-table table th {
	color: #c72228;
	background: #fff6f7;
}
.red-table .bill-title {
	color: #e60013;
}
.red-table .bill-sub {
	color: #c72228;
}
.bill-table .th-red {
	color: #e60013 !important;
	background: #fff6f7 !important;
}
.bill-table .b-red {
	border-left-color: #f9c3c1 !important;
	border-bottom-color: #f9c3c1 !important;
}
.b-t-2-red, .b-red.b-t-2-red {
	border-top: 2px solid #e60013 !important;
}
.b-b-2-red, .b-red.b-b-2-red {
	border-bottom: 2px solid #e60013 !important;
}
.red-table .bill-foot {
	border-top: 2px solid #e60013;
}
.red-table .bill-foot .bill-foot-text {
	color: #e60013;
}
.text-red {
	color: #c72228;
}
.bill-table .tit.red {
	color: #e60013;
	background: #ffdbdd;
	border-right: 1px solid #e60013;
	border-left: 1px solid #e60013;
}
/*blue-table*/
.blue-table {
	border-color: #0246cf;
}
.bill-table.blue-table table th, .bill-table.blue-table table td {
	border-left: 1px solid #c6dbf8;
	border-bottom: 1px solid #c6dbf8;
}
.bill-table.blue-table table th {
	color: #095092;
	background: #f5f8ff;
}
.blue-table .bill-title {
	color: #0246cf;
}
.blue-table .bill-sub {
	color: #095092;
}
.bill-table .th-blue {
	color: #095092 !important;
	background: #f5f8ff !important;
}
.bill-table .b-blue {
	border-left-color: #dadce8 !important;
	border-bottom-color: #dadce8 !important;
}
.b-t-2-blue, .b-blue.b-t-2-blue {
	border-top: 2px solid #0246cf !important;
}
.b-b-2-blue, .b-blue.b-b-2-blue {
	border-bottom: 2px solid #0246cf !important;
}
.blue-table .bill-foot {
	border-top: 2px solid #0246cf;
}
.blue-table .bill-foot .bill-foot-text {
	color: #0246cf;
}
.text-blue {
	color: #0246cf;
}
.bill-table .tit.blue {
	color: #0246cf;
	background: #c6dbf8;
	border-color: #0246cf;
}
/*bill-body*/
.bill-body {
	table-layout: inherit;
}
.bill-body th {
	width: 90px;
}
.bill-body td:nth-child(3), .bill-body td:nth-child(6) {
	width: 32%;
}
.bill-title {
	font-size: 24px;
	font-weight: 600;
	color: #222;
	margin-left: 10px;
	margin-right: -10px;
}
.bill-sub {
	float: right;
	text-align: center;
	color: #666;
	margin: 0 10px 0 -10px;
}
.bill-body td:first-child {
	border-left: 0 !important;
}
/*bill-edt*/
.bill-edt {
	/*table-layout: inherit;*/
}
.bill-edt th:first-child {
	border-left: 0 !important;
}
.bill-edt th {
	width: 100px;
}
.note-area input {
	width: calc(100% - 30px);
	float: left;
}
.note-area button {
	float: right;
}
.bill-edt .td-w-100 {
	width: 100px;
}
/*bill-detail*/

.bill-detail th:first-child {
	width: 100px;
}
.bill-detail th:nth-child(5) {
	width: 80px;
}
.bill-detail th:nth-child(6), .bill-detail th:nth-child(7) {
	width: 120px;
}
.bill-detail th:nth-child(3), .bill-detail th:nth-child(4) {
	width: 50px;
}
.bill-detail th:last-child {
	width: 38px;
}

.bill-detail th:first-child, .bill-detail td:first-child {
	border-left: 0 !important;
}
.bill-detail tr:last-child td {
	border-bottom: 0 !important;
}

/*bill-detail-w*/

.bill-detail-w th:first-child {
	width: 100px;
}
.bill-detail-w th:nth-child(3) {
	width: 90px;
}
.bill-detail-w th:nth-child(4) {
	width: 64px;
}
.bill-detail-w th:last-child {
	width: 35px;
}
.bill-detail-w th:nth-last-child(2) {
	width: 50px;
}
.bill-detail-w th:first-child, .bill-detail-w td:first-child {
	border-left: 0 !important;
}
.bill-detail-w tr:last-child td {
	border-bottom: 0 !important;
}



/*bill-foot*/
.bill-foot {
	border-top: 2px solid #444;
}
.bill-foot .bill-foot-text {
	float: left;
	color: #222;
	margin-top: 5px;
	padding: 0 5px;
}
.bill-foot td {
	border-bottom: 0 !important;
}
.td-foot {
	width: 165px;
}
.bill-foot select {
	width: 70px;
}
.bill-foot th:first-child, .bill-foot td:first-child {
	border-left: 0 !important;
}
/*table-fix-none table*/
.table-fix-none table {
	table-layout: inherit !important;
}
.w-85 {
	width: 75px;
}
.table-check-w {
	width: 30px;
}
.admin-input-area {
	border-left: 0;
}
.admin-input-area input {
	display: inline-block;
	vertical-align: middle;
}
.admin-input-area input:nth-child(1) {
	width: 22%;
}
.admin-input-area input:nth-child(2) {
	width: 35%;
}
.admin-input-area input:nth-child(3) {
	width: 40%;
}
.admin-check-area .checkbox input[type="checkbox"] {
	left: -13px;
}
.admin-check-area .checkbox-label {
	margin-left: -13px;
}
.admin-check-area input[type="checkbox"]:checked + .checkbox-label:before, .admin-check-area input[type="checkbox"] + .admin-check-area .checkbox-label:before {
	left: 3px;
}
/*visual-area*/
.visual-area {
	width: 100%;
	height: 380px;
	position: relative;
	background: linear-gradient( to right, #e0e1e3, #c7cacf );
}
.visual-area:before {
	content: '';
	background: url(../images/img-visual.jpg) center center no-repeat;
	position: absolute;
	width: 100%;
	height: 380px;
}
.index-container {
	width: 1110px;
	padding: 0 15px;
	position: relative;
	margin: 0 auto;
}
.visual-content {
	position: absolute;
	top: 0;
	height: 380px;
	width: 1110px;
}
.visual-title {
	float: left;
}
.visual-title h2 {
	font-size: 22px;
	color: #222;/*font-weight:600;*/
}
.visual-title h1 {
	font-family: 'Montserrat', 'Malgun Gothic', 'NanumBarunGothic', '돋움', 'Dotum', 'Sans-serif';
	font-size: 50px;
	color: #222;
	font-weight: 600;
	margin-top: -5px;
}
.text-primary {
	color: #e60013 !important;
}
.text-grey {
	color: #888;
}
.main-login-area {
	float: right;
	width: 270px;
	height: 270px;
	background: #fff;
	-webkit-box-shadow: 0 0px 20px -10px rgba(0,0,0,.3);
	box-shadow: 0 0px 20px -10px rgba(0,0,0,.3);
	position: absolute;
	right: 0;
	top: 30px;
}
.main-login-area form {
	padding: 33px 20px 20px;
}
.main-login-area form input {
	height: 40px;
	font-size: 14px;
	margin: 2px 0;
	padding:0 5px !important;
}
.btn-lg {
	min-width: 200px;
	padding: 10px;
	font-size: 16px;
	font-weight: 600;
	margin-top: 7px;
	border: 1px solid transparent;
}
.btn-ml {
	width: 120px;
	padding: 10px;
	font-size: 15px;
	font-weight: 600;
	border: 1px solid transparent;
}
.w-100 {
	width: 100% !important;
}
.w-125 {
	width: 125px;
}
.id-chk {
	margin-top: 15px;
	margin-left: 15px;
}
.id-chk .checkbox-label {
	font-size: 14px;
	color: #222;
}
.id-chk input[type="checkbox"]:checked + .checkbox-label:after {
	border-color: #ea0029;
	background: #fff;
}
.id-chk input[type="checkbox"] + .checkbox-label:after {
	border-radius: 50%;
	width: 18px;
	height: 18px;
	border-color: #ceced2;
	margin-left: -15px;
	margin-top: -2px;
}
.id-chk input[type="checkbox"] + .checkbox-label:before {
	top: 4px;
	-webkit-transform: rotate(-45deg) scale(1, 1);
	-moz-transform: rotate(-45deg) scale(1, 1);
	-ms-transform: rotate(-45deg) scale(1, 1);
	-o-transform: rotate(-45deg) scale(1, 1);
	transform: rotate(-45deg) scale(1, 1);
	border: 2px solid #ceced2;
	border-top-style: none;
	border-right-style: none;
}
.id-chk input[type="checkbox"]:checked + .checkbox-label:before {
	border-color: #ea0029;
}
.id-chk input {
/*height:0 !important;
	line-height:1.3 !important;*/
}
.login-bottom {
	width: 100%;
	border-top: 1px solid #ddd;
	display: inline-block;
}
.login-bottom button {
	text-align: center;
	width: 50%;
	float: left;
	padding: 14px;
	font-size: 14px;
	color: #666;
	border-left: 1px solid #ddd;
}
.login-bottom button:first-child {
	border-left: 0;
}
.login-bottom button:hover {
	color: #222;
	text-decoration: underline !important;
}
/*main-alert-banner*/
.main-alert-banner {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(0, 0, 0, .7);
}
.main-alert-banner .alert-banner {
	width: 1110px;
	margin: 0 auto;
}
.main-alert-banner .alert-banner-content {
	position: inherit;
	background-color: transparent !important;
	text-align: left;
}
/*quick-area*/
.quick-area {
	width: 100%;
	position: relative;
	margin: 30px 0;
	display: inline-block;
}
.quick-area .quick {
	float: left;
	width: 25%;
	border-left: 1px solid #ddd;
	cursor: pointer;
	text-align: center;
}
.quick:first-child {
	border-left: 0;
}
.quick li:last-child {
	font-size: 17px;
	font-weight: 600;
	color: #222;
	padding-top: 12px;
}
.quick li:last-child:after {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	border-bottom: 2px solid #222;
	border-right: 2px solid #222;
	transform: rotate(-45deg) translateY(-50%);
	margin: 3px 0 0 15px;
	vertical-align: middle;
}
.quick:hover li:last-child, .quick:hover li:last-child:after {
	color: #e60013;
	border-color: #e60013;
	transition: all .3s;
}
.p-b-50 {
	padding-bottom: 50px;
}
/*bottom-area*/
.bottom-area {
	width: 100%;
	position: relative;
	display: inline-block;
}
.bottom-area .row {
	margin: 0 -5px;
}
.bottom-area .row > div {
	float: left;
	width: 50%;
	padding: 0 5px;
	overflow: hidden;
}
/*notice-area*/
.notice-area {
	border: 1px solid #ddd;
	padding: 25px;
	height: 280px;
}
.notice-title-area {
	width: 100%;
	display: inline-block;
	position: relative;
	padding-bottom: 10px;
}
.notice-title {
	float: left;
	font-size: 17px;
	font-weight: 600;
	color: #222;
}
.notice-title-area button {
	width: 30px;
	height: 30px;
	position: absolute;
	right: -5px;
	top: -2px;
}
.more:before, .more:after {
	content: '';
	height: 2px;
	width: 14px;
	display: block;
	background: #222;
	position: absolute;
	top: 14px;
	right: 7px;
}
.more:after {
	height: 14px;
	width: 2px;
	top: 8px;
	right: 13px;
}
.notice-title-area button:hover.more:before, .notice-title-area button:hover.more:after {
	background: #e60013;
}
.notice-area ul {
	width: 100%;
	display: inline-block;
	padding: 8px 0;
}
.notice-area ul li:first-child {
	float: left;
	width: 80%;
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
}
.notice-area ul li a {
	color: #555;
}
.notice-area ul li a:hover {
	text-decoration: underline !important;
	color: #222;
}
.notice-area ul li:last-child {
	float: right;
	width: 20%;
	font-size: 12px;
	color: #999;
	text-align: right;
}
/*banner-area*/
.banner-area {
	width: 100%;
	position: relative;
	display: inline-block;
}
.banner-area .row {
	margin: 0 -5px;
}
.banner > div {
	width: 100%;
	cursor: pointer;
	height: 175px;
	padding: 25px;
	position: relative;
}
.banner-hit {
	background: #3b3b3b;
}
.banner-hit:after {
	content: '';
	position: absolute;
	background: url(../images/ic-hit.png);
	width: 45px;
	height: 54px;
	right: 15px;
	bottom: 20px;
}
.banner-title {
	color: #fff;
	font-weight: 600;
	font-size: 17px;
}
.banner-title:before {
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	bottom: 37px;
	left: 37px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(-45deg) translateY(-50%);
	z-index: 1;
}
.banner-title:after {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.3);
	bottom: 30px;
	left: 25px;
}
.banner-control {
	background: #f53a3a;
}
.banner-control:after {
	content: '';
	position: absolute;
	background: url(../images/ic-control.png);
	width: 89px;
	height: 40px;
	right: 15px;
	bottom: 20px;
}
.cus-area {
	width: 100%;
	position: relative;
	background: #f5f6f8;
	margin-top: 5px;
	height: 96px;
	padding: 22px 25px;
}
.cus-area li.cus-title {
	color: #222;
	font-weight: 600;
	font-size: 17px;
}
.cus-area li.cus-info {
	color: #666;
	font-size: 14px;
	padding-top: 8px;
}
.cus-num {
	position: absolute;
	right: 25px;
	bottom: 20px;
	font-size: 30px;
	text-align: right;
	color: #222;
	font-weight: 600;
}
/**/
.control-group {
	float: left;
	margin-left: 5px;
}
.controls {
	display: block;
}
.controls .radio {
	margin: 0;
	margin-left: 0;
	float: left;
	height: 26px;
}
.controls input[type='radio'], .controls input[type='checkbox'] {
	opacity: 0;
	float: left;
	width: 1px;
	position: absolute;
}
.controls input[type='radio'] + label, .controls input[type='checkbox'] + label {
	clear: none;
	padding: 4px;
	width: 35px;
	cursor: pointer;
	background: #fff;
	border: 1px solid #ddd;
	color: #666;
	text-transform: uppercase;
	text-align: center;
	margin-left: -1px;
	font-weight: 600;
}
.controls input[type='radio']:checked + label, .controls input[type='checkbox']:checked + label {
	color: #e60013 !important;
	border-color: #e60013;
	z-index: 1;
}
/*<strong>user-tab-area</strong>*/
.section {
	width: 100%;
	position: relative;
	margin-top: 15px;
	margin-bottom: -4px;
	display: inline-block;
}
.user-tab-area {
	width: 100%;
	position: relative;
	display: inline-block;
	margin-bottom: -4px;
	border-bottom: 2px solid #ccc;
}
.user-tab-area li {
	position: relative;
	float: left;
	font-size: 16px;
	text-align: center;
	border-left: 0;
	/*min-width:150px;*/
	width: 20%;
	border-bottom: 2px solid #ccc;
	margin-bottom: -2px;
}
.user-tab-area li:first-child {
	margin-left: 0;
}
.user-tab-area li a {
	color: #555;
	display: block;
	padding: 10px;
	font-weight: 600;
}
.user-tab-area li a:hover {
	color: #e60013;
}
.user-tab-area li.active {
	border: 2px solid #e60013;
	border-bottom: 0;
	background: #fff;
	z-index: 1;
}
.user-tab-area li.active a {
	color: #e60013;
}
table.t-l-none {
	table-layout: inherit !important;
}
.fav {
	color: #e60013;
	padding-left: 5px;
}
.input-btn-set .set-p.set-input-phone {
	width: 60px;
}
.input-btn-set .set-p.set-input-area {
	width: 90px;
}
.input-btn-set .set-p.set-input-num {
	width: 50px;
}
.input-btn-set .set-p.set-input-mail {
	width: 120px;
}
.input-btn-set .set-p.set-input-com {
	width: 154px;
}
.input-btn-set .set-p.set-input-add-num {
	width: 90px;
}
.input-btn-set .set-p.set-input-add-01 {
	width: 50%;
	padding: 0 2px;
	float: left;
}
.add-input-area {
	width: 100%;
	position: relative;
	display: inline-block;
	margin-top: 4px;
	margin-bottom: -4px;
}
.add-input-area .row {
	margin: 0 -2px;
}
.p-l-0 {
	padding-left: 0 !important;
}
.table-set {
	width: 100%;
	position: relative;
	display: inline-block;
	padding-top: 25px;
}
.sub-title-lg-area {
	width: 100%;
	position: relative;
	display: inline-block;
	margin-bottom: -4px;
}
.sub-title-lg {
	float: left;
	color: #222;
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 10px;
}
.sub-title-lg:before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 2px;
	background: #e60013;
	vertical-align: middle;
	margin-top: -4px;
	border-radius: 50%;
}
.sub-title {
	float: left;
	color: #222;
	font-size: 17px;
	font-weight: 600;
}
.sub-title span {
	color: #555;
	font-size: 13px;
	font-weight: normal;
	margin-left: 5px;
}
.tip {
	float: right;
	font-size: 13px;
	font-weight: 600;
	margin-top: 5px;
	/*padding-left:20px;*/
	color: #888;
}
.input-tip {
	font-size: 13px;
	font-weight: 600;
	padding-left: 10px;
	color: #888;
	vertical-align: middle;
}
.center-btn-area {
	margin: 30px auto 0;
	text-align: center;
}
.center-btn-area .btn-lg {
	width: 200px;
	margin-top: 0;
}
.center-btn-area .btn:last-child {
	margin-right: 2px;
}
/*claim-area*/
.claim-area {
	width: 100%;
	position: relative;
	display: inline-block;
	margin-top: 8px;
}
.claim-area .row {
	margin: 0 -5px;
}
.claim {
	padding: 0 5px;
	float: left;
	width: 33.33333%;
}
.claim-box {
	background: #fff;
	border: 1px solid #ddd;
	padding: 15px 20px 25px;
	height: 180px;
}
.claim-box:hover {
	border-color: #aaa;
}
.claim-num {
	font-family: 'Montserrat', 'Malgun Gothic', 'NanumBarunGothic', '돋움', 'Dotum', 'Sans-serif';
	font-size: 30px;
	color: #bbb;
}
.claim-box:hover .claim-num {
	color: #e60013;
}
.claim-box p {
	font-size: 13px;
	list-style-position: inside;
	text-indent: -.8em;
	padding: 4px 0 4px 1em;
	line-height: 1.6;
	color: #222;
	word-break: keep-all;
}
/*set-info-area*/

.help-info-area {
	width: 100%;
	background: #f5f6f8;
	margin-top: 10px;
	display: inline-block;
}
.help {
	padding: 15px 15px 15px 50px;
	list-style-position: inside;
	text-indent: -36px;
	line-height: 1.6;
}
.help:before {
	content: '';
	background: url(../images/ic-help.png);
	width: 22px;
	height: 22px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	margin-bottom: -5px;
}
.help span {
	color: #222;
	font-weight: 600;
}
.help a {
	color: #e60013;
	font-weight: 600;
	text-decoration: underline !important;
}
.help li {
	margin-left: 40px;
}
.p-6 table td, .p-6 th {
	padding: 6px !important;
	font-size: 13px;
	height: 39px;
}
.p-6 .radio input[type="radio"] + .radio-label:after {
	margin-top: 0;
}
.p-6 .radio input[type="radio"] + .radio-label:before {
	top: 4px;
}
.p-6 .chosen-wrapper .chosen-container .chosen-single {
	font-size: 13px;
}
.p-6 .radio-label, .checkbox-label {
	font-size: 13px;
}
.td-center td {
	text-align: center !important;
}
.d-block {
	display: block;
	padding-left: 0 !important;
}
.cancel-area {
	margin-top: 15px;
	padding: 30px 0;
	background: #f5f6f8;
	display: inline-block;
	width: 100%;
	position: relative;
}
.cancel-title {
	float: left;
	vertical-align: top;
	width: 30%;
	text-align: center;
	padding-top: 18px;
}
.cancel-text {
	font-size: 22px;
	font-weight: 600;
	color: #222;
	margin-top: 8px;
	vertical-align: top;
	padding-left: 5px;
}
.help-text {
	float: left;
	width: 70%;
}
.help-text li {
	list-style-position: inside;
	text-indent: -.8em;
	padding: 5px 0 5px 1em;
	line-height: 1.6;
	word-break: keep-all;
}
/*price-area*/
.price-area {
	width: 100%;
	position: relative;
	display: inline-block;
	margin-top: 10px;
	background: #eef0f3;
	padding: 30px;
}
.price-area .row {
	margin: 0 -10px;
}
.price-area .row .price {
	float: left;
	width: 33.33333%;
	padding: 0 10px;
}
.price-box {
	background: #fff;
	text-align: center;
	padding: 0 30px 30px;
	border-bottom: 1px solid #ccc;
}
.price-body {
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}
.price-title {
	width: 100px;
	background: #8a88cd;
	padding: 10px;
	margin: 0 auto;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
}
.basic .price-title {
	background: #52b97f;
}
.price-pay {
	font-family: 'Montserrat', 'Malgun Gothic', 'NanumBarunGothic', '돋움', 'Dotum', 'Sans-serif';
	font-size: 30px;
	font-weight: 600;
	padding: 15px 0 0;
}
.premium p, .basic p {
	font-size: 15px;
}
.premium .price-pay, .premium p {
	color: #8a88cd;
}
.basic .price-pay, .basic p {
	color: #52b97f;
}
.price-foot {
	padding-top: 15px;
	font-size: 14px;
}
.price-foot span {
	color: #222;
	font-weight: 600;
}
.price-info li {
	font-size: 13px;
	list-style-position: inside;
	text-indent: -.8em;
	padding: 4px 0 4px 1em;
	line-height: 1.6;
	color: #222;
	word-break: keep-all;
}
.m-l-4 {
	margin-left: 4px;
}
/*tab-width*/
.user-tab-area.tab-w-30 li {
	width: 33.33333%;
	max-width: 250px;
}
/*search-area*/
.search-area {
	width: 500px;
	position: relative;
	float: left;
	height: 40px;
	margin-bottom: -4px;
}
.search-title {
/*	position: absolute;
	left:0;
		font-size:16px;
	color:#222;
	padding:12px 30px;
	border-right:1px solid #dee3eb;*/
}
.search-area input {
	width: calc(100% - 50px);
	height: 36px;
	font-size: 15px;
	color: #222;
	font-weight: 600;
	border: 1px solid #aaa;
	float: left;
}
.search-area input.search-p {
	width: calc(100% - 130px);
	border-left: 0;
}
.table-select-set {
	float: left;
	height: 36px;
	z-index: 9;
}
.table-select-set select {
	width: 80px;
	height: 36px;
	border-color: #aaa;
	float: left;
}
.table-select-set select:after {
	top: 15px;
	right: 14px;
}
.table-select-set .chosen-wrapper--style2 .chosen-container.chosen-with-drop .chosen-drop {
	transform: translateY(-3px);
}
.btn-search {
	position: absolute;
	right: 1px;
	width: 50px;
	height: 36px;
	background-color: transparent;
	border: 1px solid #aaa;
	border-left: 0 !important;
	background: #fff;
}
.btn-search:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/ic-search.png);
	vertical-align: middle;
}
/*tree-area*/
.tree-area {
	width: 100%;
	position: relative;
	display: inline-block;
	margin-top: 5px;
	background: #eef0f3;
	padding: 20px;
	overflow: auto;
	height: 550px;/*	height: 450px;*/
}
/*.tree-area .tree-scroll-area{
	height:calc(100% - 70px);
		padding: 20px;
	overflow: auto;
}
.tree-pagenation{
	position: absolute;
	left:0;
	bottom:20px;
	width:100%;
}

*/
.tree {
	width: 100%;
	display: inline-block;
	position: relative;
}
.tree label {
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	color: #222;
	background: #fff;
	border-radius: 6px;
	padding: 14px 0 14px 50px;
	width: 100%;
	display: inline-block;
	height: 50px;
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid #ddd;
	margin-bottom: -4px;
	z-index: 99;
}
.tree-title-area {
	float: left;
}
.tree label span {
	font-size: 14px;
	font-weight: normal;
	color: #666;
	padding-left: 10px;
}
.tree label span:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #ddd;
	margin-right: 10px;
	vertical-align: middle;
}
.m-r-15 {
	margin-right: 15px !important;
}
.tree label:before {
	content: '';
	width: 6px;
	height: 50px;
	background: #fab8b8;
	position: absolute;
	left: 0;
	top: 0;
}
.tree label:after {
	content: '';
	background: url("../images/ic-tree-close.jpg");
	width: 20px;
	height: 20px;
	position: absolute;
	left: 20px;
	top: 15px;
}
.tree input[type="checkbox"] {
	display: none;
}
.tree input[type="checkbox"]:checked~ul {
	display: none;
}
.tree input[type="checkbox"]:checked+label:after {
	background: url("../images/ic-tree-open.jpg");
}
.tree_w {
	width: 100%;
	display: inline-block;
	position: relative;
}
.tree_w label {
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	color: #222;
	background: #fff;
	border-radius: 6px;
	padding: 14px 0 14px 50px;
	width: 100%;
	display: inline-block;
	height: 50px;
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid #ddd;
	margin-bottom: -4px;
	z-index: 99;
}
.tree_w label span {
	font-size: 14px;
	font-weight: normal;
	color: #666;
	padding-left: 10px;
}
.tree_w label span:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #ddd;
	margin-right: 10px;
	vertical-align: middle;
}
.tree_w label:before {
	content: '';
	width: 6px;
	height: 50px;
	background: #fab8b8;
	position: absolute;
	left: 0;
	top: 0;
}
.tree_w label:after {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	left: 20px;
	top: 15px;
}
.tree_w input[type="checkbox"] {
	display: none;
}
.tree_w input[type="checkbox"]:checked~ul {
	display: none;
}

.btn-text {
	margin-top: -1px !important;
	height: auto !important;
}
.btn-text:after, .btn-text:before {
	display: none !important;
}
.btn-text:last-child {
	padding-right: 0;
}
.tree-btn {
	position: absolute;
	right: 0;
	top: 14px;
}
.tree-area button {
	width: 50px;
	height: 50px;
	margin-top: -14px;
	position: relative;
	background-color: transparent;
	z-index: 999;
}
.tree-area button:before {
	content: '';
	width: 1px;
	height: 12px;
	background: #ddd;
	position: absolute;
	left: 0;
	top: 19px;
}
.tree-area button:after {
	content: '';
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
}
.user-add:after {
	background: url(../images/ic-user-add.jpg);
	width: 25px !important;
}
.company-del:after {
	background: url(../images/ic-company-del.jpg);
}
.company-edt:after {
	background: url(../images/ic-edt.jpg);
}
.tree-area button:first-child:before {
	display: none;
}
.tree-sub:last-child {
	margin-bottom: 6px;
}
.tree-sub {
	width: calc(100% - 50px);
	margin-left: 50px;
	display: inline-block;
	background: #fff;
	border-radius: 6px;
	height: 50px;
	border-bottom: 1px solid #ddd;
	margin-bottom: -4px;
	position: relative;
	padding: 16px 0 14px 0;
}
.tree-sub:before {
	content: '';
	width: 6px;
	height: 50px;
	background: #bdd4fe;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 6px 0 0 6px;
}

.tree-info {
	width: calc(85% - 0px);
	float: left;
	position: relative;
	font-size: 14px;
	color: #222;
	padding-left: 20px;
}


#wide:checked ~ .row .tree-info {
	width: calc(85% - 0px);
	float: left;
	position: relative;
	font-size: 14px;
	color: #222;
	padding-left: 20px;
}
.tree-info input {
	margin-top: -3px;
	font-size: 14px;
}
.tree-info li {
	float: left;
	padding: 0 5px;
}
.tree-info .radio {
	position: relative;
    cursor: pointer;
    display: inline-block;
    margin: 0 15px 0 14px;
    vertical-align: top;
}

.row .tree-info .radio {
	position: relative;
	cursor: pointer;
	display: inline-block;
	margin: 0 15px 0 14px;
	vertical-align: top;
}

#wide ~ .row .tree-info {
	width: 100%;
	float: left;
	position: relative;
	font-size: 14px;
	color: #222;
	padding-left: 20px;
}

#wide:checked ~ .row .tree-info li:nth-child(1) {
	width: 200px;
	padding-left: 0;
}

#wide ~ .row .tree-info li:nth-child(1) {
	max-width: 50%;
	padding-left: 0;
}

#wide:checked ~ .row .tree-info li:nth-child(3) {
	width: 150px;
}

#wide ~ .row .tree-info li:nth-child(3) {
	max-width: 44%;
}

/* #wide ~ .row .tree-info li:nth-child(2) { */
/* 	display: none; */
/* } */

/* #wide ~ .row .tree-info li:nth-child(4) { */
/* 	display: none; */
/* } */

#wide:checked ~ .row .tree-info li:nth-child(2) {
	display: list-item;
}
#wide:checked ~ .row .tree-info li:nth-child(4) {
	display: list-item;
}
.tree-info li:nth-child(1) {
	width: 200px;
	padding-left: 0;
}
.tree-info li:nth-child(3) {
	width: 150px;
}
.tree-info li:nth-child(4) {
	width: 150px;
}
.tree-info li:nth-child(2) {
	width: 250px;
}
.tree-section {
	position: relative;
}
.tree-section:after {
	content: '';
	width: 1px;
	height: calc(100% - 84px);
	position: absolute;
	background: #ddd;
	top: 50px;
	left: 29px;
}
.tree-section.tree-more:after {
	height: calc(100% - 122px);
}
.tree-sub:after {
	content: '';
	width: 20px;
	height: 1px;
	position: absolute;
	background: #ddd;
	top: 50%;
	left: -20px;
}
.tree-info label {
	font-size: 14px;
	padding: 0;
	border-bottom: 0;
	height: auto;
	overflow: inherit;
}
.tree-info label:after {
	background: #fff;
	top: 2px;
}
.tree-info .radio input[type="radio"]:checked + .radio-label:before {
	top: 5px;
}
.tree-sub-more {
	display: block;
	width: 120px;
	text-align: center;
	padding: 10px 20px;
	margin: 6px auto 30px;
	border-radius: 30px;
	border: 2px solid #cfd3da;
	color: #5c6068;
}
.tree-sub-more:hover {
	border-color: #a6a9ae;
}
/*btn-max-area */

.btn-max-area {
	margin-top: 10px;
}
.btn-max-area button {
	width: 170px;
}
.btn-max-area .center-btn-area {
	position: absolute;
	left: 50%;
	margin: 0 0 0 -170px;
}
.btn-max-area .center-btn-area button {
	float: left;
}
.m-m-l {
	margin-left: 50px;
}
.m-m-r {
	margin-right: 50px;
}
.info {
	width: 100%;
	display: inline-block;
	padding-top: 15px;
	color: #888;
}
.sub-title-check {
	float: left;
	margin-left: 15px;
	margin-top: 3px;
}
.sub-title-check .radio-label, .checkbox-label {
	font-size: 14px;
}
.sub-title-check .radio input[type="radio"] + .radio-label:after {
	margin-top: 0;
}
.sub-title-check .radio input[type="radio"]:checked + .radio-label:before {
	top: 4px;
}
.d-inline {
	display: inline-block;
	margin-bottom: -4px;
}
/*table-lg*/
.table-lg {
	margin-top: 8px;
}
.table-lg td, .table-lg th {
	height: 45px;
	padding: 10px !important;
}
.table-lg th {
	font-size: 14px;
}
.table-lg td {
	font-size: 13px;
}
.table-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	color: #222;
	text-align: left !important;
}
.table-lg tbody tr:last-child {
	border-color: #aaa;
}
.mail-open {
	content: '';
	background: url(../images/ic-mail-open.png);
	width: 12px;
	height: 12px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: top;
	margin-top: 3px;
}
/*modal*/

.modal {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: left;
	background: rgba(0,0,0, .7);
	transition: opacity .25s ease;
	z-index: 9999;
}
.modal-state {
	display: none;
}
.modal-state:checked + .modal {
	opacity: 1;
	visibility: visible;
}
.layer {
	display: table;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}
.layer .layer-content {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	top: -100px;
	transition: top .25s ease;
}
.layer .blank {
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle
}
.modal-state:checked + .modal .layer-content {
	top: 0;
}
.modal-inner {
	position: relative;
	right: 0;
	bottom: 0;
	left: 0;
	width: 50%;
	margin: auto;
	/*overflow: auto;*/
	background: #fff;
	border-radius: 5px;
	padding: 25px;
}
.modal-close {
	position: absolute;
	right: 12px;
	top: 5px;
	width: 50px;
	height: 50px;
	cursor: pointer;
}
.modal-close:after, .modal-close:before {
	content: '';
	position: absolute;
	width: 1px;
	height: 30px;
	background: #aaa;
	display: block;
	transform: rotate(45deg);
	left: 50%;
	margin: 9px 0 0 0;
	top: 0;
}
.modal-close:hover:after, .modal-close:hover:before {
	background: #aaa;
}
.modal-close:before {
	transform: rotate(-45deg);
}
.modal-lg {
	width: 1200px;
}
.modal-md {
	width: 750px;
}
.modal-sm {
	width: 600px;
}
.modal h1 {
	font-size: 25px;
	float: left;
	color: #222;
	letter-spacing: -0.04rem;
	font-weight: 600;
}
.modal-content {
	width: 100%;
	display: inline-block;
	padding-top: 5px;
}
.p-t-5 {
	padding-top: 5px;
}
.modal-btn-area {
	width: 100%;
	margin-top: 30px;
	display: inline-block;
}
.modal-btn-area .center-btn-area {
	margin: 0 auto;
}
.modal-btn-area .row {
	margin: 0 -2px;
}
.modal-btn-area .row .btn-p {
	padding: 2px;
	float: left;
	width: 50%;
	margin: 0;
}
.modal-btn-area .row button {
	width: 100%;
	margin: 0;
}
.m-t-3 {
	margin-top: 3px;
}
.tr-link {
	cursor: pointer;
}
.table-num {
	float: right;
}
/*faq-area*/
.faq-area {
	/*	max-width:1400px;*/
	width: 100%;
	margin: 30px auto 0;
}
.acd-menu {
	position: relative;
	-webkit-transition: -webkit-all .2s linear;
	transition: all .2s linear;
}
.acd-menu .has-child {
	position: relative;
}
.acd-menu .has-child .parent {
	display: block;
	position: relative;
}
.acd-menu .has-child .child {
	position: relative;
	z-index: 101;
	display: none;
}
.plusminus {
	-webkit-transition: -webkit-transform 0.15s;
	transition: transform 0.15s;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	display: block;
	border-top-style: solid;
	border-right-style: solid;
	right: 20px;
	width: 6px;
	height: 6px;
	border-top-width: 2px;
	border-right-width: 2px;
	margin-top: -3px;
	border-color: #bbb;
	box-sizing: content-box;
}
.plusminus.collapsed {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-transition: -webkit-transform 0.15s;
	transition: transform 0.15s;
}
.acd-menu ul {
	overflow: hidden;
}
.acd-menu ul li {
	position: relative;
	border-bottom: 1px solid #e0e0e0;
}
.parent .ls-inner {
	padding: 18px 70px 18px 80px;
	font-size: 16px;
	color: #444;
	list-style-position: inside;
	text-indent: -25px;
}
.parent.open .ls-inner {
	font-weight: 600;
}
.parent .ls-inner:before {
	content: 'Q';
	font-size: 20px;
	display: inline-block;
	margin-right: 25px;
	margin-top: -8px;
	vertical-align: middle;
	text-align: center;
}
.child .ls-inner {
	padding: 30px 70px 30px 80px;
	font-size: 14px;
	color: #666;
	font-weight: normal;
	background: #f9f9f9;
	list-style-position: inside;
	text-indent: -25px;
	line-height: 1.6;
}
.child .ls-inner:before {
	content: 'A';
	font-size: 20px;
	display: inline-block;
	margin-right: 25px;
	margin-top: -8px;
	vertical-align: middle;
	font-weight: 600;
	color: #4769d6;
	text-align: center;
}
.child .ls-inner button {
	text-indent: 0;
}
.acd-menu ul li ul {
	border-top: 1px dashed #d9d9d9;
}
.text-point {
	color: #4769d6;
}
.btn-point {
	margin-top: 8px;
	display: block;
	color: #fff;
	background: #4769d6;
}
.btn-point:hover {
	background: #3954ab;
}
/*edt-choice-area*/
.edt-choice-area {
	width: 100%;
	position: relative;
	display: inline-block;
}
.edt-choice-area .row {
	margin: 0;
}
.edt-choice-area .row .choice {
	padding: 5px;
	float: left;
	width: 50%;
}
.choice .controls input[type='radio'] + label, .controls input[type='checkbox'] + label {
	width: 100%;
	margin-left: 0;
}
.choice .controls .radio {
	height: 150px;
	overflow: auto;
}
.choice .controls input[type='radio'] + label, .controls input[type='checkbox'] + label {
	padding: 15px;
	font-size: 17px;
	color: #222;
	text-align: left;
}
.choice .controls input[type='radio'] + label:before {
	content: '';
	background: url(../images/ic-edt-choice.png);
	width: 30px;
	height: 30px;
	position: absolute;
	right: 15px;
}
.choice .controls input[type='radio']:checked + label:before {
	content: '';
	background: url(../images/ic-edt-choice-active.png);
	width: 30px;
	height: 30px;
	display: block;
	margin: 0 auto 10px;
}
.choice-text {
	padding-top: 8px;
	font-size: 13px;
	color: #222;
}
.choice-text p {
	font-size: 12px;
	color: #666;
	padding-top: 5px;
	font-weight: normal;
	word-break: keep-all;
}
.top-line {
	border-top: 1px solid #aaa;
	margin-top: 30px;
}
.under {
	text-decoration: underline !important;
}
.bold {
	font-weight: 600;
}
.btn-a {
	color: #4769d6;
	padding-left: 10px;
	font-size: 12px;
	text-decoration: underline !important;
}
.text-black {
	color: #444;
}
/*top-info-area*/
.top-info-area {
	width: 100%;
	background: #f5f6f8;
	display: inline-block;
	position: relative;
	padding: 20px 30px;
}
.top-info-area img {
	width: 44px;
	float: left;
}
.top-info-text {
	float: left;
	padding-left: 15px;
}
.top-info-text li {
	line-height: 1.6;
	font-size: 14px;
	color: #939393;
}
.btn-m-t {
	margin-top: 8px;
}
.table-bottom-area {
	width: 100%;
	position: relative;
}
.table-bottom-area .pagenation {
	position: absolute;
	min-width: 300px;
	left: 50%;
	margin-left: -150px;
}
/*write-table*/
.write-table th {
	border-left: 0;
	font-size: 15px;
	font-weight: 600;
	background-color: #f9f9f9;
}
.write-table table {
	border-bottom: 1px solid #e0e0e0;
}
.write-table th, .write-table td {
	height: auto;
	padding: 12px 15px !important;
	border-color: #e0e0e0;
}
.write-table input {
	font-size: 15px;
	padding: 10px 10px !important;
}
textarea {
	font-family: 'Malgun Gothic', 'NanumBarunGothic', '돋움', 'Dotum', 'Sans-serif';
	width: 100%;
	overflow: auto;
	border: 1px solid #ccc;
	padding: 8px 10px !important;
	font-size: 15px;
	color: #555;
	line-height: 1.6;
	height: auto;
}
textarea:focus {
	border-color: #999;
}
.write {
	height: 450px;
}
/*write-view-area*/
.write-view-area {
	border-bottom: 1px solid #ddd;
}
.view-header-area {
	width: 100%;
	position: relative;
	display: inline-block;
	padding: 10px 0 10px 25px;
	border-bottom: 1px solid #ddd;
	margin-bottom: -4px;
}
.write-title {
	float: left;
	font-size: 19px;
	font-weight: 600;
	color: #222;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	width: calc(100% - 400px);
	overflow: hidden;
	padding-top: 5px;
}
.write-title:before {
	content: '';
	font-size: 20px;
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
	width: 35px;
	height: 35px;
	background: url(../images/ic-q.png);
	margin-top: -3px;
}
.wirte-date-area {
	float: right;
	font-size: 14px;
	margin-top: 12px;
}
.wirte-date-area li {
	display: inline-block;
	padding: 0 5px;
}
.wirte-date-area li:before {
	content: '';
	width: 1px;
	height: 12px;
	display: inline-block;
	background: #ddd;
	margin-right: 15px;
	vertical-align: middle;
}
.wirte-date-area li:first-child:before {
	display: none;
}
.write-content-area {
	width: 100%;
	font-size: 14px;
	line-height: 1.8;
	color: #333;
}
.write-content-area img {
	max-width: 100%;
}
.q-text {
	padding: 30px 80px 30px;
}
.a-text-area {
	width: 100%;
	background: #f9f9f9;
	border-top: 1px dashed #d9d9d9;
}
.a-text {
	padding: 30px 50px 30px 80px;
}
.a-text:before {
	content: '';
	width: 35px;
	height: 35px;
	background: url(../images/ic-a.png);
	position: absolute;
	left: 25px;
}
.btn-prev:before {
	display: inline-block;
	content: '';
	width: 7px;
	height: 7px;
	border-bottom: 1px solid #777;
	border-right: 1px solid #777;
	transform: rotate(135deg) translateY(-50%);
	transform-origin: 50% 0;
	margin: 6px 8px 0 0;
	vertical-align: middle;
}
.btn-next:after {
	display: inline-block;
	content: '';
	width: 7px;
	height: 7px;
	border-bottom: 1px solid #777;
	border-right: 1px solid #777;
	transform: rotate(-45deg) translateY(-50%);
	transform-origin: 50% 0;
	margin: 6px 0 0 8px;
	vertical-align: middle;
}
select {
	font-family: 'Malgun Gothic', 'NanumBarunGothic', '돋움', 'Dotum', 'Sans-serif';
	width: 100%;
	height: 26px;
	color: #555;
	border: 1px solid #ccc;
}
select:focus {
	border-color: #999;
}
/*pub-view-area*/
.board-view-area .view-header-area {
	padding: 10px 0 10px 0;
}
.board-view-area .write-title:before, .board-content-area .a-text:before {
	display: none;
}
.board-view-area .write-title {
	width: calc(100% - 300px);
}
.board-view-area .q-text {
	padding: 30px 0;
	min-height: 350px;
}
/*file-date-area*/
.file-date-area {
	width: 100%;
	position: relative;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
	display: inline-block;
	margin-bottom: -4px;
}
.file-date-area > div {
	float: left;
}
.file-title {
	font-size: 14px;
	font-weight: 600;
	color: #222;
}
.file-date a {
	line-height: 1.6;
	font-size: 13px;
	color: #666;
	padding-left: 10px;
}
.file-date a:hover {
	text-decoration: underline !important;
}
.file-date a:before {
	content: '';
	background: url(../images/ic-file-down.jpg);
	width: 17px;
	height: 17px;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}
/*step-area*/
.step-area {
	width: 100%;
	position: relative;
	display: inline-block;
	margin-bottom: -10px;
}
.step-area .row {
	margin: 0 -10px;
}
.step-area .row .step-list {
	float: left;
	width: 25%;
	padding: 10px 10px 0;
	display: table;
}
.step-text {
	padding: 15px;
	border: 1px solid #ddd;
	height: 68px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	color: #222;
	font-weight: 600;
}
.step-text:after {
	position: absolute;
	content: '';
	width: 7px;
	height: 7px;
	top: 32px;
	right: -13px;
	border-bottom: 2px solid #e60013;
	border-right: 2px solid #e60013;
	transform: rotate(-45deg) translateY(-50%);
	transition: all .3s ease-in-out;
	transform-origin: 50% 0;
}
.step-list:last-child .step-text:after {
	display: none;
}
.simbol {
	padding: 5px;
}
.simbol li {
	padding: 2px 0;
}
.simbol li:before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	background: #444;
	border-radius: 50%;
	margin-right: 8px;
	margin-top: -2px;
	vertical-align: middle;
}
.modal-list-area {
	padding-top: 15px;
}
.modal-list-area p {
	color: #222;
	padding-top: 5px;
	display: inline-block;
	width: 100%;
}
/*bill_list-area*/

.select-text {
	float: left;
	padding: 10px 20px 10px 5px;
	height: 36px;
}
.hit-search {
	height: 36px;
}
/*pur-table*/
.pur-table {
	width: 100%;
	display: inline-block;
	border: 1px solid #4769d6;
	margin-top: 15px;
}
.pur-table thead th {
	font-size: 16px;
	height: 45px;
	background: #ecf0fb;
	color: #4769d6;
}
.pur-table thead tr {
	border-color: #4769d6;
}
.pur-table tr, .pur-table th, .pur-table td {
	border-color: #d3dcf5;
}
.pur-table th, .pur-table td {
	font-size: 13px;
	padding: 6px 10px !important;
}
.pur-table th {
	color: #4769d6;
	background: #fff;
}
.pur-table th:first-child {
	border-left: 0;
}
.pur-table td {
	text-align: right;
}
.pur-table tbody tr:last-child {
	border-bottom: 0 !important;
}
/*excel-area*/
.p-b-0 {
	padding-bottom: 0
}
.m-t-8 {
	margin-top: 8px;
}
.p-t-10 {
	padding-top: 10px !important;
}
.excel-area {
	width: 100%;
	background: #f9f9f9;
	display: inline-block;
	padding: 30px;
	margin-top: 5px;
}
.excel-title {
	float: left;
	font-size: 16px;
	color: #222;
	padding: 15px 20px 0 0;
}
.green {
	background: #1c7346;
	color: #fff;
	float: left;
}
.green:before {
	content: '';
	display: inline-block;
	background: url(../images/ic-file-down-wh.png);
	width: 14px;
	height: 12px;
	vertical-align: middle;
	margin-right: 6px;
}
.green:hover {
	background: #165c38;
}
.excel-text {
	float: left;
	margin-top: 5px;
}
.excel-text li {
	padding: 3px 0;
}
/*excel-table*/
.excel-table {
	width: 100%;
	display: inline-block;
	margin-top: 30px;
	border: 1px solid #1c7346;
}
.excel-table thead th {
	font-size: 16px;
	height: 45px;
	background: #e8f1ec;
	color: #1c7346;
}
.excel-table thead tr {
	border-color: #1c7346;
}
.excel-table tr, .excel-table th, .excel-table td {
	border-color: #bfd8cb;
}
.excel-table th, .excel-table td {
	font-size: 13px;
	padding: 4px 6px !important;
	text-align: center;
	height: 30px;
}
.excel-table th {
	color: #1c7346;
	background: #fff;
}
.excel-table th:first-child, .excel-table td:first-child {
	border-left: 0;
}
.excel-table tbody tr:last-child {
	border-bottom: 0 !important;
}
/*sub-login-area*/

.sub-login-area {
	padding: 25px 25px 30px;
}
.sub-login-area form input {
	height: 32px;
	margin: 2px 0;
	font-size: 13px;
}
.sub-login-area .id-chk {
	margin-top: 10px;
}
.sub-login-area .btn-lg {
	min-width: 100%;
	padding: 8px;
	font-size: 15px;
	margin-top: 2px;
}
.sub-login-area .id-chk .checkbox-label {
	font-size: 12px;
}
.sub-login-area .login-bottom {
	border: 1px solid #ddd;
	margin-top: 10px;
}
.sub-login-area .login-bottom button {
	font-size: 13px;
	padding: 8px;
	color: #555;
	letter-spacing: -.05em;
}
.sub-login-area .login-bottom button:hover {
	background: #f5f5f5;
	text-decoration: none !important;
}
/*general_bsn*/
.search-info {
	padding: 8px 0 0 15px;
	float: left;
}
.check-label-no .checkbox input[type="checkbox"] + .checkbox-label:before {
	left: 0;
}
.check-label-no .checkbox input[type="checkbox"] + .checkbox-label:after {
	margin-left: -3px;
}
.check-label-no .checkbox {
	margin: 0;
}
/*member-step-area*/
.member-step-area {
	width: 1000px;
	height: 32px;
	margin: 5px auto 15px;
}
.member-step-area.step-01 {
	background: url("../images/ic-member-step-01.jpg") top center;
}
.member-step-area.step-02 {
	background: url("../images/ic-member-step-02.jpg") top center;
}
.member-step-area.step-03 {
	background: url("../images/ic-member-step-03.jpg") top center;
}
.member-step-area.step-04 {
	background: url("../images/ic-member-step-04.jpg") top center;
}
.member-step-area ul {
	margin-top: 45px;
	width: 100%;
	float: left;
}
.member-step-area ul li {
	float: left;
	text-align: center;
	width: 25%;
}
.member-step-area ul li.active {
	font-weight: 600;
	color: #222;
}
.signup-info-area {
	width: 100%;
	position: relative;
	display: inline-block;
	padding: 30px;
	background: #f5f6f8;
	text-align: center;
	margin-bottom: -4px;
	margin-top: 20px;
}
.signup-agree-text {
	width: 100%;
	padding: 15px 0;
	color: #222;
	font-weight: 600;
	display: inline-block;
	border-top: 1px solid #ddd;
	margin-top: 15px;
	font-size: 15px;
}
.signup-info-text {
	color: #222;
	text-align: center;
	font-weight: 600;
	line-height: 1.7;
}
.signup-ready-text {
	width: 1000px;
	padding-top: 15px;
	margin: 15px auto 0;
	display: inline-block;
	padding: 10px;
	border: 1px solid rgba(71, 105, 214, 0.3);
}
.signup-ready-text li {
	float: left;
	width: 50%;
	padding: 0 15px;
	text-align: center;
	border-left: 1px solid rgba(71, 105, 214, 0.3);
}
.signup-ready-text li:first-child {
	border-left: none;
}
.signup-ready-text li:before {
	width: 6px;
	height: 6px;
	content: '';
	display: inline-block;
	background: #4769d6;
	border-radius: 50%;
	vertical-align: middle;
	margin-top: -2px;
}
.signup-check-area {
	text-align: center;
	margin-top: 30px;
}
.signup-check-area h1 {
	font-size: 19px;
	font-weight: 600;
	color: #222;
	margin-bottom: 15px;
}
.signup-check-area input {
	height: 48px;
	width: 400px;
	font-size: 19px;
	line-height: 19px;
	color: #222;
	text-align: center;
}
.info-p {
	padding-top: 15px;
}
.info-p li {
	font-weight: normal;
	color: #555;
}
/*agree-area*/
.agree-area {
	width: 100%;
	position: relative;
	display: inline-block;
	margin-top: 20px;
}
.agree-area .row {
	margin: 0 -5px;
}
.agree-area .row > div {
	float: left;
	width: 50%;
	padding: 0 5px;
}
.agree-title {
	color: #222;
	font-size: 17px;
	font-weight: 600;
	padding-bottom: 5px;
}
.agree-text {
	border: 1px solid #ddd;
	width: 100%;
	height: 350px;
	overflow: auto;
	padding: 15px;
	font-size: 12px;
	line-height: 1.6;
	word-break: break-all;
}
.agree-text h1 {
	font-size: 14px;
	color: #222;
	font-weight: 600;
	padding-top: 10px;
}
.agree-text h2 {
	color: #222;
	font-weight: 600;
	padding-top: 10px;
}
.set-p label {
	display: block;
}
/*modal-price-area*/
.modal-content .price-area {
	margin-top: 0;
	padding: 15px;
}
.modal-content .price-area .row .price {
	width: 50%;
}
/*signup-success-area*/
.signup-success-area {
	display: inline-block;
	width: 100%;
	position: relative;
	text-align: center;
	margin-top: 15px;
	background: #fbfbfb;
	padding: 30px 15px 50px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.signup-success-area h1 {
	font-size: 22px;
	color: #222;
}
.signup-success-area h1:before {
	content: '';
	display: block;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	z-index: 1;
	width: 2rem;
	height: 1rem;
	border: 5px solid #ea0029;
	border-top-style: none;
	border-right-style: none;
	margin: 0 auto 25px;
}
.signup-success-area h1:after {
	content: '';
	width: 30px;
	height: 2px;
	background: #222;
	display: block;
	margin: 20px auto 15px;
}
.success-user-info li:first-child {
	font-size: 15px;
	padding-bottom: 10px;
	line-height: 1.7;
}
.success-user-info li:last-child {
	color: #4769d6;
}
/*use-area*/
.use-area {
	display: inline-block;
	width: 100%;
	position: relative;
	border-bottom: 1px solid #eee;
	padding: 25px 0 30px;
}
.use-container {
	width: 800px;
	margin: 0 auto;
}
.use-title {
	font-size: 13px;
	font-weight: 600;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 50px;
	padding: 12px 30px;
	text-align: center;
	position: absolute;
	top: 0;
	margin-top: -25px;
	width: 136px;
	left: 50%;
	margin-left: -68px;
}
.use {
	padding: 10px 0;
	width: 100%;
	display: inline-block;
}
.use:last-child {
	padding-bottom: 0;
}
.use .row {
	margin: 0 -15px;
}
.use .row li {
	display: inline-block;
	vertical-align: middle;
	padding: 0 15px;
	font-size: 15px;
	color: #222;
}
.use .row li img {
	border-right: 1px dashed #ddd;
	padding-right: 30px;
}
.use .row li:last-child {
	padding: 3px 15px;
}
.box-shadow {
	box-shadow: inset 0 -8px 0 #ffcdcd;
	font-weight: 600;
}
.m-t-0 {
	margin-top: 0 !important;
}
/*nonuser-area*/
.nonuser-area {
	width: 100%;
	position: relative;
}
.nonuser-area .row {
	margin: 0 -20px;
}
.nonuser-area .row .nonuser-box {
	float: left;
	padding: 0 20px;
	margin-top: 30px;
	width: 50%;
}
.nonuser-box > div {
	min-height: 410px;
}
.nonuser {
	border: 2px solid #0246cf;
	padding: 50px 40px;
	text-align: center;
}
.non-title {
	color: #222;
	font-size: 19px;
	font-weight: 600;
	padding: 25px 0 3px;
}
.non-input-area {
	width: 100%;
	position: relative;
	margin-top: 25px;
}
.non-input-area ul {
	width: 100%;
	display: inline-block;
}
.non-input-area ul li {
	float: left;
	text-align: left;
}
.non-input-area ul li:first-child {
	width: 130px;
	font-size: 14px;
	font-weight: 600;
	color: #222;
	padding-top: 7px;
}
.non-input-area input {
	padding: 8px !important;
	font-size: 15px;
}
.m-auto {
	margin: 0 auto;
	display: inline-block;
}
.w-200 {
	width: 200px;
}
.signup {
	border: 2px solid #ddd;
	padding: 50px 40px;
	text-align: center;
}
.signup-info {
	margin-top: 25px;
	font-size: 15px;
	color: #222;
}
.signup-info:before {
	content: '';
	width: 30px;
	height: 2px;
	background: #222;
	display: block;
	margin: 30px auto 29px;
}
/*service-agree*/

.agree-info {
	padding: 20px 30px;
	line-height: 1.6;
	color: #444;
	font-size: 14px;
}
.agree-info span {
	color: #222;
	font-weight: 600;
	margin-top: 10px;
	display: block;
}
.agree-link-area {
	width: 100%;
	position: relative;
	display: inline-block;
	border-top: 2px solid #222;
	border-bottom: 1px solid #666;
}
.agree-w {
	width: 100%;
	display: inline-block;
	margin-bottom: -4px;
}

@media screen and (max-width:1600px) {
.agree-w.agree-m .agree:nth-child(1), .agree-w.agree-m .agree:nth-child(3) {
	width: 31.5%;
}
.agree-w.agree-m .agree:nth-child(2) {
	width: 37%;
}
}
.agree-w .agree {
	float: left;
	width: 33.33333%;
}
.agree-w .policy {
	float: left;
	width: 50%;
}
.service li {
	border-bottom: 1px solid #eee;
	padding: 0 30px;
}
.service li:before {
	content: '';
	width: 5px;
	height: 5px;
	background: #e60013;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
	border-radius: 50%;
	margin-top: -4px;
}
.b-b-1 {
	border-bottom: 1px solid #eee !important;
}
.service li:last-child {
	border-bottom: 0;
}
.service-title {
	font-size: 15px;
	color: #222;
	font-weight: 600;
	margin-bottom: 5px;
}
.service a {
	color: #222;
	padding: 12px 0;
	display: inline-block;
	font-size: 14px;
}
.service a:hover {
	color: #e60013;
	text-decoration: underline !important;
}
.agree-free {
	height: auto;
	border: 0;
	padding: 30px;
	font-size: 13px;
	word-break: keep-all;
}
.agree-free h1 {
	font-size: 18px;
	padding-top: 40px;
	padding-bottom: 10px;
}
.agree-free h1:first-child {
	padding-top: 0;
}
.agree-free h2 {
	font-size: 15px;
	padding: 20px 0 8px;
}
.help-p {
	padding: 30px 30px 30px 65px;
}
/*datepicker*/
.p-rel {
	position: relative;
}
.p-rel img {
	position: absolute;
	right: 4px;
	top: 6px;
}
/*service-cus-area*/
.service-cus-area {
	margin-top: 30px;
	background: url(../images/bg-cus.jpg) no-repeat;
	width: 100%;
	height: 500px;
	overflow: hidden;
	padding: 90px 50px 65px;
	position: relative;
}
.ic-cus-area {
	float: left;
}
.cus-text {
	float: left;
	padding-left: 25px;
}
.cus-text h1 {
	font-family: 'Montserrat', 'Malgun Gothic', 'NanumBarunGothic', '돋움', 'Dotum', 'Sans-serif';
	color: #3c3c3c;
	opacity: .1;
	font-size: 80px;
	font-weight: 900;
	letter-spacing: -.15rem;
	margin: -25px 0 -15px;
}
.cus-text h2 {
	font-size: 16px;
	color: #666;
	line-height: 1.5;
}
.cus-box {
	margin-top: 40px;
	width: 510px;
	padding: 25px 35px;
	border: 2px solid #444;
}
.cus-box-title {
	font-size: 22px;
	font-weight: 600;
	color: #3c3c3c;
}
.cus-box-title:after {
	content: '';
	display: block;
	width: 35px;
	height: 3px;
	background: #3c3c3c;
	margin: 5px 0 15px;
}
.cus-box-num {
	font-family: 'Montserrat', 'Malgun Gothic', 'NanumBarunGothic', '돋움', 'Dotum', 'Sans-serif';
	color: #3c3c3c;
	font-size: 40px;
	font-weight: 600;
	letter-spacing: -.1rem;
}
.cus-box p {
	font-size: 16px;
	margin-top: -2px;
}
/*page-p*/
.page-p {
	margin-top: 25px;
}
.section-title ul:nth-child(n + 2) {
	margin-top: 30px;
}
.section-title li.title {
	font-size: 20px;
	font-weight: 600;
	color: #222;
	padding-bottom: 5px;
}
.section-title li.title:before {
	content: '';
	width: 6px;
	height: 20px;
	display: inline-block;
	margin-right: 10px;
	background: url("../images/ic-simbol.jpg");
	vertical-align: middle;
	margin-top: -5px;
}
.section-title li.text {
	font-size: 15px;
	color: #222;
	line-height: 1.6;
}
.img-area {
	margin-top: 60px;
}
.page-p p {
	font-size: 13px;
	color: #888;
	margin-top: 50px;
}
.m-t-50 {
	margin-top: 50px;
}
/*img-box-area*/
.img-box-area {
	width: 100%;
	position: relative;
	display: inline-block;
}
.img-box-area .row {
	margin: 0 -10px;
}
.img-box-area .row .img-box {
	padding: 0 10px;
	float: left;
	width: 50%;
}
.img-box-content {
	background: url(../images/bg-line.png) top left repeat;
	padding: 50px;
	text-align: center;
	word-break: keep-all;
}
.img-box-img {
	margin: 0 -50px;
}
.img-box-title {
	font-size: 24px;
	font-weight: 600;
}
.img-box-text {
	font-size: 14px;
	color: #666;
	padding: 5px 0 30px;
	line-height: 1.6;
}
/*feature-area*/
.feature-area {
	width: 100%;
	position: relative;
	display: inline-block;
}
.feature-area .row {
	margin: 0 -15px;
}
.feature-area .row .feature-box {
	padding: 0 15px;
	float: left;
	width: 50%;
	margin-bottom: 20px;
}
.feature-area:last-child .row .feature-box {
	width: 100%;
	margin-bottom: 0;
}
.feature-box-content {
	width: 100%;
	position: relative;
	display: inline-block;
}
.feature-box-content > div {
	float: left;
}
.feature-img {
	width: 314px;
}
.feature-img img {
	width: 100%;
}
.feature-text-area {
	width: calc(100% - 314px);
	padding-left: 20px;
}
.feature-num, .major-num {
	font-family: 'Montserrat', 'Malgun Gothic', 'NanumBarunGothic', '돋움', 'Dotum', 'Sans-serif';
	font-size: 40px;
	color: #e7e7e7;
	font-weight: 600;
	margin-top: -10px;
}
.feature-title {
	font-size: 22px;
	color: #222;
	font-weight: 600;
	padding-bottom: 5px;
}
.feature-text {
	font-size: 13px;
	color: #666;
	line-height: 1.7;
	word-break: keep-all;
}
/*major-area*/
.major-area {
	width: 100%;
	position: relative;
	display: inline-block;
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
	margin-bottom: 40px;
}
.major-area:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}
.major-box-area {
	width: 100%;
	position: relative;
	display: inline-block;
}
.major-box-area .row {
	margin: 0 -20px;
}
.major-box-area .row .major-box {
	padding: 10px 20px;
	float: left;
	width: 33.333333%;
	word-break: keep-all;
}
.major-title {
	font-size: 17px;
	color: #222;
	font-weight: 600;
	padding-bottom: 8px;
}
.major-text {
	font-size: 14px;
	line-height: 1.5;
}
.major-p {
	padding-top: 5px;
	font-size: 12px;
	color: #888;
	line-height: 1.5;
}
.major-num {
	margin-top: 0;
}
/*intro-area*/
.intro-area {
	background: url(../images/bg-intro.jpg) top left no-repeat;
	width: 100%;
	height: 500px;
	overflow: hidden;
	position: relative;
	display: table;
}
.intro-text-area {
	display: table-cell;
	vertical-align: middle;
}
.intro-position {
	max-width: 650px;
	border: 2px solid #fff;
	padding: 50px 70px 40px;
	margin-left: 50%;
	margin-right: 30px;
}
.intro-title {
	font-size: 22px;
	color: #fff;
	font-weight: 600;
}
.intro-table {
	margin-top: 15px;
}
.intro-table tr, .intro-table th, .intro-table td {
	border: 0;
	color: #fff;
	font-size: 14px;
	text-align: left;
}
.intro-table th, .intro-table td {
	padding: 10px 0 !important;
}
.intro-table th {
	background-color: transparent;
	vertical-align: top;
}
/*intro-section*/
.intro-section {
	width: 100%;
	margin-top: 60px;
	display: inline-block;
	position: relative;
}
.intro-title-area {
	margin-bottom: 15px;
}
.intro-section-title {
	font-family: 'Montserrat', 'Malgun Gothic', 'NanumBarunGothic', '돋움', 'Dotum', 'Sans-serif';
	font-size: 40px;
	color: #222;
	font-weight: 700;
	margin-bottom: -2px;
}
.intro-section-title:before {
	content: '';
	width: 45px;
	height: 2px;
	display: block;
	background: #e60013;
	margin-bottom: 15px;
}
.intro-section-text {
	font-size: 20px;
	color: #222;
}
.wedo-area {
	width: 100%;
	position: relative;
	display: inline-block;
}
.wedo-area .row {
	margin: 0 -15px;
}
.wedo-area .row .wedo-box {
	float: left;
	width: 33.33333%;
	padding: 0 15px;
}
.wedo {
	border: 1px solid #ddd;
	width: 100%;
	padding: 35px;
}
.wedo-box {
	text-align: center;
	word-break: keep-all;
}
.wedo-box h1 {
	font-size: 20px;
	color: #222;
	font-weight: 600;
	padding-top: 15px;
}
.wedo-box p {
	font-size: 15px;
	color: #666;
	margin-top: 10px;
	line-height: 1.6;
}
/*service-table*/
.service-table {
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.service-table th, .service-table td {
	height: 170px;
	vertical-align: top;
}
.service-table th {
	background-color: transparent;
	font-size: 18px;
	text-align: left;
	padding: 35px 15px 30px 35px !important;
}
.service-table td {
	padding: 35px 15px 35px 0!important;
	border: 0;
	font-size: 14px;
	line-height: 1.8;
}
/*location-area*/
.location-area {
	width: 100%;
	position: relative;
	display: table;
	height: 500px;
}
.location-area > div {
	width: 50%;
	display: table-cell;
	vertical-align: middle;
}
.map iframe {
	width: 100%;
	height: 500px;
}
.location-text-area {
	padding-left: 60px;
}
.location-title {
	font-size: 22px;
	color: #222;
	font-weight: 600;
}
.add-text {
	font-size: 16px;
	color: #222;
	font-weight: 600;
	padding-top: 5px;
}
.location-header p {
	margin-top: 5px;
	font-size: 15px;
	color: #666;
	padding-bottom: 50px;
}
.location-content {
	width: 100%;
	position: relative;
	display: inline-block;
	padding: 15px 0;
	word-break: keep-all;
}
.location-img {
	float: left;
	width: 32px;
}
.location-img img {
	margin-top: 5px;
}
.way {
	float: left;
	width: calc(100% - 32px);
	padding-left: 20px;
}
.way li:first-child {
	font-size: 16px;
	color: #222;
	font-weight: 600;
}
.way li:last-child {
	font-size: 15px;
	color: #666;
	padding-top: 5px;
	line-height: 1.7;
}
/*use-table*/
.use-table {
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.use-table th, .use-table td {
	vertical-align: top;
}
.use-table th {
	background-color: transparent;
	text-align: left;
	padding: 30px 20px 30px 30px !important;
}
.use-table td {
	padding: 30px 15px 30px 0!important;
	border: 0;
	font-size: 14px;
	line-height: 1.8;
}
.use-table .use-table-title {
	font-size: 17px;
	font-weight: 600;
	color: #222;
	padding-bottom: 8px;
	display: inline-block;
}
.use-table a {
	display: block;
	color: #777;
	font-size: 14px;
}
.use-table a:hover, .use-table a.active {
	color: #e60013;
}
.li-simbol {
	padding-bottom: 15px;
}
.li-simbol li {
	font-size: 15px;
	color: #666;
	line-height: 1.7;
}
.li-simbol li:before {
	content: '';
	width: 5px;
	height: 5px;
	background: #e60013;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
	border-radius: 50%;
	margin-top: -3px;
}
/*use-img-area*/
.use-img-area {
	padding-bottom: 40px;
	display: inline-block;
}
.use-img-area:last-child {
	padding-bottom: 0;
}
.use-img-info {
	padding-top: 10px;
	width: calc(100% - 70px);
}
.use-img-info ul {
	width: 100%;
	display: inline-block;
}
.use-num {
	font-family: 'Montserrat', 'Malgun Gothic', 'NanumBarunGothic', '돋움', 'Dotum', 'Sans-serif';
	font-size: 40px;
	color: #e7e7e7;
	font-weight: 600;
	margin-top: -10px;
	float: left;
	width: 70px;
}
.use-text {
	float: left;
	font-size: 18px;
	color: #222;
	margin-top: 7px;
}
.use-text-info {
	display: inline-block;
	padding-top: 5px;
}
.use-text-info li {
	font-size: 14px;
	line-height: 1.6;
	color: #777;
}
/*error-wrap*/
.error-wrap {
	width: 100%;
	height: 100%;
	background: #f9f9f9;
	display: table;
}
.error-wrap .logo-area {
	position: absolute;
}
.error-img {
	padding-bottom: 20px;
}
.error-content {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.error-title {
	font-size: 26px;
	font-weight: 600;
	color: #222;
}
.error-text {
	font-size: 16px;
	color: #666;
	padding: 10px 0;
	line-height: 1.6;
}
.error-wrap .btn-grey-outline {
	background-color: transparent;
}
.error-wrap .btn-grey-outline:hover {
	background-color: #eee;
}
/*modal-location*/
.modal-location {
}
.modal-location .location-text-area {
	padding-left: 0;
	padding-top: 15px;
}
.modal-location .location-header p {
	padding-bottom: 15px;
}
.modal-location .map iframe {
	height: 300px;
}
.modal-location .location-title {
	font-size: 19px;
}
.modal-location .way li:last-child {
	font-size: 13px;
}
.modal-location .add-text {
	font-size: 15px;
}
/*admin-login*/

.login-container {
	position: absolute;
	display: table;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background: #f9f9f9;
}
.login-layer {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 30px;
}
.login-layer:after {
	content: '';
	background: url(../images/bg-dot.png);
	width: 262px;
	height: 262px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -350px;
	margin-left: -450px;
}
.login-layer-box {
	display: inline-block;
	box-shadow: 0 20px 50px -25px rgba(0, 0, 0, 0.3);
	background: #fff;
	border-radius: 15px;
	overflow: hidden;
	min-width: 780px;
	position: relative;
	z-index: 1;
}
.login-layer-box .content {
	padding: 70px 50px;
	width: 500px;
	float: right;
	text-align: left;
}
.login-layer-box .content p {
	font-size: 13px;
	color: #999;
	padding: 15px 0 20px;
}
.login-logo {
	padding-bottom: 60px;
}
.login-img {
	position: absolute;
	height: 100%;
	left: 0;
	width: 280px;
	background: #ea0029;
}
.login-logo-area {
	padding-top: 80px;
}
.login-title {
	font-size: 30px;
	padding-bottom: 40px;
	color: #222;
	font-weight: 600;
}
.login-container input {
	height: 40px;
	font-size: 15px;
	color: #222;
	margin: 3px 0;
	padding: 5px 10px !important;
}

.sub-login-area .main-login-area {
	width: 250px;
	height: 237px;
	top: 0;
}

.sub-login-area-w .main-login-area {
	width: 250px;
	height: 237px;
	right: -25;
	position:relative;
	top: 0;
}

.sub-login-area-w {
	padding: 0px 25px 30px;
}
.sub-login-area-w form input {
	height: 32px;
	margin: 2px 0;
	font-size: 13px;
}
.sub-login-area-w .id-chk {
	margin-top: 10px;
}
.sub-login-area-w .btn-lg {
	min-width: 100%;
	padding: 8px;
	font-size: 15px;
	margin-top: 2px;
}
.sub-login-area-w .id-chk .checkbox-label {
	font-size: 12px;
}
.sub-login-area-w .login-bottom {
	border: 1px solid #ddd;
	margin-top: 10px;
}
.sub-login-area-w .login-bottom button {
	font-size: 13px;
	padding: 8px;
	color: #555;
	letter-spacing: -.05em;
}
.sub-login-area-w .login-bottom button:hover {
	background: #f5f5f5;
	text-decoration: none !important;
}

.sub-login-area-w .user-login-info {
	margin-top: 25px;
}
/* 파일 필드 숨기기 */
.filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}

/*mark*/
.p-rel {
	position: relative;
}
.mark {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -230px;
	margin-top: -60px;
	font-size: 80px;
	letter-spacing: 3rem;
	font-weight: 600;
	opacity: 0.3;
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
/* loading */
#loading-overlay {
	background: rgba(0,0,0,0.8);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	transition: 0.4s all ease-in-out;
	z-index: 999999;
}
#loading {
	/*   width: 60px; */
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 60px;
	margin: auto;
	text-align: center;
}
.loading-text {
	color: #fff;
	display: inline-block;
	font-size: 16px;
}
.LoaderBalls {
	width: 80px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto 40px;
}
.LoaderBalls__item {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #ff707c;
}
.LoaderBalls__item:nth-child(1) {
	animation: bouncing 0.4s alternate infinite cubic-bezier(0.6, 0.05, 0.15, 0.95) backwards;
}
.LoaderBalls__item:nth-child(2) {
	animation: bouncing 0.4s 0.1s alternate infinite cubic-bezier(0.6, 0.05, 0.15, 0.95) backwards;
}
.LoaderBalls__item:nth-child(3) {
	animation: bouncing 0.4s 0.2s alternate infinite cubic-bezier(0.6, 0.05, 0.15, 0.95) backwards;
}
 @keyframes bouncing {
 0% {
 transform: translate3d(0, 10px, 0) scale(1.2, 0.85);
}
 100% {
 transform: translate3d(0, -20px, 0) scale(0.9, 1.1);
}
}
/*window-pop*/
.pop-width {
	min-width: 100%;
}
.pop-logo {
	width: 100%;
	padding: 15px;
	border-top: 3px solid #e60013;
}
.pop-content {
	padding: 0 15px;
}
.notice-pop .write-title {
	width: 100%;
	padding-top: 0;
	font-size: 15px;
}
.notice-pop .section {
	margin-top: 0;
}
.notice-pop .board-view-area .q-text {
	min-height: auto;
	padding: 15px 0;
	font-size: 13px;
	margin-bottom: 40px;
}
.notice-pop .write-view-area {
	border-bottom: 0;
}
.notice-pop .file-date-area {
	padding: 6px 0;
}
.pop-bottom {
	position: fixed;
	right: 0;
	bottom: 0;
	background: #f5f5f5;
	width: 100%;
	padding: 10px 0;
}
.pop-bottom .bottom-txt {
	float: right;
	padding-right: 15px;
}
.pop-bottom .checkbox {
	margin: 0;
}
.pop-bottom .checkbox-label {
	font-size: 12px;
}

.ime_active
{
  -webkit-ime-mode:active;
  -moz-ime-mode:active;
  -ms-ime-mode:active;
  ime-mode:active;
}

.ime_inactive
{
  -webkit-ime-mode:inactive;
  -moz-ime-mode:inactive;
  -ms-ime-mode:inactive;
  ime-mode:inactive;
}


/*document write*/
.main-status-area .box1-w {
	width: 40%;
}
.main-status-area .box2-w {
	width: 60%;
}
.main-status-area .box3-w {
	width: 60%;
}
@media screen and (max-width:1690px) {
	.main-status-area .box1-w {
		width: 40%;
	}
	.main-status-area .wide-area-w {
		width: 40%;
	}
	.main-status-area .wide-area-w .wide {
		margin-right: 38px;
	}
	.main-status-area .box2-w {
		width: 60%;
	}
	.main-status-area .box3-w {
		width: 60%;
	}
}

.box1-w {
	transition: all 0.3s;
}
#wide:checked ~ .row .box1-w {
	width: 100%;
}
#wide:checked ~ .wide-area-w {
	width: 100%;
	transition: all 0.3s;
}
#wide ~ .row .box2-w {
	visibility : visible;
	transition: all 0.3s;
}
#wide:checked ~ .row .box2-w {
	width: 0;
	height: 0;
	overflow: hidden;
	visibility : hidden;
}
.wide-area-w {
	position: relative;
	width: 40%;
	transition: all 0.3s;
}
#wide:checked ~ .wide-area-w .wide {
	margin-right: 20px;
}