/* bootstrap reset */
mark {background: #152c85; color: #fff; padding: 0.2em;}
p, pre {margin: 0;}
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
q {quotes: none;}
q:before, q:after {content: ''; content: none;}
nav ul, nav ol, ul, ol {list-style: none; list-style-image: none; margin: 0; padding: 0;}
caption {clip: rect(1px); clip: rect(1px, 1px, 1px, 1px);}
img, video, audio, object, embed {max-width: 100%; height: auto;}
iframe {max-width: 100%;}
::-moz-selection {background: #152c85; text-shadow: none;}
::selection {background: #152c85; text-shadow: none; color: #fff;}
ul, li, dl, dt, dd {list-style: none;}
button:focus {
	outline: 0 !important;
}


/* common style define */
input[type=text],
input[type=password],
input[type=date],
input[type=file],
input[type=datetime],
input[type=month],
input[type=week],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
textarea,
select,
.form-control {
	border: 1px solid #dee2e6;
	box-shadow: none;
	border-radius: 0;
	outline: 0;
	transition: all 0.45s ease-in-out;
	padding: 0.375rem 0.5rem;
	color: #636b6f;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=file]:focus,
input[type=datetime]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=time]:focus,
input[type=url]:focus,
textarea:focus,
select:focus,
.form-control:focus {
	border: 1px solid #111111;
	outline: none;
	box-shadow: none;
}

input[type=text][readonly],
input[type=password][readonly],
input[type=date][readonly],
input[type=file][readonly],
input[type=datetime][readonly],
input[type=month][readonly],
input[type=week][readonly],
input[type=email][readonly],
input[type=number][readonly],
input[type=search][readonly],
input[type=tel][readonly],
input[type=time][readonly],
input[type=url][readonly],
textarea[readonly],
select[readonly],
.form-control[readonly] {
	background-color: #fbfbfb;
}

input[type=text][disabled],
input[type=password][disabled],
input[type=date][disabled],
input[type=file][disabled],
input[type=datetime][disabled],
input[type=month][disabled],
input[type=week][disabled],
input[type=email][disabled],
input[type=number][disabled],
input[type=search][disabled],
input[type=tel][disabled],
input[type=time][disabled],
input[type=url][disabled],
textarea[disabled],
select[disabled],
.form-control[disabled] {
	background-color: #f8f8f8;
}

input[type=text].rounded,
input[type=password].rounded,
input[type=date].rounded,
input[type=file].rounded,
input[type=datetime].rounded,
input[type=month].rounded,
input[type=week].rounded,
input[type=email].rounded,
input[type=number].rounded,
input[type=search].rounded,
input[type=tel].rounded,
input[type=time].rounded,
input[type=url].rounded,
textarea.rounded,
select.rounded,
.form-control.rounded {
	padding-left: calc(0.75rem + 0.5rem);
	padding-right: calc(0.75rem + 0.5rem);
	border-radius: calc(1em + 0.7rem) !important;
}

input[type=checkbox],
input[type=radio],
select {
	appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	vertical-align: middle;
}

input[type=checkbox]:focus,
input[type=radio]:focus,
select:focus {
	outline: none;
}

input[type=checkbox] {
	position: relative;
	height: 1.5625rem;
	padding-left: 0.75rem;
	line-height: 1.5625rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type=checkbox]:before {
	position: absolute;
	opacity: 1;
	top: 0.0625rem;
	left: 0;
	z-index: 0;
	width: 1.125rem;
	height: 1.125rem;
	margin-top: 4px;
	content: "";
	border: 2px solid #ced4da;
	transition: 0.15s;
}

input[type=checkbox]:checked:before {
	top: -4px;
	left: -5px;
	width: 0.75rem;
	height: 1.375rem;
	border-top: 2px solid transparent;
	border-right: 2px solid #152c85;
	border-bottom: 2px solid #152c85;
	border-left: 2px solid transparent;
	transform: rotate(40deg);
	transform-origin: 100% 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

input[type=radio] {
	position: relative;
	height: 1.5625rem;
	padding-left: 0.625rem;
	line-height: 1.5625rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type=radio]:before {
	position: absolute;
	top: 0.0625rem;
	left: 0;
	z-index: 0;
	width: 1rem;
	height: 1rem;
	margin-top: 5px;
	border-radius: 50%;
	content: "";
	border: 2px solid #ced4da;
	transition: 0.15s;
}

input[type=radio]:checked:before {
	background-color: #152c85;
	border-color: #78aded;
	border-width: 3px;
}

input[type=checkbox]:disabled,
input[type=radio]:disabled {
	color: #aaaaaa;
}

input[type=checkbox]:disabled:before,
input[type=radio]:disabled:before {
	background-color: #f2f2f2;
}

select {
	background: #fff url("/img/ico-angle-down.svg") no-repeat right 52%;
	background-size: 1.2em;
}

select.form-control {
	padding-right: calc(0.75rem + 1.2em);
}

img,
video,
audio,
object,
embed {
	max-width: 100%;
	height: auto;
}

input::-moz-placeholder, textarea::-moz-placeholder {
	color: #b0b0b0 !important;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #b0b0b0 !important;
}

input::placeholder,
textarea::placeholder {
	color: #b0b0b0 !important;
}

::-moz-selection {
	background: #152c85;
	text-shadow: none;
	color: #fff;
}

::selection {
	background: #152c85;
	text-shadow: none;
	color: #fff;
}

.badge {
	padding: 0.25em 0.8em;
	background-color: #5ca39c;
	color: #ffffff;
	font-weight: 400;
	border-radius: 10em;
	margin-left: 0.5em;
}

.btn {
	padding-left: calc(0.75rem + 1rem);
	padding-right: calc(0.75rem + 1rem);
	border-color: #dee2e6;
	white-space: nowrap;
}

.btn.__border_none {
	border: 0 !important;
}

.btn.__rounded {
	border-radius: calc(1em + 0.75rem) !important;
}

.btn.__main {
	background-color: #152c85;
	border-color: #152c85;
	color: #ffffff !important;
}

.btn.__main:hover,
.btn.__main:focus {
	background-color: #2344c4;
	border-color: #2344c4;
}

.btn.__main:active,
.btn.__main.__active {
	background-color: #10226a;
	border-color: #10226a;
}

.btn.__main_line {
	border-color: #152c85;
	color: #152c85;
}

.btn.__sub {
	background-color: #2b7884;
	border-color: #2b7884;
	color: #ffffff !important;
}

.btn.__sub:hover,
.btn.__sub:focus {
	background-color: #3f9dac;
	border-color: #3f9dac;
}

.btn.__sub:active,
.btn.__sub.__active {
	background-color: #22626c;
	border-color: #22626c;
}

.btn.__sub_line {
	border-color: #2b7884;
	color: #2b7884;
}

.btn.__point {
	background-color: #8c904a;
	border-color: #8c904a;
	color: #ffffff !important;
}

.btn.__point:hover,
.btn.__point:focus {
	background-color: #949850;
	border-color: #949850;
}

.btn.__point:active,
.btn.__point.__active {
	background-color: #7b7f3f;
	border-color: #7b7f3f;
}

.btn.__point_line {
	border-color: #949850;
	color: #949850;
}

.btn.__gray {
	background-color: #95999c;
	border-color: #95999c;
	color: #ffffff;
}

.btn.__gray:hover,
.btn.__gray:focus {
	background-color: #a2a6a8;
	border-color: #a2a6a8;
}

.btn.__gray:active,
.btn.__gray.__active {
	background-color: #888c90;
	border-color: #888c90;
}

.btn.__gray_line {
	border-color: #888888;
	color: #888888;
}

.btn.__simple {
	background: #f2f2f2;
	color: #333333;
	font-weight: 300;
	font-size: 0.75rem;
	padding: 0.1rem 0.8rem;
	border-radius: 0;
	text-shadow: 1px 1px 0 white;
}

.btn.__simple:active,
.btn.__simple.__active {
	border-color: #152c85;
	boder-width: 2px;
	color: #152c85;
}

.btn.__trans {
	border: 0;
	background: transparent;
}

.btn.__big {
	padding-left: calc(0.75rem + 1.5rem);
	padding-right: calc(0.75rem + 1.5rem);
	line-height: 2;
}

.btn.__bigger {
	padding-left: calc(0.75rem + 2rem);
	padding-right: calc(0.75rem + 2rem);
	line-height: 2.2;
	font-size: 0.9375rem;
}

.btn.__small {
	padding-left: calc(0.75rem - 0.2rem);
	padding-right: calc(0.75rem - 0.2rem);
	line-height: 1.4;
	font-size: 0.8125rem;
}

.btn.dropdown-toggle-split {
	margin-left: -1px;
	padding-left: 0.5625rem;
	padding-right: 0.5625rem;
}

.bg_gradient_pink {
	background: linear-gradient(40deg, #ffd86f, #fc6262) !important;
	color: #ffffff;
}

.bg_gradient_blue {
	background: linear-gradient(30deg, #aaf0e4, #296caf) !important;
	color: #ffffff;
}

.bg_gradient_green {
	background: linear-gradient(30deg, #b6c0c5, #18a5a7) !important;
	color: #ffffff;
}

.bg_gradient_gold {
	background: linear-gradient(40deg, #877c57, #8e783a) !important;
	color: #ffffff;
}

.bg_gradient_silver {
	background: linear-gradient(40deg, #c3d0d2, #9e9e8c) !important;
}

.carousel-control-prev,
.carousel-control-next {
	opacity: 0.75;
}

.form-control.width_auto {
	display: inline-block;
	width: auto !important;
}

.form-check-label {
	display: flex;
	align-items: center;
}

.form-check-label:hover {
	cursor: pointer;
}

hr.__big {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

hr.__bigger {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

hr.__biggest {
	margin-top: 4rem;
	margin-bottom: 4rem;
}

hr.__small {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

hr.__smaller {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

hr.__smallest {
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}

hr.__dotted {
	border-style: dot-dot-dash;
}

hr.__inner {
	border-bottom: 1px solid #fff;
}

.list-group .list-group-item.active {
	background-color: #a675b0;
	border-color: #a675b0;
}

.modal .modal-content {
	position: relative;
	border: 0;
	box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.65);
}

.modal .modal-content .modal-header {
	display: block;
	background: linear-gradient(40deg, #d0dcde, #c9c9bb) !important;
	color: #ffffff;
	margin-bottom: 1.5rem;
	border-bottom: 0;
}

.modal .modal-content .modal-header.__bg_trance {
	background: transparent;
	color: inherit;
	box-shadow: none;
}

.modal .modal-content .modal-header .close {
	position: absolute;
	padding: 0;
	margin: 0;
	float: none;
	font-size: 0;
	opacity: 0.75;
	text-shadow: none;
	width: 0.875rem;
	height: 0.875rem;
	background: url("/img/btn-close.svg") 0 0 no-repeat;
	background-size: 0.875rem;
	top: 0.8rem;
	right: 0.8rem;
}

@media screen and (min-width: 768px) {
	.modal .modal-content .modal-header .close {
		width: 2rem;
		height: 2rem;
		background: url("/img/btn-close-white.svg") center center no-repeat;
		background-size: 0.875rem;
		top: 0;
		right: -2rem;
	}
}

.modal .modal-content .modal-header .modal-title {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	text-align: center;
	font-size: 1.4rem;
}

@media screen and (min-width: 768px) {
	.modal .modal-dialog {
		max-width: 600px;
	}

	.modal .modal-dialog.modal-sm {
		max-width: 420px;
	}
}

.table caption {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
}

.table thead th {
	border-top: 2px solid #030608;
	border-bottom: 0 none;
	text-align: center;
	padding: 0.5rem;
	background-color: #edf0f5;
	color: #3b3b3b;
	font-size: 0.9375rem;
	letter-spacing: 0;
	font-weight: 500;
}

.table tbody th,
.table tbody td {
	vertical-align: middle;
}

.table tbody th {
	letter-spacing: 0;
}

.table tbody tr:last-child td {
	border-bottom: 1px solid #dedede;
}

.table tbody td {
	text-align: center;
	padding: 0.75rem;
	border-color: #dedede;
	color: #545454;
}

.table.table-hover tbody tr:hover {
	background-color: rgba(118, 149, 196, 0.1);
}

@media screen and (max-width: 767px) {
	.table tr th,
	.table tr td {
		padding: 0.8rem;
	}
}

.table.table_write tbody th, .table.table_write tbody td {
    border: 0;
    border-bottom: 1px solid #dedede;
    background: white;
    text-align: left;
    padding-left: 1rem;
}
.table.table_write tbody th {
    background-color: #f8fafc;
}
.table.table_write tbody tr:first-child > th, .table.table_write tbody tr:first-child > td {
    border-top: 2px solid #030608;
}
.table.table_line th, .table.table_line td {
    border: 1px solid #aaaaaa !important;
    background: white;
}

.table.table_line thead > tr:last-chid th {
	border-bottom: 0 !important;
}

.table.text_center th, .table.text_center td {
    text-align: center !important;
}
.table.text_left th, .table.text_left td {
    text-align: left !important;
    padding-left: 0.75rem;
}
.table td.text_left {
    text-align: left !important;
    padding-left: 0.75rem;
}
.table th.text_left {
    text-align: left !important;
    padding-left: 1rem;
}
@media screen and (max-width: 767px) {
    .table.table_mobile th {
        width: 30%;
    }
    .table.table_mobile input[class^="w"] {
        width: 100%;
    }
}

.area_toast {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1090;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	box-sizing: border-box;
	width: 100%;
	max-height: 0;
	transition: max-height 0.5s ease-out;
	padding-left: 1rem;
	padding-right: 1rem;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
}

.area_toast.on {
	max-height: 50%;
	transition: max-height 0.5s ease-in;
}

.area_toast .wrap_toast {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
}

.area_toast .wrap_toast:nth-child(2) {
	padding-top: 3rem;
}

.area_toast .wrap_toast:last-child {
	padding-bottom: 4rem;
}

.area_toast .wrap_toast .box_toast {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background-color: #3f51b5;
	color: #ffffff;
	padding: 1rem 2rem;
	overflow: hidden;
	box-shadow: 1px 7px 14px -5px rgba(0, 0, 0, 0.2);
	-webkit-animation: slide-in 0.5s ease-out forwards;
	animation: slide-in 0.5s ease-out forwards;
	box-sizing: border-box;
}

.area_toast .wrap_toast .box_toast .icon_toast {
	font-size: 1.3rem;
	padding-right: 1rem;
}

.area_toast .wrap_toast .box_toast .icon_toast > * {
	display: none;
}

.area_toast .wrap_toast .box_toast.is_information .icon_information {
	display: block;
}

.area_toast .wrap_toast .box_toast.is_success {
	background-color: #4caf50;
}

.area_toast .wrap_toast .box_toast.is_success .icon_success {
	display: block;
}

.area_toast .wrap_toast .box_toast.is_warning {
	background-color: #998350;
}

.area_toast .wrap_toast .box_toast.is_warning .icon_warning {
	display: block;
}

.area_toast .wrap_toast .box_toast.is_error {
	background-color: #e73e3a;
}

.area_toast .wrap_toast .box_toast.is_error .icon_error {
	display: block;
}

.area_toast .wrap_toast .box_toast .txt_toast {
	font-weight: 300;
}

.border_box {
	padding: 0.75rem 1rem;
	border: 1px solid #e5e5e5;
	background-color: #f8f8f8;
}

.border_box.__p_big {
	padding: 1rem;
}

.border_box.__p_bigger {
	padding: 1.25rem;
}

.border_box.__p_biggest {
	padding: 1.5rem;
}

.border_box.__bg_white {
	background-color: #ffffff;
}

.border_box.__bg_light {
	background-color: #f8f8f8;
}

.border_box.__rounded {
	border-radius: 0.5rem;
}

.double_box {
	border: 1px solid #e5e6ea;
	padding: 4px;
	background-color: #f6f7fa;
}
.double_box > .inner {
	border: 1px solid #e5e6ea;
	padding: 1.25rem;
	background-color: #fafbfd;
}
.btn_file {
	padding-left: calc(0.75rem + 1em + 1rem);
	background: #f8fafc url("/img/file-file.svg") 1.25rem center no-repeat;
	background-size: 1em;
}

.btn_file.__down {
	background-image: url("/img/file-down.svg");
}

.btn_file.__small {
	padding-left: calc(1em + 1rem);
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	background: #f8fafc  0.75rem center no-repeat;
	background-size: 0.875rem;
}

.btn_file.__exl {
	background-image: url("/img/file-excel.svg");
}

.btn_file.__hwp {
	background-image: url("/img/file-hwp.svg");
}

.btn_file.__hwp.__white {
	background-image: url("/img/file-hwp-wh.svg");
}

.btn_file.__pdf {
	background-image: url("/img/file-pdf.svg");
}

.btn_file.__doc {
	background-image: url("/img/file-word.svg");
}

.btn_file.__print {
	background-image: url("/img/file-print.svg");
}

.btn_file.__ppt {
	background-image: url("/img/file-ppt.svg");
}

.btn_file.__img {
	background-image: url("/img/file-img.svg");
}

.btn_file.__video {
	background-image: url("/img/file-video.svg");
}

.btn_file.__abs {
	background-image: url("/img/ico-abs.svg");
}

.btn_file.__xml {
	background-image: url("/img/file-xml.svg");
}

.btn_file.__disabled {
	background-color: #f3f3f3 !important;
	color: #cdcdcd;
}

.common_tabs {
	border-bottom: 2px solid #9557d2;
	justify-content: center;
}

.common_tabs .nav-item {
	margin-bottom: 0;
}

.common_tabs .nav-item .nav-link {
	border: 1px solid #efe7ea;
	border-bottom: 0;
	background-color: #fff;
	border-radius: 0;
	margin-left: -1px;
	font-size: 1rem;
	color: #495057;
	font-weight: 500;
	line-height: 2.6;
	padding: 0 1.75rem;
}

.common_tabs .nav-item .nav-link.active {
	position: relative;
	top:2px;
	border-color:#9557d2  ;
	border-width: 2px;
	color: #9557d2;
	margin-right: 1px;
	z-index: 1;
}

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

	.common_tabs .nav-item .nav-link {
		font-size: 0.875rem;
		padding: 0 0.5rem;
	}

}

@media screen and (max-width: 767px) {
	.common_tabs {
		border-bottom: 0;
	}
	.common_tabs .nav-item .nav-link {
		font-size: 1rem;
		line-height: 2.2;
		margin-left: 0.125rem;
		margin-right: 0.125rem;
		margin-bottom: 0.25rem;
		padding: 0 0.25rem;
		border: 1px solid #dee2e6;
	}

	.common_tabs .nav-item .nav-link.active {
		top:0;
		border-width: 1px;
		margin-right: 0.125rem;
	}
}

@media screen and (max-width: 520px) {
	.common_tabs .nav-item {
		width: 100%;
	}
	.common_tabs .nav-item .nav-link {
		font-size: 0.9375rem;
		line-height: 1.8;
		padding: 0 1rem;
	}
}

@media screen and (max-width: 480px) {
	.form_items_block > * {
		width: 100%;
		margin-left: 0 !important;
		margin-bottom: 0.5rem;
	}
}

.bar_tabs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-size: 1rem;
}

@media screen and (max-width: 767px) {
	.bar_tabs {
		font-size: 0.875rem;
	}
}

.bar_tabs > * {
	margin: 0.5rem;
}

@media screen and (max-width: 480px) {
	.bar_tabs > * {
		margin: 0.5rem 0.25rem;
	}
}

.bar_tabs a {
	color: inherit;
	display: bolock;
	padding: 0.5rem 1.75rem;
	border: 1px solid #e3dde3;
	border-radius: 2rem;
}

@media screen and (max-width: 480px) {
	.bar_tabs a {
		padding: 0.25rem 1rem;
	}
}

.bar_tabs a.active {
	border-color: #a675b0;
	color: #a675b0;
}

.fc_white {
	color: #ffffff !important;
}

.fc_gray {
	color: #989898 !important;
}

.fc_light_gray {
	color: #cbcbcb !important;
}

.fc_black {
	color: #000000 !important;
}

.fc_red {
	color: #e73e3a !important;
}

.fc_pink {
	color: #de9ca5 !important;
}

.fc_purple {
	color: #9C27B0 !important;
}

.fc_indigo {
	color: #3f51b5 !important;
}

.fc_blue {
	color: #418eca !important;
}

.fc_light_blue {
	color: #91bde0 !important;
}

.fc_blue_gray {
	color: #607d8b !important;
}

.fc_dark_gray {
	color: #262626 !important;
}

.fc_cyan {
	color: #00bcd4 !important;
}

.fc_green {
	color: #4caf50 !important;
}

.fc_light_green {
	color: #8bc34a !important;
}

.fc_lime {
	color: #8bc34a !important;
}

.fc_yellow {
	color: #fff096 !important;
}

.fc_brown {
	color: #a28923 !important;
}

.fc_orange {
	color: #ff9800 !important;
}

.fc_main {
	color: #1c63bd !important;
}

.fc_sub {
	color: #3c6290 !important;
}

.fc_point {
	color: #9557d2 !important;
}

.fc_active {
	color: #f1ff59 !important;
}

.fc_default {
	color: #575757 !important;
}

.fc_attention {
	color: #5ca39c !important;
}

.fc_comment {
	color: #5d7498 !important;
}

.fc_error {
	color: #e73e3a !important;
}

.fc_warning {
	color: #998350 !important;
}

.fc_success {
	color: #4caf50 !important;
}

.fc_info {
	color: #3f51b5 !important;
}

.fc_is_before {
	color: #a19b8b !important;
}

.fc_is_ing {
	color: #726c5c !important;
}

.fc_is_fini {
	color: #5a5041 !important;
}

.fc_is_cancel {
	color: #c48766 !important;
}

.fc_is_free {
	color: #9083a5 !important;
}

.fs_base {
	font-size: 0.875rem !important;
}

.fs_big1 {
	font-size: 0.9375rem !important;
}

.fs_big2 {
	font-size: 1rem !important;
}

.fs_big3 {
	font-size: 1.125rem !important;
}

.fs_big4 {
	font-size: 1.188rem !important;
}

.fs_big5 {
	font-size: 1.25rem !important;
}

.fs_small1 {
	font-size: 0.8125rem !important;
}

.fs_small2 {
	font-size: 0.75rem !important;
}

.gutter_size {
	margin-left: -25px;
	margin-right: -25px;
}

.gutter_size > div {
	padding-left: 25px;
	padding-right: 25px;
}

.hidden {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
}

.inter_margin > * + * {
	margin-left: 0.5rem;
}

.inter_margin.__big > * + * {
	margin-left: 1rem;
}

.inter_margin.__bigger > * + * {
	margin-left: 2rem;
}

.inter_margin.__biggest > * + * {
	margin-left: 4rem;
}

@media screen and (max-width: 767px) {
	.inter_margin.__vertical > * + * {
		margin-left: 0;
		margin-top: 0.5rem;
	}

	.inter_margin.__vertical.__big > * + * {
		margin-top: 1rem;
	}

	.inter_margin.__vertical.__bigger > * + * {
		margin-top: 2rem;
	}

	.inter_margin.__vertical.__biggest > * + * {
		margin-top: 4rem;
	}
}

.list_file .item_file {
	display: flex;
	align-items: center;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.list_file .item_file:hover {
	background: #f8fafc;
}

.list_file .item_file:not(.d-none) + .item_file {
	border-top: 1px solid #e5e5e5;
}

.list_file .item_file .link_file {
	max-width: 100%;
	margin-right: auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.list_file .item_file .txt_size {
	white-space: nowrap;
}

.list_file .item_file .icon_remove {
	color: #e73e3a;
}

.list_layout {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
}

.over_dimlayer {
	position: fixed;
	left:0;
	top:0;
	width:100%;
	min-height: 100%;
	background-color: rgba(0, 0, 0, 0.45);
	display: none;
	z-index: 996;
}

.over_dimlayer.show {
	display: block;
}

.spacing {
	display: inline-block;
	width: 1rem;
	text-align: center;
}

.spacing.__small {
	width: 0.75rem;
}

.spacing.__smaller {
	width: 0.5rem;
}

.spacing.__smallest {
	width: 0.25rem;
}

.spacing.__big {
	width: 1.25rem;
}

.spacing.__bigger {
	width: 1.5rem;
}

.spacing.__biggest {
	width: 1.75rem;
}

.table.table_write tbody th,
.table.table_write tbody td {
	border: 0;
	border-bottom: 1px solid #dedede;
	background: #ffffff;
	text-align: left;
	padding-left: 1rem;
}

.table.table_write tbody th {
	background-color: #eaeff5;
}

.table.table_write tbody tr:first-child > th,
.table.table_write tbody tr:first-child > td {
	border-top: 2px solid #030608;
}

.table.table_line th,
.table.table_line td {
	border: 1px solid #aaaaaa;
	background: #ffffff;
}

.table.table_line thead tr > th {
	border-bottom: 0 !important;
}

.table.text_center th,
.table.text_center td {
	text-align: center !important;
}

.table.text_left th,
.table.text_left td {
	text-align: left !important;
	padding-left: 0.75rem;
}

.table td.text_left {
	text-align: left !important;
	padding-left: 0.75rem;
}

.table th.text_left {
	text-align: left !important;
	padding-left: 1rem;
}

@media screen and (max-width: 767px) {
	.table.table_mobile th {
		width: 30%;
	}

	.table.table_mobile input[class^=w] {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.table.table_mobile tbody {
		display: block;
		border: 1px solid #e5e5e5;
		width: 100%;
	}

	.table.table_mobile colgroup,
	.table.table_mobile thead {
		display: none;
	}

	.table.table_mobile tr {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.table.table_mobile tr th,
	.table.table_mobile tr td {
		display: block;
		border: 0 !important;
		padding: 0.25rem 0.825rem;
	}

	.table.table_mobile tr th {
		text-align: center;
	}

	.table.table_mobile.col_2 td,
	.table.table_mobile.col_2 th {
		width: 100%;
	}

	.table.table_mobile.col_2 td {
		margin-top: 0.25rem;
		margin-bottom: 1rem;
	}

	.table.table_mobile.col_2 td input::-moz-placeholder, .table.table_mobile.col_2 td textarea::-moz-placeholder {
		font-size: 0;
	}

	.table.table_mobile.col_2 td input:-ms-input-placeholder, .table.table_mobile.col_2 td textarea:-ms-input-placeholder {
		font-size: 0;
	}

	.table.table_mobile.col_2 td input::placeholder,
	.table.table_mobile.col_2 td textarea::placeholder {
		font-size: 0;
	}
}

.table.table_list th {
	padding: 0.75rem;
}

.table.table_list td > i {
	display: none;
}

.table.table_list .title {
	text-align: left;
	padding-left: 1rem;
}

.table.table_list .title > div {
	position: relative;
	padding-right: 2rem;
}

.table.table_list .title > div .bage {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	line-height: 0.85rem;
	text-align: center;
	font-size: 0.75rem;
	font-weight: 700;
	color: #ff9800;
	border: 1px dotted #ff9800;
}

.table.table_list .title > div .file {
	position: absolute;
	right: 0;
	font-size: 1rem;
	color: #888888;
	font-weight: 100;
}

.table.table_list .hit {
	color: #636b6f;
	font-weight: 300;
}

@media screen and (max-width: 767px) {
	.table.table_list {
		display: block;
	}

	.table.table_list caption,
	.table.table_list colgroup,
	.table.table_list thead {
		display: none;
	}

	.table.table_list tbody {
		display: block;
		border-top: 2px solid #030608;
	}

	.table.table_list tbody th,
	.table.table_list tbody td {
		display: block;
		border: 0;
		padding: 0.25rem 0.5rem;
	}

	.table.table_list tbody tr {
		border-bottom: 1px solid #dedede;
		width: 100%;
		position: relative;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.table.table_list tbody tr:last-child td {
		border-bottom: 0;
	}

	.table.table_list tbody tr td {
		font-size: 0.8125rem;
	}

	.table.table_list tbody tr td > i {
		display: inline-block;
	}

	.table.table_list tbody tr .num {
		width: 10%;
	}

	.table.table_list tbody tr .title {
		width: 90%;
		font-size: 0.875rem;
	}

	.table.table_list tbody tr .title > div {
		position: static;
		padding-right: 0;
	}

	.table.table_list tbody tr .title > div .file {
		bottom: 0.25rem;
		font-size: 0.8125rem;
	}
}

.tit_section {
	margin-bottom: 0.5rem;
	color: #333;
	font-size: 1.125rem;
	font-weight: 500;
}

.tit_section.__big {
	font-size: 1.25rem;
}

.tit_section.__bigger {
	font-size: 1.5rem;
}

.tit_section.__biggest {
	font-size: 1.75rem;
}
.tit_article{
	margin-bottom: 0.5rem;
	color: #545454;
	font-size: 1rem;
	font-weight: 500;
}

.tit_article.__big {
	font-size: 1.125rem;
}

.tit_article.__bigger {
	font-size: 1.25rem;
}

.tit_article.__biggest {
	font-size: 1.325rem;
}

.tit_width_icon {
	position: relative;
}

.tit_width_icon::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 3rem;
	height: 0.25rem;
	background: #185eb4;
	transform: skewX(-45deg);
	content: "";
}

@media screen and (max-width: 767px) {
	.tit_width_icon::before {
		width: 2rem;
		height: 0.125rem;
	}
}

.tit_width_rect {
	position: relative;
	padding-left: 1.125rem;
}

.tit_width_rect:before {
	position: absolute;
	left: 0;
	top: 30%;
	width: 0.875rem;
	height: 0.875rem;
	background: #ffffff;
	border: 0.25rem solid #777777;
	content: "";
}

.tit_width_rect:after {
	position: absolute;
	left: calc(00.875rem - 0.25rem);
	top: 30%;
	width: 0.25rem;
	height: 0.25rem;
	background: #030608;
	content: "";
}

.tit_width_line {
	position: relative;
}

.tit_width_line:after {
	position: absolute;
	left: -15%;
	bottom: -0.25rem;
	width: 130%;
	height: 1px;
	background: #cccccc;
	content: "";
}

.txt_body {
	min-height: 20rem;
	padding: 2rem 1.25rem;
	word-break: break-word;
}

.txt_inherit {
	color: inherit !important;
}

.txt_link {
	color: #2b7884;
}

.txt_link:hover {
	color: #2b7884;
}

.txt_no_data {
	padding: 2rem 0;
	font-weight: 400;
	text-align: center;
	background: #eeeeee;
	font-size: 1rem;
	text-shadow: 1px 1px 0 #fff;
}

.txt_underline {
	text-decoration: underline !important;
}

.txt_flag {
	padding-left: 1.75rem;
	background: url(/img/flag-Korea.svg) 0 6px no-repeat;
	background-size: 1.325rem;
}

.txt_flag.__canada {
	background: url(/img/flag-Canada.svg) 0 6px no-repeat;
	background-size: 1.325rem;
}

.txt_flag.__china {
	background: url(/img/flag-China.svg) 0 6px no-repeat;
	background-size: 1.325rem;
}

.txt_flag.__korea {
	background: url(/img/flag-Korea.svg) 0 6px no-repeat;
	background-size: 1.325rem;
}

.txt_flag.__india {
	background: url(/img/flag-India.svg) 0 6px no-repeat;
	background-size: 1.325rem;
}

.txt_flag.__indonesia {
	background: url(/img/flag-Indonesia.svg) 0 6px no-repeat;
	background-size: 1.325rem;
}

.txt_flag.__iran {
	background: url(/img/flag-Iran.svg) 0 6px no-repeat;
	background-size: 1.325rem;
}

.txt_flag.__japan {
	background: url(/img/flag-Japan.svg) 0 6px no-repeat;
	background-size: 1.325rem;
}

.txt_flag.__malaysia {
	background: url(/img/flag-Malaysia.svg) 0 6px no-repeat;
	background-size: 1.325rem;
}
.txt_flag.__philippines {
	background: url(/img/flag-Philippines.svg) 0 6px no-repeat;
	background-size: 1.325rem;
}
.txt_flag.__singapore {
	background: url(/img/flag-Singapore.svg) 0 6px no-repeat;
	background-size: 1.325rem;
}

.txt_flag.__thailand {
	background: url(/img/flag-Thailand.svg) 0 6px no-repeat;
	background-size: 1.325rem;
}

.txt_flag.__vietnam {
	background: url(/img/flag-Vietnam.svg) 0 6px no-repeat;
	background-size: 1.325rem;
}


.txt_flag.__usa {
	background: url(/img/flag-USA.svg) 0 6px no-repeat;
	background-size: 1.325rem;
}

.txt_flag.__belgium {
	background: url(/img/flag-Belgium.svg) 0 6px no-repeat;
	background-size: 1.325rem;
}

.txt_flag.__uk {
	background: url(/img/flag-UK.svg) 0 6px no-repeat;
	background-size: 1.325rem;
}

.txt_flag.__denmark {
	background: url(/img/flag-Denmark.svg) 0 6px no-repeat;
	background-size: 1.325rem;
}

.txt_flag.__ireland {
	background: url(/img/flag-Ireland.svg) 0 6px no-repeat;
	background-size: 1.325rem;
}

.txt_flag.__australia {
	background: url(/img/flag-Australia.svg) 0 6px no-repeat;
	background-size: 1.325rem;
}

.txt_flag.__hongkong {
	background: url(/img/flag-Hongkong.svg) 0 6px no-repeat;
	background-size: 1.325rem;
}

.txt_flag.__taiwan {
	background: url(/img/flag-Taiwan.svg) 0 6px no-repeat;
	background-size: 1.325rem;
}

.txt_w {
	min-width: 3rem;
}

.txt_w.__w4 {
	min-width: 4rem;
}

.txt_w.__w4.__fix {
	width: 4rem;
}

.txt_w.__w5 {
	min-width: 5rem;
}

.txt_w.__w5.__fix {
	width: 5rem;
}

.txt_w.__w6 {
	min-width: 6rem;
}

.txt_w.__w6.__fix {
	width: 6rem;
}

.txt_w.__w8 {
	min-width: 8rem;
}

.txt_w.__w8.__fix {
	width: 8rem;
}

.txt_w.__w10 {
	min-width: 10rem;
}

.txt_w.__w10.__fix {
	width: 10rem;
}

.txt_w.__w12 {
	min-width: 12rem;
}

.txt_w.__w12.__fix {
	width: 12rem;
}

.txt_w.__w14 {
	min-width: 14rem;
}

.txt_w.__w14.__fix {
	width: 14rem;
}

.txt_w.__w16 {
	min-width: 16rem;
}

.txt_w.__w16.__fix {
	width: 16rem;
}

.txt_w.__w18 {
	min-width: 18rem;
}

.txt_w.__w18.__fix {
	width: 18rem;
}

.txt_w.__w20 {
	min-width: 20rem;
}

.txt_w.__w20.__fix {
	width: 20rem;
}

.txt_w.__w30 {
	min-width: 30rem;
}

.txt_w.__w30.__fix {
	width: 30rem;
}


.section_margin {
	margin-bottom: 1.25rem;
}

@media screen and (max-width: 767px) {
	.section_margin {
		margin-bottom: 0.625rem;
	}
}

@media screen and (max-width: 767px) and (max-width: 480px) {
	.section_margin {
		margin-bottom: 0.3125rem;
	}
}

.section_margin.__big {
	margin-bottom: 1.875rem;
}

@media screen and (max-width: 767px) {
	.section_margin.__big {
		margin-bottom: 0.9375rem;
	}
}

@media screen and (max-width: 767px) and (max-width: 480px) {
	.section_margin.__big {
		margin-bottom: 0.46875rem;
	}
}

.section_margin.__bigger {
	margin-bottom: 3rem;
}

@media screen and (max-width: 767px) {
	.section_margin.__bigger {
		margin-bottom: 1.5rem;
	}
}

@media screen and (max-width: 767px) and (max-width: 480px) {
	.section_margin.__bigger {
		margin-bottom: 0.75rem;
	}
}

.section_margin.__biggest {
	margin-bottom: 4rem;
}

@media screen and (max-width: 767px) {
	.section_margin.__biggest {
		margin-bottom: 2rem;
	}
}

@media screen and (max-width: 767px) and (max-width: 480px) {
	.section_margin.__biggest {
		margin-bottom: 1rem;
	}
}

.wrap_live_search {
	position: relative;
}

.wrap_live_search .list_ls {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: -1px;
	background-color: #ffffff;
	border: 1px solid #111111;
	width: 100%;
	max-height: 300px;
	overflow: auto;
}

.wrap_live_search .list_ls:hover {
	display: block;
}

.wrap_live_search .list_ls li {
	padding: 0.5em 1em;
}

.wrap_live_search .list_ls li:hover {
	background-color: #e9ecef;
}

.wrap_live_search .list_ls li.selected {
	background-color: #495057;
	color: #ffffff;
}

.wrap_live_search input:focus ~ .list_ls {
	display: block;
}

.wrap_live_search input.form-control {
	padding-left: calc(0.75rem + 1em + 0.375rem);
}

.wrap_live_search input.form-control:focus {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.wrap_live_search .icon_search {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0.375rem 0.75rem;
}

.w-5 {
	width: 5%;
}

.w-10 {
	width: 10%;
}

.w-15 {
	width: 15%;
}

.w-20 {
	width: 20%;
}

.w-25 {
	width: 25%;
}

.w-30 {
	width: 30%;
}

.w-35 {
	width: 35%;
}

.w-40 {
	width: 40%;
}

.w-45 {
	width: 45%;
}

.w-50 {
	width: 50%;
}

.w-55 {
	width: 55%;
}

.w-60 {
	width: 60%;
}

.w-65 {
	width: 65%;
}

.w-70 {
	width: 70%;
}

.w-75 {
	width: 75%;
}

.w-80 {
	width: 80%;
}

.w-85 {
	width: 85%;
}

.w-90 {
	width: 90%;
}

.wrap_keyword_helper {
	position: relative;
}

.wrap_keyword_helper .kh_input:enabled:focus + .kh_list {
	display: block;
}

.wrap_keyword_helper .kh_list {
	display: none;
	position: absolute;
	left: 0;
	top: calc(1.6em + 0.75rem + 2px);
	z-index: 1;
	width: 150%;
	padding: 0.5rem 5px;
	font-size: 0.75rem;
	color: #111111;
}

.wrap_keyword_helper .kh_list:hover {
	display: block;
}

.wrap_keyword_helper .kh_list > span {
	cursor: pointer;
	margin-bottom: 5px;
	display: inline-block;
	background: #f8fafc;
	border: 1px solid #111111;
	padding: 0 0.5rem;
	border-radius: 1.6em;
	box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.15);
}

.wrap_upload_file {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-bottom: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	background-color: #152c85;
	color: #ffffff;
}

.wrap_upload_file input[type=file] {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	opacity: 0;
	cursor: pointer;
}

.wrap_table {
	overflow-x: auto;
}

.wrap_table .table th,
.wrap_table .table td {
	white-space: nowrap !important;
}

.wrap_table .table td {
	background-color: #ffffff;
}

.wrap_y_scroll {
	overflow-y: scroll;
	max-height: 200px;
}

.wrap_uploaded_files {
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 0.6em;
}

@-webkit-keyframes slide-in {
	0% {
		transform: translate(0, -10px);
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes slide-in {
	0% {
		transform: translate(0, -10px);
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes toast {
	0% {
		opacity: 1;
	}

	100% {
		transform: translate(0, -10px);
		opacity: 0;
	}
}

@keyframes toast {
	0% {
		opacity: 1;
	}

	100% {
		transform: translate(0, -10px);
		opacity: 0;
	}
}

textarea.auto_size {
	overflow-y: hidden;
	transition: height 0.3s ease-in-out;
	resize: none;
}

/* paging */
.pagination {
	justify-content: center;
}

.pagination .page-item {
	margin-left: 0.125rem;
	margin-right: 0.125rem;
}

@media screen and (max-width: 560px) {
	.pagination .page-item {
		display: none;
	}

	.pagination .page-item:first-child,
	.pagination .page-item:last-child,
	.pagination .page-item.active,
	.pagination .page-item.active + *,
	.pagination .page-item.active + * + *{
		display: list-item;
	}
}

.pagination .page-item.active .page-link,
.pagination .page-item:hover .page-link {
	background-color: #11459d;
	color: #ffffff;
	border-color: #11459d
	z-index: 3;
}

.pagination .page-item .page-link {
	display: block;
	width: 2.25rem;
	height: 2.25rem;
	line-height: 2rem;
	padding: 0;
	text-align: center;
	background-color: #ffffff;
	border: 1px solid #dee2e6;
	border-radius: 50%;
	color: #636b6f;
}


.VIpgJd-ZVi9od-l4eHX-hSRGPd {display:none !important}