@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font:inherit;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
html, body {width:100%;height:100%;min-height:100vh;line-height:1;background:#ffffff;font-family:"Pretendard Variable","Pretendard","Malgun Gothic","Apple SD Gothic Neo","돋움",dotum,sans-serif;font-size:16px;}
del {text-decoration:line-through;}
a, ins {text-decoration:none;}

a:link:not(.embtn) {color:#2196F3}
a:visited:not(.embtn) {color:#2196F3}
a:hover:not(.embtn) {color:#FF7043}
a:active:not(.embtn) {color:#FF7043}

ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:"";content:none;}
table {border-collapse:collapse;border-spacing:0;}
ul.column2 li {display:block;margin:5px 0;width:50%;line-height:1.5;}
ul.column3 li {display:block;margin:5px 0;width:33%;line-height:1.5;}
ul.column4 li {display:block;margin:5px 0;width:25%;line-height:1.5;}

.bold {font-weight:600;}
.weight300 {font-weight:300;}
.weight400 {font-weight:400;}
.weight500 {font-weight:500;}
.weight600 {font-weight:600;}
.weight700 {font-weight:700;}
.weight800 {font-weight:800;}
.float-left {float:left;}
.float-right {float:right;}
.float-clear::after {display:block;content:"";clear:both;}
.left {text-align:left!important;}
.center {text-align:center!important;}
.right {text-align:right!important;}
.vt-tt {vertical-align:text-top!important;}
.vt-tb {vertical-align:text-bottom!important;}
.vt-b {vertical-align:bottom;}
.font-0x8 {font-size:0.85em;}
.font-0x9 {font-size:.943em;}
.font-1x25 {font-size:1.25rem;}
.font-1x5 {font-size:1.5rem;}
.font-2x {font-size:2.0rem;}
.font-3x {font-size:3.0rem;}
.font-monospaced {font-family:"Consolas", "Courier New";}
.circle {display:border-radius:50%;}
.rect {border-radius:0!important;}
.max {width:100%;}
.width3x5 {width:3.5em;}
.width4x {width:6.0em;}
.block {display:block;}
.inline-block {display:inline-block;}
.disabled {color:#ccc !important;background:#eee!important;text-shadow:1px 1px 1px #fff;}
.cursor-pointer {cursor:pointer;}

.no-margin {margin:0!important;}
.hide {display:none;}
.hidden {display:none !important;}
.visible {overflow:visible;}
.overflow-hidden {overflow:hidden;}
.text-uppercase {text-transform:uppercase !important;}
.position-relative {position:relative !important;}
.mix-icon-button {display:block;width:100%;line-height:1.2;text-align:center;}
.mix-icon-button .mix-icon-button-text {display:block;font-size:.95em;text-align:center;}
.mix-icon-container {position:relative;width:6.0rem;height:3rem;overflow:hidden;margin:0.1em auto 0.5em auto;line-height:1.0;}
.mix-icon-container .mix-icon {display:block;position:absolute;top:0;left:0;width:100%;height:100%;font-size:3rem;text-align:center;line-height:1.0;}
.mix-icon-container .mix-text {display:block;position:absolute;top:0;left:0;width:100%;height:100%;font-size:1.5rem;text-align:center;line-height:2.3;}
.round-circle {border-radius:100%;}
.icon-t9 {display:inline-block;width:20px;height:20px;background:url("/images/common/logo.t9.svg") no-repeat center center;background-size:contain;}
.icon-t9-green {display:inline-block;width:20px;height:20px;background:url("/images/common/logo.t9.green.svg") no-repeat center center;background-size:contain;}
.icon-classroom {display:inline-block;width:20px;height:20px;background:url("/images/icons/google.classroom.svg") no-repeat center center;background-size:contain;}
.sizing-border-box {box-sizing:border-box;}
.scale1x2 {transform:scale(1.2);}
.ellipsis {display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.no-data {width:auto;height:100px;vertical-align:middle;text-align:center;color:#999;}

.audioplay-button::after {content:"\ed7b"}
.audioplay-button.stop::after {content:"\ed7d"}

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



.dropdown-menu {
	display:none;
	position: absolute;
	top: 90%;
	left:0;
	z-index:1000;
	float: left;
	min-width: 250px;
	overflow-y:auto;
	padding:20px;
	margin: 0;
	font-size: 1.0em;
	color: #333;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 5px;
	box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,.1);
}
.dropdown-menu-right {right:0;left:auto;}

.dropdown-menu .dropdown-menu-header {
	display:block;
	height:44px;
	line-height:1.2rem;
	font-size:1.1rem;
	font-weight:400;

}
.dropdown-menu .dropdown-menu-title {
	display:block;
}
.dropdown-menu .dropdown-menu-link {display:block;color:#898989;}
.dropdown-menu .dropdown-menu-link:hover {color:#292929;}
.dropdown-menu .dropdown-content-body {height:300px;}
.dropdown-menu .dropdown-scrollable {
	max-height:244px;
	padding-right:9px;
	font-size:.92rem;
	line-height:1.1rem;
	white-space:normal;
	word-break: break-all;
	overflow-y:auto;
	overflow-x:hidden;
}
.dropdown-scrollable::-webkit-scrollbar {width:2px;}
.dropdown-scrollable::-webkit-scrollbar-track {background: #f1f1f1;}
.dropdown-scrollable::-webkit-scrollbar-thumb {background: #868686;}
.dropdown-scrollable::-webkit-scrollbar-thumb:hover {background:#545454;}
.dropdown-menu .message-list {}
.dropdown-menu .message-content {margin:30px 0;}
.dropdown-menu .message-content:first-child {margin-top:0;}
.dropdown-menu .message-content:last-child {margin-bottom:0;}
.dropdown-menu .message-title {
	height:20px;
	line-height:1rem;
	color:#336666;
	font-size:.92rem;
	font-weight:400;
}
.dropdown-menu .message-avata {margin-top:3px;width:42px;height:42px;overflow:hidden;}
.dropdown-menu .message-avata .avata-image {width:42px;height:42px;}
.dropdown-menu .message-body {width:auto;margin-left:54px;}
.dropdown-menu .message-link {color:#359FF4;}
.dropdown-menu .message-link:hover {color:#0871C9;}
.dropdown-menu .message-text {overflow:hidden;color:#336666;font-size:.82rem;
overflow: hidden;
text-overflow: ellipsis;
word-wrap:break-word;
line-height:1.2rem;
height:2.35rem;
display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
white-space:normal;
}




.ajax-loader01 {
	display:block;
	width:24px;
	height:24px;
	border:4px solid rgba(0, 0, 0, 0.25);
	border-top-color:#e9e9e9;
	border-radius:50%;
	position:relative;
	animation:loader-rotate 1.4s linear infinite;
	top:50%;
	margin: -16px auto 0;
}
@keyframes loader-rotate {
	0% {
		transform: rotate(0); }
	100% {
		transform: rotate(360deg); }
}

.ajax-loader02 {
	display:block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: relative;
  animation: loader02-uba7e1836 0.74s ease alternate infinite;
  animation-delay: 0.36s;
  top: 50%;
  margin: -52px auto 0; }
.ajax-loader02::after, .loader10::before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    animation: loader02-uba7e1836 0.74s ease alternate infinite; }
.ajax-loader02::before {
    left: -10px;
    animation-delay: 0.18s; }
.ajax-loader02::after {
    right: -10px;
    animation-delay: 0.54s; }

@keyframes loader02-uba7e1836 {
	0% {box-shadow: 0 28px 0 -28px #a9a9a9; }
	100% {box-shadow: 0 28px 0 #a9a9a9; }
}


/* 팝업,레이어팝업 */
.winoLpop {position:absolute;z-index:1100;background:#795548;box-shadow:0 0 12px rgba(0,0,0,.7);border-radius:10px;overflow:hidden;}
.winoLpop.open {position:static;box-shadow:none;border-radius:0;}
.winoLpop .winoLpop-header {height:50px;line-height:50px;padding:0 20px;font-size:1.1rem;font-weight:400;color:#ffffff;background:#2196F3;}
.winoLpop .winoLpop-body {line-height:1.5;font-size:1.0rem;color:#494949;background:#ffffff;overflow-x:hidden;}
.winoLpop .winoLpop-body::-webkit-scrollbar {width:4px;}
.winoLpop .winoLpop-body::-webkit-scrollbar-track {background: #f1f1f1;}
.winoLpop .winoLpop-body::-webkit-scrollbar-thumb {background: #868686;}
.winoLpop .winoLpop-body::-webkit-scrollbar-thumb:hover {background:#545454;}
.winoLpop .winoLpop-body.type-1 .winoLpop-content {margin:20px;}
.winoLpop .winoLpop-body .winoLpop-content .title {display:block;margin-bottom:20px;font-size:1.4rem;font-weight:600;line-height:1.3;}
.winoLpop .winoLpop-body .winoLpop-content .content-image {display:block;max-width:100%;}
.winoLpop .winoLpop-footer {display:block;margin:0 20px;height:40px;line-height:40px;color:#f9f9f9;font-size:.85rem;font-weight:300;}
.winoLpop .winoLpop-footer input[type="checkbox"] {margin:0 5px 0 -3px;}
.winoLpop .winoLpop-footer a {color:#ffffff;}

.modal-backdrop {position:fixed;top:0;left:0;z-index:1000;width:100vw;height:100vh;background-color:rgb(0,0,0);}
.fade {transition: opacity .25s linear;}
.modal-backdrop.show {opacity:.45;}


/* mscontents element ********************/
#mscontent-header {padding:1.45rem;border-top-width:2px;border-top-style:solid;}
#mscontent-header .header {margin-bottom:5px;color:#333333;font-size:1.2rem;}
#mscontent-header .desc {margin-top:5px;color:#848484;font-size:.92rem;font-weight:300;line-height:1.5}
#mscontent-header .desc b {font-weight:500;}
#mscontent-header .desc .item {margin:0 .642rem;}
#search-container {margin-bottom:1.24rem;padding:1.5rem 2rem;border:1px #eee solid;background:#fcfcfc;text-align:center;}
#search-container select, #search-container input, #search-container button {margin-top:.15rem;margin-bottom:.15rem;max-width:100%;}
#search-container .option-container {margin-top:8px;}
#search-container .search-title {display:inline-block;margin-top:.15rem;margin-right:.45rem;font-weight:500;vertical-align:middle;}


/* contents view ***************************/
.view-container {padding:40px 40px;font-size:1.0rem;border:1px #F0F0F0 solid;background:#FCFCFC;}
.view-container .header {margin-bottom:30px;padding-bottom:30px;border-bottom:1px #eee solid;}
.view-container .header .title {font-size:1.6rem;font-weight:bold;color:#444;margin-bottom:10px;}
.view-container .header .date {font-size:.95rem;color:#888;}
.view-container .body {line-height:1.5rem;}
.view-container .body .noti {padding:14px;margin-bottom:20px;background:#f4f4f4;}
.view-container .body .noti .title {margin-bottom:10px;font-weight:400;font-size:1.1rem;color:#ED5E2F;display:block;}
.view-container .body .noti li {display:inline-block;margin:2px 10px 2px 0;color:#999;}
.view-container .body .noti li b {color:#444;}
.view-container .body .content {clear:both;min-height:300px;}
.view-container .body .content img.attachment {max-width:100%;}
.view-container .body .file {padding:10px 20px;margin-top:20px;background:#f4f4f4;}
.view-container .body .file:after {content:""; display:block; clear:both;}
.view-container .body .file dt {clear:left;float:left;color:#696969;padding:2px 0;}
.view-container .body .file dd {float:right;}
.view-container .body .file .title {margin-bottom:10px;color:#242424;}


/* class notice ****************************************/
span.noti {font-size:0.7rem;color:#fff;font-weight:300;padding:2px 5px;border-radius:.24rem;}
span.lv-0 {background:#007AB7;}
span.lv-1 {background:#0066cc;}
span.tcName {margin:0 3px;padding:2px 4px;font-size:.85rem;font-weight:300;color:#fff;background:#ff9900;border-radius:4px;}
img.noti-attachment {display:block;margin:0 0 20px; 0;max-width:615px;}

dl.class-list dt {margin:15px  0 5px 0;}
dl.class-list dt.dt-0 {margin-top:5px;}
dl.class-list dt span {background:#ff9900;border:1px #ff0000 solid;}
dl.class-list dd {display:inline-block;}
dl.class-list dd label {color:#777;}

/* start: form ***************************/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin:0;}
select {
color:#464646;
font-family:inherit;
font-size:1rem;
padding:0 3.2em 0 .5em;
height:30px;
line-height:30px;
font-family: inherit;
border:1px #ccc solid;
border-radius:.24rem;
vertical-align:middle;
background:url("/images/icons/feather/chevron-down.svg") no-repeat right 8px center;
background-size:16px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
select::-ms-expand {display:none;}
input[type=text], input[type=password], input[type=number] {
color:#464646;
font-family:inherit;
font-size:1rem;
height:30px;
line-height:30px;
padding:0 .5rem;
border:1px #ccc solid;
border-radius:.24rem;
vertical-align:middle;
background:#ffffff;
transition:background-color .15s ease-in-out, border-color .15s ease-in-out;
}
textarea {
color:#464646;
font-family:inherit;
font-size:1rem;
min-height:100px;
line-height:1.5;padding:0 .5rem;
border:1px #ccc solid;
border-radius:.24rem;
background:#ffffff;
transition:background-color .15s ease-in-out, border-color .15s ease-in-out;
resize:none;
}
textarea::placeholder {color:#b9b9b9;}

input[type=text].error, input[type=password].error, textarea.error {
border-color:#EAD5DC;
background-color:#F2DEE0;
}
label.error {
display:block;
color:#ff0000;
margin-top:4px;
}
input[type=password]::-ms-reveal {display:none;}
form .required {position:absolute;margin-top:1px;margin-left:2px;color:#ff0000;font-size:1.8rem;}
.password-container .password-button {position:relative;margin-left:-42px;margin-top:0px;width:28px;height:18px;cursor:pointer;color:#898989;padding:8px 6px 2px 6px;}
.password-container .password-button:hover {color:#242424;}
form label.file .file-name {
display:inline-block;
width:200px;
color:#464646;
font-size:1rem;
height:30px;
line-height:30px;
padding:0 .5rem;
border:1px #ccc solid;
border-radius:.24rem;
vertical-align:middle;
background:#ffffff;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
transition:background-color .15s ease-in-out, border-color .15s ease-in-out;
}
input[type=text].datepicker {width:130px;}
input[type=text].readonly {background-color:#eee;color:#999;}

/* end: form ***************************/

.content-header-nav {margin:.24rem 0;}
.paragraph-title {padding:.9rem .8rem;margin-bottom:.5rem;color:#ffffff;font-size:1rem;font-weight:500;background:#003051;border-radius:5px;}
.paragraph-title i {font-size:0.92em;}
.table-container {position:relative;width:100%;overflow-x:auto;}
.table-container .gray-contentbox {min-height:100px;background:#eee;padding:.8em;border-radius:.5em;}
.table-container .incontent-container {min-height:74px;background:#f4f4f4;padding:.8em;border-radius:.5em;}

/* section ***************************/
.section-container {position:relative;}
.section-header-nav {display:flex;padding:0 .5rem 0 .8rem;margin-bottom:.5rem;height:45px;line-height:45px;background:#ededed;border-radius:5px;justify-content:space-between;}
.section-title {color:#444;font-size:1rem;font-weight:500;}
.section-title i {font-size:0.92em;top:0;}

/* table list ***************************/
table.list {width:100%;min-width:860px;}
table.list.min {width:860px;}
table.list.auto {width:100%;min-width:auto;}
table.list thead {color:#fff;background:#2196F3;border-top:1px #108cf1 solid;border-bottom:1px #108cf1 solid;}
table.list thead th {padding:1.1rem .8rem;font-weight:500;line-height:1.0rem;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;text-align:center;}
table.list tbody td {padding:.65rem .2rem;font-size:.92rem;line-height:1.5rem;text-align:center;vertical-align:middle;}
table.list tbody tr {border-bottom:1px #eee solid;}
table.list tbody tr:nth-child(even) {background-color:#fcfcfc;}
/* table inside list  ***************************/
table.inlist {width:100%;min-width:860px;}
table.inlist thead {color:#fff;background:#f9f9f9;border-top:1px #ddd solid;border-bottom:1px #ddd solid;color:#222;}
table.inlist thead th {padding:1.1rem .8rem;font-weight:500;line-height:1.0rem;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;text-align:center;}
table.inlist tbody th {padding:.65rem .2rem;font-size:.92rem;line-height:1.5rem;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;text-align:center;vertical-align:middle;font-weight:500;}
table.inlist tbody td {padding:.65rem .2rem;font-size:.92rem;line-height:1.5rem;text-align:center;vertical-align:middle;}
table.inlist tbody tr {border-bottom:1px #eee solid;}
table.inlist tbody tr:nth-child(even) {background-color:#fcfcfc;}
/* table view ***************************/
table.view {width:100%;min-width:860px;}
table.view.auto {min-width:auto;}
table.view th {padding:.65rem .65rem;font-size:.92rem;font-weight:500;line-height:1.5rem;text-align:left;vertical-align:middle;}
table.view td {padding:.65rem .65rem;font-size:.92rem;color:#686868;line-height:1.5rem;vertical-align:middle;}
table.view tr {border-bottom:1px #eee solid;}
table.view tr:nth-child(even) {background-color:#fcfcfc;}
/* table form ***************************/
table.form {width:100%;min-width:860px;}
table.form th {padding:.65rem .65rem;font-size:.92rem;font-weight:500;line-height:1.5rem;text-align:left;vertical-align:middle;}
table.form td {padding:.65rem .65rem;font-size:.92rem;color:#686868;line-height:1.5rem;vertical-align:middle;}
table.form tr {border-bottom:1px #eee solid;}
table.form thead {background-color:#fcfcfc;}
table.form tbody tr:nth-child(even) {background-color:#fcfcfc;}
table.form tbody tr:last-child {border-bottom:none;}
table.auto {min-width:auto;}
/* table comment ***************************/
table.comment {width:100%;}
table.comment tr {border-bottom:1px #eee solid;}
table.comment th {vertical-align:middle;font-weight:500;color:#444;padding:5px 0;}
table.comment th .date {display:block;margin:5px 0;color:#003399;}
table.comment th .date.fit {font-weight:300;}
table.comment td {vertical-align:middle;padding:5px;line-height:150%;}
table.comment th.pin-1 {background:#f7f7f7 url("/images/common/icons/icon-pin.png") no-repeat right center;}
table.form tbody tr:nth-child(even) {background-color:#fcfcfc;}

/* memo list ***************************/
ul.memo-list {width:100%;}
ul.memo-list li.memo-item {padding:.65rem .0rem;font-size:.92rem;}
ul.memo-list li.memo-item .user {margin:.5rem .56rem;}
ul.memo-list li.memo-item .content {line-height:1.4;color:#494949;background:#f4f4f4;padding:.5rem;border-radius:.454rem;}

/* page ***************************/
#paging {display:block;clear:both;margin:30px 0;text-align:center;}
#paging li {display:inline-block;padding:0 .1rem;text-align:center;}
#paging li b {display:inline-block;width:30px;height:30px;line-height:32px;color:#2196F3;font-size:1rem;font-weight:500;}
#paging li a {display:inline-block;width:30px;height:30px;line-height:32px;color:#666;font-size:1rem;font-weight:400;border:1px #eee solid;}
#paging li a:hover {color:#2196F3;border-color:#2196F3;}
#paging li .next-button, #paging li .prev-button {width:78px;font-size:.92rem;}

/* modalpop ***********************/
.modalpop-body-background {background:url("/images/common/modalpop.background.cL.png") no-repeat left top, url("/images/common/modalpop.background.cR.png") no-repeat right bottom;}
#modalpop{display:none;position:absolute;z-index:10000;}
#modalpop #modalpop-overlay{display:block;overflow:hidden;position:fixed;z-index:1;top:0;right:0;bottom:0;left:0;background:#000;filter:alpha(opacity:'60');opacity:0.6;}
#modalpop #modalpop-container{display:block;position:relative;z-index:2;border-radius:8px;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.5);}
#modalpop #modalpop-message-container {width:600px;background:#fff;}
#modalpop-header {height:50px;line-height:50px;font-size:1.4rem;font-weight:300;padding:0 30px;color:#fff;background-color:#2196f3}
#modalpop-header.red {background:#f44336;}
#modalpop-header.green {background:#4caf50;}
#modalpop-content {padding:30px;min-width:300px;max-width:600px;min-height:120px;line-height:1.5;font-size:1rem;background:#ffffff;text-align:center;}
#modalpop-content #modalpop-content-html {min-height:80px;}
#modalpop-content .modalpop-button-container {display:block;margin-top:30px;text-align:center;}
#modalpop #iframepop-close {position:absolute;top:-32px;right:12px;z-index:3;cursor:pointer;}
#modalpop #iframepop-container {display:block;position:relative;}
#modalpop #iframepop-contents {display:block;position:relative;width:100%;height:100%;z-index:2;border-radius:10px;box-shadow:0 0 30px rgba(0,0,0,0.7);overflow:hidden;}
/* loading ***********************/
#loader-container {display:none;width:100%;height:100%;position:absolute;z-index:10000;}
#loader-container .loader-overlay {display:block;position:fixed;z-index:1;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.4);}
#loader-container .loader-spiner {position:absolute;width:150px;height:150px;top:50%;left:50%;z-index:2;margin:-75px 0 0 -75px;}
#loader-container .loader-spiner .circular {position:absolute;margin:auto;width:100%;height:100%;top:0;bottom:0;left:0;right:0;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-animation:loader-spiner-rotate 2s linear infinite;animation:loader-spiner-rotate 2s linear infinite;}
#loader-container .loader-spiner .path {stroke-dasharray:1, 200;stroke-dashoffset:0;-webkit-animation:loader-spiner-dash 1.5s ease-in-out infinite, loader-spiner-color 6s ease-in-out infinite;animation:loader-spiner-dash 1.5s ease-in-out infinite, loader-spiner-color 6s ease-in-out infinite;stroke-linecap:round;}
@keyframes loader-spiner-rotate {
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes loader-spiner-dash {
	0% {stroke-dasharray:1, 200;stroke-dashoffset:0;}
	50% {stroke-dasharray:89, 200;stroke-dashoffset:-35;}
	100% {stroke-dasharray:89, 200;stroke-dashoffset:-124;}
}
@keyframes loader-spiner-color {
	100%, 0% {stroke:#d62d20;}
	40% {stroke:#0057e7;}
	66% {stroke:#008744;}
	80%, 90% {stroke:#ffa700;}
}
@-webkit-keyframes loader-spiner-rotate {
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@-webkit-keyframes loader-spiner-dash {
	0% {stroke-dasharray:1, 200;stroke-dashoffset:0;}
	50% {stroke-dasharray:89, 200;stroke-dashoffset:-35;}
	100% {stroke-dasharray:89, 200;stroke-dashoffset:-124;}
}
@-webkit-keyframes loader-spiner-color {
	100%, 0% {stroke:#d62d20;}
	40% {stroke:#0057e7;}
	66% {stroke:#008744;}
	80%, 90% {stroke:#ffa700;}
}
/* help message ******************/
.helpmsg-box {padding:.4875rem .8423rem;border:1px #D1E3F6 solid;background:#CCE5FF;border-radius:.34rem;}
.helpmsg-box .msg {padding:3px;color:#637E9B;line-height:1.35;}
.helpmsg-box .msg:last-child {border-bottom:none;}
/* not found message ******************/
.notfound-box {padding:1.4875rem 0;color:#989898;text-align:center;}

#quickmenu-list {background:#fafafa;border-radius:.642rem;padding:3px 10px;}
#quickmenu-list li.quickmenu-none {height:238px;overflow:hidden;}
#quickmenu-list li.quickmenu-none .nodata {line-height:1.54rem;}
#quickmenu-list li.quickmenu-content {margin:4px 0;padding:3px 0 4px 0;line-height:1.1rem;border-bottom:1px #eee solid;}
#quickmenu-list li.quickmenu-content:last-child {border-bottom:none;}
#quickmenu-list li.quickmenu-content:before{font-family:"icomoon"; content:"\e9e2";font-size:.85rem;vertical-align:middle;margin-right:5px;color:#ff3300;}
#quickmenu-list li.quickmenu-content .quick-menu-button {font-size:.85rem;}


.mr9 {margin-right:2.225rem!important;}
.mr8 {margin-right:1.225rem!important;}
.mr6 {margin-right:.625rem!important;}
.mr5 {margin-right:.525rem!important;}
.mr4 {margin-right:.425rem!important;}
.mr3 {margin-right:.325rem!important;}
.mr2 {margin-right:.225rem!important;}
.mr1 {margin-right:.125rem!important;}
.ml6 {margin-left:.625rem!important;}
.ml3 {margin-left:.325rem!important;}
.ml2 {margin-left:.225rem!important;}
.ml1 {margin-left:.125rem!important;}
.mb5 {margin-bottom:.8rem!important;}
.mb4 {margin-bottom:4.252rem!important;}
.mb3 {margin-bottom:2.652rem!important;}
.mb2 {margin-bottom:.252rem!important;}
.mb1 {margin-bottom:.152rem!important;}
.mt1 {margin-top:1.252rem!important;}
.mt3 {margin-top:2.652rem!important;}
.mt4 {margin-top:4.252rem!important;}
.mt5 {margin-top:5.246rem!important;}

.w100 {width:100px;}
.w200 {width:200px;}
.w300 {width:300px;}
.w400 {width:400px;}
.calc-w300 {width:calc(100% - 300px);}
.calc-w700 {width:calc(100% - 700px);}

.embtn {display:inline-block;padding:.4375rem .675rem .3375rem .575rem;color: #333;font-weight:400;font-size:.92rem;line-height:1.5385;text-align:center;vertical-align:middle;user-select:none;background-color:transparent;border:1px solid transparent;border-radius:.1875rem;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;box-sizing:border-box;}

.size-small1 {height:24px;padding:.1rem .375rem;font-size:.8rem;}
.size-small2 {height:30px;line-height:28px;padding:0 .475rem;font-size:.82rem;}
.size-small3 {height:32px;padding:.28rem .584rem 0 .575rem;font-size:.92rem;}
.size-small4 {height:22px;line-height:22px;padding:0 .584rem 0 .575rem;font-size:.75rem;}
.size-form-inside {height:30px;line-height:30px;padding:.0 .584rem;font-size:.82rem;}
.size-form {height:36px;line-height:36px;padding:0 2.384rem 0 1.575rem;font-size:.92rem;}
.size-large2 {height:50px;line-height:50px;padding:0 2.384rem 0 1.575rem;font-size:1.2rem;}
.size-normal1 {height:26px;line-height:26px;padding:0 .475rem;font-size:1.0rem;}
.size-normal2 {height:35px;line-height:35px;padding:0 1.275rem;font-size:1.24rem;font-weight:300;}
.size-modal {height:30px;line-height:30px;padding:0 30px;min-width:100px;font-size:1.0rem;}

.blue {color:#2196F3;}
.indigo {color:#3F51B5;}
.purple {color:#673AB7;}
.pink {color:#E91E63;}
.red {color:#F44336;}
.orange {color:#FF7043;}
.yellow {color:#FF9800;}
.green {color:#4CAF50;}
.teal {color:#009688;}
.cyan {color:#00BCD4;}
.white {color:#fff;}
.gray {color:#979797;}
.light-gray {color:#a9a9a9;}
.dark-gray {color:#494949;}
.primary {color:#2196F3;}
.secondary {color:#777;}
.success {color:#4CAF50;}
.info {color:#00BCD4;}
.warning {color:#FF7043;}
.danger {color:#F44336;}
.light {color:#fafafa;}
.dark {color:#324148;}


.color-primary{color:#fff;background-color:#2196f3}
.color-primary:hover{color:#fff;background-color:#0c79d3;}
.color-secondary{color:#fff;background-color:#777}
.color-secondary:hover{color:#fff;background-color:#595959}
.color-success{color:#fff;background-color:#4caf50;}
.color-success:hover{color:#fff;background-color:#37803a}
.color-info{color:#fff;background-color:#00bcd4}
.color-info:hover{color:#fff;background-color:#0097ac}
.color-warning{color:#fff;background-color:#ff7043}
.color-warning:hover{color:#fff;background-color:#fd4000}
.color-danger{color:#fff;background-color:#f44336}
.color-danger:hover{color:#fff;background-color:#de1c0c}
.color-light{color:#333;background-color:#fafafa}
.color-light:hover{color:#333;background-color:#e0e0e0}
.color-dark{color:#fff;background-color:#324148}
.color-dark:hover{color:#fff;background-color:#1b2225}
.color-gray{color:#fff;background-color:#979797}
.color-gray:hover{color:#fff;background-color:#7f7f7f}
.color-green{color:#fff;background-color:#4caf50;}
.color-green:hover{color:#fff;background-color:#37803a}

.outline-primary {color: #2196f3;background-color:transparent;border-color:#2196f3;}
.outline-primary:hover {color: #fff;background-color:#2196f3;border-color:#2196f3;}
.outline-secondary {color: #777;background-color:transparent;border-color:#777;}
.outline-secondary:hover {color: #fff;background-color:#777;border-color:#777;}
.outline-success {color: #4caf50;background-color:transparent;border-color:#4caf50;}
.outline-success:hover {color: #fff;background-color:#4caf50;border-color:#4caf50;}
.outline-info {color: #00bcd4;background-color:transparent;border-color:#00bcd4;}
.outline-info:hover {color: #fff;background-color:#00bcd4;border-color:#00bcd4;}
.outline-danger {color: #f44336;background-color:transparent;border-color:#f44336;}
.outline-danger:hover {color: #fff;background-color:#f44336;border-color:#f44336;}
.outline-red {color: #f44336;background-color:transparent;border-color:#f44336;}
.outline-red:hover {color: #fff;background-color:#f44336;border-color:#f44336;}
.outline-orange {color: #FF7043;background-color:transparent;border-color:#FF7043;}
.outline-orange:hover {color: #fff;background-color:#FF7043;border-color:#FF7043;}
.outline-green {color: #4caf50;background-color:transparent;border-color:#4caf50;}
.outline-green:hover {color: #fff;background-color:#4caf50;border-color:#4caf50;}
.outline-light {color: #e0e0e0;background-color:transparent;border-color:#e0e0e0;}
.outline-light:hover {color: #fff;background-color:#7f7f7f;border-color:#7f7f7f;}
.outline-gray {color: #979797;background-color:transparent;border-color:#979797;}
.outline-gray:hover {color: #fff;background-color:#979797;border-color:#979797;}

.border-top-primary{border-top-color:#2196f3}
.border-top-secondary{border-top-color:#777}
.border-top-success{border-top-color:#4caf50;}
.border-top-info{border-top-color:#00bcd4}
.border-top-warning{border-top-color:#ff7043}
.border-top-danger{border-top-color:#f44336}
.border-top-light{border-top-color:#fafafa}
.border-top-dark{border-top-color:#324148}
.border-top-gray{border-top-color:#979797}
.border-top-green{border-top-color:#4caf50;}

.style-scrollbar::-webkit-scrollbar {width:2px;}
.style-scrollbar::-webkit-scrollbar-track {background: #f1f1f1;}
.style-scrollbar::-webkit-scrollbar-thumb {background: #868686;}
.style-scrollbar::-webkit-scrollbar-thumb:hover {background:#545454;}

.lettercon {display:inline-block;width:20px;height:20px;line-height:20px;font-size:.85rem;text-align:center;vertical-align:text-bottom;border-radius:.242rem;}