@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MapoPeacefull'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoPeacefullA.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Arita-dotum-Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-dotum-Medium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {
    font-family: 'NanumSquareR';
    font-weight: 400;
    src: url(../fonts/NanumSquareR.eot);
    src: url(../fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NanumSquareR.woff) format('woff'),
    url(../fonts/NanumSquareR.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumSquareB';
    font-weight: 700;
    src: url(../fonts/NanumSquareB.eot);
    src: url(../fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NanumSquareB.woff) format('woff'),
    url(../fonts/NanumSquareB.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumSquareEB';
    font-weight: 800;
    src: url(../fonts/NanumSquareEB.eot);
    src: url(../fonts/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NanumSquareEB.woff) format('woff'),
    url(../fonts/NanumSquareEB.ttf) format('truetype');
}
/*
@font-face {
    font-family: 'NanumSquare';
    font-weight: 300;
    src: url(../fonts/NanumSquareL.eot);
    src: url(../fonts/NanumSquareL.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NanumSquareL.woff) format('woff'),
    url(../fonts/NanumSquareL.ttf) format('truetype');
}
*/
/* ---- basic CSS ---- */
html, body {
}
body {
    font-family:'MapoPeacefull',sans-serif;
    font-weight:normal;
    background:#f4f3ef;
    overflow-y:auto;
    overflow-x:auto;
    width:100%;
    color:rgb(109,105,105);
}
label{
    font-weight:normal
}
a {
    color: #2196F3;
    text-decoration: none
}
a,
a:hover,
a:focus {
    color: #2196F3;
}

#loading {
	width: 100%; 
	height: 100%; 
	top: 0px; 
	left: 0px; 
	position: fixed; 
	display: block; 
	opacity: 0.7; 
	background-color: #fff; 
	z-index: 99; 
	text-align: center; 
} 

#loading-image { 
	position: absolute; 
	width: 200px; 
	height: 200px; 
	top: 50%; 
	left: 50%; 
	z-index: 100; 
}


.mb10 {
    margin-bottom: 10px;
}
.cursor{
    cursor:pointer !important;
}
.line-default {
    line-height:34px;
}
span.line-default {
    display: inline-block;
}
.line-default label input[type="checkbox"],
.line-default label input[type="radio"]{
    vertical-align: middle;
    margin-top: -2px;
}

.clear:after{
    clear:both;
    display:block;
    content:"";
}
/* ---- layout CSS ---- */

#wrap {
    min-height:100%;
    height:100%;
    /*padding-bottom:80px;*/
    position:relative;
	min-width:1240px;
}
#wrap:after{
    clear:both;
    display:block;
    content:"";
}
#wrapper {
    /*height:100%;*/
    padding-left: 0;
    /*padding-bottom:50px;*/
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#wrapper:after{
    clear:both;
    display:block;
    content:"";
}
/*
#wrapper.toggled {
    padding-left: 200px;
}
#wrapper.toggled ~ footer{
    padding-left:200px;
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
*/

#wrap.width-fix {
    width: 100%;
}
#wrap.width-fix-1000 {
    min-width:800px;
	max-width:1000px;
    width: 100%;
	margin:0 auto;
}
.width-fix #page-content-wrapper{
    min-width:800px;
    width:100%;
    /*max-width:1000px;*/
    margin:0 auto;
}
.width-fix.sales{
    min-width:auto !important;

}
.width-fix .panel{
    padding:15px
}

#page-content-wrapper {
    width: 100%;
    box-sizing: border-box;
    min-height:100%;
    height:100%;
    padding:20px;
    padding-bottom:50px;
}
#page-content-wrapper:after{
    clear:both;
    display:block;
    content:""
}
#page-content-wrapper > .panel:first-child {
    padding-top:35px;
}
#page-content-wrapper .col-md-9{
    min-width:970px
}
.page-list-wrapper {
    min-width:1680px;
}
.page-write-wrapper {
    min-width:1240px
}
.btn-footer {
    padding-bottom:0;
    border-top:1px solid #ddd;
    padding-top:20px;
    margin-top:20px;
}
.btn-pull-right {
    border-left:1px solid #ddd;
    display:table;
}
.btn-pull-right button {
    display:table-cell;
    min-width:100%;
    margin-top:10px;
    vert-align: center;
}
.btn-pull-right button:first-child {
    marign-top:0;
}

.panel-group .panel-footer {
    border-top: 0;
    border: 1px solid #ddd;
    border-radius: 0 0 4px 4px;
    border-top: none;
    background: #fafafa;
    margin-bottom: 30px;
}
.container {
    min-width: 1280px !important;
    width: 100% !important;
}
footer {
    position:absolute;
    z-index: 30;
    bottom:0;
    left:0;
    right:0;
    height:80px;
    border:1px solid #ddd;
    background: #f4f3ef;
    text-align:center;
    padding-left:0;
    line-height:80px;
    box-sizing: border-box;
}
footer .btn {
    display:inline-block;
    position:Absolute;
    left:20px;
    top:20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
footer small {
    font-size:13px;
    color:#999
}
#wrapper.toggled ~ footer .btn.areaSite {
    left:240px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* ---- bootstrap custom CSS ---- */
.basic-layout {
    min-width:1904px;
}
.panel {
    padding:25px;
    background: #fff;
    box-shadow:none;
}
.panel-group .panel {
    padding:25px 0;
    margin-bottom: 0;
   /*overflow: hidden;*/
   	overflow: visible;
    border-radius: 4px 4px 0 0;
}
.panel-default>.panel-heading {
    background:#fff;
}
.panel .panel-default>.panel-heading {
    border-bottom:none;
}

/* nav */
#nav {
    width: 100%;
	/*min-width:1240px;*/
	min-width:790px;
}
.navbar {
    margin-bottom:0;
    border-radius: 0;
    z-index: 100;
    border:none;
    border-bottom: 1px solid rgba(102, 97, 91, 0.3);
    height:50px;
}
.navbar-nav {
    margin:0 !important;
}
.navbar-nav.navbar-right:last-child {
    padding-right:40px;
}
.navbar-brand {
    margin-right:80px;
    width:200px;
    text-align: center;
	padding:0;
	padding-top:5px;
}
.navbar-brand img { 
	height:40px !important;
	max-width:200px;
	width:auto;
}
.navbar-brand span{ 
	line-height:40px;
}
.width-fix .navbar-brand {
    margin-right:0;
    width:180px;
    text-align: center;
}

.navbar-inverse .navbar-nav>.on>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{
    background-color:transparent;
    border:none;
    color:#fc8675
}
.navbar-inverse .navbar-nav.navbar-right >.open>a {
    color:#fff;
}
.navbar-nav>li>.dropdown-menu {
    box-shadow: none;
    background: #222;
    border-top-color: #ddd;
}
.nav>li>a{
    padding: 15px 13px;
}
.dropdown-menu>li>a {
    color:#ccc;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #fff;
    background-color: #fc8675
}


