@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

html * {
    box-sizing: border-box;
    /*font-family: 'Noto Sans KR', sans-serif;*/
    /*font-family: Helvetica, Arial, sans-serif !important;*/
    color: #333;
}

html {
    font-size: 10px;
}

html,
body {
    margin: 0;
    padding: 0;
    font-size: 10px;
}

body {
    background: #fff;
    font-size:1.4rem;
}

pre {
    padding: 0.75rem;
    border: 1px solid #e7eaf3;
    background-color: #f8f9fa;
    border-radius: 0.35rem;
    margin-bottom: 0.5rem;
    resize: both;
    overflow: auto;
}

.content-inner {
    flex-grow: 1;
}

ol, ul, li, dl, dt, dd {margin: 0; padding: 0; list-style: none;}

a:hover {color:#ea5520;}

#code-editor-div .CodeMirror {
    height: 500px;
}

#create-editor-div .CodeMirror,
#abi-editor-div .CodeMirror {
    height: 200px;
}

.mgl_0 {margin-left:0!important;}
.mb_30 {margin-bottom:30px;}

.txt_align_c {text-align:center;}

.wbreak_bw {word-break:break-word;}

.spinner {
    margin-right: 5px;
    display: none;
}

.content-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative;
    min-width: 0;
    overflow: visible !important;
}

.typeahead.tt-input {
    width: 100% !important;
}

.media-chat .CodeMirror {
    border: 1px solid #eee;
    height: auto !important;
    max-height:400px;
}

.media-chat .CodeMirror-scroll {
    height: auto !important;
    max-height:400px;
}
.wordwrap {
    white-space: pre-wrap;
    word-wrap: break-word;
    font-size: 87.5%;
}

.card-header-title {
    color: #4a4f55;
    font-size: 1.875rem;
    font-weight: 500;
    margin-bottom: 0;
}

/*사이드바관련*/
.sidebar-main, .sidebar-main .sidebar-content, .sidebar-secondary, .sidebar-secondary .sidebar-content {left:-40rem;}
.sidebar {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 18.75rem;
	position: fixed;
	top: 0;
	bottom: 0;
	box-sizing: content-box
}
.sidebar-main, .sidebar-secondary {
	/*left: -20.625rem;*/
	left: -40rem
box-shadow:.25rem 0 1rem rgba(0,0,0,.35)
}
.sidebar-right {
	right: -20.625rem;
box-shadow:-.25rem 0 1rem rgba(0,0,0,.35)
}
.sidebar-content {
	position: relative;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex: 1;
	flex: 1;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}
