@charset "utf-8";

@import url('/css/fonts/iconmonstr-iconic-font.css'); /* Font Icons */

/* revert chrome extension injected stylesheet */
button, input, optgroup, select, textarea { line-height: revert; }

img {vertical-align:top}
button, label {cursor:pointer;outline:none}
a,
a:hover,
a:focus,
a:active {
	background-color: transparent;
	outline: 0;
	text-decoration:none;
}
a.txts {color:#00f;text-decoration:underline}

.clr {clear:both}
.dis {display:none}
.letter {letter-spacing:-0.1em}
.letter_normal {letter-spacing:0}
.respon {
	max-width: 100%;
	height: auto;
	width: auto\9; // ie8
}
.agn_l {text-align:left !important}
.agn_c {text-align:center !important}
.agn_r {text-align:right !important}

.f11 {font-size:11px !important}
.f08em {font-size:0.8em !important}
.f09em {font-size:0.9em !important}
.f1_3em {font-size:1.3em !important}
.f1_5em {font-size:1.5em !important}
.f1_7em {font-size:1.7em !important}
.f2em {font-size:2em !important}
.f2_5em {font-size:2.5em !important}
.f3em {font-size:3em !important}
.f14px {font-size:14px !important}
.f15px {font-size:15px !important}
.f16px {font-size:16px !important}
.f17px {font-size:17px !important}
.f18px {font-size:18px !important}
.f19px {font-size:19px !important}
.f20px {font-size:20px !important}

.fc01 {color:#333 !important}
.fc02 {color:#999 !important}
.fc03 {color:#fff !important}
.fc04 {color:#03d !important}
.fc05 {color:#c30 !important}
.fc06 {color:#ddd !important}
.fc07 {color:#f90 !important}
.fc08 {color:#f30 !important}
.fc09 {color:#ccc !important}
.fc10 {color:#191919 !important}
.fc11 {color:#727272 !important}
.fc12 {color:#d90000 !important}
.fc13 {color:#76c6dd !important}

.fs01 {font-weight:bold !important}
.fs02 {font-style:italic !important}
.fs03 {font-weight:normal !important}
.fs04 {text-decoration:underline !important}

.ff01 {font-family:"Noto Sans KR" !important}
.ff02 {font-family:"GmarketSansB" !important}
.ff03 {font-family:"GmarketSansM" !important}
.ff04 {font-family:"GmarketSansL" !important}

.bg000 {color:#000 !important}

.divwrap05 {display:block;margin:0;padding:0;width:100%;height:5px}
.divwrap10 {display:block;margin:0;padding:0;width:100%;height:10px}
.divwrap20 {display:block;margin:0;padding:0;width:100%;height:20px}
.divwrap30 {display:block;margin:0;padding:0;width:100%;height:30px}

.fl-left {float:left !important}
.fl-right {float:right !important}

.per05 {width:5% !important}
.per10 {width:10% !important}
.per15 {width:15% !important}
.per20 {width:20% !important}
.per25 {width:25% !important}
.per30 {width:30% !important}
.per33 {width:33% !important}
.per34 {width:34% !important}
.per40 {width:40% !important}
.per50 {width:50% !important}
.per55 {width:55% !important}
.per60 {width:60% !important}
.per70 {width:70% !important}
.per80 {width:80% !important}
.per90 {width:90% !important}
.per100 {width:100% !important}

/************** Button **************/
.e-btn {
	display:inline-block;
	margin:1px;
	padding:5px 15px 7px;
	font-size:12px;
	letter-spacing:-1px;
	color:#000;
	border:1px solid #ccc;
	border-radius:2px;
	background-color:#fff;
}
.e-btn:hover,
.e-btn:focus,
.e-btn:active {background-color:#f6f6f6}

.e-btn-xs {
	padding:2px 10px 4px;
}
.e-btn-xss {
	font-size:10px;
	padding:0px 10px 2px;
}
.e-btn-lg {
	font-size:15px;
	padding:8px 20px 10px;
}
.e-btn-block {
	display:block;
	width:100%;
}

.e-btn-sty01 {color:#fff;border:1px solid #007bff;background-color:#007bff}
.e-btn-sty01:hover,
.e-btn-sty01:focus,
.e-btn-sty01:active {color:#fff;border:1px solid #0069D9;background-color:#0069D9}
.e-btn-sty01 i {color:#fff;font-size:15px}

.e-btn-sty02 {color:#fff;border:1px solid #6c757d;background-color:#6c757d}
.e-btn-sty02:hover,
.e-btn-sty02:focus,
.e-btn-sty02:active {color:#fff;border:1px solid #545B62;background-color:#545B62}
.e-btn-sty02 i {color:#fff;font-size:15px}

.e-btn-sty03 {color:#fff;border:1px solid #28a745;background-color:#28a745}
.e-btn-sty03:hover,
.e-btn-sty03:focus,
.e-btn-sty03:active {color:#fff;border:1px solid #218838;background-color:#218838}
.e-btn-sty03 i {color:#fff;font-size:15px}

.e-btn-sty04 {color:#fff;border:1px solid #dc3545;background-color:#dc3545}
.e-btn-sty04:hover,
.e-btn-sty04:focus,
.e-btn-sty04:active {color:#fff;border:1px solid #C82333;background-color:#C82333}
.e-btn-sty05 i {color:#fff;font-size:15px}

.e-btn-sty05 {color:#000;border:1px solid #ffc107;background-color:#ffc107}
.e-btn-sty05:hover,
.e-btn-sty05:focus,
.e-btn-sty05:active {color:#000;border:1px solid #E0A800;background-color:#E0A800}
.e-btn-sty05 i {color:#000;font-size:15px}

.e-btn-sty06 {color:#fff;border:1px solid #17a2b8;background-color:#17a2b8}
.e-btn-sty06:hover,
.e-btn-sty06:focus,
.e-btn-sty06:active {color:#fff;border:1px solid #138496;background-color:#138496}
.e-btn-sty06 i {color:#fff;font-size:15px}

.e-btn-sty07 {color:#fff;border:1px solid #111;background-color:#111}
.e-btn-sty07:hover,
.e-btn-sty07:focus,
.e-btn-sty07:active {color:#fff;border:1px solid #000;background-color:#000}
.e-btn-sty07 i {color:#fff;font-size:15px}

.e-btn-sty08 {color:#fff;border:1px solid #4e14b8;background-color:#4e14b8}
.e-btn-sty08:hover,
.e-btn-sty08:focus,
.e-btn-sty08:active {color:#fff;border:1px solid #360c81;background-color:#360c81}
.e-btn-sty08 i {color:#fff;font-size:15px}

.e-btn-sty09 {color:#fff;border:1px solid #727272;background-color:#727272}
.e-btn-sty09:hover,
.e-btn-sty09:focus,
.e-btn-sty09:active {color:#fff;border:1px solid #545454;background-color:#545454}
.e-btn-sty09 i {color:#fff;font-size:15px}
/************** Button **************/

/************** Input **************/
.e-input {padding:2px 10px 4px}
/* The switch - the box around the slider */
.e-switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 15px;
    vertical-align:middle;
}

/* Hide default HTML checkbox */
.e-switch input {display:none;}

/* The slider */
.e-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: -2px;
    bottom: 0;
    background-color: #ddd;
    -webkit-transition: .4s;
    transition: .4s;
}

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

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

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

input:checked + .e-slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    box-shadow: 0px 0px 0px 2.5px #007eff;
}

/* Rounded sliders */
.e-slider.round {
    border-radius: 20px;
}

.e-slider.round:before {
    border-radius: 50%;
    box-shadow: 0px 0px 0px 2.5px #ccc;
}
/************** Input **************/

/************** Tooltip **************/
.e-tooltip {position:relative;display:inline-block;margin:0;padding:0}
.e-tooltip > a {padding:0 5px}
.e-tooltip > a > i {font-size:12px;color:#C82333}
.e-tooltip:hover > .arrow_box {visibility:visible}
.e-tooltip > .arrow_box {
	position:absolute;
	top:-17px;
	left:35px;
	visibility:hidden;
	padding:15px;
	width:auto;
	white-space:nowrap;
	color:#fff;
	font-size:1em;
	font-weight:400;
	border:3px solid #810d18;
	border-radius:5px;
	background-color:#c30;
	box-shadow:5px 5px 2px rgba(0,0,0,0.2);
}
.e-tooltip > .arrow_box:after, .e-tooltip > .arrow_box:before {
	right: 100%;
	top: 26px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.e-tooltip > .arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #c30;
	border-width: 15px;
	margin-top: -15px;
}
.e-tooltip > .arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: #810d18;
	border-width: 19px;
	margin-top: -19px;
}
/************** Tooltip **************/

.flex-cc { display: flex; justify-content: space-between; align-items: center; column-gap: 10px; }
.ellipsis_1 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ellipsis_2 { height: 44px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; line-clamp: 2; }
.ellipsis_3 { height: 66px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; line-clamp: 3; }

.tbl-sty01 table {width:100%;border-top:2px solid #333;background-color:#fff}
.tbl-sty01 table th {padding:10px 2px 13px;border-bottom:1px solid #ccc;background-color:#f9f9f9}
.tbl-sty01 table td {padding:3px 3px 5px;text-align:center;border-bottom:1px solid #ccc}
.tbl-sty01 table td.no-data {padding:50px;color:#999}

/** from table **/
.tbl-sty02 table {width:100%;border-top:2px solid #333;background-color:#fff}
.tbl-sty02 table caption {padding-bottom:3px;text-align:left;font-weight:bold}
.tbl-sty02 table th {padding:10px 2px 13px;border-bottom:1px solid #ccc;background-color:#f9f9f9}
.tbl-sty02 table td {padding:3px 3px 5px;text-align:center;border-bottom:1px solid #ccc}
.tbl-sty02 table td.no-data {padding:50px;color:#999}
.tbl-sty02 input,
.tbl-sty02 select,
.tbl-sty02 textarea {padding:3px 5px 5px}

/** order table - hover **/
.tbl-sty03 table {width:100%;border-top:2px solid #333;background-color:#fff}
.tbl-sty03 table tr:hover {background-color:#f9f9f9}
.tbl-sty03 table th {padding:10px 2px 13px;border-bottom:1px solid #ccc;background-color:#f6f6f6}
.tbl-sty03 table td {padding:3px 3px 5px;color:#666;text-align:center;border-bottom:1px solid #ccc;border-right:1px solid #eee}
.tbl-sty03 table td:last-child {border-right:1px solid #fff}
.tbl-sty03 table td.no-data {padding:50px;color:#999}

/** order table **/
.tbl-sty04 table {width:100%;border-top:2px solid #333;background-color:#fff}
.tbl-sty04 table th {padding:10px 2px 13px;border-bottom:1px solid #ccc;background-color:#f6f6f6}
.tbl-sty04 table td {padding:3px 3px 5px;color:#666;text-align:center;border-bottom:1px solid #ccc;border-right:1px solid #eee}
.tbl-sty04 table td:last-child {border-right:1px solid #fff}
.tbl-sty04 table td.no-data {padding:50px;color:#999}


/*****��ǰ�ٿ�ε�*****/
.it-down-wrap {display:block;margin:0;padding:10px;height:500px;border:1px solid #ddd;background-color:#f6f6f6}
.it-down-wrap .contents-wrap {display:block;margin:0;padding:0}
.it-down-wrap .cate-wrap .contents-wrap {padding-right:10px}
.it-down-wrap .cate-wrap h2 {display:block;margin:0;padding:0 0 5px; height: 24px; display: flex; align-items: center; column-gap: 15px; }
.it-down-wrap .ca-list {display:block;margin:0;padding:5px;height:455px;border:1px solid #ddd;background-color:#fff;overflow-y:auto}
.it-down-wrap .ca-list li a {display:inline-block;margin:0;padding:3px;background-color:#fff}
.it-down-wrap .ca-list li a:hover,
.it-down-wrap .ca-list li a:focus,
.it-down-wrap .ca-list li a:active {background-color:#f9f9f9}
.it-down-wrap .ca-list li.active a {color:red;background-color:#eee}
.it-down-wrap .item-wrap h2 { display: flex; column-gap: 20px; padding:0 0 5px; height: 24px; }
.it-down-wrap .item-wrap h2 #item_cnt { display: flex; font-weight: normal; }
.it-down-wrap .item-wrap h2 #item_cnt span { font-weight: bold; }
.it-down-wrap .item-wrap .btn-wrap {display:block;margin:0;padding:10px 0;text-align:center}
.it-down-wrap .it-list {display:block;margin:0;padding:5px;height:400px;border:1px solid #ddd;background-color:#fff;overflow-y:auto}
.it-down-wrap .it-list ul {margin:0;padding:0;list-style:none}
.it-down-wrap .it-list ul li {margin:0;padding:2px;border-bottom:1px solid #eee}
.it-down-wrap .it-list ul li:hover {background-color:#f9f9f9}
.it-down-wrap .it-list ul li.active {background-color:#fef1df}
.it-down-wrap .it-list ul li:last-child {border-bottom:none}
.it-down-wrap .it-list ul li a {display:block;margin:0;padding:0}
.it-down-wrap .it-list ul li div {display:inline-block;margin:0 10px 0 0;padding:0;height:30px;line-height:30px}
.it-down-wrap .it-list ul li div.it-cost {color:#c30;font-weight:bold}
.it-down-wrap .it-list ul li.no-data {color:#999}
.btn-wrap {display:block;margin:0;padding:20px 0;text-align:center}

.down-list,
.fm-wrap {display:block;margin:0;padding:0}

.sod_left {width:789px !important}

#gnb_1dul {margin-bottom:10px}
#gnb_qn ul {margin-top:0px}

/*****����������*****/
.mypage-nav-wrap {display:block;margin:0;padding:0}
.mypage-nav-wrap h3 {display:block;margin:0;padding:2px 0 4px;font-size:10px;text-align:center;color:#fff;background-color:#333}
.mypage-nav-wrap ul li {}
.mypage-nav-wrap ul li a {display:block;margin:0;padding:3px 20px 5px;color:#fff;background-color:#005b9a}
.mypage-nav-wrap ul li a:hover,
.mypage-nav-wrap ul li a:focus,
.mypage-nav-wrap ul li a:active {background-color:#106AA8}
.mypage-nav-wrap ul li.active a {background-color:#106AA8}

.tab-nav {display:block;margin:20px 0 0;padding:0}
.tab-nav .tab-nav2 {}
.tab-nav .tab-nav2 li {float:left;margin-right:-1px;border:1px solid #ccc}
.tab-nav .tab-nav2 li a {display:block;margin:0;padding:5px 20px 7px}
.tab-nav .tab-nav2 li.active {border:1px solid #ccc;border-bottom:1px solid #f9f9f9}
.tab-nav .tab-nav2 li.active a {font-weight:bold;background-color:#f9f9f9}
.tab-nav .tab-info {display:block;margin:-1px 0 0;padding:20px;text-align:left;border:1px solid #ccc;background-color:#f9f9f9}
.tab-nav .tab-info ul li {float:left;margin-right:10px}
.tab-nav .tab-info ul li.active a {font-weight:bold}

.od-sch-wrap {display:block;margin:10px 0;padding:20px;border:5px solid #e4e4e4}
.od-sch-wrap ul li {float:left}
.od-sch-wrap ul li.txt {padding:2px 5px 4px}
.od-sch-wrap ul li input {margin-right:2px;padding:2px 10px 4px}
.od-sch-wrap ul li select {margin-right:2px;padding:2px 10px 4px}

.od-list-wrap {display:block;margin:0;padding:0}
.od-list-wrap h2 {padding-bottom:10px;font-family:"Noto Sans KR";font-size:16px;color:#191919}
/*.od-list-wrap ul {border-left:1px solid #eee;border-right:1px solid #eee}*/
.od-list-wrap ul li {position:relative;display:block;margin:0;padding:0;border-bottom:1px solid #eee}
.od-list-wrap ul li:last-child {border-bottom:none}
.od-list-wrap ul li .it-imgs {float:left;margin:0;padding:5px;width:60px;height:60px}
.od-list-wrap ul li .it-imgs img {border:1px solid #ddd}
.od-list-wrap ul li .it-name {display:block;margin:0 0 0 60px;padding:5px;text-align:left}

.new_win {}
.new_win h1 {font-size:1.17em;padding:15px 20px;background:#fff;border-bottom:1px solid #ddd}
.new_win h2 {margin:0 20px 10px}
.new_win_ul {margin:-20px 0 20px 0;padding:0 0 0 20px;border-bottom:1px solid #515151;background:#484848;list-style:none;zoom:1}
.new_win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win_ul li {float:left;margin-left:-1px}

.new_win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #595959;border-left:1px solid #595959;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}


.new_win_desc {margin:0 }
.new_win .anchor {margin:0 0 5px}

.new_win .win_btn {clear:both;padding:10px;text-align:center} /* ��� */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}


.new_win .local_sch, .new_win .local_cmd, .new_win .local_desc01, .new_win .local_desc02, .new_win .local_ov {margin:0px}

.new_win_con{margin: 10px; background:#fff;padding:20px}
.new_win_con .table_form table th{width:120px}

#excelfile_upload {margin:10px 0;padding:20px;border:1px solid #e9e9e9;background:#fff}
#excelfile_upload label {font-weight:bold}
#excelfile_input {margin:0 0 20px;text-align:center}
#excelfile_result {margin:0 20px 20px;border-bottom:1px solid #e9e9e9;zoom:1}
#excelfile_result:after {display:block;visibility:hidden;clear:both;content:""}
#excelfile_result dt {clear:both;float:left;padding:10px 0;width:40%;font-weight:bold}
#excelfile_result dd {float:left;margin:0;padding:10px 0;width:60%}
#excelfile_result .result_done {color:#5d910b}
#excelfile_result .result_fail {color:#ff3061}

.local_desc01 {margin:10px 0 10px ;padding:10px 20px;border:1px solid #f2f2f2;background:#f9f9f9}
.local_desc01 strong {color:#ff3061}
.local_desc01 a {text-decoration:underline}

.pay-form {display:block;margin:0;padding:20px;border:1px solid #ddd;background-color:#f6f6f6}
.pay-form h3 {font-size:1.5em}
.pay-form .contents-wrap {display:block;margin:0;padding:0 0 0 30px;border-left:1px solid #ccc;cbackground-color:#fff}
.pay-form .info-wrap {display:block;margin:0;padding:20px 0}
.pay-form .cost-info-wrap {display:block;margin:0;padding:20px 0;text-align:right;color:red;font-size:2em;font-weight:bold}

.od-pay-nav {display:block;margin:0;padding:0}
.od-pay-nav ul { margin-top:1px; }
.od-pay-nav ul li {float:left;margin:0 -1px 0 0;padding:0;border:1px solid #ddd;border-bottom:none}
.od-pay-nav ul li a {display:block;margin:0;padding:8px 25px 10px;background-color:#fff}
.od-pay-nav ul li.active {border:1px solid #333;border-bottom:none}
.od-pay-nav ul li.active a {color:#fff;font-weight:bold;background-color:#333}

.sau-wrap {display:block;margin:0;padding:10px}
.sau-wrap h1 {display:block;margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #ddd}
/* .sau-wrap textarea {padding:10px;width:100%;height:200px;background-color:#f6f6f6} */
.sau-wrap button {}

.tax-pay-form {display:block;margin:0;padding:0 0 20px;xbackground-color:#eee}
.tax-pay-form .online-wrap {display:block;margin:0;padding:5px 0;xbackground-color:#ccc}


/* from admin.css */
.e-btn-checkbox {position:relative;display:inline-block;margin:1px;padding:0}
.e-btn-checkbox input[type='checkbox'] {display:none;margin:10px}
.e-btn-checkbox input[type='checkbox'] + label {display:block;margin:0;padding:7px 15px 7px 15px;text-align:center;color:#333;font-weight:400;border:1px solid #ddd;border-radius:5px;background-color:#f6f6f6}
.e-btn-checkbox input[type='checkbox']:checked + label {color:#fff;border:1px solid #0081cb;background-color:#0081cb}

.e-btn-checkbox.e-btn-checkbox-sty01 input[type='checkbox'] + label {display:block;margin:0;padding:4px 10px 4px 30px;text-align:center;color:#333;font-weight:400;border:1px solid #ddd;border-radius:5px;background:#f6f6f6 url('/img/icon/icon_chk_b.png') no-repeat 10px 50%;background-size:15%}
.e-btn-checkbox.e-btn-checkbox-sty01 input[type='checkbox']:checked + label {color:#fff;border:1px solid #0081cb;background:#0081cb url('/img/icon/icon_chk_w.png') no-repeat 10px 50%;background-size:15%}
.e-btn-checkbox.e-btn-checkbox-sty02 input[type='checkbox'] + label {background-color:#fff}
.e-btn-checkbox.e-btn-checkbox-sty02 input[type='checkbox']:checked + label {background-color:#0081cb}
.e-btn-checkbox.e-btn-checkbox-sty03 input[type='checkbox'] + label {padding:4px 7px}
.e-btn-checkbox.e-btn-checkbox-sty03 input[type='checkbox']:checked + label {}
.e-btn-checkbox.e-btn-checkbox-sty04 input[type='checkbox'] + label { padding: 5px 15px 7px; }
.e-btn-checkbox.e-btn-checkbox-sty04 input[type='checkbox']:checked + label {}

.e-btn-radio {position:relative;display:inline-block;margin:1px;padding:0}
.e-btn-radio input[type='radio'] {display:none;margin:10px}
.e-btn-radio input[type='radio'] + label {display:block;margin:0;padding:7px 15px 7px 15px;text-align:center;color:#333;font-weight:400;border:1px solid #ddd;border-radius:5px;background-color:#f6f6f6}
.e-btn-radio input[type='radio']:checked + label {color:#fff;border:1px solid #0081cb;background-color:#0081cb}

.e-btn-radio.e-btn-radio-sty01 input[type='radio'] + label {display:block;margin:0;padding:4px 10px 4px 30px;text-align:center;color:#333;font-weight:400;border:1px solid #ddd;border-radius:5px;background:#f6f6f6 url('/img/icon/icon_chk_b.png') no-repeat 10px 50%;background-size:15%}
.e-btn-radio.e-btn-radio-sty01 input[type='radio']:checked + label {color:#fff;border:1px solid #0081cb;background:#0081cb url('/img/icon/icon_chk_w.png') no-repeat 10px 50%;background-size:15%}
.e-btn-radio.e-btn-radio-sty02 input[type='radio'] + label {background-color:#fff}
.e-btn-radio.e-btn-radio-sty02 input[type='radio']:checked + label {background-color:#0081cb}
.e-btn-radio.e-btn-radio-sty03 input[type='radio'] + label {padding:4px 7px}
.e-btn-radio.e-btn-radio-sty03 input[type='radio']:checked + label {}
.e-btn-radio.e-btn-radio-sty04 input[type='radio'] + label { padding: 5px 15px 7px; }
.e-btn-radio.e-btn-radio-sty04 input[type='radio']:checked + label {}


/* from bootstrap */
.alert-light { border: 1px solid #e9ecef; color: #495057; background-color: #fcfcfd; }
.alert-success { border: 1px solid #a3cfbb; color: #0a3622; background-color: #d1e7dd; }
.alert-danger { border: 1px solid #f1aeb5; color: #58151c; background-color: #f8d7da; }
.alert-warning { border: 1px solid #ffe69c; color: #664d03; background-color: #fff3cd; }
.alert-info { border: 1px solid #9eeaf9; color: #055160; background-color: #cff4fc; }
.alert-primary { border: 1px solid #9ec5fe; color: #052c65; background-color: #cfe2ff; }