.bootstrap-select .dropdown-menu .inner {
    max-height:300px !important;
}

/* sidebar-wrapper */

#sidebar-wrapper {
    z-index: 50;
    position: fixed;
    left: -209px;
    top: 0;
    width: 250px;
    height: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#wrapper.toggled #sidebar-wrapper {
    width: 250px;
    left:200px;
    margin-left:-200px
}
#menu-toggle{
    display: inline-block;
    position: absolute;
    right: 11px;
    top: 50%;
    font-size: 33px;
    text-align: center;
    height: 80px;
    margin-top: -80px;
    width: 39px;
    background: #212120;
    border-radius: 0 4px 4px 0;
    line-height: 74px;
}
#menu-toggle .fa-angle-right {
    display:inline-block;
    color:#fff;
    margin-left: 8px;
    font-size: 26px;
}
#menu-toggle .fa-angle-right:before {
    content: "\f105";
}
.toggled #menu-toggle .fa-angle-right:before {
    content: "\f104" !important;
}

#menu-list,
#menu-list ul,
#menu-list ul li,
#menu-list ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight:bold;
    color:#8c8a87;
}
#menu-list {
    width: 200px;
    color: #66615B;
    background: #212120;
    height:100%;
    overflow-y: auto;
}
#menu-list h3 {
    padding: 15px;
    padding-bottom: 5px;
    color: #fff;
    font-size: 20px;
    padding-top:50px;
}
#menu-list ul ul{
    padding:5px 0;
}
#menu-list ul .active ul {
    display: block;
}
#menu-list ul ul {
    display: none;
}
#menu-list ul ul ul {
}
#menu-list > ul > li > a {
    padding: 15px 20px;
    cursor: pointer;
    z-index: 2;
    font-size: 14px;
    text-decoration: none;
    text-shadow:none !important;
}
#menu-list > ul > li > a:hover,
#menu-list > ul > li.active > a,
#menu-list > ul > li.active > a,
#menu-list > ul > li.open > a {
    text-shadow:none;
    color:#fff;
}

#menu-list ul li.open {
    background: #2d2d2d ;
}
#menu-list ul li.open > a {
    background:#fc8675
}
#menu-list > ul > li:last-child > a,
#menu-list > ul > li.last > a {
}
.holder {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;
}
.holder::after,
.holder::before {
    display: block;
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    right: 20px;
    z-index: 10;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.holder::after {
    top: 17px;
}
#menu-list > ul > li > a:hover > span::after,
#menu-list > ul > li.active > a > span::after,
#menu-list > ul > li.open > a > span::after {
}
.holder::before {
    top: 18px;
    border-top: 1px solid;
    border-left: 1px solid;
    border-top-color: #fff;
    border-left-color: #fff;
}
#menu-list ul ul li a {
    cursor: pointer;
    padding: 9px 20px;
    z-index: 1;
    text-decoration: none;
    font-size: 13px;
}
#menu-list ul ul li.open > a,
#menu-list ul ul li:hover > a{
    color: #fff
}
#menu-list ul ul li > a.on,
#menu-list ul ul li.active > a{
    color: #fc8675
}
#menu-list ul ul li:first-child > a {
    box-shadow: none;
}
#menu-list ul ul ul li:first-child > a {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#menu-list ul ul ul li a {
    padding-left: 30px;
}
#menu-list > ul > li > ul > li:last-child > a,
#menu-list > ul > li > ul > li.last > a {
    border-bottom: 0;
}
#menu-list > ul > li > ul > li.open:last-child > a,
#menu-list > ul > li > ul > li.last.open > a {
}
#menu-list > ul > li > ul > li.open:last-child > ul > li:last-child > a {
    border-bottom: 0;
}
#menu-list ul ul li.has-sub > a::after {
    display: block;
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    right: 20px;
    z-index: 10;
    top: 11.5px;
    border-top: 1px solid #BECFE0;
    border-left: 1px solid #BECFE0;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.open .holder::after,.open .holder::before{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#menu-list ul ul li.has-sub.open > a::after{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#menu-list ul ul li.active > a::after,
#menu-list ul ul li.open > a::after,
#menu-list ul ul li > a:hover::after {
    border-color: #ffffff;

}

/* title */

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, a, .td-name, td {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
    font-weight: 400;
    margin: 0 0 15px;
    font-family: 'MapoPeacefull';
}
h3 b, h4 b {
    font-weight:normal
}
.h4 {
    margin-bottom: 10px;
    margin-top: 30px;
}
h4.pull-left{
    margin:0;
    line-height:38px;
    margin-right:10px;
}
h1, .h1 {
    font-size: 2em;
    margin-top:30px;
    margin-bottom:30px;
}

h2, .h2 {
    font-size: 1.825em;
}

h3, .h3 {
    font-size: 1.5em;
    line-height: 1.4;
    margin: 30px 0 30px;
}

h4 {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top:30px;
}
h5, .h5 {
    font-size: 0.9em;
    font-weight: 400;
    line-height: 1.4em;
    margin-bottom: 15px;
}

h6, .h6 {
    font-size: 0.7em;
    font-weight: 600;
    text-transform: uppercase;
}
p {
    font-size: 14px;
    line-height:34px;
    margin-bottom:0
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    color: #9A9A9A;
    font-weight: 300;
    line-height: 1.4em;
}

h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {
    font-size: 60%;
}
th, td{
    text-align: center;
}
/* path */
.path-line {
    font-size: 12px;
    color: #676b75;
}
/* pull-left pull-right */
.pull-left ~ .pull-left {
    margin-left:3px;
}

/* 기존 페이지에 들어가있던 CSS */
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
}
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
}

/* layer */

.layer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
.layer .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    filter:alpha(opacity=50);
    background-color: #fff;
}
.layer .pop-layer {
    display: block;
}
.pop-layer {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    background-color: #fff;
    border: 0;
    z-index: 10;
}

/* card */