.sidebar-section {
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.sidebar-section .form-group:last-child {
	margin-bottom: 0
}
.sidebar-section-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
padding:.75rem 1.25rem
}
.sidebar-section-body {
	position: relative;
	padding: 1.25rem 1.25rem
}
.sidebar-resize-show {
	display: none
}
.btn-sidebar-expand {
	display: none;
	border-width: 0;
	border-radius: 0;
padding:.3125rem
}
.sidebar-mobile-expanded.sidebar-main, .sidebar-mobile-expanded.sidebar-secondary {
	left: 0
}
.sidebar-mobile-expanded.sidebar-right {
	right: 0
}
.sidebar-mobile-expanded.sidebar-component {
	display: block
}
.sidebar-user img {
	height: 2.375rem;
	width: 2.375rem;
margin-top:.1875rem;
margin-bottom:.1875rem
}
.nav-sidebar {
	-ms-flex-direction: column;
	flex-direction: column
}
.nav-sidebar .nav-item:not(.nav-item-header):first-child {
padding-top:.5rem
}
.nav-sidebar .nav-item:not(.nav-item-header):last-child {
padding-bottom:.5rem
}
.nav-sidebar .nav-item:not(.nav-item-divider) {
	margin-bottom: 1px
}
.nav-sidebar .nav-item:not(.nav-item-divider):last-child {
	margin-bottom: 0
}
.nav-sidebar>.nav-item>.nav-link {
	font-weight: 400
}
.nav-sidebar .nav-link {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
padding:.75rem 1.25rem;
	transition: background-color ease-in-out .15s, color ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.nav-sidebar .nav-link {
	transition: none
}
}
.nav-sidebar .nav-link i {
	margin-right: 1.25rem;
margin-top:.1875rem;
margin-bottom:.1875rem;
	top: 0
}
.nav-sidebar .nav-link .badge {
	transition: background-color ease-in-out .15s, border-color ease-in-out .15s
}
@media (prefers-reduced-motion:reduce) {
.nav-sidebar .nav-link .badge {
	transition: none
}
}
.nav-sidebar .nav-link.disabled, .nav-sidebar .nav-link.disabled:focus, .nav-sidebar .nav-link.disabled:hover {
	background-color: transparent;
	opacity: .5
}
.nav-sidebar .nav-item-header {
padding:.75rem 1.25rem
}
.nav-sidebar .nav-item-header>i {
	display: none
}
.nav-sidebar .nav-item-divider {
margin:.5rem 0;
	height: 1px
}
.nav-item-submenu>.nav-link {
	padding-right: 2.75rem
}
.nav-item-submenu>.nav-link:after {
	content: "";
	font-family: icomoon;
	display: inline-block;
	font-size: 1rem;
	vertical-align: middle;
	line-height: 1;
	position: absolute;
top:.75rem;
margin-top:.1875rem;
	right: 1.25rem;
	transition: -webkit-transform .25s ease-in-out;
	transition: transform .25s ease-in-out;
	transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
@media (prefers-reduced-motion:reduce) {
.nav-item-submenu>.nav-link:after {
	transition: none
}
}
[dir=rtl] .nav-item-submenu>.nav-link:after {
	content: ""
}
.nav-item-submenu.nav-item-open>.nav-link:after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}
.nav-group-sub {
	display: block
}
.nav-item:not(.nav-item-expanded)>.nav-group-sub {
	display: none
}
.nav-group-sub .nav-link {
padding:.625rem 1.25rem .625rem 3.5rem!important;
}
.nav-group-sub .nav-group-sub .nav-link {
	padding-left: 4.75rem
}
.nav-group-sub .nav-group-sub .nav-group-sub .nav-link {
	padding-left: 6rem
}
.nav-group-sub .nav-item-submenu>.nav-link:after {
top:.625rem
}
.nav-scrollspy .nav-item-open .nav-link:not(.active)+.nav, .nav-scrollspy .nav-link.active+.nav {
	display: block
}
.nav-scrollspy .nav-link.active:after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}
.nav-sidebar-icons-reverse .nav-link {
	padding-right: 3.5rem
}
.nav-sidebar-icons-reverse .nav-link i {
	position: absolute;
top:.75rem;
	right: 1.25rem;
	margin-right: 0
}
.nav-sidebar-icons-reverse .nav-item-submenu .nav-link {
	padding-right: 4.5rem
}
.nav-sidebar-icons-reverse .nav-item-submenu .nav-link:after {
	right: 3.25rem
}
.nav-sidebar-icons-reverse .nav-group-sub .nav-link {
	padding-left: 2.5rem
}
.nav-sidebar-icons-reverse .nav-group-sub .nav-link i {
top:.625rem
}
.nav-sidebar-icons-reverse .nav-group-sub .nav-group-sub .nav-link {
	padding-left: 3.75rem
}
.nav-sidebar-icons-reverse .nav-group-sub .nav-group-sub .nav-group-sub .nav-link {
	padding-left: 5rem
}
.nav-sidebar-bordered>.nav-item:not(.nav-item-divider) {
	margin-bottom: 0
}
.sidebar-dark .nav-sidebar-bordered>.nav-item {
	border-top: 1px solid rgba(255,255,255,.1)
}
.sidebar-dark .nav-sidebar-bordered>.nav-item-header {
	background-color: rgba(0,0,0,.1);
	border-top: 1px solid rgba(255,255,255,.1);
	margin: 0
}
.sidebar-light .nav-sidebar-bordered>.nav-item {
	border-top: 1px solid #eee
}
.sidebar-light .nav-sidebar-bordered>.nav-item-header {
	background-color: #fafafa;
	border-top: 1px solid #eee;
	margin: 0
}
.sidebar-dark {
	background-color: #1a2738;
	color: #fff
}
.sidebar-dark .nav-sidebar .nav-link {
	color: rgba(255,255,255,.9)
}
.sidebar-dark .nav-sidebar .nav-link:not(.disabled):hover {
	color: #fff;
	background-color: rgba(255,255,255,.1)
}
.sidebar-dark .nav-sidebar .nav-item>.nav-link.active {
	background-color: #28313d !important;
	color: #fff
}
.sidebar-dark .nav-sidebar .nav-item-open>.nav-link:not(.disabled), .sidebar-dark .nav-sidebar>.nav-item-expanded:not(.nav-item-open)>.nav-link {
	background-color:#34663f;
	color: #fff
}
.sidebar-dark .nav-sidebar>.nav-item>.nav-link.active {
	background-color: #596782;
	color: #fff
}
.sidebar-dark .nav-sidebar .nav-item-header {
	color: rgba(255,255,255,.5)
}
.sidebar-dark .nav-sidebar .nav-item-divider {
	background-color: rgba(255,255,255,.1)
}
.sidebar-dark .nav-sidebar>.nav-item-submenu>.nav-group-sub {
	background-color: rgba(0,0,0,.25)
}
.sidebar-dark .sidebar-section-header {
	border-bottom: 1px solid rgba(255,255,255,.1)
}
.sidebar-dark .btn-sidebar-expand {
	background-color: #252b36;
	border-color: rgba(255,255,255,.1);
	color: #fff
}
.sidebar-dark .btn-sidebar-expand:focus, .sidebar-dark .btn-sidebar-expand:hover {
	background-color: #2f3745
}
.sidebar-dark .btn-sidebar-expand:not([disabled]):not(.disabled):active {
	background-color: #353d4d
}
.sidebar-light {
	background-color: #fff;
	color: #333;
	border-right: 1px solid rgba(0,0,0,.125)
}
.sidebar-light.sidebar-right {
	border-right: 0;
	border-left: 1px solid rgba(0,0,0,.125)
}
.sidebar-light .nav-sidebar .nav-link {
	color: #333
}
.sidebar-light .nav-sidebar .nav-link:not(.disabled):hover {
	color: #333;
	background-color: #eee
}
.sidebar-light .nav-sidebar .nav-item>.nav-link.active {
	background-color: #e9f5fe;
	color: #2196f3
}
.sidebar-light .nav-sidebar .nav-item-open>.nav-link:not(.disabled), .sidebar-light .nav-sidebar>.nav-item-expanded>.nav-link {
	background-color: #eee;
	color: #333
}
.sidebar-light .nav-sidebar>.nav-item>.nav-link.active {
	background-color: #eee;
	color: #333
}
.sidebar-light .nav-sidebar .nav-item-header {
	color: rgba(51,51,51,.5)
}
.sidebar-light .nav-sidebar .nav-item-divider {
	background-color: rgba(0,0,0,.125)
}
.sidebar-light .nav-sidebar>.nav-item-submenu>.nav-group-sub {
	background-color: transparent
}
.sidebar-light .sidebar-section-header {
	border-bottom: 1px solid rgba(0,0,0,.125)
}
.sidebar-light .btn-sidebar-expand {
	background-color: #fff;
	border-color: rgba(0,0,0,.125);
	color: #333
}
.sidebar-light .btn-sidebar-expand:focus, .sidebar-light .btn-sidebar-expand:hover {
	background-color: #f2f2f2
}
.sidebar-light .btn-sidebar-expand:not([disabled]):not(.disabled):active {
	background-color: #ececec
}
.sidebar-component {
	display: none;
	position: static;
	width: 100%;
	border: 1px solid transparent;
	margin-bottom: 1.25rem;
border-radius:.25rem;
	box-shadow: 0 1px 2px rgba(0,0,0,.05)
}
.sidebar-component.sidebar-dark {
	border-color: rgba(255,255,255,.1)
}
.sidebar-component.sidebar-light {
	border-color: rgba(0,0,0,.125)
}
.sidebar-sections {
	background-color: transparent;
	border: 0;
	margin: 0;
	box-shadow: none;
	border-radius: 0
}
@media (min-width:576px) {
.sidebar-expand-sm {
	position: static
}
.sidebar-expand-sm.sidebar-collapsed {
	width: auto
}
.sidebar-expand-sm.sidebar-collapsed .btn-sidebar-expand {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}
.sidebar-expand-sm.sidebar-collapsed>:not(.btn-sidebar-expand) {
	display: none!important
}
.sidebar-expand-sm.sidebar-main {
	z-index: 99;
	box-shadow: none
}
.sidebar-expand-sm.sidebar-main-resized {
	position: absolute;
	left: 0;
	transition: none
}
.sidebar-expand-sm.sidebar-main-resized+* {
	margin-left: 3.5rem
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) {
	width: 3.5rem;
	overflow: hidden
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-group-sub, .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>div, .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link>span, .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-title {
	display: none!important
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-section-body {
	padding-left: 0;
	padding-right: 0
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media {
	-ms-flex-pack: center;
	justify-content: center
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:not(:first-child) {
	display: none!important
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:first-child {
	margin-right: 0!important
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-hide {
	display: none
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-show {
	display: block
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header, .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link, .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header {
	padding-left: 0;
	padding-right: 0;
	-ms-flex-pack: center;
	justify-content: center
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header>* {
	margin: 0!important
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header i, .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i {
	position: static;
	display: block
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link:after {
	content: none
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i {
	margin-left: 0;
	margin-right: 0
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header {
	display: -ms-flexbox;
	display: flex
}
.sidebar-expand-sm.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>i {
margin-top:.1875rem;
margin-bottom:.1875rem
}
.sidebar-expand-sm.sidebar-main-resized.sidebar-main-unfold {
	width: 18.75rem;
	z-index: 1022;
box-shadow:.25rem 0 1rem rgba(0,0,0,.35)
}
.sidebar-expand-sm.sidebar-secondary {
	z-index: 98;
	box-shadow: none
}
.sidebar-expand-sm.sidebar-right {
	z-index: 97;
	box-shadow: none
}
.sidebar-expand-sm.sidebar-component {
	display: -ms-flexbox;
	display: flex;
	width: 18.75rem;
	z-index: 96
}
.sidebar-expand-sm.sidebar-component-left {
	margin-right: 1.25rem
}
.sidebar-expand-sm.sidebar-component-right {
	margin-left: 1.25rem
}
.sidebar-expand-sm.sidebar-dark:not(.sidebar-component)+.sidebar-dark:not(.sidebar-component) {
	box-shadow: 1px 0 0 rgba(255,255,255,.1) inset
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.sidebar-expand-sm.sidebar-sticky {
position:-webkit-sticky;
position:sticky;
top:1.25rem;
z-index:1020
}
}
}
@media (max-width:575.98px) {
.sidebar-expand-sm {
	z-index: 1040;
	transition: left ease-in-out .15s, right ease-in-out .15s
}
}
@media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
.sidebar-expand-sm {
	transition: none
}
}
@media (max-width:575.98px) {
.sidebar-expand-sm:not(.sidebar-component) {
	border: 0
}
}
@media (min-width:769px) {
.sidebar-expand-md {
	position: static
}
.sidebar-expand-md.sidebar-collapsed {
	width: auto
}
.sidebar-expand-md.sidebar-collapsed .btn-sidebar-expand {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}
.sidebar-expand-md.sidebar-collapsed>:not(.btn-sidebar-expand) {
	display: none!important
}
.sidebar-expand-md.sidebar-main {
	z-index: 99;
	box-shadow: none
}
.sidebar-expand-md.sidebar-main-resized {
	position: absolute;
	left: 0;
	transition: none
}
.sidebar-expand-md.sidebar-main-resized+* {
	margin-left: 3.5rem
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) {
	width: 3.5rem;
	overflow: hidden
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-group-sub, .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>div, .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link>span, .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-title {
	display: none!important
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-section-body {
	padding-left: 0;
	padding-right: 0
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media {
	-ms-flex-pack: center;
	justify-content: center
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:not(:first-child) {
	display: none!important
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:first-child {
	margin-right: 0!important
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-hide {
	display: none
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-show {
	display: block
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header, .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link, .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header {
	padding-left: 0;
	padding-right: 0;
	-ms-flex-pack: center;
	justify-content: center
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header>* {
	margin: 0!important
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header i, .sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i {
	position: static;
	display: block
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link:after {
	content: none
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i {
	margin-left: 0;
	margin-right: 0
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header {
	display: -ms-flexbox;
	display: flex
}
.sidebar-expand-md.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>i {
margin-top:.1875rem;
margin-bottom:.1875rem
}
.sidebar-expand-md.sidebar-main-resized.sidebar-main-unfold {
	width: 18.75rem;
	z-index: 1022;
box-shadow:.25rem 0 1rem rgba(0,0,0,.35)
}
.sidebar-expand-md.sidebar-secondary {
	z-index: 98;
	box-shadow: none
}
.sidebar-expand-md.sidebar-right {
	z-index: 97;
	box-shadow: none
}
.sidebar-expand-md.sidebar-component {
	display: -ms-flexbox;
	display: flex;
	width: 18.75rem;
	z-index: 96
}
.sidebar-expand-md.sidebar-component-left {
	margin-right: 1.25rem
}
.sidebar-expand-md.sidebar-component-right {
	margin-left: 1.25rem
}
.sidebar-expand-md.sidebar-dark:not(.sidebar-component)+.sidebar-dark:not(.sidebar-component) {
	box-shadow: 1px 0 0 rgba(255,255,255,.1) inset
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.sidebar-expand-md.sidebar-sticky {
position:-webkit-sticky;
position:sticky;
top:1.25rem;
z-index:1020
}
}
}
@media (max-width:768.98px) {
.sidebar-expand-md {
	z-index: 1040;
	transition: left ease-in-out .15s, right ease-in-out .15s
}
}
@media (max-width:768.98px) and (prefers-reduced-motion:reduce) {
.sidebar-expand-md {
	transition: none
}
}
@media (max-width:768.98px) {
.sidebar-expand-md:not(.sidebar-component) {
	border: 0
}
}
@media (min-width:992px) {
.sidebar-expand-lg {
	position: static
}
.sidebar-expand-lg.sidebar-collapsed {
	width: auto
}
.sidebar-expand-lg.sidebar-collapsed .btn-sidebar-expand {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}
.sidebar-expand-lg.sidebar-collapsed>:not(.btn-sidebar-expand) {
	display: none!important
}
.sidebar-expand-lg.sidebar-main {
	z-index: 99;
	box-shadow: none
}
.sidebar-expand-lg.sidebar-main-resized {
	position: absolute;
	left: 0;
	transition: none
}
.sidebar-expand-lg.sidebar-main-resized+* {
	margin-left: 3.5rem
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) {
	width: 3.5rem;
	overflow: hidden
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-group-sub, .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>div, .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link>span, .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-title {
	display: none!important
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-section-body {
	padding-left: 0;
	padding-right: 0
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media {
	-ms-flex-pack: center;
	justify-content: center
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:not(:first-child) {
	display: none!important
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:first-child {
	margin-right: 0!important
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-hide {
	display: none
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-show {
	display: block
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header, .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link, .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header {
	padding-left: 0;
	padding-right: 0;
	-ms-flex-pack: center;
	justify-content: center
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header>* {
	margin: 0!important
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header i, .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i {
	position: static;
	display: block
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link:after {
	content: none
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i {
	margin-left: 0;
	margin-right: 0
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header {
	display: -ms-flexbox;
	display: flex
}
.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>i {
margin-top:.1875rem;
margin-bottom:.1875rem
}
.sidebar-expand-lg.sidebar-main-resized.sidebar-main-unfold {
	width: 18.75rem;
	z-index: 1022;
box-shadow:.25rem 0 1rem rgba(0,0,0,.35)
}
.sidebar-expand-lg.sidebar-secondary {
	z-index: 98;
	box-shadow: none
}
.sidebar-expand-lg.sidebar-right {
	z-index: 97;
	box-shadow: none
}
.sidebar-expand-lg.sidebar-component {
	display: -ms-flexbox;
	display: flex;
	width: 18.75rem;
	z-index: 96
}
.sidebar-expand-lg.sidebar-component-left {
	margin-right: 1.25rem
}
.sidebar-expand-lg.sidebar-component-right {
	margin-left: 1.25rem
}
.sidebar-expand-lg.sidebar-dark:not(.sidebar-component)+.sidebar-dark:not(.sidebar-component) {
	box-shadow: 1px 0 0 rgba(255,255,255,.1) inset
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.sidebar-expand-lg.sidebar-sticky {
position:-webkit-sticky;
position:sticky;
top:1.25rem;
z-index:1020
}
}
}
@media (max-width:991.98px) {
.sidebar-expand-lg {
	z-index: 1040;
	transition: left ease-in-out .15s, right ease-in-out .15s
}
}
@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
.sidebar-expand-lg {
	transition: none
}
}
@media (max-width:991.98px) {
.sidebar-expand-lg:not(.sidebar-component) {
	border: 0
}
}
@media (min-width:1200px) {
.sidebar-expand-xl {
	position: static
}
.sidebar-expand-xl.sidebar-collapsed {
	width: auto
}
.sidebar-expand-xl.sidebar-collapsed .btn-sidebar-expand {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}
.sidebar-expand-xl.sidebar-collapsed>:not(.btn-sidebar-expand) {
	display: none!important
}
.sidebar-expand-xl.sidebar-main {
	z-index: 99;
	box-shadow: none
}
.sidebar-expand-xl.sidebar-main-resized {
	position: absolute;
	left: 0;
	transition: none
}
.sidebar-expand-xl.sidebar-main-resized+* {
	margin-left: 3.5rem
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) {
	width: 3.5rem;
	overflow: hidden
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-group-sub, .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>div, .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link>span, .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-title {
	display: none!important
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-section-body {
	padding-left: 0;
	padding-right: 0
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media {
	-ms-flex-pack: center;
	justify-content: center
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:not(:first-child) {
	display: none!important
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:first-child {
	margin-right: 0!important
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-hide {
	display: none
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-show {
	display: block
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header, .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link, .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header {
	padding-left: 0;
	padding-right: 0;
	-ms-flex-pack: center;
	justify-content: center
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header>* {
	margin: 0!important
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header i, .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i {
	position: static;
	display: block
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link:after {
	content: none
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i {
	margin-left: 0;
	margin-right: 0
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header {
	display: -ms-flexbox;
	display: flex
}
.sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>i {
margin-top:.1875rem;
margin-bottom:.1875rem
}
.sidebar-expand-xl.sidebar-main-resized.sidebar-main-unfold {
	width: 18.75rem;
	z-index: 1022;
box-shadow:.25rem 0 1rem rgba(0,0,0,.35)
}
.sidebar-expand-xl.sidebar-secondary {
	z-index: 98;
	box-shadow: none
}
.sidebar-expand-xl.sidebar-right {
	z-index: 97;
	box-shadow: none;
	display:block;
}
.sidebar-expand-xl.sidebar-component {
	display: -ms-flexbox;
	display: flex;
	width: 18.75rem;
	z-index: 96
}
.sidebar-expand-xl.sidebar-component-left {
	margin-right: 1.25rem
}
.sidebar-expand-xl.sidebar-component-right {
	margin-left: 1.25rem
}
.sidebar-expand-xl.sidebar-dark:not(.sidebar-component)+.sidebar-dark:not(.sidebar-component) {
	box-shadow: 1px 0 0 rgba(255,255,255,.1) inset
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.sidebar-expand-xl.sidebar-sticky {
position:-webkit-sticky;
position:sticky;
top:1.25rem;
z-index:1020
}
}
}
@media (max-width:1199.98px) {
.sidebar-expand-xl {
	z-index: 1040;
	transition: left ease-in-out .15s, right ease-in-out .15s
}
}
@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
.sidebar-expand-xl {
	transition: none
}
}
@media (max-width:1199.98px) {
.sidebar-expand-xl:not(.sidebar-component) {
	border: 0
}
}
.sidebar-expand {
	position: static;
	z-index: 1040;
	transition: left ease-in-out .15s, right ease-in-out .15s
}
.sidebar-expand.sidebar-collapsed {
	width: auto
}
.sidebar-expand.sidebar-collapsed .btn-sidebar-expand {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}
.sidebar-expand.sidebar-collapsed>:not(.btn-sidebar-expand) {
	display: none!important
}
.sidebar-expand.sidebar-main {
	z-index: 99;
	box-shadow: none
}
.sidebar-expand.sidebar-main-resized {
	position: absolute;
	left: 0;
	transition: none
}
.sidebar-expand.sidebar-main-resized+* {
	margin-left: 3.5rem
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) {
	width: 3.5rem;
	overflow: hidden
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-group-sub, .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>div, .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link>span, .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-title {
	display: none!important
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-section-body {
	padding-left: 0;
	padding-right: 0
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media {
	-ms-flex-pack: center;
	justify-content: center
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:not(:first-child) {
	display: none!important
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-user .media>:first-child {
	margin-right: 0!important
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-hide {
	display: none
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-resize-show {
	display: block
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header, .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link, .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header {
	padding-left: 0;
	padding-right: 0;
	-ms-flex-pack: center;
	justify-content: center
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .sidebar-main-header>* {
	margin: 0!important
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header i, .sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i {
	position: static;
	display: block
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link:after {
	content: none
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-link i {
	margin-left: 0;
	margin-right: 0
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header {
	display: -ms-flexbox;
	display: flex
}
.sidebar-expand.sidebar-main-resized:not(.sidebar-main-unfold) .nav-sidebar .nav-item-header>i {
margin-top:.1875rem;
margin-bottom:.1875rem
}
.sidebar-expand.sidebar-main-resized.sidebar-main-unfold {
	width: 18.75rem;
	z-index: 1022;
box-shadow:.25rem 0 1rem rgba(0,0,0,.35)
}
.sidebar-expand.sidebar-secondary {
	z-index: 98;
	box-shadow: none;
}
.sidebar-expand.sidebar-right {
	z-index: 97;
	box-shadow: none;
}
.sidebar-expand.sidebar-component {
	display: -ms-flexbox;
	display: flex;
	width: 18.75rem;
	z-index: 96
}
.sidebar-expand.sidebar-component-left {
	margin-right: 1.25rem
}
.sidebar-expand.sidebar-component-right {
	margin-left: 1.25rem
}
.sidebar-expand.sidebar-dark:not(.sidebar-component)+.sidebar-dark:not(.sidebar-component) {
	box-shadow: 1px 0 0 rgba(255,255,255,.1) inset
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.sidebar-expand.sidebar-sticky {
position:-webkit-sticky;
position:sticky;
top:1.25rem;
z-index:1020
}
}
@media (prefers-reduced-motion:reduce) {
.sidebar-expand {
	transition: none
}
}
.sidebar-expand:not(.sidebar-component) {
	border: 0
}
.sidebar-dark .nav-tabs .nav-item.show .nav-link:not(.active) {
	color: #fff
}
.sidebar-light .nav-tabs:not(.nav-tabs-bottom) .nav-link.active {
	background-color: #fff
}
.ro







/*텍스트관련*/
.txt_plus {color:#43a047;}
.txt_minus {color:#f44336;}
.txt_blue {color:#0a6ebd;}

.menu_top .container,
.menu_btm .container,
.page-content .container,
.ft_wrap .container {
    width: 100%;
    max-width: 1400px;
    padding-left: 15px;
    padding-right: 15px;
}

.menu_top {
    position: absolute;
    top: -35px;
    right: 0;
    height: 35px;
}

.menu_top>div {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 80px;
    border-left: 1px solid #f5f2f2f2;
    border-right: 1px solid #f5f2f2f2;
    font-size: 1.4rem;
}

.menu_top a {
    font-size: 1.4rem !important;
}

/*필요없으면 지움
.menu_top select {min-width:80px; height:100%; padding-left:10px; padding-right:10px; background:transparent; border:none;!important;}
.menu_top option {height:40px;}
*/

.menu_btm {
    margin-top: 35px;
    border-top: 1px solid #f5f2f2;
}

.menu_btm .container {
    position: relative;
}

.menu_btm .navbar-brand img {
    height: auto;
    margin-right: 90px;
}

.menu_btm .navbar-collapse a {
    color: #000;
    font-size: 1.6rem;
}

.menu_btm .notice_box {
    display: flex;
    margin-bottom: 0;
    border: 1px solid #efefef;
    border-radius: 5px;
    font-size: 1.4rem;
    color: #999;
}

.menu_btm .notice_box dt {
    display: flex;
    align-items: center;
    margin-right: 30px;
    color: #000;
}

.menu_btm .notice_box dt:after {
    content: "";
    width: 1px;
    height: 22px;
    background: #efefef;
    margin-left: 12px;
}

.menu_btm .notice_box dd {
    border: none;
    font-size: inherit;
    color: inherit;
}

.menu_btm .btn-secondary,
.menu_btm .btn-secondary:hover {
    background: none;
}

.btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn).active,
.btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn).focus,
.btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn):active,
.btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn):focus,
.btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn):hover,
.show>.btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn).dropdown-toggle {
    box-shadow: none;
}


.navbar-toggler {}

.navbar-toggler,
.navbar-toggler span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}

.navbar-toggler {
    position: relative;
    width: 25px;
    height: 25px;
}

.navbar-toggler span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
}

.navbar-toggler span:nth-of-type(1) {
    top: 0;
}

.navbar-toggler span:nth-of-type(2) {
    top: 9px;
}

.navbar-toggler span:nth-of-type(3) {
    bottom: 0;
}

.navbar-toggler.active-1 span:nth-of-type(1) {
    -webkit-transform: translateY (20px) rotate (-45deg);
    transform: translateY(10px) rotate(-45deg);
}

.navbar-toggler.active-1 span:nth-of-type(2) {
    opacity: 0;
}

.navbar-toggler.active-1 span:nth-of-type(3) {
    -webkit-transform: translateY(-20px) rotate(45deg);
    transform: translateY(-9px) rotate(45deg);
}

.twitter-typeahead {
    text-align: left;
}


.mrow1 {
    height: 300px;
    background: #ea5520 url(/themes/pro/genesis/resources/images/top_bg.png);
}

.mrow1 .container {
    display: flex;
    justify-content: center;
    padding-top: 85px;
    height: 100%;
}

.mrow1 .search_box {
    display: flex;
    width: 100%;
    height: 64px;
    border: 1px solid #cf592f;
    border-radius: 10px;
    /*overflow: hidden;*/
}

.mrow1 .search_box label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 100%;
    background: #382d2a;
    color: #fff;
    letter-spacing: normal;
}

.mrow1 .search_box input {
    flex: 1;
    border: none;
    height: 100%;
}

.mrow1 .search_box button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    border: none;
    background: #fff;
}

.mrow1 .search_box button i {
    font-size: 28px;
    color: #000;
}

.mrow2 {
    margin-top: -90px;
}

.mrow2 .container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.mrow2 .container>div {
    width:49.5%;
    padding:2rem;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e7eaf3;
    box-shadow: 0 0.5rem 1.2rem rgb(189 197 209 / 20%);
}

.mrow2 .container>div>ul {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.mrow2 .container>div>ul>li {
    display: flex;
    flex-direction: column;
    font-size: 1.5rem;
}

.mrow2 .container>div>ul>li:last-child {
    margin-left: auto;
    text-align: right;
}

.mrow2 .container>div>ul:before {
    width: 58px;
    height: 64px;
    margin-right: 28px;
}

.mrow2 .container .b_height>ul:before {
    content: url(/themes/pro/genesis/resources/images/m_img1.png);
}

.mrow2 .container .t_height>ul:before {
    content: url(/themes/pro/genesis/resources/images/m_img2.png);
}

.mrow2 h6 {
    font-size: 1.8rem;
    color: #000;
    font-weight: 700;
}

.mrow2 .container li:first-child strong {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
}

.mrow2 .container li:last-child strong {
    color: #ea5520
}

.mrow3 .container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    margin-top: 20px;
}

.mrow3 .container>div {
    width:49.5%;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e7eaf3;
    box-shadow: 0 0.5rem 1.2rem rgb(189 197 209 / 20%);
    overflow: hidden;
}

.mrow3 .inner {
    padding:2rem;
    padding-bottom: 0;
}

.mrow3 h6 {
    font-size: 1.8rem;
    color: #000;
    font-weight: 700;
}

/*.mrow3 table {*/
/*    width: 100%;*/
/*    table-layout: fixed;*/
/*}*/

/*.mrow3 th {*/
/*    padding: 15px 0;*/
/*    padding-right: 3px;*/
/*    border-bottom: 1px solid #ddd;*/
/*    color: #006834;*/
/*    font-weight: 400;*/
/*    font-size: 1.5rem;*/
/*    letter-spacing: 0;*/
/*}*/

/*.mrow3 td {*/
/*    display: table-cell;*/
/*    width: 120px;*/
/*    padding: 15px 0;*/
/*    padding-right: 3px;*/
/*    border-bottom: 1px solid #ddd;*/
/*    font-size: 1.5rem;*/
/*    letter-spacing: 0;*/
/*    overflow: hidden;*/
/*    white-space: nowrap;*/
/*    text-overflow: ellipsis;*/
/*}*/

/*.mrow3 .td1 {*/
/*    color: #8dae99*/
/*}*/

.mrow3 button {
    margin-top: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    background: #292929;
    border: none;
    color: #fff;
    letter-spacing: 0;
}

.ft_wrap {
    margin-top: 120px;
    padding: 30px 0;
    background: #292929;

}

.ft_wrap .container {
    display: flex;
    justify-content: space-between;
}

.ft_left {
    color: #ccc;
    font-size: 1.4rem;
}

.ft_left ul {
    display: flex;
    margin: 20px 0;
}

.ft_left li {
    margin-right: 15px;
}

.ft_left a {
    color: #ccc;
    ;
}

.ft_left div {
    color: #ccc;
}

.ft_right {
    /*display: flex;*/
    margin-top: 20px;
}

.ft_right dl {
    margin-left: 58px;
}

.ft_right dt {
    margin-bottom: 20px;
    color: #c3613f;
}

.ft_right dd a {
    color: #ccc;
}

/*서브공통*/
.top_wrap {
    padding: 40px 0;
    background: #ea5520 url(/themes/pro/genesis/resources/images/top_bg.png);
    text-align: center;
}

.top_wrap .search_box {
    display: flex;
    width: 100%;
    height: 50px;
    border: 1px solid #cf592f;
    border-radius: 10px;
    /*overflow: hidden;*/
	background:#fff;
}

.top_wrap .search_box label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 100%;
    background: #382d2a;
    color: #fff;
    letter-spacing: normal;
}

.top_wrap .search_box input {
    flex: 1;
    border:none!important;
    height: 48px;
	/*width:auto!important;*/
	border-radius:0!important;
}

.top_wrap .search_box button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    border: none;
    background: #fff;
}

.top_wrap .search_box button i {
    font-size: 28px;
    color: #000;
}


.no_left .content {flex-flow: wrap; width:100%;}
.no_left .content > div {margin-bottom:1.5rem; padding:2rem;}
.card_1 {width:100%;}
.card_2 {flex:1; width:49%; margin-left:15px;}
.card_2:first-child,
.card_3:first-child {margin-left:0;}
.card_3 {flex:1; width:33.33%; margin-left:2%;}

.card_wrap {display:flex; justify-content:space-between; border:none!important; box-shadow:none!important;}
.card_left, .card_right {padding:20px; border: 1px solid #e7eaf3; border-radius:10px; box-shadow: 0 0.5rem 1.2rem rgb(189 197 209 / 20%);}

.card_tit {font-size: 1.8rem; color: #000; font-weight: 700;}

.content {display:flex; padding-top:30px;}
.content > div {background:#fff; border: 1px solid #e7eaf3; border-radius:10px; box-shadow: 0 0.5rem 1.2rem rgb(189 197 209 / 20%);}
.content .left {width:18.24%; min-width:187px; margin-right:2.2%; padding:0; border:none; box-shadow:none; border-radius:0;}
.content .right { padding:20px 30px; width: 100%;}
.my_page .right { overflow: hidden; }
/* .content .right {width:79.56%; padding:20px 30px;} */

.content .left .navbar-collapse {align-items:flex-start; padding:0; margin:0; width:100%; background:#fff; border: 1px solid #e7eaf3; border-radius:10px; box-shadow: 0 0.5rem 1.2rem rgb(189 197 209 / 20%);}
.content .left .navbar-nav {display:flex; flex-flow: column wrap; width:100%; margin-top:10px;}
.content .left .nav-link {display:flex; align-items:center; padding: 13px 20px;}
.content .left .nav-link.active {background:#fdede7; color: #ea5520; border-left: 3px solid #ea5520;}
.content .left .nav-link.active span,
.content .left .nav-link.active i {color:inherit;}
.content .left .nav-link i {margin-right:8px; font-size:2rem;}
.content .left .navbar-toggler i {font-size:1.8rem;}

.content h2 {margin-bottom:30px; font-size:2.4rem; font-weight:700; color: #000;}

input[type="text"],
input[type="password"],
input[type="email"]  {
    height: 45px;
    font-size:inherit;
	border:1px solid #ddd;
}

input[type="number"] {height:45px; font-size:inherit; border:1px solid #ddd;line-height:45px}

textarea {font-size:inherit;}

.form-control-feedback {display: flex; align-items: center; height:45px;}
.form-control-feedback i {font-size: 1.6rem}
.form-group-feedback input[type="text"],
.form-group-feedback input[type="email"],
.form-group-feedback input[type="password"] {padding-left: 40px;}

/*버튼*/
button i, button span {color:inherit;}

.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
}

.btn-primary {
    background: #333;
}

.btn-primary:hover {
    background: #484848;
}

.btn-sec {
    background: #ddd;
    font-size: 1.6rem;
    letter-spacing: 0;
	height:45px;
}
.btn-sec:hover{ background:#b7b7b7;}

.btn_orange {
    background: #d57755;
    font-size: 1.6rem;
    border-radius: 5px;
    color: #fff;
}

.btn_orange:hover {
    background: #cf5c33;
    color: #fff;
}

.btn_gray_b {background: #f6f6f6; border: 1px solid #ddd; color:#666;}
.btn_gray_b:hover {background:#eee; color:#666;}

.btn_wh {border:1px solid #ddd; color: #666;}


.btn_wh:hover {background:#f6f6f6;}

.btn_orange_b {border: 1px solid #db7c5b; color: #d15a30;}
.btn_orange_b:hover {background:#db7c5b; color:#fff;}

.btn_big {
    width: 100%;
    height: 50px;
}

.btn_mid {width:100px; height:35px;}

.dropdown-item {font-size:1.3rem;}

/*테이블*/
.tb_wrap.card {box-shadow:none;}
.table_upper {margin-bottom:10px;}

.table-responsive {width:100%; overflow:auto}
.table-responsive.card {border:none; box-shadow:none;}
.datatable-scroll-wrap {overflow-x:inherit;}
.sorting_disabled {width:auto!important;}
.table {border-top:1px solid #000; font-size:inherit;}
.table th {padding-top: 15px; padding-bottom: 15px;background:#f8f8f8;}
.table td {padding-top:15px; padding-bottom:15px;}
.table tr:last-of-type td, .table tr:last-of-type th {border-bottom:1px solid #ddd;}
.table td .txt_box {display:inline-block; padding:5px 10px; border:1px solid #ddd; border-radius:3px;}
.dataTables_length {display:none;}


.tb_wrap.card {margin-top:30px; border:none;}
.dataTables_info {font-size:1.4rem; color:#878787;}
.dataTables_length > label > span:first-child {font-size:1.4rem; color:#666;}
.dataTables_length select {height:35px; font-size:1.4rem;}
.dataTable thead .sorting:before, .dataTable thead .sorting:after, .dataTable thead .sorting_asc:after, .dataTable thead .sorting_desc:after, .dataTable thead .sorting_asc_disabled:after, .dataTable thead .sorting_desc_disabled:after{display:none; font-size:1.6rem;}
.datatable-footer {padding: 30px 1.25rem 0 1.25rem;}
.dtr-inline.collapsed tbody tr td:first-child:before, .dtr-inline.collapsed tbody tr th:first-child:before, .dtr-column tbody tr td.control:before, .dtr-column tbody tr th.control:before {font-size:1.6rem; margin-right:15px;}
.datatable-footer {display:none;}
.table_btm {padding:20px 0;}
.table_btm .dataTables_paginate {margin:0; margin-left:auto;}

/*페이지네이션*/
.pg {display:flex; justify-content:flex-end;}
.pg > div {display:flex; align-items:center;}
.pg > div a {display:flex; align-items: center; justify-content: center; }
.pg > div a i {font-size:2.3rem; color:#878787;}
.pg > div a.active i {color:#000;}
.pg > div a.box {width:30px; height:30px; margin:0 5px; border-radius:5px; font-size:1.6rem; color:#666; line-height:1.6;}
.pg > div a.box.active {background:#d35b2f; color:#fff;}


.custom-pagination {display:flex; justify-content: center; margin-left: auto; }
.custom-pagination .page-item {display:flex !important; align-items:center !important; }
.custom-pagination .page-item .page-link {display:flex !important; align-items: center !important; justify-content: center !important; }
.custom-pagination .page-item .page-link i {font-size:2.3rem !important; color:#878787 !important;}
.custom-pagination .page-item.active .page-link i {color:#000 !important;}
.custom-pagination .page-item.active .page-link {border-color: #d35b2f;}

/*.custom-pagination .page-item .page-link {border: 0; margin:0 5px !important; border-radius:5px !important; padding: 4px 10px; font-size:1.2rem !important; color:#666 !important; line-height:1.6 !important;}*/
.custom-pagination .page-item.active .page-link {background:#d35b2f !important; color:#fff !important;}

/*탭*/
.nav-tabs {margin-bottom:30px; background:#fff; border:none; border-bottom:1px solid #ea5520;}
.nav-tabs .nav-link {padding:10px 20px; color:#877b76;}
.nav-tabs .nav-item.show .nav-link.active,
.nav-tabs .nav-link.active {position:relative; color: #ea5520; background-color: #fff; border: 1px solid #ea5520 !important; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.nav-tabs .nav-item.show .nav-link.active:after,
.nav-tabs .nav-link.active:after { content:""; width:100%; height:1px; position:absolute; bottom:-1px; left:0; background:#fff; }
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {color:#ea5520;}

/*토큰설정*/
.token_setting table {width: 100%;}
.token_setting th {padding:13px 10px; border-top: 1px solid #000; text-align: center; border-bottom: 1px solid #ddd; background: #f8f8f8; color: #212121; font-weight: 500;}
.token_setting th:first-child:after,
.token_setting th:last-child:after,
.token_setting th:first-child:before,
.token_setting th:last-child:before {display:none;}
.token_setting td {padding:13px 10px; border-bottom: 1px solid #ddd; text-align: center; color: #878787; font-weight:400;}
.token_setting .ph1 .btn {margin-bottom: 50px;}
.token_setting .ph1 td .btn {width:100%; margin-bottom:0; padding-left:15px; padding-right:15px; font-size:1.4rem;}

.token_setting .dataTables_filter > label {display:flex; align-items: center; font-size:1.4rem;}
.token_setting .dataTables_filter input {width:150px; height:40px; font-size:1.4rem;}
.token_setting .dataTables_length select {height:35px; font-size:1.4rem;}
.token_setting .dataTables_info {font-size:1.4rem;}


/*페이지네이션*/
.dataTables_paginate .paginate_button {width:30px; height:30px; border-radius:5px; line-height:1;}
.dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:hover, .dataTables_paginate .paginate_button.current:focus {background:#d35b2f}


.token_setting .ph1 .btn_wrap {
    display: flex;
    justify-content: flex-end;
}


/*로그인*/
.member .top_wrap {height: 160px;}
.member .content {margin-top: -100px;}
.member .content > div {width: 100%; max-width: 800px; margin:0 auto; overflow:hidden;}
.member .content .card-body {padding:30px 40px; padding-bottom:40px;}

.member .login-form {width:100%;}
.member .content .card {width:100%; border:none; box-shadow:none;}
.member .content .text-center img {display:inline-block; margin-top:30px;}
.member .tit_box {margin-bottom:1.25rem}
.member h5 {margin-top: 40px; margin-bottom: 40px;  font-size: 2.8rem; text-align:center;}

.member .form-control-feedback {display: flex; align-items: center; height:45px;}
.member .form-control-feedback i {font-size: 1.6rem}

.member input[type="text"],
.member input[type="email"],
.member input[type="password"] {padding-left: 40px;}

.member .link_box .form-check {margin-right:auto;}
.member .link_box a {margin-left:15px;}

/* .login .btn_big {
    margin: 40px 0;
} */

.login .btn-icon i {
    font-size: 2.8rem;
}

.login .login_sns {
    display: flex;
    justify-content: center;
    margin: 30px 0;
}

.login .login_sns button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
}

/*회원가입*/
.join .content > div {width:100%; max-width:1000px; margin:0 auto;}
.join .id_box {display:flex;}
.join .id_box .form-group-feedback {flex:1;}
.join .id_box button {background: #dfdddd; border: 1px solid #dbd9d9; border-radius: 5px; height: 45px; display: flex; justify-content: center; align-items: center; margin-left: 5px; padding: 0 15px; color: #666;}
.join .id_box button[disabled] {
    background-color: black;
    color: white;
}
.join .col-md-6 {padding-right:2rem;}
.join .agree_box,
.join_one .agree_box {padding:10px 0 30px 0;}
.join .form-check a {display:inline-block; margin-left:10px; text-decoration:underline;}

/*비밀번호찾기*/
.find_pw .tit_box,
.find_id .tit_box,
.email_certi .tit_box {margin-bottom:40px;}
.find_pw h5,
.find_id h5,
.email_certi h5 {margin-bottom:10px;}
.find_pw label,
.find_id label,
.email_certi label {display:none;}
.find_pw .btn_big,
.find_id .btn_big,
.reset_pw .btn_big,
.email_cfm .btn_big,
.email_certi .btn_big  {margin-top:40px;}

/*비밀번호변경*/
.change_pw .card {width:100%; max-width:800px; margin:0 auto; padding-top:30px; padding-bottom:30px; border:none; box-shadow:none;}
.change_pw .tit_box {display:flex; justify-content:center; margin-bottom:50px; text-align:center;}

/*계정설정*/
.account_setting .inner {position:relative; display:flex; justify-content:space-between;}
.account_setting .inner > div {width:45%; flex-flow:row wrap;}
.account_setting .account > div {display:flex;}
.account_setting .account .form-group {flex:1;}
.account_setting .account button {display:flex; justify-content:center; align-items:center; width:80px; height:45px; margin-left:10px; background:#adadad; color:#fff; border-radius:5px;}
.account_setting h6 {margin-bottom:10px; font-size:1.8rem; color:#d57b60; font-weight:500;}
.account_setting .pic_box {display:flex; flex-direction:column; align-items:center; justify-content:center; padding:20px; background:#f6f6f6; border-radius:5px;}
.account_setting .pic_box img {width:80px; height:80px; border-radius:50%; overflow:hidden; }
.account_setting .pic_box button {display:flex; justify-content:center; align-items:center; width:100px; height:35px; margin-top:10px; background:#fff; border:1px solid #ddd; border-radius:5px;}
.account_setting .pic_box button:hover {border:1px solid #CD9878; color:#F60;}
.account_setting .profile .input_box {margin-top:20px;}
.account_setting .profile .input_box > div {position:relative; display:flex; margin-bottom: 1.25rem; }
.account_setting .profile .input_box label {position:absolute; display:flex; align-items:center; height:45px; padding-left:0.875rem; color:#999; font-size:1.4rem;}
.account_setting .profile .input_box input {padding-left:130px;}
.account_setting .profile .input_box textarea {height:100px; padding-left:130px; padding-top:8px; font-size:1.6rem;}
.account_setting .profile .input_box input::placeholder,
.account_setting .profile .input_box textarea::placeholder {color:#000;}
.account_setting .profile .input_box i {margin-right:5px; color:#999; font-size:1.6rem;}
.account_setting .btn_wrap {position:absolute; bottom:15px; right:0; display:flex;}
.account_setting .btn_wrap button {flex:1; margin:0 5px; width:50%;}

/*1:1 문의*/
.support-center .nav-tabs {margin-bottom:30px; background:#fff; border:none; border-bottom:1px solid #ea5520;}
.support-center .nav-tabs .nav-link {padding:10px 20px; color:#877b76;}
.support-center .nav-tabs .nav-item.show .nav-link.active,
.support-center .nav-tabs .nav-link.active {position:relative; color: #ea5520; background-color: #fff; border: 1px solid #ea5520; border-bottom:none; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.support-center .nav-tabs .nav-item.show .nav-link.active:after,
.support-center .nav-tabs .nav-link.active:after { content:""; width:100%; height:1px; position:absolute; bottom:-1px; left:0; background:#fff; }
.support-center .nav-tabs .nav-link:focus,
.support-center .nav-tabs .nav-link:hover {color:#ea5520;}
.support-center .card-group-control .card-title>a.collapsed:before {right:20px; content:"\ea27";font-family:boxicons;font-weight:400; font-size:1.8rem;}
.support-center .card-group-control .card-title>a:before {right:20px; content:"\ea34";font-family:boxicons;font-weight:400; font-size:1.8rem;}

.support-center .lineBox {padding:0 0 30px; border:none; font-size:1.6rem;}
.support-center .lineBox li {margin:5px 0;}
.support-center .lineBox-item {
    position: relative;
    text-align: left;
    color: #666;
    padding-left: 9px; font-size:1.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.support-center textarea {font-size:inherit;}
.support-center #solid-tab2 .btn {margin-top:30px; height:45px; background:#333;}
.list button {
    padding: 5px 10px;
    border-left: 1px solid #ddd;
    background-color: white;
}

.list select {
    padding: 5px 10px;
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}





.support-center .lineBox-item::after {
    content: "";
    background-color: #666;
    width: 2px;
    height: 2px;
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}



.support-center .nav-tabs {background:#fff; border:none; border-bottom:1px solid #ea5520;}
.support-center .nav-tabs .nav-link {padding:10px 20px;}
.support-center .nav-tabs .nav-item.show .nav-link.active,
.support-center .nav-tabs .nav-link.active {color: #ea5520; background-color: #fff; border: 1px solid #ea5520; border-bottom:none; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.support-center .nav-tabs .nav-item.show .nav-link.active,
.support-center .nav-tabs .nav-link.active:after {content:""; width:100%; height:1px; background:red;}

/*계약*/
.contract_list .contract_sum > div {display:flex; margin-top:20px; justify-content:space-between;}
.contract_list .contract_sum dt {margin-bottom:5px; font-weight:400;}
.contract_list .contract_sum dd {font-size: 3rem; font-weight: 700; line-height: 1; text-align:right; color:#000; }
.contract_list .contract_sum dl:first-child dd {color: #ea5520;  text-aling:left;}

.contract_list .datatable-header {display:none;}

/*계약상세*/
.contract_detail .block_detail > div {padding:30px; margin-top:20px; background:#f6f6f6; border-radius:10px;}
.contract_detail .dataTables_filter,
.block_detail .dataTables_filter,
.block_list .dataTables_filter {display:none;}

.contract_detail .info_box ul {margin-top:10px; padding:30px; background:#f6f6f6; border-radius:10px;}
.contract_detail .src_box {margin-top:30px;}
.contract_detail .src_box dt,
.contract_detail .info_box h6 {display:flex; justify-content:space-between; font-weight:500; color:#000;}
.contract_detail .src_box button {padding:5px 10px; background:#CA6F31; border-radius:5px; color:#fff; font-size:1.4rem;}
.contract_detail .src_box button i {color:inherit;}
.contract_detail .src_box dd {margin-top:5px; padding:30px; border:1px solid #ddd;}
.contract_detail .info_box {margin-top:1.25rem;}

/*거래*/
.trans_list .card_2:first-child {padding:0; margin:0; border:none; box-shadow:none;}
.trans_list .card_2:first-child > div {padding:2rem; margin-bottom:1.5rem; background:#fff; border: 1px solid #e7eaf3; border-radius:10px; box-shadow: 0 0.5rem 1.2rem rgb(189 197 209 / 20%);}
.trans_list .trans_sum > div {display:flex; margin-top:20px; justify-content:space-between;}
.trans_list .trans_sum dt {margin-bottom:5px; font-weight:400;}
.trans_list .trans_sum dd {font-size: 3rem; font-weight: 700; line-height: 1; text-align:right; color:#000; }
.trans_list .trans_sum dl:first-child dd {color: #ea5520; text-align:left;}

.trans_list .datatable-header {display:none;}
.trans_list input[type="text"] {width:100%; border:1px solid #ddd; border-radius:3px; padding:0 5px;}
.trans_list td .txt_box {display:inline-block; padding:5px 10px; border:1px solid #ddd; border-radius:3px;}

/*블럭*/
.block_list .block_sum > div {display:flex; margin-top:20px; justify-content:space-between;}
.block_list .block_sum dt {margin-bottom:5px; font-weight:400;}
.block_list .block_sum dd {font-size: 3rem; font-weight: 700; line-height: 1; text-align:right; color:#000; }
.block_list .block_sum dl:first-child dd {color: #ea5520;  text-aling:left;}

/*블럭상세*/
.block_detail td button {display:inline-block; height:35px; box-sizing:border-box; margin-left:5px; padding:5px 10px; background:#f18158; border-radius:5px; color:#fff;}
.block_detail td button i {color:inherit; font-size:1.4rem;}

/*토큰*/
.token_list td img {display:inline-block; width:30px; height:30px; margin-right:10px; border-radius:50%; vertical-align:middle;}
.token_list .dataTables_filter span {display:none;}
.token_list .dataTables_filter input {height:35px; font-size:1.4rem;}
.token_list .dataTables_filter > label:after {font-size:1.4rem;}

/*토큰상세*/
/*.list_box .d-flex {justify-content:space-between;}*/
.list_box .d-flex ul {display:flex;}
/*.list_box .d-flex li {display:flex; align-items:center; margin-left:7px;}*/
/*.list_box .d-flex li:before {content:""; display:inline-block; width:1px; height:50%; margin-top:5px; margin-right:7px; background:#ccc;}*/
.list_box .d-flex li:first-child:before {display:none;}
.list_box td i {font-size:2rem;}
.token_detail .datatable-header {display:none;}
.token_detail .sub_tabs ~ .tab-content {display: flex; justify-content: center; }

.token_detail img {display:inline-block; width:45px; height:45px; margin-right:10px; border-radius:50%; vertical-align:middle;}

/*디테일 탭*/
.list_box .nav-tabs {border-bottom:1px solid #ed9b7e ;}
.list_box .nav-link {padding:10px 15px; border-bottom:1px solid #ed9b7e ; border-top-left-radius:5px; border-top-right-radius:5px;}
.list_box .nav-link.active {border-color:#ed9b7e  #ed9b7e  #fff; color:#e55522;}
.list_box .tab-content {margin-top:30px;}
.list_box .tb_info {margin-bottom:10px; color:#878787;}
.list_box .pic_icn {display:inline-block; margin-right:5px; width:30px; height:30px; border-radius:50%; vertical-align:middle;}

.list_box .sub_tabs {margin-bottom:0; border:none;}
.list_box .sub_tabs .nav-link {border:none; color:#878787;}
.list_box .sub_tabs .nav-link.active {border:1px solid #efd8d0; border-bottom:none; color:#000;}
.list_box .tab-pane .tab-content {margin-top:0; padding:30px; border:1px solid #efd8d0; border-radius:10px; border-top-left-radius:0;}

/*account 상세*/
.account_detail .datatable-header {display:none;}
.account_detail .list_box .card {border:none; box-shadow:none;}
.account_detail .list_box .card_body {padding:0;}


/*공지사항*/
.notice_list .card_2 {flex:none;}
.notice_list .card_2.card_left {width:30%; padding:30px 20px;}
.notice_list .card_right {width:68%;}
.notice_list .list_head {border-top:1p solid #000;}
.notice_list .list_head li {display:flex; justify-content:space-between; align-items:center; height:60px; padding:10px 15px; border-bottom:1px solid #eee;}
.notice_list .list_head li.active {background:#f6f6f6; color:#cd4e22; }
.notice_list .list_head li.active span {color:#dfa591;}
.notice_list .list_head li a {color:inherit;}
.notice_list .list_head .subject {padding-right:20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; flex: 1;}
.notice_list .list_head .date {font-size:1.5rem; color:#878787;}

.notice_list .card_right h6,
.notice_detail .card_1 h6 {margin-bottom:20px; font-size:2.6rem; font-weight:500}
.notice_list .card_right .pic,
.notice_detail .card_1 .pic {display:inline-block; width:25px; height:25px; border-radius:50%;}
.notice_list .card_right .update_date,
.notice_detail .card_1 .update_date {padding-left:10px; color:#878787;}
.notice_list .card_right .cont,
.notice_detail .card_1 .cont {margin-top:50px;}

.notice .card-group-control .card-title>a.collapsed:before {right:20px; content:"\ea27";font-family:boxicons;font-weight:400; font-size:1.8rem;}
.notice .card-group-control .card-title>a:before {right:20px; content:"\ea34";font-family:boxicons;font-weight:400; font-size:1.8rem;}
.media-chat-item:before {display:none;}
.notice .media-chat .media {margin-right:0;}
.notice .media-chat-item {width:100%; padding:1rem;}
.notice .card-header a.text-default:focus,
.notice .card-header a.text-default:hover {color:inherit; font-weight:inherit;}

/*장바구니*/
.order .top_wrap {height: 160px;}
.order .content {margin-top: -100px;}

.cart .content > div {display:flex; flex-flow:row wrap;}
.order .steps {flex:none; width:100%; margin-bottom:40px;}
.order .steps ul {display:flex; justify-content:flex-end;}
.order .steps li {display:flex; align-items:center; color:#999; margin-left:10px;}
.order .steps li.active {color:#000;}
.order .steps li:before {content:"\eca9"; font-family:boxicons;font-weight:400; margin-right:5px; margin-top: 3px; font-size: 2.2rem;}
.order .steps li.active:before {content:"\ea23"; color: #ea5520;}
.order .steps li:last-of-type:after {display:none;}
.order .steps li:after {content:"\ea2d"; font-family:boxicons; margin-left:10px; font-weight:400; font-size:1.8rem; color:#999!important; }
.order .card_tit {flex:none; width:100%;}

.cart .datatable-header {display:none;}

.cart .card_left {flex:3; margin-right:8%;}
.cart .card_left .card {box-shadow:none;}
.cart .card_left .tb_wrap.card {margin-top:0;}
.cart .card_left .table th {padding:10px; background:#fff; border-top:none; text-align:right; font-size:1.4rem;}
.cart .card_left .table td {padding:20px 10px; border-top:none; border-bottom:1px solid #eee; text-align:right;}
.cart .card_left .table .del {text-align:center;}
.cart .card_left .table .info {text-align:left;}
.cart .card_left .table .del i {font-size:2.8rem; vertical-align:middle;}
.cart .card_left .table .info img {width:60px; height:60px; display: inline-block; margin-right:20px; vertical-align: middle; }
.cart .card_left .table .info p {display:inline-block;}
.cart .card_left .button_wrap{display:flex; padding-top:10px;}
.cart .card_left .button_wrap .input_box {display:flex;}
.cart .card_left .button_wrap .input_box .btn {margin-left:5px;}
.cart .card_left .button_wrap input {border:1px solid #ddd; height:35px;}
.cart .card_left .button_wrap > button {margin-left:auto;}

.cart .card_right {flex:0.9;}
.cart .card_right .card_tit {padding:20px; border-bottom:1px solid #dfdfdf;}
.cart .card_right .info_box {display:flex; flex-flow:row wrap; margin: 0 20px 10px 20px;}
.cart .card_right .info_box dt {width:50%; padding:8px 0; font-weight:400; color:#666;}
.cart .card_right .info_box dd {width:50%; padding:8px 0; text-align:right;}
.cart .card_right .info_box dd em {display:block; color:#878787; font-size:1.4rem; font-style:normal; line-height:1.3;}
.cart .card_right .sum_box {display:flex; flex-flow:row wrap;  margin: 0 20px; border-top:1px solid #666;}
.cart .card_right .sum_box dt {padding:8px 0;}
.cart .card_right .sum_box dd {margin-left:auto; padding:8px 0; color: #ea5520; font-weight: 500; font-size: 2rem;}
.cart .card_right .btn { margin:30px 20px; margin-bottom:20px;}

/*위시리스트*/
.wishlist .content .tb_wrap.card {border:none; box-shadow:none;}
.wishlist .table .check {width:8%;}
.wishlist .table .info {width:44%;}
.wishlist .table .info img {width:100px; height:100px; margin-right:20px;}
.wishlist .table .price {width:15%;}
.wishlist .table .amount {width:10%;}
.wishlist .table .sum {width:15%;}
.wishlist .table .del {width:8%;}
.wishlist .table .del i {font-size:3rem;}
.wishlist .btn_wrap {display:flex;}
.wishlist .btn_wrap > div {display:flex;}
.wishlist .btn_wrap > div:first-child {margin-right:auto;}
.wishlist .btn_wrap button {width:120px; margin:3px;}


/*주문완료*/
.checkout .content > div {display:flex; flex-flow:row wrap;}
.checkout .card_left .card,
.checkout .card_right .card {border-top:3px solid #ea5520; border-radius:10px;}
.checkout .card_left {flex:1; margin-right:4%;}
.checkout .card_left p {padding:20px; padding-bottom:30px; border-bottom:1px solid #dfdfdf; font-size: 1.8rem; color: #d97a58; margin-bottom:20px; text-align:center;}
.checkout .card_left p i {display: block; font-size: 5rem; color: #fbe1d8; margin-bottom: 10px;}
.checkout .card_left ul {margin:0 20px 20px 20px;}
.checkout .card_left li {display:flex; align-items:center; height:40px;}
.checkout .card_left li em {flex:1; color:#878787; font-style:normal;}
.checkout .card_left li strong {flex:2; font-weight:500;}
.checkout .card_left li.sum strong {color:#ea5520; font-size:1.8rem;}

.checkout .card_right {flex:2;}
.checkout .card_right .card {padding:20px;}

.checkout .card_right .info,
.checkout .card_right .sum,
.checkout .card_right .total {display:flex; flex-direction:column;}
.checkout .card_right dl {display:flex; width:100% ;margin-bottom:20px; }
.checkout .card_right dt {font-weight:400;}
.checkout .card_right dt strong {color: #ea5520; font-weight: 500;}
.checkout .card_right dt em {font-style:normal; color:#878787; font-size:1.4rem;}
.checkout .card_right dd {margin-left:auto; text-align:right;}
.checkout .card_right .sum {margin:0; padding:20px 15px; background:#f6f6f6; border-top:1px solid #ddd;}
.checkout .card_right .total {margin:0; padding:20px 15px;  border-top:1px solid #000; font-weight:500;}
.checkout .card_right .total dd {font-size:2rem; color:#ea5520; font-weight:700;}

/*주문결제*/
.order_received .txt_info {position:relative; width:100%; margin-bottom:80px; border:1px solid #ddd; padding:20px; border-radius:10px; color:#9f9f9f;}
.order_received .txt_info:after {content:""; position:absolute; left:0; bottom:-40px; display:block; width:100%; height:1px; border:1px dashed #eee;}
.order_received .txt_info a {color:#ea5520; text-decoration:underline;}
.order_received .txt_info i {font-size: 2.7rem; vertical-align: MIDDLE; color: #f3bdaa; MARGIN-RIGHT: 10PX;}
.order_received .content > div {display:flex; flex-flow:row wrap;}

.order_received .card_left {flex:2; margin-right:6%;}
.order_received .card_left .card {border:none; box-shadow:none;}
.order_received .card_left .card:first-of-type {margin-bottom:40px;}
.order_received .card_left label {display:block;}
.order_received .card_left label.need:after {content:"*"; color:#C00; font-weight:500;}
.order_received .card_left input {width:100%; padding:10px; border:1px solid #ddd; border-radius:3px;}
.order_received .card_left select {width:100%; margin-bottom:10px; padding:10px; border:1px solid #ddd; border-radius:3px;}
.order_received .card_left textarea {width:100%; padding:10px; border:1px solid #ddd; border-radius:3px;}
.order_received .card_left .card_tit {margin-bottom:0!important;}
.order_received .card_left .input_box {padding:10px 0;}
.order_received .card_left .d-flex .input_box {flex:1;}
.order_received .card_left .d-flex .input_box:first-of-type {margin-right:20px;}
.order_received .card_left .zip {display:flex; flex-flow:row wrap;}
.order_received .card_left .zip label {width:100%;}
.order_received .card_left .zip input {flex:1;}
.order_received .card_left .zip button {width:100px; margin-left:10px; background:#cbcbcb; border-radius:5px; color:#525252; font-size:1.5rem; font-weight:500; }

.order_received .card_right {flex:1.3;}
.order_received .card_right .card {padding:30px; border:none; box-shadow:none; border-radius:10px; background:#f6f6f6;}

.order_received .card_right .info,
.order_received .card_right .sum,
.order_received .card_right .total {display:flex; flex-direction:column;}
.order_received .card_right dl {display:flex; width:100% ;margin-bottom:20px; }
.order_received .card_right dt {font-weight:400;}
.order_received .card_right dt strong {color: #ea5520; font-weight: 500;}
.order_received .card_right dt em {font-style:normal; color:#878787; font-size:1.4rem;}
.order_received .card_right dd {margin-left:auto; text-align:right;}
.order_received .card_right .sum {margin:0; padding:20px 15px 0; background:#f6f6f6; border-top:1px solid #ddd;}
.order_received .card_right .total {margin:0; padding:20px 15px;  border-top:1px solid #000; font-weight:500;}
.order_received .card_right .total dd {font-size:2rem; color:#ea5520; font-weight:700;}
.order_received .card_right .agree {color: #666; font-size: 1.4rem; font-weight: 500; margin-bottom: 20px;}
.order_received .card_right .agree p {margin-bottom:10px;}

/*멤버크레딧리스트*/
.member_credit .balance {margin-bottom:30px;}
.member_credit .balance > div {display:flex; justify-content:space-between; padding:20px; background:#fff6f2; border-radius:10px;}
.member_credit .balance .info_box > div:first-of-type {padding-right:20px; color:#666;}
.member_credit .balance .info_box > div:first-of-type strong {font-size:2rem; color:#ea5520;}

.member_credit .datatable-header {display:none;}

/*상품목록-갤러리*/
.goods_list input {height:40px; border:1px solid #ddd;}
.goods_list .pg {display:flex; justify-content:center; margin:40px 0;}

.goods_list .search_box {display:flex; justify-content:flex-end; }
.goods_list .search_box .btn {width:40px; height:40px; color:#fff; border-radius:0;}
.goods_list .search_box .btn i {color:inherit;}

.goods_list .lm > ul > li {margin-top:30px;}
.goods_list .lm > ul > li:first-child {margin-top:0;}
.goods_list .lm strong {position:relative; display:block; padding:15px;}
.goods_list .lm strong:after {content:"\ecad"; font-family:boxicons;font-weight:400; font-size:2rem; position:absolute; right:10px;}
.goods_list .lm ul > li > ul {background:#f6f6f6;}
.goods_list .lm li a {display:block; padding:5px 0; color:#666; font-size:1.5rem;}
.goods_list .nav-link.sel  {background:#f8f8f8; border-left:none!important;}

.pro_gall {display:flex; flex-flow:row wrap; margin-top:30px;  border-top:1px solid #000;}
.pro_gall > div {width:22%; margin:30px 0; margin-left:4%}
.pro_gall > div:nth-of-type(4n+1) {margin-left:0;}
.pro_gall > div dl {margin-top:10px;}
.pro_gall > div dd {color:#666;}
.goods_list > div .pro_price {margin-top:10px; color:#c33d0d; font-weight:500;}

/*상품목록 -리스트*/
.pro_list {display:flex; flex-flow:column wrap; margin-top:30px; padding-top:30px; border-top:1px solid #000;}
.pro_list > div {display:flex; flex-flow:row wrap; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ddd;}
.pro_list .pro_img {margin-right:30px;}
.pro_list .pro_img img {width:100px; height:100px;}
.pro_list .product_info {margin:10px 0; font-size:1.4rem; color:#666; font-size:1.4rem;}
.pro_list .pro_price {font-size:1.8rem;}

/*상품상세*/
.item_detail .top_wrap {height:210px;}
.item_detail .content {display:block; margin-top: -180px;}
.item_detail .content .card_1 {padding:20px;}
.item_detail .goods_info {display:flex; flex-flow:row wrap; margin-bottom:20px;}
.item_detail .goods_info img {width:180; height:180px; margin-right:50px;}
.item_detail .good_tit p {color:#666;}
.item_detail .good_tit strong {display:block; font-size:2.8rem; margin-bottom:20px; font-weight:700; color:#000;}
.item_detail .card_left {width:68%;}
.item_detail .card_right {width:30%;}
.item_detail .tab-pane {padding:0 10px;}

.item_detail .payment_info h6 {margin-bottom:20px; font-size:1.8rem; font-weight:700; color:#000;}
.item_detail .payment_info dl {display:flex; flex-flow:row wrap;}
.item_detail .payment_info dt {width:30%; padding-right:10px;}
.item_detail .payment_info dd {width:70%; color:#666;}

.item_detail .price {margin-top:20px; padding-top:20px; padding-bottom:10px; border-top:1px solid #ddd; color:#878787;}
.item_detail .price dt {color:#878787;}
.item_detail .price dd {text-align:right;}
.item_detail .sum dt {color:#878787;}
.item_detail .sum dd {text-align:right; color:#ea5520; font-size:2.2rem; font-weight:700;}

.item_detail .btn_wrap {margin-top:50px;}
.item_detail .btn_wrap button {display:block; width:100%; margin:5px 0; }
.item_detail .btn_wrap button i {margin-right:40px;}

/*sso-app-list*/
.ssohost {margin-bottom:-120px;}
.ssohost .content {max-width:none; padding:0;}
.ssohost .content * {box-sizing:border-box;}
#member-menu .navbar-collapse {background:#f6f6f6; border:none; border-right:1px solid #e7eaf3; border-radius:0; box-shadow:none;}

.ssohost .sidebar-main {width:260px; margin-right:0; background:#f6f6f6; border:none; border-radius:0; box-shadow:none; font-size:1.4rem;}
.ssohost .sidebar-main.sidebar-collapsed {width:0;}
.ssohost .sidebar-user {height:60px; border:none; border-bottom:1px solid #ddd!important;}
.ssohost .nav-group-sub {background: #e7e7e7;}
.ssohost .nav-sidebar > .nav-item-open > a,
.ssohost .nav-sidebar > .nav-item > a:hover,
.ssohost .nav-sidebar > .nav-item > a.active {background:#f9d0c1;}
.ssohost .nav-group-sub a.active {color:#ea5520;}
.ssohost .nav-sidebar .nav-item:not(.nav-item-header):last-child {padding-bottom:0;}

.ssohost .right_warp {display:flex; flex:1; width:auto; border:none; border-radius:0; box-shadow:none; overflow:hidden;}
.ssohost .right {display:flex; width:100%; padding:0; font-size:1.4rem; border:none; border-radius:0; box-shadow:none;}
/* .ssohost .right {display:flex; width:100%; padding:0; font-size:1.4rem; border:none; border-radius:0; box-shadow:none;} */
.ssohost .content .right .header-element-inline {display:flex; align-items:center; width:100%; height:60px; margin:0; padding:10px; border:none; border-bottom:1px solid #ddd!important; border-radius:0; box-sizing:none;}
.select2-results__option {font-size:1.4rem!important;}
.ssohost .right .header-element-inline .navbar-nav li {padding:0 3px;}
.ssohost .right .header-element-inline .navbar-nav .w-100, .select2-selection--single {display:inline-block; max-width:120px; margin:0 3px; }
.ssohost .right .header-element-inline .btn-light {font-size:1.4rem;}
.ssohost .right .header-element-inline .w-md-auto {width:100px!important;}

.ssohost .right .card-body {flex-flow:column wrap; width:100%; margin-top:10px;}
/* .ssohost .right .card-body {display:flex; flex-flow:column wrap; margin-top:10px;} */
.ssohost .right .card-body > .card {padding:1.25rem;}
.ssohost .right .card-body .card_top {align-items:flex-end; margin-bottom:10px;}
.ssohost .control_left {margin-right:auto;}
.ssohost .control_right ul {display:flex; aling-items:center; }
.ssohost .right i {font-size:1.8rem;}
.ssohost .right .btn_wrap {margin-right:auto;}
/* .ssohost .right .card-body button {min-width:100px; margin:0 2px; font-size:1.4rem;}
.ssohost .right .btn-primary {height:35px; border-radius:5px;} */
.ssohost .right .card-body .dropdown-toggle::after {margin-left:10px;}
.ssohost .input_box label {display:block;}
.ssohost .input_box input,
.ssohost .input_box select {height:30px;}
.ssohost .table th, .ssohost .table td {height:30px!important; padding-top:10px; padding-bottom:10px;}

.ssohost .sidebar-right {width:220px; font-size:1.4rem;}
.ssohost .sidebar-right.sidebar-collapsed {width:0;}
.ssohost .sidebar-right .sidebar-user {height:auto; padding:25px 10px 10px 10px;}
.ssohost .sidebar-right .tab-close {width:15px;height:15px; font-size:1.6rem; color:#fff;}
.ssohost .sidebar-right i {color:#fff;}

/* for block of numbers */

.hljs-ln-code {
    padding-left: 10px !important;
}

.hljs-ln-numbers {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    text-align: center;
    color: #ccc;
    border-right: 1px solid #CCC;
    vertical-align: top;
    padding-right: 10px !important;

    /* your custom style here */
}

code {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

pre {
    padding: 0;
}
/* for block of code */
.hljs-ln-code {
    padding-left: 10px;
}

.ssohost input[type=tel], .ssohost input[type=time], .ssohost input[type=text], .ssohost input[type=password], .ssohost input[type=search], .ssohost input[type=email], .ssohost input[type=file], .ssohost input[type=url], .ssohost input[type=number], .ssohost input[type=date] {
    width: 250px;
    height: 28px;
    color: #373737;
    border: 1px solid #ccc;
    background: #fff;
    text-indent: 10px;
    transition: all 0.5s;
    vertical-align: middle;
    box-sizing: border-box;
}

/* swal2 */
.swal2-cancel {
    height: 35px;
}

.swal2-confirm {
    height: 35px;
}

.none{display:none}
#ticker{float:left;width:100px;}
.block {padding:0 10px; height:40px; width: 300px; overflow:hidden; background:#fff; float:left;}
.menu_btm .block li {
    line-height: 40px;
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: rgb(153, 153, 153);
}

.menu_btm .block li a {
    white-space: nowrap;
}

.btn-to-top {
	position: absolute;
	bottom: 1.25rem;
	right: 1.25rem;
	-ms-flex-item-align: end;
	align-self: flex-end;
	opacity: 0;
	visibility: hidden;
	z-index: 999;
	transition: all .15s ease-in-out
}

.btn-to-top-visible {
	visibility: visible;
	opacity: 1
}

.rounded {
    border-radius: 0.25rem !important;
}

/* select */
select {
    height: 28px;
    padding: 0 10px !important;
    color: #373737 !important;
    border: 1px solid #ccc;
    background: #fff;
    box-sizing: border-box;
}

/* table */
.table-row th, .table-row td {
    /* height:35px; */
    box-sizing:border-box;
    vertical-align:middle;
    white-space: nowrap;
    text-align: center;

    overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;


	line-height: 1.2em;
	height: 3.6em;

}
thead {
    position: sticky;
    top: 0;
    z-index: 1;
}
.table-col, .table-row {width: 100%;}
.table-row {box-shadow: 0 0 0 1px #ddd;  border-radius: 0.25rem;}
.table-col {table-layout: fixed;}
.table-col th {width: 150px; background-color:#f5f5f5; padding: 8px 15px; vertical-align: middle !important;}

.btn-group {
    z-index: 2;
}

.btn-group button:first-child {
    font-size: 1.6rem;
    letter-spacing: 0;
	height:45px;
    padding: 0 18px;
}

.btn-group button:last-child {
    padding: 0 14px;
}

/* tooltip */
.tooltip-inner {
    padding: 5px 5px !important;
    width:100%;
    left:0 !important;
    right:0  !important;
}

/* Modal-Form */
.modal-body input {height:28px; color:#373737; border:1px solid #ccc; background:#fff; transition: all 0.5s; vertical-align:middle; box-sizing: border-box}
.modal-body textarea {width:100%; height:150px; font-size:12px; color:#373737; padding: 10px; border:1px solid #ccc; background:#fff; transition: all 0.5s; vertical-align:middle; box-sizing: border-box}
.modal-body input[readonly],
.modal-body input[disabled]{background:#eaeaea; border-color:#c0c0c0; color:#666; -webkit-appearance:none;}
.modal-body textarea[readonly],
.modal-body textarea[disabled]{padding:11px; font-size:16px; color:#666; font-weight:normal; line-height:140%; height:78px; background:#eaeaea;border:1px solid #c0c0c0;}
select:focus,
textarea:focus,
input:focus { border: 1px solid #727272; outline: none;}

input[type=file] {
    text-indent: 0px !important;
}

.modal-header .close {
	display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    background: rgb(255 255 255 / 90%);
    color: #f33030!important;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 16px;
}

/* btn-copy*/
.btn-copy {
    font-weight : 1400;
    font-family: "Font Awesome 5 Free";
    background-color : transparent;
    border : none;
    cursor : pointer;
    position : absolute;
    right : 5px;
    top : 50%;
    transform : translatey(-50%);
}
.btn-copy::before{
    font-size: 15px;
    content : "\f0c5";
}

/* card-header */
.card-danger:not(.card-outline) > .card-header {
    background-color: #dc3545;
}

.card-danger:not(.card-outline) > .card-header {
    background-color: #dc3545;
}

.card-danger:not(.card-outline) > .card-header,
.card-danger:not(.card-outline) > .card-header p {
    color: #fff;
}

.card-primary:not(.card-outline) > .card-header {
    background-color: #007bff;
}

.card-primary:not(.card-outline) > .card-header,
.card-primary:not(.card-outline) > .card-header p {
    color: #fff;
}

.card-info:not(.card-outline) > .card-header {
    background-color: #17a2b8;
}

.card-info:not(.card-outline) > .card-header,
.card-info:not(.card-outline) > .card-header p {
    color: #fff;
}

.card-success:not(.card-outline) > .card-header {
    background-color: #28a745;
}

.card-success:not(.card-outline) > .card-header,
.card-success:not(.card-outline) > .card-header p {
    color: #fff;
}

@media screen and (max-width: 1200px) {
	body {
        background: #fff;
        font-size: 1.4rem;
    }

	.btn {font-size:1.3rem;}

    .menu_btm {
        margin-top: 0;
        border-top: none;
    }

    .menu_btm .container {
        padding-right: 0;
        padding-left: 0;
    }

    .menu_btm .navbar-brand img {
        margin-right: 40px;
    }

    .menu_btm .notice_box {
        width: 100%;
        margin-bottom: 25px;
    }

    .menu_top {
        position: relative;
        top: auto;
        right: auto;
    }

    .menu_top>div {
        border: none;
    }

    .menu_top select {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 30px;
        padding: 0px 15px;
        margin-right: 10px;
        color: #666;
        font-size: 1.3rem;
        border-radius: 50px;
        border: 1px solid #ddd;
    }

    .mrow2 .container>div,
    .mrow3 .container>div {
        width: 100%;
    }

    .mrow2 .container>div:last-child {
        margin-top: 10px;
    }

	.ft_wrap {padding:30px 1.25rem!important;}
	.nav-tabs .nav-item.show .nav-link.active:after, .nav-tabs .nav-link.active:after { bottom:-2px;}
    .ft_wrap .ft_right dl {
        margin-left: 15px;
    }

    .ft_wrap .ft_right dl:first-of-type {
        margin-left: 0;
    }

    .collapse:not(.show) {
        display: none
    }

	.no_left .content {flex-flow:column wrap;}
	.card_2, .card_3 {width:100%; margin-left:0;}
	.card_2 {width:100%; margin-left:0;}

	.content {flex-direction:column;}
	.content .left, .ssohost .content .left {width:100%; margin-bottom:20px; justify-content:flex-end;}
	.content .right {width:100%; padding:20px 0; border:none; box-shadow:none;}

	.content .left .navbar-collapse {margin-top:10px; border: 1px solid #f1b39d;}
	.content .left .navbar-nav {display:flex; flex-flow: row wrap; justify-content:flex-start; padding:5px;}
	.content .left .navbar-nav li {width:25%; text-align:center;}
	.content .left .nav-link {flex-direction:column; padding:6px 10px;}
	.content .left .nav-link.active {border-left:none; background:none;}


	.token_setting .content {
        overflow-x: hidden;
    }

	.account_setting .inner > div {width:48%;}

	.trans_list .content {flex-direction:column;}
	.trans_list .content .card_2 {width:100%; margin-left:0;}

	.notice_list .card_2.card_left {width:100%;}
	.notice_list .card_right {display:none;}

	.list_box .nav-tabs {display: flex; border-bottom: none; flex-flow: row wrap; margin-left:-5px; margin-top:-5px;}
	.list_box .nav-tabs .nav-item {width:48%; margin:1%;}
	.list_box .nav-link {border:1px solid #ddd; border-radius:5px;}
	.list_box .nav-link.active,
	.list_box .nav-tabs .nav-link:focus,
	.list_box .nav-tabs .nav-link:hover { border-color: #ed9b7e #ed9b7e #ed9b7e;}

	.list_box .sub_tabs {display:flex; margin-left:0; margin-right:0;}
	.list_box .sub_tabs .nav-item {display:flex; flex:1; margin:0; margin-bottom:-1px;}
	.list_box .sub_tabs .nav-link { border-bottom-left-radius:0; border-bottom-right-radius:0;}
	.list_box .sub_tabs .nav-link:active,
	.list_box .sub_tabs .nav-link:focus,
	.list_box .sub_tabs .nav-link:hover {margin-bottom:-1px; border:1px solid #efd8d0; border-bottom:none;}
	.list_box .tab-pane .tab-content {padding:20px 10px; border-radius:0;}


	.contract_detail .info_box ul,
	.contract_detail .src_box dd {padding:10px;}
	.contract_detail .src_box dt {flex-direction:column; align-items:flex-start; justify-content:space-between;}
	.contract_detail .src_box dt button {margin-top:5px; padding:3px 5px; font-size:1.2rem;}

	.cart .content > div {display:block;}
	.cart .card_left {margin-right:0;}
	.cart .card_left .table .info {}
	.cart .card_left .table .info img {width:30px; height:30px; margin-right:5px;}
	.cart .card_left .button_wrap {margin-bottom:40px;}


	.checkout .content > div,
	.order_received .content > div {display:block;}
	.checkout .card_left,
	.order_received .card_left {margin-right:0;}

	.member_credit .balance > div {display: block;}
	.member_credit .balance .info_box > div:first-of-type {margin-bottom:20px;}

    .table-col th{width: auto;}

	.item_detail .card_wrap {flex-flow: column-reverse;}
	.item_detail .card_left, .item_detail .card_right {width:100%;}
	.item_detail .card_right {margin-bottom:20px;}

	.ssohost .content {width: 100%; padding-top:30px; padding-left: 15px; padding-right: 15px;}
	/* .ssohost .btn-group:last-child {display:none;} */

	.ssohost .d-xl-none {border:none; border-radius:0; box-shadow:none;}
	.ssohost .d-xl-none i {font-size:1.8rem;}
	.ssohost .navbar-nav {flex-flow:row wrap;}
	.ssohost .right .btn {font-size:1.2rem;}
	.ssohost .content > .d-md-none {border: none; box-shadow: none; border-radius: 0; display: flex; justify-content: flex-end;}
	.ssohost .content > .d-md-none i {font-size:1.8rem;}

	.ssohost .sidebar-main > .d-xl-none i {margin:10px 20px; transform:rotate(0.5turn); font-size:1.3rem;}
	.ssohost .content .right .card-header, navbar-collapse {height:auto; padding:0;}
	.ssohost .right .card-header .navbar-collapse {margin:0; padding:0;}
	.ssohost .control_left {margin-left:0; display:none;}
	.ssohost .right .card-header .navbar-nav {margin-bottom:5px;}
	.ssohost .right .card-header .navbar-nav li {padding:0; margin: 0 2px;}
	.ssohost .right .card-header .navbar-nav button,
	.ssohost .right .card-header .navbar-nav .btn {display:flex; align-items:center; justify-content:center; height:35px; font-size:1.3rem;}
	.ssohost .right .card-header .navbar-nav .selection,
	.ssohost .right .card-header .navbar-nav .select2-results__option {font-size:1.3rem;}
	/* .ssohost .right .card-header .w-100 {width:auto!important;} */
	.ssohost .right .card-body {padding:0;}
	/* .ssohost .right .card-body > .card {width:100%;padding:0; border:none; border-radius:0; box-shadow:none;} */
	.ssohost .right .card-body .card_top {flex-flow:column wrap; align-items: flex-start;}
	.ssohost .right .card-body .input_box {width: 100%; padding:10px 3px;}
	.ssohost .right .card-body .input_box > div {display:flex;}
	.ssohost .right .card-body .input_box > div input {flex:1; width:100%;margin-left:5px;}
	.ssohost .right .btn_wrap {flex-flow:row wrap!important; justify-content:space-between!important;}
	.ssohost .card_cont .btn_wrap > div, .ssohost .card_cont .btn_wrap select {width:48%; margin-bottom:20px;}
	.ssohost .right .card-body button {margin: 0 2px 2px 2px; font-size:1.3rem;}
	.sidebar-right {right:-25rem;}
	.ssohost .sidebar-right.sidebar-collapsed {width:220px;}
	.ssohost .right .card-header .dropdown-user i {line-height:35px; font-size:1.3rem!important;}
	.select2-selection--single:not([class*=bg-]):not([class*=border-]) {height: 35px; display: flex; align-items: center;}
	/*.custom-pagination {justify-content: center; width: 100%;}*/
	/*.ssohost .table {min-width:1130px;}*/

}

@media screen and (min-width:768px) {
    .font-weight-md-normal {
        font-weight: 400!important;
    }

}


@media screen and (min-width:1200px) {
.ssohost .sidebar-main.collapse {display:block;}
}

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

    .navbar {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 1.25rem
    }

    .navbar>.container,
    .navbar>.container-fluid {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .navbar-brand {
        display: inline-block;
        padding-top: 1.00002rem;
        padding-bottom: 1.00002rem;
        margin-right: 1.25rem;
        font-size: 0;
        line-height: inherit;
        white-space: nowrap
    }

    .navbar-brand:focus,
    .navbar-brand:hover {
        text-decoration: none
    }


    .navbar-nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none
    }

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-text {
        display: inline-block;
        padding-top: .625rem;
        padding-bottom: .625rem
    }

    .navbar-collapse {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggler {
        padding: .875rem 0;
        font-size: .8125rem;
        line-height: 1;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: 0
    }

    .navbar-toggler:focus,
    .navbar-toggler:hover {
        text-decoration: none
    }

    .navbar-toggler-icon {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        content: "";
        background: no-repeat center center;
        background-size: 100% 100%
    }

}

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

    .menu_btm {
        font-size: 1.5rem;
    }

    .menu_btm .navbar-brand img {
        width: 120px;
    }

    .menu_btm .navbar-collapse a {
        font-weight: 500;
    }

    .menu_top {flex-flow: wrap;
        justify-content: flex-start !important;
        margin-top: 10px;
        margin-bottom: 25px;
    }

	.content h2 {text-align:center;}

	.datatable-header {padding:1.25rem 0 0 0;}
	/*.dataTable tr.child .dtr-data {white-space:pre-line;}*/

    .member .content .card-body,
	.no_left .content > div {padding:20px;}

	.token_setting .left ul li {display:flex; align-items:center; justify-content:center; width:33.33%;}

	.account_setting .inner {flex-direction:column;}
	.account_setting .inner > div {width:100%; margin-bottom:40px;}
	.account_setting .btn_wrap {position:relative;}
	.account_setting .btn_wrap button {flex: auto; margin: 10px 0; width: 100%;}

	.support-center .lineBox {padding:0 0 10px;}
	.support-center .lineBox-item {font-size:1.4rem;}

	.contract_detail .block_detail > div {padding:20px;}
	.contract_detail .dataTables_length,
	.block_detail .dataTables_length,
	.block_list .dataTables_length {float:right!important;}
	.trans_list .content .card_2 > div {padding:20px;}
	.contract_list .contract_sum dd,
	.trans_list .trans_sum dd {font-size:2rem;}

	.token_list .datatable-header {display:flex; justify-content:space-between;}
	.token_list .dataTables_length {margin-left:auto;}

	.list_box .d-flex {flex-direction:column;}
	.list_box .d-flex ul {flex-flow:wrap; margin-top:20px;}
	/*.list_box .d-flex li {margin-left:5px;}*/
	.list_box .d-flex ul li:first-child {margin-left:0;}
	/*.list_box .d-flex li:before {margin-right:5px}*/

	.order .steps li {flex-flow:row wrap;}
	.order .steps li:before {display:block; width:100%; text-align:center; margin-left:-15px;}

	.cart .content .steps li {flex-flow:row wrap;}
	.cart .content .steps li:before {width:100%; margin-left:-18px; text-align: center;}
	.cart .card_left .table .info p {display: block; margin-left: 25px; width: 135px;}
	.cart .card_left .button_wrap {display:block;}
	.cart .card_left .button_wrap input {flex:1;}
	.cart .card_left .button_wrap > button {margin-left:0; margin-top:10px; width:100%;}

	.checkout .content > div,
	.order_received .content > div {padding: 20px 15px;}
	.checkout .card_right .card
	.order_received .card_right .card {padding:20px;}
	.checkout .card_right dt,
	.checkout .card_right dd,
	.order_received .card_right dt,
	.order_received .card_right dd {flex:1;}

	.goods_list .content .left ul {display:block; padding:0}
	.goods_list .content .left ul li {width:100%;}
	.goods_list .left ul {display:block; padding:0;}
	.goods_list .lm > ul > li {width:100%; margin-top:0; border-top:1px solid #ddd; text-align:left!important;}
	.goods_list .lm > ul > li:first-child {border-top:none;}
	.goods_list .left ul li {text-align:left;}
	.goods_list .left .nav-link {text-align:left; align-items: flex-start; padding-left: 15px;}
	.goods_list .accordion {
	  color: #444;
	  cursor: pointer;
	  width: 100%;
	  font-size: 15px;
	}

	.goods_list .accordion:after {
	  content: '\002B';
	  color: #777;
	  font-weight: bold;
	  float: right;
	  margin-left: 5px;
	}

	.goods_list .lm .active:after {
	  content: "\2212";
	}

	.goods_list .panel {
	  padding: 0 18px;
	  background-color: white;
	  max-height: 0;
	  overflow: hidden;
	  transition: all 0.2s;
	}

	.goods_list .search_box input {flex:1;}
	.pro_gall {padding-top:20px;}
	.pro_gall > div {width:48%; margin:10px auto;}
	.pro_gall > div:nth-of-type(2n+1) {margin-left:0;}

	.pro_list > div > dl {flex:1;}
	.pro_list .product_info {margin:5px 0; font-size:1.3rem;}

	.item_detail .goods_info img {width:80px; height:80px; margin-right: 20px;}
	.item_detail .good_tit strong {margin-bottom:0; font-size:2rem;}
	.item_detail .btn_wrap {margin-top:30px;}

	.wishlist .btn_wrap {flex-flow:column wrap}
	.wishlist .btn_wrap > div {flex-flow:column wrap; width:100%;}
	.wishlist .btn_wrap button {width:100%; height:45px; margin:5px 0;}


}

@media screen and (max-width:320px) {
    .mrow2 .container>div>ul:before {
        margin-right: 10px
    }

    .mrow2 .container>div,
    .mrow3 .inner {
        padding: 20px;
    }

	.cart .card_left .button_wrap .input_box {display:block;}
	.cart .card_left .button_wrap .input_box input {flex:none; width:100%;}
	.cart .card_left .button_wrap .input_box .btn {width:100%; margin-left:0; margin-top:10px;}

	.content .left ul li {width:33.33%;}


}