.card {
    border-radius: 6px;
    border:1px solid #ddd;
    background-color: #FFFFFF;
    color: #252422;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.card .image {
    width: 100%;
    overflow: hidden;
    height: 260px;
    border-radius: 6px 6px 0 0;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.card .image img {
    width: 100%;
}

.card .content {
    padding: 5px 10px 8px 10px;
}

.card .header {
    padding: 15px 15px 0;
}
.modal .card .header {
    padding: 15px 15px;
    background:#f7f7f7;
    border-radius: 6px 6px 0 0;
}
.modal .card .header h4{
    margin-bottom:0;
    line-height: 15px;
}
.modal .path-line {
    margin-bottom:5px;
}
.modal h4 {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top:30px;
}
.modal-body .panel h3 {
    margin-top:0
}
.modal-body .btn-block{
    margin-top:10px;
}
.card .header hr {
    margin-top:10px;
    margin-bottom:0;
}
.card .description {
    font-size: 16px;
    color: #66615b;
}

.card h6 {
    font-size: 12px;
    margin: 0;
}

.card .category,
.card label {
    font-size: 14px;
    font-weight: 400;
    color: #9A9A9A;
    margin-bottom: 0px;
}

.card .category i,
.card label i {
    font-size: 16px;
}

.card label {
    font-size: 15px;
    margin-bottom: 5px;
}

.card .title {
    margin: 0;
    color: #252422;
    font-weight: 300;
}

.card .avatar {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 5px;
}

.card .footer {
    padding: 0;
    line-height: 30px;
}

.card .footer .legend {
    padding: 5px 0;
}

.card .footer hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

.card .stats {
    color: #a9a9a9;
    font-weight: 300;
}

.card .stats i {
    margin-right: 2px;
    min-width: 15px;
    display: inline-block;
}

.card .footer div {
    display: inline-block;
}

.card .author {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.card .author i {
    font-size: 14px;
}

.card.card-separator:after {
    height: 100%;
    right: -15px;
    top: 0;
    width: 1px;
    background-color: #DDDDDD;
    content: "";
    position: absolute;
}

.card .ct-chart {
    margin: 30px 0 30px;
    height: 245px;
}
.panel .ct-bar{
    stroke-width: 15px !important;
}

.card .table tbody td:first-child,
.card .table thead th:first-child {
    padding-left: 15px;
}

.card .table tbody td:last-child,
.card .table thead th:last-child {
    padding-right: 15px;
}

.card .alert {
    border-radius: 4px;
    position: relative;
}

.card .alert.alert-with-icon {
    padding-left: 65px;
}

.card .icon-big {
    font-size: 3em;
    min-height: 64px;
}

.card .numbers {
    font-size: 1.85em;
    text-align: right;
}

.card .numbers p {
    margin: 0;
}

.card ul.team-members li {
    padding: 10px 0px;
}

.card ul.team-members li:not(:last-child) {
    border-bottom: 1px solid #F1EAE0;
}

.card-user .image {
    border-radius: 8px 8px 0 0;
    height: 150px;
    position: relative;
    overflow: hidden;
}

.card-user .image img {
    width: 100%;
}

.card-user .image-plain {
    height: 0;
    margin-top: 110px;
}

.card-user .author {
    text-align: center;
    text-transform: none;
    margin-top: -65px;
}

.card-user .author .title {
    color: #403D39;
}

.card-user .author .title small {
    color: #ccc5b9;
}

.card-user .avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: relative;
    margin-bottom: 15px;
}

.card-user .avatar.border-white {
    border: 5px solid #FFFFFF;
}

.card-user .avatar.border-gray {
    border: 5px solid #ccc5b9;
}

.card-user .title {
    font-weight: 600;
    line-height: 24px;
}

.card-user .description {
    margin-top: 10px;
}

.card-user .content {
    min-height: 200px;
}

.card-user.card-plain .avatar {
    height: 190px;
    width: 190px;
}

.card-map .map {
    height: 500px;
    padding-top: 20px;
}

.card-map .map > div {
    height: 100%;
}

.card-user .footer,
.card-price .footer {
    padding: 5px 15px 10px;
}

.card-user hr,
.card-price hr {
    margin: 5px 15px;
}

.card-plain {
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
}

.card-plain .image {
    border-radius: 4px;
}
.btn-neutral {
    border-color: #FFFFFF;
    color: #FFFFFF;
}

/* tab */
.nav-tabs {
    margin-bottom:30px;
}
.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
    text-decoration: none;
    background-color: #fff;
    color:#000;
}
.nav-tabs>li>a:hover {
    border-color: #fff #fff #ddd
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}


.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #000;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified>li {
    float: none
}

.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

.nav-tabs.nav-justified>li {
    display: table-cell;
    width: 1%
}
.nav-tabs.nav-justified>li>a {
    margin-bottom: 0
}

.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus {
    border: 1px solid #ddd
}

.nav-tabs.nav-justified>li>a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0
}
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus {
    border-bottom-color: #fff
}

/* text */

.text-danger {
    color:#fc8675 !important;
    font-family: 'NanumSquare' !important;
}
.text-info {
    color: #52a2b2;
    font-family: 'NanumSquare' !important;
}
.text-success {
    color: #65cea7;
    font-family: 'NanumSquare' !important;
}
.text-click{
    color:#2196F3;
    cursor: pointer;
    font-family: 'NanumSquare' !important;
}
.text-click:hover{
    text-decoration: underline;

}
.text-center {
    text-align:center !important;
}
.text-left {
    text-align:left !important;
}
.text-left td {
    text-align:left !important;
}
.text-right {
    text-align:right !important;
}
.text-center {
    text-align:center !important;
}
/* btn */
.btn-block {
    margin-bottom:10px
}
.panel ~ .btn-block {
    margin-bottom:80px;
}
.panel ~ .btn-block:before{
    clear:both;
    display: block;
    content:""
}
.panel .btn-block{
    margin-top:10px;
}
.panel table td .btn-block{
    margin-top:0;
}
.panel table td .btn-block .pull-right:last-child{
    margin-right:5px;
}
h4.clear{
    line-height:30px
}
h4.clear .pull-left:first-child {
    display:inline-block;
}
.panel h4 ~ .btn-block{
    margin-top:0;
    margin-bottom:10px
}
.btn-block .col-md-9 .btn ~ .btn:last-child{
    margin-right:5px;
}
.btn-block .btn ~ .btn.pull-left {
}
.btn {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    color:#fff;
    font-family: 'NanumSquare' !important;
}

.btn.btn-transparent {
    background: 0 0;
    border: none
}

.btn.quick-btn {
    padding: 5px 20px;
    font-size: 40px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px
}

.btn.quick-btn span {
    display: block;
    font-size: 13px;
    font-weight: 600
}

.btn.btn-primary {
    background: #424f63;
    border: 1px solid #2e3744;
    color:#fff;
}

.btn.btn-primary.active,
.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:hover {
    background: #343e4e;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    color:#fff;
}

.btn.btn-basic {
    background: #6bafbd;
    border: 1px solid #4c99a9;
    color: #fff;
}

.btn.btn-basic.active,
.btn.btn-basic:active,
.btn.btn-basic:focus,
.btn.btn-basic:hover {
    background: #52a2b2;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    color:#fff;
}

.btn.btn-success {
    background: #65cea7;
    border: 1px solid #3ec291;
    color:#fff;
}

.btn.btn-success.active,
.btn.btn-success:active,
.btn.btn-success:focus,
.btn.btn-success:hover {
    background: #4bc0c0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    color:#fff;
}

.btn.btn-warning {
    background: #f0c164;
    border: 1px solid #eebb57;
    color:#fff;
}

.btn.btn-warning.active,
.btn.btn-warning:active,
.btn.btn-warning:focus,
.btn.btn-warning:hover {
    background: #eebb57;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    color:#fff;
}

.btn.btn-danger {
    background: #fc8675;
    border: 1px solid #fb5a43;
    color:#fff;
}

.btn.btn-danger.active,
.btn.btn-danger:active,
.btn.btn-danger:focus,
.btn.btn-danger:hover {
    background: #f05b4f;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    color:#fff;
}
.btn.btn-simple {
    color: #777;
    background-color: #fff;
    border:1px solid #ddd;
}
.btn-simple:hover, .btn-simple:focus, .btn-simple:active, .btn-simple.active,
.open > .btn-simple.dropdown-toggle {
    background: #f7f7f7;
}
.btn.btn-default {
    color: #777;
    background-color: #f7f7f7;
    border-color: #ccc;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
    background: #fff;
}
.btn-neutral:hover, .btn-neutral:focus, .btn-neutral:active, .btn-neutral.active,
.open > .btn-neutral.dropdown-toggle {
    background-color: #FFFFFF;
    color: rgba(255, 255, 255, 0.7);
    border-color: #FFFFFF;
}

.btn-neutral:hover .caret, .btn-neutral:focus .caret, .btn-neutral:active .caret, .btn-neutral.active .caret,
.open > .btn-neutral.dropdown-toggle .caret {
    border-top-color: rgba(255, 255, 255, 0.7);
}

.btn-neutral.disabled, .btn-neutral.disabled:hover, .btn-neutral.disabled:focus, .btn-neutral.disabled.focus, .btn-neutral.disabled:active, .btn-neutral.disabled.active, .btn-neutral:disabled, .btn-neutral:disabled:hover, .btn-neutral:disabled:focus, .btn-neutral:disabled.focus, .btn-neutral:disabled:active, .btn-neutral:disabled.active, .btn-neutral[disabled], .btn-neutral[disabled]:hover, .btn-neutral[disabled]:focus, .btn-neutral[disabled].focus, .btn-neutral[disabled]:active, .btn-neutral[disabled].active,
fieldset[disabled] .btn-neutral,
fieldset[disabled] .btn-neutral:hover,
fieldset[disabled] .btn-neutral:focus,
fieldset[disabled] .btn-neutral.focus,
fieldset[disabled] .btn-neutral:active,
fieldset[disabled] .btn-neutral.active {
    background-color: transparent;
    border-color: #FFFFFF;
}

.btn-neutral.btn-fill {
    color: #FFFFFF;
    background-color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100);
}

.btn-neutral.btn-fill:hover, .btn-neutral.btn-fill:focus, .btn-neutral.btn-fill:active, .btn-neutral.btn-fill.active,
.open > .btn-neutral.btn-fill.dropdown-toggle {
    background-color: #FFFFFF;
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.btn-neutral.btn-fill .caret {
    border-top-color: #FFFFFF;
}

.btn-neutral.btn-simple:hover, .btn-neutral.btn-simple:focus, .btn-neutral.btn-simple:active, .btn-neutral.btn-simple.active,
.open > .btn-neutral.btn-simple.dropdown-toggle {
    background-color: transparent;
    color: #FFFFFF;
}

.btn-neutral.btn-simple .caret {
    border-top-color: #FFFFFF;
}

.btn-neutral .caret {
    border-top-color: #FFFFFF;
}

.btn-neutral:hover, .btn-neutral:focus {
    color: #66615B;
}

.btn-neutral:active, .btn-neutral.active,
.open > .btn-neutral.dropdown-toggle {
    background-color: #FFFFFF;
    color: #66615B;
}

.btn-neutral.btn-fill {
    color: #66615B;
}

.btn-neutral.btn-fill:hover, .btn-neutral.btn-fill:focus {
    color: #403D39;
}

.btn-neutral.btn-simple:active, .btn-neutral.btn-simple.active {
    background-color: transparent;
}

.btn:disabled, .btn[disabled], .btn.disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.btn-simple {
    border: 0;
    padding: 7px 18px;
}

.btn-simple.btn-icon {
    padding: 7px;
}

.btn-lg {
    font-size: 18px;
    padding: 11px 30px;
    font-weight: 400;
}

.btn-lg.btn-simple {
    padding: 13px 30px;
}

.btn-sm {
    font-size: 12px;
}

.btn-sm.btn-simple {
    padding: 6px 10px;
}

.btn-xs {
    font-size: 12px;
    padding: 3px 5px;
}

.btn-xs.btn-simple {
    padding: 4px 5px;
}

.btn-wd {
    min-width: 140px;
}

.btn-group.select {
    width: 100%;
}

.btn-group.select .btn {
    text-align: left;
}

.btn-group.select .caret {
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: 8px;
}

.btn-toggle{
    color: #2196F3;
    cursor: pointer;
}
.btn-toggle:hover{
    text-decoration: underline;
}
/* form-control */

.form-control {
    box-shadow: none;
    background: #fffcf5;
    border-color: #CCC5B9;
    vertical-align: top;
    min-width:100px;
    margin-top:3px;
    margin-bottom:3px;
    color:rgb(109,105,105);
    font-size:13px;
    font-family: 'NanumSquare' !important;
}
.form-control.date {
    min-width:140px;
}
.date-inline{
    display:inline-block;
    position:relative;
}
.fa-calendar {
    display: inline-block;
    position: absolute;
    left: 10px;
    font-size: 20px;
    top: 10px;
}
.fa-calendar ~ .form-control{
    padding-left:35px;
    box-sizing: border-box;
    width:140px;
}

.form-inline .form-group {
    margin:2px 0;
}
.form-inline .pull-right.total{
    display: inline-block;
    margin-top:14px
}
/* 스위치 토글 버튼 */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
    vertical-align:middle;
}
.switch-form p{
    display: inline-block;
}

.switch input {display:none;}

.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.switch .slider.round {
    border-radius: 30px;
}

.switch .slider.round:before {
    border-radius: 50%;
}
/* 스위치 토글 버튼 */



.label-checkbox {
    margin-bottom:0;
    margin-right:8px
}
.label-checkbox input[type="radio"],
.label-checkbox input[type="checkbox"] {
    vertical-align: top;
    margin-top:3px;
    margin-right:3px
}
.form-inline > .form-group label{
    text-align: right;
    padding-left:15px;
    padding-right:15px;
    vertical-align: middle;
    display:inline-block;
    height:34px;
    margin-bottom:0;
    min-width: 80px;
    font-family: 'MapoPeacefull';
    font-weight: normal;
}
.caret-block {
    display: inline-block;
    position: relative;
    height: 16px;
    vertical-align: top;
    margin-top: 1px;
    margin-left: 5px;

}
.caret-block .caret {
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    cursor:pointer;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
.caret-block .caret.bott {
    border-top: none;
    border-bottom: 6px solid;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    cursor:pointer
}

th .caret{
    
}

/* form size */



.style_XSm{
    width: 50px !important;
}
.styleSm {
    width: 100px !important;
}
.styleMd {
    width: 140px !important;
}
.styleLg {
    width: 260px !important;
}
.styleXLg {
    width: 350px !important;
}


.styleSmall {
    min-width: 180px !important;
}
.styleMedium {
    min-width: 230px !important;
}
.styleLarge {
    min-width: 260px !important;
}
.styleXLarge {
    min-width: 350px !important;
}
.style_w100 {
    width: 100% !important;
}
.style_w75 {
    width: 75% !important;
}

.styleMini {
    width: 60px !important;
    min-width: 60px !important;
}

.form-control.date{
    width:140px;
}
.form-control.dateTime{
    min-width: 150px;
    width:189px;
    padding: 6px 12px 6px 40px;
    box-sizing: border-box;
}
/* phpne */
.phStyle-block {
    min-width:230px;
}
.phStyle {
    position: relative;
    display:inline-block;
    margin-right:10px
}
.phStyle input {
    width:60px !important;
    min-width:50px !important;
    text-align: center;
}
.phStyle:after{
    content:"";
    width:5px;
    height:1px;
    background: #CCC5B9;
    display:inline-block;
    position: absolute;
    right:-10px;
    top:50%;
    margin-top:-1px;
}
.phStyle:last-child{
    margin-right:0
}
.phStyle:last-child:after{
    display:none;
}
    /* collapse */
.collapse-wrap td{
    padding:0 !important;
    border: none !important;
}
.collapse-wrap ~ tr td{
    border-top:none !important;
}
.collapse{
    display: block;
}
.collapse.in {
    display: block;
}
.well {
    min-height: 20px;
    padding: 19px;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #f6f7f7;
    margin-bottom:0;
}
.well .form-control {
    background: #fff !important;
}

/* login_section------------------------------------------------------- */
.login_page {
    background: url(../images/login.jpg) no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 100vh;
    font-size: 21px;
    text-align: center;
    line-height: 1.5em;

}
.login_page:after {
    content: "";
    display: block;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.login_page .login_section {
    position: relative;
    z-index: 10;
    display: table;
    text-align: center;
    width: 100%;
    height: 100vh;
}
.login_page .login_section .loginArea {
    display:table-cell;
    vertical-align: middle;
}
.login_page .login_section h1 {
    margin-top:0;
    font-family: 'MapoPeacefull';
    margin-bottom:10px;
    text-shadow: 0 0 5px #ffffff;

}
.login_page .login_section h1 small, .login_page .login_section h1 strong {
    display: block;
    font-weight: normal;
    color: #fff;
    font-size: 5rem;
}
.login_page .login_section h1 strong b{
    color:#65cea7;
    text-shadow: 0 0 5px #67c8a4;
}
.login_page .login_section  {
    margin:0 auto 0;
    width:300px;
}
.login_page .login_section input {
    border-color: rgba(255, 255, 255, 0.3);
    border-width: 1px;
    background-color: rgba(0, 0, 0, 0.6);
    height: 50px;
    width: 300px;
    margin: 0 auto;
    color: #fff;
    font-size: 18px;
    outline: none;
    padding:0 18px
}
.login_page .login_section input:first-child {
    border-bottom-width: 0px;
}

.login_page .login_section  input:active, .login_page .login_section  input:focus {
    border-color: rgba(255, 255, 255, 1);
    border-bottom-width: 1px;
}
.login_page .login_section  .btn {
    width: 300px;
    margin: 15px auto 0;
    height: 50px;
    color: #fff;
    font-size: 18px;
    border: none;
}
.login_page .txt-danger {
    width:100%;
    line-height: 1.4em;
    color:#fff;
    font-size:14px;
    margin-top:3px;
    text-align: left;

}
.login_page .warning-box {
    max-width:300px;
    line-height: 1.4em;
    background: rgba(0,0,0,0.5);
    color:#fff;
}

/* modal */

.modal.in .modal-dialog {
    z-index: 10000;
    position: relative;
    margin: 0 auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.modal .modal-dialog {
    z-index: 10000;
    position: relative;
    margin: 0 auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.modal-dialog {
    margin:0 !important;
    width:800px;
}
.alert-size .modal-dialog{
    width:400px;
}

.modal-backdrop {
    z-index: 1000;
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #f1f1f1;
    border-radius: 6px 6px 0 0;
}
.modal-header h3 {
    margin: 0;
    font-size: 17px;
}
.text-click {
    color:#2196F3;
    cursor: pointer;
}
.text-click:hover{
    text-decoration: underline;
}
.modal .card{
    background:none;
}
.modal-content {
    width:100%;
}
.modal-content .close {
    float: none;
    position: absolute;
    right: 20px;
    top: 8px;
    z-index: 100;
    font-size: 40px;
}
.alert-size .modal-content .close {
    float: none;
    position: absolute;
    right: 15px;
    top: 12px;
    z-index: 100;
    font-size: 30px;
}

.page {
    display: none;
}
.page-active {
    display: block;
}
#pagination-demo{
    display: inline-block;
    margin-bottom: 1.75em;
}
#pagination-demo li{
    display: inline-block;
}

.pagination {
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}
.pagination>li {
    display:inline-block;
    vertical-align: middle;
}

.pagination>li i.fa{
    font-size:24px !important;
    display: inline-block;
    line-height:27px;
}

.pagination>li>a, .pagination>li>span {
    float:none;
    min-width:30px;
    width:auto;
    padding:0 4px;
    height:30px;
    line-height:28px;
    border-radius:2px;
    color:#686868;
    display:inline-block;
    margin-left:3px;

}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: #fc8675  !important;;
    background-color: #fff !important;
    border-color: #ddd
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 2;
    color: #fff !important;
    background-color: #fc8675 !important;
    border-color: #fb5a43 !important;
    cursor: default;
    text-shadow: none;
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus,
.pagination>.disabled i, .pagination>.disabled:hover i, .pagination>.disabled:focus i{
    color: #ddd;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
}

.modal-content .form-control {
    min-width:auto;
}

/* table-responsive */
table {
    font-size:13px;
    font-family: 'NanumSquareR';
}
table th{
    font-family: 'NanumSquareR' !important;
}
.panel>.table-bordered,
.panel>.table-responsive>.table-bordered{
    border: 1px solid #ddd;
}
.table ~ .table {
    margin-top:10px;
}
.table {
    margin-bottom:0
}
.table_scroll {
    overflow-y: auto;
    border:1px solid #ddd;
    margin-top: 15px;
    border-right:none;
    max-height: 300px;
}
.table_scroll.text-nowrap{
    max-height: 100%;
}
.table_scroll table{
}
.table-bordered .photo img,
.table_scroll .photo img{
    width:120px;
    height:140px;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 8px;
    vertical-align: middle;
    border-right:1px solid #ddd;
}
.border-none th,
.border-none td {
    border-right:none !important;
}
.border-none.table_scroll{
    border-right:1px solid #ddd !important;
}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td{
    border-bottom-width: 1px;
}
.text-nowrap th, .text-nowrap td{
    white-space: nowrap;
}
.table td .red{
    font-weight: normal;
    color:#fc8675
}
.table_scroll .table tbody tr td{
    word-break: keep-all;
    text-align: center;
    vertical-align: middle;

}
.table_scroll .table tr th,
.table-bordered tr th{
    word-break: keep-all;
    text-align: center;
    background: #f1f1f1;
    vertical-align: middle;
    border-bottom:1px solid #ddd;
    border-top:none;
}
.table_scroll tbody tr:nth-child(even)  { background-color: #fefcf7; }
.table_scroll tbody tr:nth-child(odd)   { background-color: #fff; }
.table-bordered tbody tr:nth-child(even)  { background-color: #fefcf7; }
.table-bordered tbody tr:nth-child(odd)   { background-color: #fff; }
.table_scroll.evenN tbody tr:nth-child(even)  { background-color: #fff; }
.table_scroll.evenN tbody tr:nth-child(odd)   { background-color: #fff; }
.table-bordered.evenN tbody tr:nth-child(even)  { background-color: #fff; }
.table-bordered.evenN tbody tr:nth-child(odd)   { background-color: #fff; }

.table_info {
    margin-bottom:5px;
}
.td-date {
    width: 150px !important;
}
td textarea {
    width: 100%;
    background: transparent;
    box-shadow: none;
    border: none;
    height: 300px;
    overflow-y: auto;
    color: #666;
    border-top: 1px solid #ddd;
    padding: 8px;
    vertical-align: top;
}
textarea.form-control {
    height: 150px;
    overflow-y: auto;
}
td .close-coll textarea {
    border-bottom:none;
}
.table-bordered {
    border-bottom: none;
}

.table-total {
    background: rgb(33,150,243,17%) !important;
}

/* Icon */
.icon{
    vertical-align: middle;
    margin-top:-1px;
    display: inline-block;
    margin-right:3px;
}
.icon_x16{
    vertical-align: middle;
    margin-top:-1px;
    background-size: 16px !important;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right:3px;
    font-size: 16px;
}
.fa.icon_x16{
    margin-top:-2px;
    font-size: 18px;
    margin-right:0
}
.n_logo_g{
    background: url(../images/n_logo_g.png) no-repeat top center;
}
.n_logo_g ~ small{
    color: #0cc100
}
.n_logo_r{
    background: url(../images/n_logo_r.png) no-repeat top center;
}
.n_logo_r ~ small{
    color: #cb1c0d
}
.n_logo_b{
    background: url(../images/n_logo_b.png) no-repeat top center;
}
.n_logo_b ~ small{
    color: #0059c2;
}
.n_logo_p{
    background: url(../images/n_logo_p.png) no-repeat top center;
}
.n_logo_p ~ small{
    color: #7b0eb6;
}
.collapse-content td{
    padding:0 !important;
}
.collapse-content div{
    word-break: break-all;
    white-space: normal;
}
.collapse-content div textarea{
    width: 100%;
    height:400px;
    overflow-y: scroll;
    border:none;
    box-shadow: none;
    outline:none;
    padding:15px;
    vertical-align: top;
    background: #edfdff;
}
td .fa.fa-mobile{
    color: #2196F3;
    cursor: pointer;
    font-size: 32px;
    vertical-align: middle;
    margin-top: -15px;
}


.badge, .label {
    background-color: #F0E5DE;
    color: #777;
    padding:3px 8px;
    font-weight:normal;
    font-size:12px;
    border-radius: 0 !important;
}

.badge-success, .label-success {
    background-color: #80d4f6;
    color: #fff
}

.badge-danger, .label-danger {
    background-color: #EE7785;
    color: #fff
}

.badge-warning, .label-warning {
    background-color: #ffcd56;
    color: #fff
}

.badge-info, .label-info {
    background-color: #84B1ED;
    color: #fff
}

.badge-primary, .label-primary {
    background-color: #6a60a9;
    color: #fff
}
/* 6.11 추가*/
.alert-reserve {
    background-color: #E6E6E6 !important;
    border-color: #bce8f1;
    color: #31708f;
}

.alert-info {
    background-color: #d9edf7 !important;
    border-color: #bce8f1;
    color: #31708f;
}

.alert-danger {
    background-color: #f2dede !important;
    border-color: #ebccd1;
    color: #a94442;
}


.alert {
    color: #8B6420;
    background: #fcf3e2;
    border: 1px solid #f3ce85;
    padding: 10px;
	border-radius:2px;
}

.alert.alert-info {
    color: #0f5d84;
    background: #b2d5dc;
    border: 1px solid #6bafbd
}

.alert.alert-success {
    color: #1b601c;
    background: #b2e7d3;
    border: 1px solid #65cea7
}

.alert.alert-danger {
    color: #691715;
    background: #feded9;
    border: 1px solid #fc8675
}

/* history-block */
.history-block {
    position: relative;
    padding-left:20%;
}
.history-block .form-group select,
.history-block .form-group input,
.history-block .form-group .btn,
.history-block .form-group textarea{
    vertical-align: top;
}
.history-block select{
    position: absolute;
    left: 0;
    top: 0;
    width: 19.5% !important;
    min-width: auto;
}
.history-block textarea {
    height:34px;
    width: 86% !important;
}
.history-block textarea ~ .btn {
}

/* new-window-layout */
.new-window-layout {
    min-width:767px;
}


.card {
    border-radius: 6px;
    box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);
    background-color: #FFFFFF;
    color: #252422;
    position: relative;
    z-index: 1;
}
.col-lg-4.col-sm-4.col-xs-4 .card,
.col-lg-6.col-sm-6.col-xs-6 .card{
    margin-bottom: 10px;
    border:none
}
.col-lg-4.col-sm-4.col-xs-4 .card .content,
.col-lg-6.col-sm-6.col-xs-6 .card .content{
    border-radius: 4px;
}

.sale-area .card{
    margin-bottom: 10px;
    border:none
}
.sale-area .card .content{
    border-radius: 4px;
}


.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut {
    stroke: #4bc0c0
}

.ct-series-a .ct-area, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-slice-pie {
    fill: #4bc0c0
}

.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut {
    stroke: #f05b4f
}

.ct-series-b .ct-area, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-slice-pie {
    fill: #f05b4f
}

.ct-series-c .ct-bar, .ct-series-c .ct-line, .ct-series-c .ct-point, .ct-series-c .ct-slice-donut {
    stroke: #ffcd56
}

.ct-series-c .ct-area, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-slice-pie {
    fill: #ffcd56
}

.ct-series-d .ct-bar, .ct-series-d .ct-line, .ct-series-d .ct-point, .ct-series-d .ct-slice-donut {
    stroke: #EE7785
}

.ct-series-d .ct-area, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-slice-pie {
    fill: #EE7785
}

.ct-series-e .ct-bar, .ct-series-e .ct-line, .ct-series-e .ct-point, .ct-series-e .ct-slice-donut {
    stroke: #6a60a9
}

.ct-series-e .ct-area, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-slice-pie {
    fill: #6a60a9
}

.ct-series-f .ct-bar, .ct-series-f .ct-line, .ct-series-f .ct-point, .ct-series-f .ct-slice-donut {
    stroke: #80d4f6
}

.ct-series-f .ct-area, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-slice-pie {
    fill: #80d4f6
}

.ct-series-g .ct-bar, .ct-series-g .ct-line, .ct-series-g .ct-point, .ct-series-g .ct-slice-donut {
    stroke: #84B1ED
}

.ct-series-g .ct-area, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-slice-pie {
    fill: #84B1ED
}

.ct-series-h .ct-bar, .ct-series-h .ct-line, .ct-series-h .ct-point, .ct-series-h .ct-slice-donut {
    stroke: #6b0392
}

.ct-series-h .ct-area, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-slice-pie {
    fill: #6b0392
}

.ct-series-i .ct-bar, .ct-series-i .ct-line, .ct-series-i .ct-point, .ct-series-i .ct-slice-donut {
    stroke: #f05b4f
}

.ct-series-i .ct-area, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-slice-pie {
    fill: #f05b4f
}

.ct-series-j .ct-bar, .ct-series-j .ct-line, .ct-series-j .ct-point, .ct-series-j .ct-slice-donut {
    stroke: #dda458
}

.ct-series-j .ct-area, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-slice-pie {
    fill: #dda458
}

.ct-series-k .ct-bar, .ct-series-k .ct-line, .ct-series-k .ct-point, .ct-series-k .ct-slice-donut {
    stroke: #eacf7d
}

.ct-series-k .ct-area, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-slice-pie {
    fill: #eacf7d
}

.ct-series-l .ct-bar, .ct-series-l .ct-line, .ct-series-l .ct-point, .ct-series-l .ct-slice-donut {
    stroke: #86797d
}

.ct-series-l .ct-area, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-slice-pie {
    fill: #86797d
}

.ct-series-m .ct-bar, .ct-series-m .ct-line, .ct-series-m .ct-point, .ct-series-m .ct-slice-donut {
    stroke: #b2c326
}

.ct-series-m .ct-area, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-slice-pie {
    fill: #b2c326
}

.ct-series-n .ct-bar, .ct-series-n .ct-line, .ct-series-n .ct-point, .ct-series-n .ct-slice-donut {
    stroke: #6188e2
}

.ct-series-n .ct-area, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-slice-pie {
    fill: #6188e2
}

.ct-series-o .ct-bar, .ct-series-o .ct-line, .ct-series-o .ct-point, .ct-series-o .ct-slice-donut {
    stroke: #a748ca
}

.ct-series-o .ct-area, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-slice-pie {
    fill: #a748ca
}

.ct-label {
    font-size: 13px !important;
}

/* 달력 */
.ui-datepicker th {
    padding:6px 0
}
.ui-widget-header .ui-icon {
    background-image: url(../images/ui-icons_444444_256x240.png);
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
    vertical-align: middle;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 18px;
    line-height: 27px;
    text-align: center;
    font-family: 'MapoPeacefull', sans-serif;
    height: 30px;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 13px;
    margin: 1px 0;
    margin: 0;
    font-weight: normal;
    height: 24px;
    line-height: 22px;
    font-family: 'MapoPeacefull',sans-serif;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
    margin-top: -5px;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 41%;
}
.ui-datepicker select.ui-datepicker-month{
    margin-left:3px !important;
}
.ui-datepicker select.ui-datepicker-year{
    margin-right:3px !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #2196F3;
    background: #2196F3;
    font-weight: normal;
    color: #fff;
}

/* //달력 */


/* 바코드 인증 */
.barcode-block .control-label{
    font-size: 30px;
    line-height: 50px !important;
    margin-top: 0;
    height: 50px !important;
    padding: 0;
    width:20%;
    min-width: 190px !important;
    letter-spacing: -1px;
}
.barcode-block .form-control {
    height:50px;
    line-height: 50px;
    width:60%;
    font-size: 25px;
}
.barcode-block .btn {
    height:50px;
    line-height: 50px;
    width:10%;
    font-size: 20px;
    padding:0
}

/* //바코드 인증 */

.info-barcode .alert{
    font-size:20px;
    text-align: center;
}

#testbarcode{
    width:0;
    height:0;
    border:none;
    background: none;
    box-shadow: none;
    outline: none !important;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 0;
    text-indent: -10000px;
}

/* bg */

.bg-white {
    background-color: #fff
}

.bg-light {
    background-color: #f1f5fc
}

.bg-dark {
    background-color: #222
}

.bg-grey {
    /*
    background-color: #eee;
    text-shadow: 0 1px #fff
    */
    background-color: #f5f5f57a;
    text-shadow: 0 1px #fff;
    border: 1px solid #dddcdc;
}

.bg-primary {
    background-color: #424f63;
    color: #BECFDF
}

.bg-warning {
    /*background-color: #f3ce85;
    color: #fff*/
    color: #8B6420;
    background: #fcf3e2;
    border: 1px solid #f3ce85;
}

.bg-info {
    /*background-color: #6bafbd;
    color: #fff*/
    color: #0f5d84;
    background: #b2d5dc;
    border: 1px solid #6bafbd;
}

.bg-success {
    /*background-color: #65cea7;
    color: #fff*/
    color: #1b601c;
    background: #b2e7d3;
    border: 1px solid #65cea7;
}

.bg-danger {
    /*background-color: #fc8675 !important;
    color: #fff !important*/
    color: #691715;
    background: #feded9;
    border: 1px solid #fc8675;
}

.bg-sky{
    background-color: #84B1ED;
    color: #fff;
}

.qr_style{
    text-align: center;
    padding:30px 0;
}



/* 블럭관리 */
.block-area{
    background: #f5f5f5 !important;
}
.sale-area{
    background: #b2e7d3 !important;
}
.remainder_area{
    background: #fcf3e2 !important;
}

/* 블럭관리 */
#wrap.blockWrap { 
	min-width:auto !important
}
.panel.admin-block>.table-responsive {
	overflow:auto;
}
.admin-block .form-horizontal .btn ~ .btn {
	margin-left:20px;
}

.admin-block .date-block {
	position:relative;
	margin-top:40px;
	margin-bottom:15px;
}
.admin-block .icon-line-default {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
}
.admin-block .date-block .date-area {
	position:relative;
	display:inline-block;
}
.admin-block .date-block .date-area i.fa{
	font-size:40px;
	position:absolute;
	display:inline-block;
	top:50%;
	cursor:pointer;
    margin-top: -20px;
}
.admin-block .date-block .date-area i.fa-caret-left {

	margin-left:-30px;

}
.admin-block .date-block .date-area i.fa-caret-right {

	margin-left:15px;
}
.admin-block .date-block .date-area strong{
    font-size: 30px;
}




.admin-block .table tr th, 
.admin-block .table-bordered tr th {
	background:#f7f7f7;
}
.admin-block .table-bordered tr th:last-child{
	border-right: 1px solid #ddd !important;
}
.admin-block .table th,
.admin-block .table td{
	min-width:43px;
}
.admin-block .table th.checkArea,
.admin-block .table td.checkArea{
	min-width:20px;
	width:20px;
}
.admin-block .table th,
.admin-block .table td,
.admin-block .table th p,
.admin-block .table td p{
	line-height:1.4em;
	font-size:12px;
    white-space: inherit !important;
}
.admin-block .table .title{
	width:180px;
	min-width:180px;
}
.admin-block .table tbody td.title p{
	color:#000 !important;
	cursor:pointer
}
.admin-block .table thead th p:first-child{
	color:#000
}
.admin-block .table .sat{
	color:blue !important;
}
.admin-block .table .sun{
	color:red !important;
}
.admin-block .table .fri{
	color:orange !important;
}


.admin-block .icon-line-default span small.t_b,
.admin-block .table tbody td p.t_b{
	color:#009695;
}
.admin-block .icon-line-default span small.p_b,
.admin-block .table tbody td p.p_b{
	color:rgb(109,105,105);
}
.admin-block .icon-line-default span small.h_b,
.admin-block .table tbody td p.h_b{
	color:#ec8d00;
}
.admin-block .icon-line-default span small.s_b,
.admin-block .table tbody td p.s_b{
	color:#e91e63;
}

.admin-block .icon-line-default span small.d_b,
.admin-block .table tbody td.d_b p{
	color:#c3c3bd !important;
}
.admin-block .icon-line-default span small.d_b {
	position:relative;
	padding-left:13px;
}
.admin-block .icon-line-default span small.d_b i{
	display:inline-block;
	width:10px;
	height:10px;
	background:#c3c3bd;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-5px;
}


.admin-block .table .block-total{
	background:#f7f7f7 !important
}
.admin-block .table tbody td {
	cursor:pointer
}

.admin-block.newWin table td{ 
	padding:3px 8px !important
}

.admin-block.newWin table td .form-control {  
	height:24px;
	line-height:23px;
	font-size:12px;
	margin:0;
	text-align:center;
}
.admin-block.newWin table td select.form-control{ 
	padding:0 4px
}
.admin-block.newWin .line-default .btn-info{ 
	margin-top:3px
}
.admin-block.newWin .panel {  
	padding: 15px;
	background: #fff;
	box-shadow: none;
	margin-bottom:30px;
}

.admin-block.newWin .bootstrap-select>.dropdown-toggle{
	width:480px !important;
	margin-left:5px
}
.admin-block.newWin .bootstrap-select .dropdown-menu {
	min-width:480px !important;
	left: 3px;
}
.admin-block .registe-block {
	width:425px;
	position:absolute;
	right:120px;
	bottom:0

}
.admin-block td.pre_date {
	background:#eee;
	opacity:0.8
}
.admin-block tr.pre_date td {
	background:#eee;
	opacity:0.8
}

.admin-block .panel-group .panel {

	overflow:visible;
}

.admin-block  .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 700px;
}

.admin-block.newWin  .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 480px;
}



.admin-block .dropdown-menu>li>a {
	color:#333
}

.admin-block .dropdown-menu>li>a:hover {
	color:#fff
}

.admin-block .dropdown-menu>.active>a {
    background-color: tomato;
	color:#fff;
}

.admin-block .block-count input[type="text"]{
    width: 32px !important;
    min-width: 32px !important;
    height: 16;
    height: 26px;
    line-height: 25px;
    font-size: 12px;
    text-align: center;
    display: inline-block;
    padding: 6px 3px;
	margin-bottom:0;
	margin-top:0;
}
.admin-block .block-count label {
	margin-bottom:0 !important;
	line-height:26px;
	font-weight:bold;
}
.admin-block .block-count label input{
	margin-right:3px;
	margin-left:5px;
}
.admin-block .block-count .btn{
	vertical-align:bottom;
}


@media screen and (max-width: 1380px) { 

.admin-block .registe-block {
    width: 425px;
    position: static;
    margin-top: -20px;
    margin-bottom: 20px;
	}
}


/* 연간이용권  */

.memberBarcode .memberImg { 
	text-align:center;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height:280px;
	border:1px solid #ddd;
	padding:10px;
	box-sizing:border-box;
    background-size: 240px 280px !important;
}
.memberBarcode .memberImg .memberImgArea { 
    width: 240px;
    height: 280px;
    background: url(../images/bg_noImg.gif) no-repeat top center;
    background-size: 240px 280px !important;
    border: 1px solid #ddd;

}

.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

/* named upload */
.filebox .upload-name {
    display: inline-block;
  height: 35px;
}

.img-block{ 
	display:inline-block;
	width:180px;
	margin-top:5px;
}
.img-block { 
	background-size:100% auto !important;
}
.img-block img{ 
	width:100%;
	height:auto;
	border:1px solid #ddd;
}


td .fa.fa-mobile {
    color: #2196F3;
    cursor: pointer;
    font-size: 29px;
    vertical-align: middle;
    margin-top: -15px;

}