@charset "utf-8";

@import url(content-csm.css);

/* Skip */
#skipnavigation {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    z-index: 9999
}

#skipnavigation a {
    overflow: hidden;
    white-space: nowrap;
    display: block;
    width: 100%;
    height: 0
}

#skipnavigation a:focus,
#skipnavigation a:active {
    display: block;
    width: 100%;
    height: 36px;
    color: #fff;
    background: #000;
    line-height: 36px;
    text-decoration: underline !important;
    font-size: 14px;
}

/* 접근성 hidden */
.blind {
    overflow: hidden;
    position: absolute;
    left: -9999999em;
    top: auto;
    width: 1px;
    height: 1px
}

input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

input[type="text"],
input[type="password"],
input[type="tel"] {
    height: 25px;
    padding: 2px 5px;
    color: #2f2f2f;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

input[type="checkbox"] {
    vertical-align: middle;
}

input[type="radio"] {
    vertical-align: middle;
}

input[type="file"] {
    height: 25px;
    background: #fff;
    border: 1px solid #e2e2e2;
}

input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder {
    color: #a5a5a5;
}

input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder {
    color: #a5a5a5;
}

input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder {
    color: #a5a5a5;
}

input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder {
    color: #a5a5a5;
}

input[type=file]::-ms-value {
    border: 1px solid #e2e2e2;
    background-color: #fff;
}

input[type=file]::-ms-browse {
    border: 1px solid #e2e2e2;
    background-color: #7a7a7a;
    color: #fff;
}

select {
    height: 25px;
    border: 1px solid #e2e2e2;
    vertical-align: middle;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

textarea {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    resize: none;
    font-family: inherit;
    font-size: inherit;
}

button {
    display: inline-block;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: none;
    border: 0;
    font-family: 'NanumBarunGothic', 'Malgun Gothic', '맑은 고딕', '돋움', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif;
    font-size: 12px;
    font-weight: 400;
}

button:focus {
    outline: 0;
}

.btnBasic {
    display: inline-block;
    min-height: 25px;
    padding: 0px 15px;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
    line-height: 1.8;
    background-color: #585858;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    text-shadow: rgba(0, 0, 0, .3) 1px 0px 0px;
}

a.btnBasic {
    color: #fff;
    line-height: 1.8;
}

.btnBasic:hover {
    opacity: 0.8;
    box-shadow: 4px 4px 6px rgba(0, 0, 0, .2);
}

.btnBorder {
    display: inline-block;
    min-height: 25px;
    padding: 0px 15px;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    color: #2f2f2f;
    font-size: 12px;
    line-height: 1.8;
    background-color: #fff;
    border: 1px solid #7a7a7a;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    text-shadow: rgba(0, 0, 0, .3) 1px 0px 0px;
}

a.btnBorder {
    line-height: 1.8;
}

input[type="button"] {
    cursor: pointer;
}

input[readonly] {
    background: #eeeeee !important;
    border: 1px solid #ddd;
    box-shadow: none !important;
}

input[readonly="readonly"] {
    background: #eeeeee !important;
    border: 1px solid #ddd;
    box-shadow: none !important;
}

input[type="text"]:disabled {
    background: #eeeeee !important;
    border: 1px solid #ddd;
    box-shadow: none !important;
}

textarea[readonly],
textarea[disabled] {
    background: #eeeeee !important;
    border: 1px solid #ddd;
    box-shadow: none !important;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="search"] input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    background-color: #ffffff;
    font-family: 'NanumBarunGothic', 'Malgun Gothic', '맑은 고딕', '돋움', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif;
    font-size: 12px;
    font-weight: 400;
    /* -webkit-box-shadow:  2px 2px 4px rgba(0, 0, 0, 0.075);
	-moz-box-shadow:  2px 2px 4px rgba(0, 0, 0, 0.075);
	box-shadow:  2px 2px 4px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s; */
}

input[type="checkbox"],
input[type="radio"] {
    display: inline-block;
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="search"] input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

.com-list-01 {display: flex; flex-direction: column; padding:5px; gap: 5px; text-align: left;}

/* width %*/
.w1 {
    width: 1% !important
}

.w2 {
    width: 2% !important
}

.w3 {
    width: 3% !important
}

.w4 {
    width: 4% !important
}

.w5 {
    width: 5% !important
}

.w6 {
    width: 6% !important
}

.w7 {
    width: 7% !important
}

.w8 {
    width: 8% !important
}

.w9 {
    width: 9% !important
}

.w10 {
    width: 10% !important
}

.w11 {
    width: 11% !important
}

.w12 {
    width: 12% !important
}

.w13 {
    width: 13% !important
}

.w14 {
    width: 14% !important
}

.w15 {
    width: 15% !important
}

.w16 {
    width: 16% !important
}

.w17 {
    width: 17% !important
}

.w18 {
    width: 18% !important
}

.w19 {
    width: 19% !important
}

.w20 {
    width: 20% !important
}

.w21 {
    width: 21% !important
}

.w22 {
    width: 22% !important
}

.w23 {
    width: 23% !important
}

.w24 {
    width: 24% !important
}

.w25 {
    width: 25% !important
}

.w26 {
    width: 26% !important
}

.w27 {
    width: 27% !important
}

.w28 {
    width: 28% !important
}

.w29 {
    width: 29% !important
}

.w30 {
    width: 30% !important
}

.w31 {
    width: 31% !important
}

.w32 {
    width: 32% !important
}

.w33 {
    width: 33% !important
}

.w34 {
    width: 34% !important
}

.w35 {
    width: 35% !important
}

.w36 {
    width: 36% !important
}

.w37 {
    width: 37% !important
}

.w38 {
    width: 38% !important
}

.w39 {
    width: 39% !important
}

.w40 {
    width: 40% !important
}

.w41 {
    width: 41% !important
}

.w42 {
    width: 42% !important
}

.w43 {
    width: 43% !important
}

.w44 {
    width: 44% !important
}

.w45 {
    width: 45% !important
}

.w46 {
    width: 46% !important
}

.w47 {
    width: 47% !important
}

.w48 {
    width: 48% !important
}

.w49 {
    width: 49% !important
}

.w50 {
    width: 50% !important
}

.w51 {
    width: 51% !important
}

.w52 {
    width: 52% !important
}

.w53 {
    width: 53% !important
}

.w54 {
    width: 54% !important
}

.w55 {
    width: 55% !important
}

.w56 {
    width: 56% !important
}

.w57 {
    width: 57% !important
}

.w58 {
    width: 58% !important
}

.w59 {
    width: 59% !important
}

.w60 {
    width: 60% !important
}

.w61 {
    width: 61% !important
}

.w62 {
    width: 62% !important
}

.w63 {
    width: 63% !important
}

.w64 {
    width: 64% !important
}

.w65 {
    width: 65% !important
}

.w66 {
    width: 66% !important
}

.w67 {
    width: 67% !important
}

.w68 {
    width: 68% !important
}

.w69 {
    width: 69% !important
}

.w70 {
    width: 70% !important
}

.w71 {
    width: 71% !important
}

.w72 {
    width: 72% !important
}

.w73 {
    width: 73% !important
}

.w74 {
    width: 74% !important
}

.w75 {
    width: 75% !important
}

.w76 {
    width: 76% !important
}

.w77 {
    width: 77% !important
}

.w78 {
    width: 78% !important
}

.w79 {
    width: 79% !important
}

.w80 {
    width: 80% !important
}

.w81 {
    width: 81% !important
}

.w82 {
    width: 82% !important
}

.w83 {
    width: 83% !important
}

.w84 {
    width: 84% !important
}

.w85 {
    width: 85% !important
}

.w86 {
    width: 86% !important
}

.w87 {
    width: 87% !important
}

.w88 {
    width: 88% !important
}

.w89 {
    width: 89% !important
}

.w90 {
    width: 90% !important
}

.w91 {
    width: 91% !important
}

.w92 {
    width: 92% !important
}

.w93 {
    width: 93% !important
}

.w94 {
    width: 94% !important
}

.w95 {
    width: 95% !important
}

.w96 {
    width: 96% !important
}

.w97 {
    width: 97% !important
}

.w98 {
    width: 98% !important
}

.w99 {
    width: 99% !important
}

.w100 {
    width: 100% !important
}

/* width px */
.wp1 {
    width: 1px !important
}

.wp2 {
    width: 2px !important
}

.wp3 {
    width: 3px !important
}

.wp4 {
    width: 4px !important
}

.wp5 {
    width: 5px !important
}

.wp6 {
    width: 6px !important
}

.wp7 {
    width: 7px !important
}

.wp8 {
    width: 8px !important
}

.wp9 {
    width: 9px !important
}

.wp10 {
    width: 10px !important
}

.wp11 {
    width: 11px !important
}

.wp12 {
    width: 12px !important
}

.wp13 {
    width: 13px !important
}

.wp14 {
    width: 14px !important
}

.wp15 {
    width: 15px !important
}

.wp16 {
    width: 16px !important
}

.wp17 {
    width: 17px !important
}

.wp18 {
    width: 18px !important
}

.wp19 {
    width: 19px !important
}

.wp20 {
    width: 20px !important
}

.wp21 {
    width: 21px !important
}

.wp22 {
    width: 22px !important
}

.wp23 {
    width: 23px !important
}

.wp24 {
    width: 24px !important
}

.wp25 {
    width: 25px !important
}

.wp26 {
    width: 26px !important
}

.wp27 {
    width: 27px !important
}

.wp28 {
    width: 28px !important
}

.wp29 {
    width: 29px !important
}

.wp30 {
    width: 30px !important
}

.wp31 {
    width: 31px !important
}

.wp32 {
    width: 32px !important
}

.wp33 {
    width: 33px !important
}

.wp34 {
    width: 34px !important
}

.wp35 {
    width: 35px !important
}

.wp36 {
    width: 36px !important
}

.wp37 {
    width: 37px !important
}

.wp38 {
    width: 38px !important
}

.wp39 {
    width: 39px !important
}

.wp40 {
    width: 40px !important
}

.wp41 {
    width: 41px !important
}

.wp42 {
    width: 42px !important
}

.wp43 {
    width: 43px !important
}

.wp44 {
    width: 44px !important
}

.wp45 {
    width: 45px !important
}

.wp46 {
    width: 46px !important
}

.wp47 {
    width: 47px !important
}

.wp48 {
    width: 48px !important
}

.wp49 {
    width: 49px !important
}

.wp50 {
    width: 50px !important
}

.wp51 {
    width: 51px !important
}

.wp52 {
    width: 52px !important
}

.wp53 {
    width: 53px !important
}

.wp54 {
    width: 54px !important
}

.wp55 {
    width: 55px !important
}

.wp56 {
    width: 56px !important
}

.wp57 {
    width: 57px !important
}

.wp58 {
    width: 58px !important
}

.wp59 {
    width: 59px !important
}

.wp60 {
    width: 60px !important
}

.wp61 {
    width: 61px !important
}

.wp62 {
    width: 62px !important
}

.wp63 {
    width: 63px !important
}

.wp64 {
    width: 64px !important
}

.wp65 {
    width: 65px !important
}

.wp66 {
    width: 66px !important
}

.wp67 {
    width: 67px !important
}

.wp68 {
    width: 68px !important
}

.wp69 {
    width: 69px !important
}

.wp70 {
    width: 70px !important
}

.wp71 {
    width: 71px !important
}

.wp72 {
    width: 72px !important
}

.wp73 {
    width: 73px !important
}

.wp74 {
    width: 74px !important
}

.wp75 {
    width: 75px !important
}

.wp76 {
    width: 76px !important
}

.wp77 {
    width: 77px !important
}

.wp78 {
    width: 78px !important
}

.wp79 {
    width: 79px !important
}

.wp80 {
    width: 80px !important
}

.wp81 {
    width: 81px !important
}

.wp82 {
    width: 82px !important
}

.wp83 {
    width: 83px !important
}

.wp84 {
    width: 84px !important
}

.wp85 {
    width: 85px !important
}

.wp86 {
    width: 86px !important
}

.wp87 {
    width: 87px !important
}

.wp88 {
    width: 88px !important
}

.wp89 {
    width: 89px !important
}

.wp90 {
    width: 90px !important
}

.wp91 {
    width: 91px !important
}

.wp92 {
    width: 92px !important
}

.wp93 {
    width: 93px !important
}

.wp94 {
    width: 94px !important
}

.wp95 {
    width: 95px !important
}

.wp96 {
    width: 96px !important
}

.wp97 {
    width: 97px !important
}

.wp98 {
    width: 98px !important
}

.wp99 {
    width: 99px !important
}

.wp100 {
    width: 100px !important
}

.wp150 {
    width: 150px !important
}

.wp200 {
    width: 200px !important
}

.wp250 {
    width: 250px !important
}

.wp300 {
    width: 300px !important
}

.wp350 {
    width: 350px !important
}

.wp400 {
    width: 400px !important
}

.wp450 {
    width: 450px !important
}

.wp500 {
    width: 500px !important
}

/* min-width  */
.minw1 {
    min-width: 1px !important
}

.minw2 {
    min-width: 2px !important
}

.minw3 {
    min-width: 3px !important
}

.minw4 {
    min-width: 4px !important
}

.minw5 {
    min-width: 5px !important
}

.minw6 {
    min-width: 6px !important
}

.minw7 {
    min-width: 7px !important
}

.minw8 {
    min-width: 8px !important
}

.minw9 {
    min-width: 9px !important
}

.minw10 {
    min-width: 10px !important
}

.minw11 {
    min-width: 11px !important
}

.minw12 {
    min-width: 12px !important
}

.minw13 {
    min-width: 13px !important
}

.minw14 {
    min-width: 14px !important
}

.minw15 {
    min-width: 15px !important
}

.minw16 {
    min-width: 16px !important
}

.minw17 {
    min-width: 17px !important
}

.minw18 {
    min-width: 18px !important
}

.minw19 {
    min-width: 19px !important
}

.minw20 {
    min-width: 20px !important
}

.minw21 {
    min-width: 21px !important
}

.minw22 {
    min-width: 22px !important
}

.minw23 {
    min-width: 23px !important
}

.minw24 {
    min-width: 24px !important
}

.minw25 {
    min-width: 25px !important
}

.minw26 {
    min-width: 26px !important
}

.minw27 {
    min-width: 27px !important
}

.minw28 {
    min-width: 28px !important
}

.minw29 {
    min-width: 29px !important
}

.minw30 {
    min-width: 30px !important
}

.minw31 {
    min-width: 31px !important
}

.minw32 {
    min-width: 32px !important
}

.minw33 {
    min-width: 33px !important
}

.minw34 {
    min-width: 34px !important
}

.minw35 {
    min-width: 35px !important
}

.minw36 {
    min-width: 36px !important
}

.minw37 {
    min-width: 37px !important
}

.minw38 {
    min-width: 38px !important
}

.minw39 {
    min-width: 39px !important
}

.minw40 {
    min-width: 40px !important
}

.minw41 {
    min-width: 41px !important
}

.minw42 {
    min-width: 42px !important
}

.minw43 {
    min-width: 43px !important
}

.minw44 {
    min-width: 44px !important
}

.minw45 {
    min-width: 45px !important
}

.minw46 {
    min-width: 46px !important
}

.minw47 {
    min-width: 47px !important
}

.minw48 {
    min-width: 48px !important
}

.minw49 {
    min-width: 49px !important
}

.minw50 {
    min-width: 50px !important
}

.minw51 {
    min-width: 51px !important
}

.minw52 {
    min-width: 52px !important
}

.minw53 {
    min-width: 53px !important
}

.minw54 {
    min-width: 54px !important
}

.minw55 {
    min-width: 55px !important
}

.minw56 {
    min-width: 56px !important
}

.minw57 {
    min-width: 57px !important
}

.minw58 {
    min-width: 58px !important
}

.minw59 {
    min-width: 59px !important
}

.minw60 {
    min-width: 60px !important
}

.minw61 {
    min-width: 61px !important
}

.minw62 {
    min-width: 62px !important
}

.minw63 {
    min-width: 63px !important
}

.minw64 {
    min-width: 64px !important
}

.minw65 {
    min-width: 65px !important
}

.minw66 {
    min-width: 66px !important
}

.minw67 {
    min-width: 67px !important
}

.minw68 {
    min-width: 68px !important
}

.minw69 {
    min-width: 69px !important
}

.minw70 {
    min-width: 70px !important
}

.minw71 {
    min-width: 71px !important
}

.minw72 {
    min-width: 72px !important
}

.minw73 {
    min-width: 73px !important
}

.minw74 {
    min-width: 74px !important
}

.minw75 {
    min-width: 75px !important
}

.minw76 {
    min-width: 76px !important
}

.minw77 {
    min-width: 77px !important
}

.minw78 {
    min-width: 78px !important
}

.minw79 {
    min-width: 79px !important
}

.minw80 {
    min-width: 80px !important
}

.minw81 {
    min-width: 81px !important
}

.minw82 {
    min-width: 82px !important
}

.minw83 {
    min-width: 83px !important
}

.minw84 {
    min-width: 84px !important
}

.minw85 {
    min-width: 85px !important
}

.minw86 {
    min-width: 86px !important
}

.minw87 {
    min-width: 87px !important
}

.minw88 {
    min-width: 88px !important
}

.minw89 {
    min-width: 89px !important
}

.minw90 {
    min-width: 90px !important
}

.minw91 {
    min-width: 91px !important
}

.minw92 {
    min-width: 92px !important
}

.minw93 {
    min-width: 93px !important
}

.minw94 {
    min-width: 94px !important
}

.minw95 {
    min-width: 95px !important
}

.minw96 {
    min-width: 96px !important
}

.minw97 {
    min-width: 97px !important
}

.minw98 {
    min-width: 98px !important
}

.minw99 {
    min-width: 99px !important
}

.minw100 {
    min-width: 100px !important
}

.minw200 {
    min-width: 200px !important
}

.minw250 {
    min-width: 250px !important
}

/* max-width  */
.maxw1 {
    max-width: 1px !important
}

.maxw2 {
    max-width: 2px !important
}

.maxw3 {
    max-width: 3px !important
}

.maxw4 {
    max-width: 4px !important
}

.maxw5 {
    max-width: 5px !important
}

.maxw6 {
    max-width: 6px !important
}

.maxw7 {
    max-width: 7px !important
}

.maxw8 {
    max-width: 8px !important
}

.maxw9 {
    max-width: 9px !important
}

.maxw10 {
    max-width: 10px !important
}

.maxw11 {
    max-width: 11px !important
}

.maxw12 {
    max-width: 12px !important
}

.maxw13 {
    max-width: 13px !important
}

.maxw14 {
    max-width: 14px !important
}

.maxw15 {
    max-width: 15px !important
}

.maxw16 {
    max-width: 16px !important
}

.maxw17 {
    max-width: 17px !important
}

.maxw18 {
    max-width: 18px !important
}

.maxw19 {
    max-width: 19px !important
}

.maxw20 {
    max-width: 20px !important
}

.maxw21 {
    max-width: 21px !important
}

.maxw22 {
    max-width: 22px !important
}

.maxw23 {
    max-width: 23px !important
}

.maxw24 {
    max-width: 24px !important
}

.maxw25 {
    max-width: 25px !important
}

.maxw26 {
    max-width: 26px !important
}

.maxw27 {
    max-width: 27px !important
}

.maxw28 {
    max-width: 28px !important
}

.maxw29 {
    max-width: 29px !important
}

.maxw30 {
    max-width: 30px !important
}

.maxw31 {
    max-width: 31px !important
}

.maxw32 {
    max-width: 32px !important
}

.maxw33 {
    max-width: 33px !important
}

.maxw34 {
    max-width: 34px !important
}

.maxw35 {
    max-width: 35px !important
}

.maxw36 {
    max-width: 36px !important
}

.maxw37 {
    max-width: 37px !important
}

.maxw38 {
    max-width: 38px !important
}

.maxw39 {
    max-width: 39px !important
}

.maxw40 {
    max-width: 40px !important
}

.maxw41 {
    max-width: 41px !important
}

.maxw42 {
    max-width: 42px !important
}

.maxw43 {
    max-width: 43px !important
}

.maxw44 {
    max-width: 44px !important
}

.maxw45 {
    max-width: 45px !important
}

.maxw46 {
    max-width: 46px !important
}

.maxw47 {
    max-width: 47px !important
}

.maxw48 {
    max-width: 48px !important
}

.maxw49 {
    max-width: 49px !important
}

.maxw50 {
    max-width: 50px !important
}

.maxw51 {
    max-width: 51px !important
}

.maxw52 {
    max-width: 52px !important
}

.maxw53 {
    max-width: 53px !important
}

.maxw54 {
    max-width: 54px !important
}

.maxw55 {
    max-width: 55px !important
}

.maxw56 {
    max-width: 56px !important
}

.maxw57 {
    max-width: 57px !important
}

.maxw58 {
    max-width: 58px !important
}

.maxw59 {
    max-width: 59px !important
}

.maxw60 {
    max-width: 60px !important
}

.maxw61 {
    max-width: 61px !important
}

.maxw62 {
    max-width: 62px !important
}

.maxw63 {
    max-width: 63px !important
}

.maxw64 {
    max-width: 64px !important
}

.maxw65 {
    max-width: 65px !important
}

.maxw66 {
    max-width: 66px !important
}

.maxw67 {
    max-width: 67px !important
}

.maxw68 {
    max-width: 68px !important
}

.maxw69 {
    max-width: 69px !important
}

.maxw70 {
    max-width: 70px !important
}

.maxw71 {
    max-width: 71px !important
}

.maxw72 {
    max-width: 72px !important
}

.maxw73 {
    max-width: 73px !important
}

.maxw74 {
    max-width: 74px !important
}

.maxw75 {
    max-width: 75px !important
}

.maxw76 {
    max-width: 76px !important
}

.maxw77 {
    max-width: 77px !important
}

.maxw78 {
    max-width: 78px !important
}

.maxw79 {
    max-width: 79px !important
}

.maxw80 {
    max-width: 80px !important
}

.maxw81 {
    max-width: 81px !important
}

.maxw82 {
    max-width: 82px !important
}

.maxw83 {
    max-width: 83px !important
}

.maxw84 {
    max-width: 84px !important
}

.maxw85 {
    max-width: 85px !important
}

.maxw86 {
    max-width: 86px !important
}

.maxw87 {
    max-width: 87px !important
}

.maxw88 {
    max-width: 88px !important
}

.maxw89 {
    max-width: 89px !important
}

.maxw90 {
    max-width: 90px !important
}

.maxw91 {
    max-width: 91px !important
}

.maxw92 {
    max-width: 92px !important
}

.maxw93 {
    max-width: 93px !important
}

.maxw94 {
    max-width: 94px !important
}

.maxw95 {
    max-width: 95px !important
}

.maxw96 {
    max-width: 96px !important
}

.maxw97 {
    max-width: 97px !important
}

.maxw98 {
    max-width: 98px !important
}

.maxw99 {
    max-width: 99px !important
}

.maxw100 {
    max-width: 100px !important
}

/* margin */
.mt0 {
    margin-top: 0 !important
}

.mt5 {
    margin-top: 5px !important
}

.mt10 {
    margin-top: 10px !important
}

.mt15 {
    margin-top: 15px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt25 {
    margin-top: 25px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt35 {
    margin-top: 35px !important
}

.mt40 {
    margin-top: 40px !important
}

.mt45 {
    margin-top: 45px !important
}

.mt50 {
    margin-top: 50px !important
}

.mt55 {
    margin-top: 55px !important
}

.mt60 {
    margin-top: 65px !important
}

.mt70 {
    margin-top: 70px !important
}

.mt75 {
    margin-top: 75px !important
}

.mt80 {
    margin-top: 80px !important
}

.mt85 {
    margin-top: 85px !important
}

.mt90 {
    margin-top: 90px !important
}

.mt95 {
    margin-top: 95px !important
}

.mt100 {
    margin-top: 100px !important
}

.mb0 {
    margin-bottom: 0 !important
}

.mb5 {
    margin-bottom: 5px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb25 {
    margin-bottom: 25px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.mb35 {
    margin-bottom: 35px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.mb45 {
    margin-bottom: 45px !important
}

.mb50 {
    margin-bottom: 50px !important
}

.mb55 {
    margin-bottom: 55px !important
}

.mb60 {
    margin-bottom: 60px !important
}

.mb65 {
    margin-bottom: 65px !important
}

.mb70 {
    margin-bottom: 70px !important
}

.mb75 {
    margin-bottom: 75px !important
}

.mb80 {
    margin-bottom: 80px !important
}

.mb85 {
    margin-bottom: 85px !important
}

.mb90 {
    margin-bottom: 90px !important
}

.mb95 {
    margin-bottom: 95px !important
}

.mb100 {
    margin-bottom: 100px !important
}

.ml0 {
    margin-left: 0 !important
}

.ml5 {
    margin-left: 5px !important
}

.ml10 {
    margin-left: 10px !important
}

.ml15 {
    margin-left: 15px !important
}

.ml20 {
    margin-left: 20px !important
}

.ml25 {
    margin-left: 25px !important
}

.ml30 {
    margin-left: 30px !important
}

.ml35 {
    margin-left: 35px !important
}

.ml40 {
    margin-left: 40px !important
}

.ml45 {
    margin-left: 45px !important
}

.ml50 {
    margin-left: 50px !important
}

.ml55 {
    margin-left: 55px !important
}

.ml60 {
    margin-left: 60px !important
}

.ml65 {
    margin-left: 65px !important
}

.ml70 {
    margin-left: 70px !important
}

.ml75 {
    margin-left: 75px !important
}

.ml80 {
    margin-left: 80px !important
}

.ml85 {
    margin-left: 85px !important
}

.ml90 {
    margin-left: 90px !important
}

.ml95 {
    margin-left: 95px !important
}

.ml100 {
    margin-left: 100px !important
}

.ml110 {
    margin-left: 110px !important
}

.ml120 {
    margin-left: 120px !important
}

.ml130 {
    margin-left: 130px !important
}

.ml140 {
    margin-left: 140px !important
}

.ml150 {
    margin-left: 150px !important
}

.ml160 {
    margin-left: 160px !important
}

.ml170 {
    margin-left: 170px !important
}

.ml180 {
    margin-left: 180px !important
}

.ml190 {
    margin-left: 190px !important
}

.mr0 {
    margin-right: 0 !important
}

.mr5 {
    margin-right: 5px !important
}

.mr10 {
    margin-right: 10px !important
}

.mr15 {
    margin-right: 15px !important
}

.mr20 {
    margin-right: 20px !important
}

.mr25 {
    margin-right: 25px !important
}

.mr30 {
    margin-right: 30px !important
}

.mr35 {
    margin-right: 35px !important
}

.mr40 {
    margin-right: 40px !important
}

.mr45 {
    margin-right: 45px !important
}

.mr50 {
    margin-right: 50px !important
}

.mr55 {
    margin-right: 55px !important
}

.mr60 {
    margin-right: 60px !important
}

.mr65 {
    margin-right: 65px !important
}

.mr70 {
    margin-right: 70px !important
}

.mr75 {
    margin-right: 75px !important
}

.mr80 {
    margin-right: 80px !important
}

.mr85 {
    margin-right: 85px !important
}

.mr90 {
    margin-right: 90px !important
}

.mr95 {
    margin-right: 95px !important
}

.mr100 {
    margin-right: 100px !important
}

.ml110 {
    margin-left: 110px !important
}

.ml120 {
    margin-left: 120px !important
}

.ml130 {
    margin-left: 130px !important
}

.ml140 {
    margin-left: 140px !important
}

.ml150 {
    margin-left: 150px !important
}

.ml160 {
    margin-left: 160px !important
}

.ml170 {
    margin-left: 170px !important
}

.ml180 {
    margin-left: 180px !important
}

.ml190 {
    margin-left: 190px !important
}

/* padding */
.pt0 {
    padding-top: 0 !important
}

.pt5 {
    padding-top: 5px !important
}

.pt10 {
    padding-top: 10px !important
}

.pt15 {
    padding-top: 15px !important
}

.pt20 {
    padding-top: 20px !important
}

.pt25 {
    padding-top: 25px !important
}

.pt30 {
    padding-top: 30px !important
}

.pt35 {
    padding-top: 35px !important
}

.pt40 {
    padding-top: 40px !important
}

.pt45 {
    padding-top: 45px !important
}

.pt50 {
    padding-top: 50px !important
}

.pt55 {
    padding-top: 55px !important
}

.pt60 {
    padding-top: 65px !important
}

.pt70 {
    padding-top: 70px !important
}

.pt75 {
    padding-top: 75px !important
}

.pt80 {
    padding-top: 80px !important
}

.pt85 {
    padding-top: 85px !important
}

.pt90 {
    padding-top: 90px !important
}

.pt95 {
    padding-top: 95px !important
}

.pt100 {
    padding-top: 100px !important
}

.pb0 {
    padding-bottom: 0 !important
}

.pb5 {
    padding-bottom: 5px !important
}

.pb10 {
    padding-bottom: 10px !important
}

.pb15 {
    padding-bottom: 15px !important
}

.pb20 {
    padding-bottom: 20px !important
}

.pb25 {
    padding-bottom: 25px !important
}

.pb30 {
    padding-bottom: 30px !important
}

.pb35 {
    padding-bottom: 35px !important
}

.pb40 {
    padding-bottom: 40px !important
}

.pb45 {
    padding-bottom: 45px !important
}

.pb50 {
    padding-bottom: 50px !important
}

.pb55 {
    padding-bottom: 55px !important
}

.pb60 {
    padding-bottom: 60px !important
}

.pb65 {
    padding-bottom: 65px !important
}

.pb70 {
    padding-bottom: 70px !important
}

.pb75 {
    padding-bottom: 75px !important
}

.pb80 {
    padding-bottom: 80px !important
}

.pb85 {
    padding-bottom: 85px !important
}

.pb90 {
    padding-bottom: 90px !important
}

.pb95 {
    padding-bottom: 95px !important
}

.pb100 {
    padding-bottom: 100px !important
}

.pl0 {
    padding-left: 0 !important
}

.pl5 {
    padding-left: 5px !important
}

.pl10 {
    padding-left: 10px !important
}

.pl15 {
    padding-left: 15px !important
}

.pl20 {
    padding-left: 20px !important
}

.pl25 {
    padding-left: 25px !important
}

.pl30 {
    padding-left: 30px !important
}

.pl35 {
    padding-left: 35px !important
}

.pl40 {
    padding-left: 40px !important
}

.pl45 {
    padding-left: 45px !important
}

.pl50 {
    padding-left: 50px !important
}

.pl55 {
    padding-left: 55px !important
}

.pl60 {
    padding-left: 60px !important
}

.pl65 {
    padding-left: 65px !important
}

.pl70 {
    padding-left: 70px !important
}

.pl75 {
    padding-left: 75px !important
}

.pl80 {
    padding-left: 80px !important
}

.pl85 {
    padding-left: 85px !important
}

.pl90 {
    padding-left: 90px !important
}

.pl95 {
    padding-left: 95px !important
}

.pl100 {
    padding-left: 100px !important
}

.pr0 {
    padding-right: 0 !important
}

.pr5 {
    padding-right: 5px !important
}

.pr10 {
    padding-right: 10px !important
}

.pr15 {
    padding-right: 15px !important
}

.pr20 {
    padding-right: 20px !important
}

.pr25 {
    padding-right: 25px !important
}

.pr30 {
    padding-right: 30px !important
}

.pr35 {
    padding-right: 35px !important
}

.pr40 {
    padding-right: 40px !important
}

.pr45 {
    padding-right: 45px !important
}

.pr50 {
    padding-right: 50px !important
}

.pr55 {
    padding-right: 55px !important
}

.pr60 {
    padding-right: 60px !important
}

.pr65 {
    padding-right: 65px !important
}

.pr70 {
    padding-right: 70px !important
}

.pr75 {
    padding-right: 75px !important
}

.pr80 {
    padding-right: 80px !important
}

.pr85 {
    padding-right: 85px !important
}

.pr90 {
    padding-right: 90px !important
}

.pr95 {
    padding-right: 95px !important
}

.pr100 {
    padding-right: 100px !important
}

.inblock {
    display: inline-block;
}

.inline {
    display: inline;
}

.block {
    display: block;
}

.hide {
    display: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.fl:after,
.fr:after {
    content: "";
    display: block;
    clear: both;
}

.fn {
    float: none !important;
}

.clear {
    clear: both;
    *zoom: 1;
}

.clear:after {
    content: "";
    display: block;
    clear: both;
}

.vt {
    vertical-align: top !important
}

.vm {
    vertical-align: middle !important
}

.vb {
    vertical-align: bottom !important
}

.tl {
    text-align: left !important;
}

.tc {
    text-align: center !important;
}

.tr {
    text-align: right !important;
}

.ell {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.boxsizing {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.fix {
    position: fixed
}

.fixtable {
    table-layout: fixed;
    word-wrap: break-word;
}

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

.table {
    display: table;
    width: 100%;
    height: 100%;
}

.tcell {
    display: table-cell;
    vertical-align: middle;
}

.c_pointer {
    cursor: pointer;
}

.bg_lightsalmon {
    background-color: #ffa07a;
}

.bg_salmon {
    background-color: #fa8072;
}

.bg_darksalmon {
    background-color: #e9967a;
}

.bg_lightcoral {
    background-color: #f08080;
}

.bg_indianred {
    background-color: #cd5c5c;
}

.bg_crimson {
    background-color: #dc143c;
}

.bg_firebrick {
    background-color: #b22222;
}

.bg_red {
    background-color: #d6232c;
}

.bg_darkred {
    background-color: #8B0000;
}

.bg_coral {
    background-color: #ff7f50;
}

.bg_tomato {
    background-color: #ff6347;
}

.bg_orangered {
    background-color: #ff4500;
}

.bg_gold {
    background-color: #ffd700;
}

.bg_orange {
    background-color: #ffa500;
}

.bg_darkorange {
    background-color: #ff8c00;
}

.bg_lightyellow {
    background-color: #ffffe0;
}

.bg_lemonchiffon {
    background-color: #fffacd;
}

.bg_lightgoldenrodyellow {
    background-color: #fafad2;
}

.bg_papayawhip {
    background-color: #ffefd5;
}

.bg_moccasin {
    background-color: #ffe4b5;
}

.bg_peachpuff {
    background-color: #ffdab9;
}

.bg_palegoldenrod {
    background-color: #eee8aa;
}

.bg_khaki {
    background-color: #f0e68c;
}

.bg_darkkhaki {
    background-color: #bdb76b;
}

.bg_yellow {
    background-color: #ffd700;
}

.bg_lawngreen {
    background-color: #7cfc00;
}

.bg_chartreuse {
    background-color: #7fff00;
}

.bg_limegreen {
    background-color: #32cd32;
}

.bg_lime {
    background-color: #00ff00;
}

.bg_forestgreen {
    background-color: #228b22;
}

.bg_green {
    background-color: #008000;
}

.bg_darkgreen {
    background-color: #006400;
}

.bg_greenyellow {
    background-color: #adff2f;
}

.bg_yellowgreen {
    background-color: #9acd32;
}

.bg_springgreen {
    background-color: #00ff7f;
}

.bg_mediumspringgreen {
    background-color: #00fa9a;
}

.bg_lightgreen {
    background-color: #90ee90;
}

.bg_palegreen {
    background-color: #98fb98;
}

.bg_darkseagreen {
    background-color: #8fbc8f;
}

.bg_mediumseagreen {
    background-color: #3CB371;
}

.bg_seagreen {
    background-color: #2e8b57;
}

.bg_olive {
    background-color: #808000;
}

.bg_darkolivegreen {
    background-color: #556B2F;
}

.bg_olivedrab {
    background-color: #6b8e23;
}

.bg_lightcyan {
    background-color: #e0ffff;
}

.bg_cyan {
    background-color: #00ffff;
}

.bg_aqua {
    background-color: #00ffff;
}

.bg_aquamarine {
    background-color: #7fffd4;
}

.bg_mediumaquamarine {
    background-color: #66cdaa;
}

.bg_paleturquoise {
    background-color: #afeeee;
}

.bg_turquoise {
    background-color: #40e0d0;
}

.bg_mediumturquoise {
    background-color: #48d1cc;
}

.bg_darkturquoise {
    background-color: #00ced1;
}

.bg_lightseagreen {
    background-color: #20b2aa;
}

.bg_cadetblue {
    background-color: #5f9ea0;
}

.bg_darkcyan {
    background-color: #008b8b;
}

.bg_teal {
    background-color: #008080;
}

.bg_powderblue {
    background-color: #b0e0e6;
}

.bg_lightblue {
    background-color: #add8e6;
}

.bg_lightskyblue {
    background-color: #87cefa;
}

.bg_skyblue {
    background-color: #87ceeb;
}

.bg_sky {
    background-color: #00bfff;
}

.bg_lightsteelblue {
    background-color: #b0c4de;
}

.bg_dodgerblue {
    background-color: #1e90ff;
}

.bg_cornflowerblue {
    background-color: #6495ed;
}

.bg_steelblue {
    background-color: #4682b4;
}

.bg_royalblue {
    background-color: #4169e1;
}

.bg_blue {
    background-color: #0000ff;
}

.bg_mediumblue {
    background-color: #0000cd;
}

.bg_darkblue {
    background-color: #00008b;
}

.bg_navy {
    background-color: #000080;
}

.bg_midnightblue {
    background-color: #191970;
}

.bg_mediumslateblue {
    background-color: #7b68ee;
}

.bg_slateblue {
    background-color: #6a5acd;
}

.bg_darkslateblue {
    background-color: #483d8b;
}

.bg_lavender {
    background-color: #E6E6FA;
}

.bg_thistle {
    background-color: #D8BFD8;
}

.bg_plum {
    background-color: #DDA0DD;
}

.bg_violet {
    background-color: #EE82EE;
}

.bg_orchid {
    background-color: #DA70D6;
}

.bg_fuchsia {
    background-color: #FF00FF;
}

.bg_magenta {
    background-color: #FF00FF;
}

.bg_mediumorchid {
    background-color: #BA55D3;
}

.bg_mediumpurple {
    background-color: #9370DB;
}

.bg_blueviolet {
    background-color: #8A2BE2;
}

.bg_darkviolet {
    background-color: #9400D3;
}

.bg_darkorchid {
    background-color: #9932CC;
}

.bg_darkmagenta {
    background-color: #8B008B;
}

.bg_purple {
    background-color: #800080;
}

.bg_indigo {
    background-color: #4B0082;
}

.bg_pink {
    background-color: #ffc0cb;
}

.bg_lightpink {
    background-color: #ffb6c1;
}

.bg_hotpink {
    background-color: #ff69b4;
}

.bg_deeppink {
    background-color: #ff1493;
}

.bg_palevioletred {
    background-color: #db7093;
}

.bg_mediumvioletred {
    background-color: #c71585;
}

.bg_gainsboro {
    background-color: #dcdcdc;
}

.bg_lightgray {
    background-color: #d3d3d3;
}

.bg_silver {
    background-color: #c0c0c0;
}

.bg_darkgray {
    background-color: #a9a9a9;
}

.bg_gray {
    background-color: #808080;
}

.bg_dimgray {
    background-color: #696969;
}

.bg_lightslategray {
    background-color: #778899;
}

.bg_slategray {
    background-color: #708090;
}

.bg_darkslategray {
    background-color: #2f4f4f;
}

.bg_black {
    background-color: #000000;
}

.bg_cornsilk {
    background-color: #fff8dc;
}

.bg_blanchedalmond {
    background-color: #ffebcd;
}

.bg_bisque {
    background-color: #ffe4c4;
}

.bg_navajowhite {
    background-color: #ffdead;
}

.bg_wheat {
    background-color: #f5deb3;
}

.bg_burlywood {
    background-color: #deb887;
}

.bg_tan {
    background-color: #d2b48c;
}

.bg_rosybrown {
    background-color: #bc8f8f;
}

.bg_sandybrown {
    background-color: #f4a460;
}

.bg_goldenrod {
    background-color: #daa520;
}

.bg_peru {
    background-color: #cd853f;
}

.bg_chocolate {
    background-color: #d2691e;
}

.bg_saddlebrown {
    background-color: #8b4513;
}

.bg_sienna {
    background-color: #a0522d;
}

.bg_brown {
    background-color: #a52a2a;
}

.bg_maroon {
    background-color: #800000;
}

.bg_white {
    background-color: #ffffff;
}

.bg_snow {
    background-color: #fffafa;
}

.bg_honeydew {
    background-color: #f0fff0;
}

.bg_mintcream {
    background-color: #f5fffa;
}

.bg_azure {
    background-color: #f0ffff;
}

.bg_aliceblue {
    background-color: #f0f8ff;
}

.bg_ghostwhite {
    background-color: #f8f8ff;
}

.bg_whitesmoke {
    background-color: #f5f5f5;
}

.bg_seashell {
    background-color: #fff5ee;
}

.bg_beige {
    background-color: #f5f5dc;
}

.bg_oldlace {
    background-color: #fdf5e6;
}

.bg_floralwhite {
    background-color: #fffaf0;
}

.bg_ivory {
    background-color: #fffff0;
}

.bg_antiquewhite {
    background-color: #faebd7;
}

.bg_linen {
    background-color: #faf0e6;
}

.bg_lavenderblush {
    background-color: #FfF0F5;
}

.bg_mistyrose {
    background-color: #ffe4e1;
}

.lightsalmon {
    background-color: #ffa07a;
}

.salmon {
    background-color: #fa8072;
}

.darksalmon {
    background-color: #e9967a;
}

.lightcoral {
    background-color: #f08080;
}

.indianred {
    background-color: #cd5c5c;
}

.crimson {
    background-color: #dc143c;
}

.firebrick {
    background-color: #b22222;
}

.red {
    background-color: #d6232c;
}

.darkred {
    background-color: #8B0000;
}

.coral {
    background-color: #ff7f50;
}

.tomato {
    background-color: #ff6347;
}

.orangered {
    background-color: #ff4500;
}

.gold {
    background-color: #ffd700;
}

.orange {
    background-color: #ffa500;
}

.darkorange {
    background-color: #ff8c00;
}

.lightyellow {
    background-color: #ffffe0;
}

.lemonchiffon {
    background-color: #fffacd;
}

.lightgoldenrodyellow {
    background-color: #fafad2;
}

.papayawhip {
    background-color: #ffefd5;
}

.moccasin {
    background-color: #ffe4b5;
}

.peachpuff {
    background-color: #ffdab9;
}

.palegoldenrod {
    background-color: #eee8aa;
}

.khaki {
    background-color: #f0e68c;
}

.darkkhaki {
    background-color: #bdb76b;
}

.yellow {
    background-color: #ffd700;
}

.lawngreen {
    background-color: #7cfc00;
}

.chartreuse {
    background-color: #7fff00;
}

.limegreen {
    background-color: #32cd32;
}

.lime {
    background-color: #00ff00;
}

.forestgreen {
    background-color: #228b22;
}

.green {
    background-color: #008000;
}

.darkgreen {
    background-color: #006400;
}

.greenyellow {
    background-color: #adff2f;
}

.yellowgreen {
    background-color: #9acd32;
}

.springgreen {
    background-color: #00ff7f;
}

.mediumspringgreen {
    background-color: #00fa9a;
}

.lightgreen {
    background-color: #90ee90;
}

.palegreen {
    background-color: #98fb98;
}

.darkseagreen {
    background-color: #8fbc8f;
}

.mediumseagreen {
    background-color: #3CB371;
}

.seagreen {
    background-color: #2e8b57;
}

.olive {
    background-color: #808000;
}

.darkolivegreen {
    background-color: #556B2F;
}

.olivedrab {
    background-color: #6b8e23;
}

.lightcyan {
    background-color: #e0ffff;
}

.cyan {
    background-color: #00ffff;
}

.aqua {
    background-color: #00ffff;
}

.aquamarine {
    background-color: #7fffd4;
}

.mediumaquamarine {
    background-color: #66cdaa;
}

.paleturquoise {
    background-color: #afeeee;
}

.turquoise {
    background-color: #40e0d0;
}

.mediumturquoise {
    background-color: #48d1cc;
}

.darkturquoise {
    background-color: #00ced1;
}

.lightseagreen {
    background-color: #20b2aa;
}

.cadetblue {
    background-color: #5f9ea0;
}

.darkcyan {
    background-color: #008b8b;
}

.teal {
    background-color: #008080;
}

.powderblue {
    background-color: #b0e0e6;
}

.lightblue {
    background-color: #add8e6;
}

.lightskyblue {
    background-color: #87cefa;
}

.skyblue {
    background-color: #87ceeb;
}

.sky {
    background-color: #00bfff;
}

.lightsteelblue {
    background-color: #b0c4de;
}

.dodgerblue {
    background-color: #1e90ff;
}

.cornflowerblue {
    background-color: #6495ed;
}

.steelblue {
    background-color: #4682b4;
}

.royalblue {
    background-color: #4169e1;
}

.blue {
    background-color: #0000ff;
}

.mediumblue {
    background-color: #0000cd;
}

.darkblue {
    background-color: #00008b;
}

.navy {
    background-color: #000080;
}

.midnightblue {
    background-color: #191970;
}

.mediumslateblue {
    background-color: #7b68ee;
}

.slateblue {
    background-color: #6a5acd;
}

.darkslateblue {
    background-color: #483d8b;
}

.lavender {
    background-color: #E6E6FA;
}

.thistle {
    background-color: #D8BFD8;
}

.plum {
    background-color: #DDA0DD;
}

.violet {
    background-color: #EE82EE;
}

.orchid {
    background-color: #DA70D6;
}

.fuchsia {
    background-color: #FF00FF;
}

.magenta {
    background-color: #FF00FF;
}

.mediumorchid {
    background-color: #BA55D3;
}

.mediumpurple {
    background-color: #9370DB;
}

.blueviolet {
    background-color: #8A2BE2;
}

.darkviolet {
    background-color: #9400D3;
}

.darkorchid {
    background-color: #9932CC;
}

.darkmagenta {
    background-color: #8B008B;
}

.purple {
    background-color: #800080;
}

.indigo {
    background-color: #4B0082;
}

.pink {
    background-color: #ffc0cb;
}

.lightpink {
    background-color: #ffb6c1;
}

.hotpink {
    background-color: #ff69b4;
}

.deeppink {
    background-color: #ff1493;
}

.palevioletred {
    background-color: #db7093;
}

.mediumvioletred {
    background-color: #c71585;
}

.gainsboro {
    background-color: #dcdcdc;
}

.lightgray {
    background-color: #d3d3d3;
}

.silver {
    background-color: #c0c0c0;
}

.darkgray {
    background-color: #a9a9a9;
}

.gray {
    background-color: #808080;
}

.dimgray {
    background-color: #696969;
}

.lightslategray {
    background-color: #778899;
}

.slategray {
    background-color: #708090;
}

.darkslategray {
    background-color: #2f4f4f;
}

.black {
    background-color: #000000;
}

.cornsilk {
    background-color: #fff8dc;
}

.blanchedalmond {
    background-color: #ffebcd;
}

.bisque {
    background-color: #ffe4c4;
}

.navajowhite {
    background-color: #ffdead;
}

.wheat {
    background-color: #f5deb3;
}

.burlywood {
    background-color: #deb887;
}

.tan {
    background-color: #d2b48c;
}

.rosybrown {
    background-color: #bc8f8f;
}

.sandybrown {
    background-color: #f4a460;
}

.goldenrod {
    background-color: #daa520;
}

.peru {
    background-color: #cd853f;
}

.chocolate {
    background-color: #d2691e;
}

.saddlebrown {
    background-color: #8b4513;
}

.sienna {
    background-color: #a0522d;
}

.brown {
    background-color: #a52a2a;
}

.maroon {
    background-color: #800000;
}

.white {
    background-color: #ffffff;
}

.snow {
    background-color: #fffafa;
}

.honeydew {
    background-color: #f0fff0;
}

.mintcream {
    background-color: #f5fffa;
}

.azure {
    background-color: #f0ffff;
}

.aliceblue {
    background-color: #f0f8ff;
}

.ghostwhite {
    background-color: #f8f8ff;
}

.whitesmoke {
    background-color: #f5f5f5;
}

.seashell {
    background-color: #fff5ee;
}

.beige {
    background-color: #f5f5dc;
}

.oldlace {
    background-color: #fdf5e6;
}

.floralwhite {
    background-color: #fffaf0;
}

.ivory {
    background-color: #fffff0;
}

.antiquewhite {
    background-color: #faebd7;
}

.linen {
    background-color: #faf0e6;
}

.lavenderblush {
    background-color: #FfF0F5;
}

.mistyrose {
    background-color: #ffe4e1;
}

.bd_lightsalmon {
    border-color: #ffa07a;
    color: #ffa07a;
}

.bd_salmon {
    border-color: #fa8072;
    color: #fa8072;
}

.bd_darksalmon {
    border-color: #e9967a;
    color: #e9967a;
}

.bd_lightcoral {
    border-color: #f08080;
    color: #f08080;
}

.bd_indianred {
    border-color: #cd5c5c;
    color: #cd5c5c;
}

.bd_crimson {
    border-color: #dc143c;
    color: #dc143c;
}

.bd_firebrick {
    border-color: #b22222;
    color: #b22222;
}

.bd_red {
    border-color: #d6232c;
    color: #d6232c;
}

.bd_darkred {
    border-color: #8B0000;
    color: #8B0000;
}

.bd_coral {
    border-color: #ff7f50;
    color: #ff7f50;
}

.bd_tomato {
    border-color: #ff6347;
    color: #ff6347;
}

.bd_orangered {
    border-color: #ff4500;
    color: #ff4500;
}

.bd_gold {
    border-color: #ffd700;
    color: #ffd700;
}

.bd_orange {
    border-color: #ffa500;
    color: #ffa500;
}

.bd_darkorange {
    border-color: #ff8c00;
    color: #ff8c00;
}

.bd_lightyellow {
    border-color: #ffffe0;
    color: #ffffe0;
}

.bd_lemonchiffon {
    border-color: #fffacd;
    color: #fffacd;
}

.bd_lightgoldenrodyellow {
    border-color: #fafad2;
    color: #fafad2;
}

.bd_papayawhip {
    border-color: #ffefd5;
    color: #ffefd5;
}

.bd_moccasin {
    border-color: #ffe4b5;
    color: #ffe4b5;
}

.bd_peachpuff {
    border-color: #ffdab9;
    color: #ffdab9;
}

.bd_palegoldenrod {
    border-color: #eee8aa;
    color: #eee8aa;
}

.bd_khaki {
    border-color: #f0e68c;
    color: #f0e68c;
}

.bd_darkkhaki {
    border-color: #bdb76b;
    color: #bdb76b;
}

.bd_yellow {
    border-color: #ffd700;
    color: #ffd700;
}

.bd_lawngreen {
    border-color: #7cfc00;
    color: #7cfc00;
}

.bd_chartreuse {
    border-color: #7fff00;
    color: #7fff00;
}

.bd_limegreen {
    border-color: #32cd32;
    color: #32cd32;
}

.bd_lime {
    border-color: #00ff00;
    color: #00ff00;
}

.bd_forestgreen {
    border-color: #228b22;
    color: #228b22;
}

.bd_green {
    border-color: #008000;
    color: #008000;
}

.bd_darkgreen {
    border-color: #006400;
    color: #006400;
}

.bd_greenyellow {
    border-color: #adff2f;
    color: #adff2f;
}

.bd_yellowgreen {
    border-color: #9acd32;
    color: #9acd32;
}

.bd_springgreen {
    border-color: #00ff7f;
    color: #00ff7f;
}

.bd_mediumspringgreen {
    border-color: #00fa9a;
    color: #00fa9a;
}

.bd_lightgreen {
    border-color: #90ee90;
    color: #90ee90;
}

.bd_palegreen {
    border-color: #98fb98;
    color: #98fb98;
}

.bd_darkseagreen {
    border-color: #8fbc8f;
    color: #8fbc8f;
}

.bd_mediumseagreen {
    border-color: #3CB371;
    color: #3CB371;
}

.bd_seagreen {
    border-color: #2e8b57;
    color: #2e8b57;
}

.bd_olive {
    border-color: #808000;
    color: #808000;
}

.bd_darkolivegreen {
    border-color: #556B2F;
    color: #556B2F;
}

.bd_olivedrab {
    border-color: #6b8e23;
    color: #6b8e23;
}

.bd_lightcyan {
    border-color: #e0ffff;
    color: #e0ffff;
}

.bd_cyan {
    border-color: #00ffff;
    color: #00ffff;
}

.bd_aqua {
    border-color: #00ffff;
    color: #00ffff;
}

.bd_aquamarine {
    border-color: #7fffd4;
    color: #7fffd4;
}

.bd_mediumaquamarine {
    border-color: #66cdaa;
    color: #66cdaa;
}

.bd_paleturquoise {
    border-color: #afeeee;
    color: #afeeee;
}

.bd_turquoise {
    border-color: #40e0d0;
    color: #40e0d0;
}

.bd_mediumturquoise {
    border-color: #48d1cc;
    color: #48d1cc;
}

.bd_darkturquoise {
    border-color: #00ced1;
    color: #00ced1;
}

.bd_lightseagreen {
    border-color: #20b2aa;
    color: #20b2aa;
}

.bd_cadetblue {
    border-color: #5f9ea0;
    color: #5f9ea0;
}

.bd_darkcyan {
    border-color: #008b8b;
    color: #008b8b;
}

.bd_teal {
    border-color: #008080;
    color: #008080;
}

.bd_powderblue {
    border-color: #b0e0e6;
    color: #b0e0e6;
}

.bd_lightblue {
    border-color: #add8e6;
    color: #add8e6;
}

.bd_lightskyblue {
    border-color: #87cefa;
    color: #87cefa;
}

.bd_skyblue {
    border-color: #87ceeb;
    color: #87ceeb;
}

.bd_sky {
    border-color: #00bfff;
    color: #00bfff;
}

.bd_lightsteelblue {
    border-color: #b0c4de;
    color: #b0c4de;
}

.bd_dodgerblue {
    border-color: #1e90ff;
    color: #1e90ff;
}

.bd_cornflowerblue {
    border-color: #6495ed;
    color: #6495ed;
}

.bd_steelblue {
    border-color: #4682b4;
    color: #4682b4;
}

.bd_royalblue {
    border-color: #4169e1;
    color: #4169e1;
}

.bd_blue {
    border-color: #0000ff;
    color: #0000ff;
}

.bd_mediumblue {
    border-color: #0000cd;
    color: #0000cd;
}

.bd_darkblue {
    border-color: #00008b;
    color: #00008b;
}

.bd_navy {
    border-color: #000080;
    color: #000080;
}

.bd_midnightblue {
    border-color: #191970;
    color: #191970;
}

.bd_mediumslateblue {
    border-color: #7b68ee;
    color: #7b68ee;
}

.bd_slateblue {
    border-color: #6a5acd;
    color: #6a5acd;
}

.bd_darkslateblue {
    border-color: #483d8b;
    color: #483d8b;
}

.bd_lavender {
    border-color: #E6E6FA;
    color: #E6E6FA;
}

.bd_thistle {
    border-color: #D8BFD8;
    color: #D8BFD8;
}

.bd_plum {
    border-color: #DDA0DD;
    color: #DDA0DD;
}

.bd_violet {
    border-color: #EE82EE;
    color: #EE82EE;
}

.bd_orchid {
    border-color: #DA70D6;
    color: #DA70D6;
}

.bd_fuchsia {
    border-color: #FF00FF;
    color: #FF00FF;
}

.bd_magenta {
    border-color: #FF00FF;
    color: #FF00FF;
}

.bd_mediumorchid {
    border-color: #BA55D3;
    color: #BA55D3;
}

.bd_mediumpurple {
    border-color: #9370DB;
    color: #9370DB;
}

.bd_blueviolet {
    border-color: #8A2BE2;
    color: #8A2BE2;
}

.bd_darkviolet {
    border-color: #9400D3;
    color: #9400D3;
}

.bd_darkorchid {
    border-color: #9932CC;
    color: #9932CC;
}

.bd_darkmagenta {
    border-color: #8B008B;
    color: #8B008B;
}

.bd_purple {
    border-color: #800080;
    color: #800080;
}

.bd_indigo {
    border-color: #4B0082;
    color: #4B0082;
}

.bd_pink {
    border-color: #ffc0cb;
    color: #ffc0cb;
}

.bd_lightpink {
    border-color: #ffb6c1;
    color: #ffb6c1;
}

.bd_hotpink {
    border-color: #ff69b4;
    color: #ff69b4;
}

.bd_deeppink {
    border-color: #ff1493;
    color: #ff1493;
}

.bd_palevioletred {
    border-color: #db7093;
    color: #db7093;
}

.bd_mediumvioletred {
    border-color: #c71585;
    color: #c71585;
}

.bd_gainsboro {
    border-color: #dcdcdc;
    color: #dcdcdc;
}

.bd_lightgray {
    border-color: #d3d3d3;
    color: #d3d3d3;
}

.bd_silver {
    border-color: #c0c0c0;
    color: #c0c0c0;
}

.bd_darkgray {
    border-color: #a9a9a9;
    color: #a9a9a9;
}

.bd_gray {
    border-color: #808080;
    color: #808080;
}

.bd_dimgray {
    border-color: #696969;
    color: #696969;
}

.bd_lightslategray {
    border-color: #778899;
    color: #778899;
}

.bd_slategray {
    border-color: #708090;
    color: #708090;
}

.bd_darkslategray {
    border-color: #2f4f4f;
    color: #2f4f4f;
}

.bd_black {
    border-color: #000000;
    color: #000000;
}

.bd_cornsilk {
    border-color: #fff8dc;
    color: #fff8dc;
}

.bd_blanchedalmond {
    border-color: #ffebcd;
    color: #ffebcd;
}

.bd_bisque {
    border-color: #ffe4c4;
    color: #ffe4c4;
}

.bd_navajowhite {
    border-color: #ffdead;
    color: #ffdead;
}

.bd_wheat {
    border-color: #f5deb3;
    color: #f5deb3;
}

.bd_burlywood {
    border-color: #deb887;
    color: #deb887;
}

.bd_tan {
    border-color: #d2b48c;
    color: #d2b48c;
}

.bd_rosybrown {
    border-color: #bc8f8f;
    color: #bc8f8f;
}

.bd_sandybrown {
    border-color: #f4a460;
    color: #f4a460;
}

.bd_goldenrod {
    border-color: #daa520;
    color: #daa520;
}

.bd_peru {
    border-color: #cd853f;
    color: #cd853f;
}

.bd_chocolate {
    border-color: #d2691e;
    color: #d2691e;
}

.bd_saddlebrown {
    border-color: #8b4513;
    color: #8b4513;
}

.bd_sienna {
    border-color: #a0522d;
    color: #a0522d;
}

.bd_brown {
    border-color: #a52a2a;
    color: #a52a2a;
}

.bd_maroon {
    border-color: #800000;
    color: #800000;
}

.bd_white {
    border-color: #ffffff;
    color: #ffffff;
}

.bd_snow {
    border-color: #fffafa;
    color: #fffafa;
}

.bd_honeydew {
    border-color: #f0fff0;
    color: #f0fff0;
}

.bd_mintcream {
    border-color: #f5fffa;
    color: #f5fffa;
}

.bd_azure {
    border-color: #f0ffff;
    color: #f0ffff;
}

.bd_aliceblue {
    border-color: #f0f8ff;
    color: #f0f8ff;
}

.bd_ghostwhite {
    border-color: #f8f8ff;
    color: #f8f8ff;
}

.bd_whitesmoke {
    border-color: #f5f5f5;
    color: #f5f5f5;
}

.bd_seashell {
    border-color: #fff5ee;
    color: #fff5ee;
}

.bd_beige {
    border-color: #f5f5dc;
    color: #f5f5dc;
}

.bd_oldlace {
    border-color: #fdf5e6;
    color: #fdf5e6;
}

.bd_floralwhite {
    border-color: #fffaf0;
    color: #fffaf0;
}

.bd_ivory {
    border-color: #fffff0;
    color: #fffff0;
}

.bd_antiquewhite {
    border-color: #faebd7;
    color: #faebd7;
}

.bd_linen {
    border-color: #faf0e6;
    color: #faf0e6;
}

.bd_lavenderblush {
    border-color: #FfF0F5;
    color: #FfF0F5;
}

.bd_mistyrose {
    border-color: #ffe4e1;
    color: #ffe4e1;
}

a.bd_lightsalmon {
    border-color: #ffa07a;
    color: #ffa07a;
}

a.bd_salmon {
    border-color: #fa8072;
    color: #fa8072;
}

a.bd_darksalmon {
    border-color: #e9967a;
    color: #e9967a;
}

a.bd_lightcoral {
    border-color: #f08080;
    color: #f08080;
}

a.bd_indianred {
    border-color: #cd5c5c;
    color: #cd5c5c;
}

a.bd_crimson {
    border-color: #dc143c;
    color: #dc143c;
}

a.bd_firebrick {
    border-color: #b22222;
    color: #b22222;
}

a.bd_red {
    border-color: #d6232c;
    color: #d6232c;
}

a.bd_darkred {
    border-color: #8B0000;
    color: #8B0000;
}

a.bd_coral {
    border-color: #ff7f50;
    color: #ff7f50;
}

a.bd_tomato {
    border-color: #ff6347;
    color: #ff6347;
}

a.bd_orangered {
    border-color: #ff4500;
    color: #ff4500;
}

a.bd_gold {
    border-color: #ffd700;
    color: #ffd700;
}

a.bd_orange {
    border-color: #ffa500;
    color: #ffa500;
}

a.bd_darkorange {
    border-color: #ff8c00;
    color: #ff8c00;
}

a.bd_lightyellow {
    border-color: #ffffe0;
    color: #ffffe0;
}

a.bd_lemonchiffon {
    border-color: #fffacd;
    color: #fffacd;
}

a.bd_lightgoldenrodyellow {
    border-color: #fafad2;
    color: #fafad2;
}

a.bd_papayawhip {
    border-color: #ffefd5;
    color: #ffefd5;
}

a.bd_moccasin {
    border-color: #ffe4b5;
    color: #ffe4b5;
}

a.bd_peachpuff {
    border-color: #ffdab9;
    color: #ffdab9;
}

a.bd_palegoldenrod {
    border-color: #eee8aa;
    color: #eee8aa;
}

a.bd_khaki {
    border-color: #f0e68c;
    color: #f0e68c;
}

a.bd_darkkhaki {
    border-color: #bdb76b;
    color: #bdb76b;
}

a.bd_yellow {
    border-color: #ffd700;
    color: #ffd700;
}

a.bd_lawngreen {
    border-color: #7cfc00;
    color: #7cfc00;
}

a.bd_chartreuse {
    border-color: #7fff00;
    color: #7fff00;
}

a.bd_limegreen {
    border-color: #32cd32;
    color: #32cd32;
}

a.bd_lime {
    border-color: #00ff00;
    color: #00ff00;
}

a.bd_forestgreen {
    border-color: #228b22;
    color: #228b22;
}

a.bd_green {
    border-color: #008000;
    color: #008000;
}

a.bd_darkgreen {
    border-color: #006400;
    color: #006400;
}

a.bd_greenyellow {
    border-color: #adff2f;
    color: #adff2f;
}

a.bd_yellowgreen {
    border-color: #9acd32;
    color: #9acd32;
}

a.bd_springgreen {
    border-color: #00ff7f;
    color: #00ff7f;
}

a.bd_mediumspringgreen {
    border-color: #00fa9a;
    color: #00fa9a;
}

a.bd_lightgreen {
    border-color: #90ee90;
    color: #90ee90;
}

a.bd_palegreen {
    border-color: #98fb98;
    color: #98fb98;
}

a.bd_darkseagreen {
    border-color: #8fbc8f;
    color: #8fbc8f;
}

a.bd_mediumseagreen {
    border-color: #3CB371;
    color: #3CB371;
}

a.bd_seagreen {
    border-color: #2e8b57;
    color: #2e8b57;
}

a.bd_olive {
    border-color: #808000;
    color: #808000;
}

a.bd_darkolivegreen {
    border-color: #556B2F;
    color: #556B2F;
}

a.bd_olivedrab {
    border-color: #6b8e23;
    color: #6b8e23;
}

a.bd_lightcyan {
    border-color: #e0ffff;
    color: #e0ffff;
}

a.bd_cyan {
    border-color: #00ffff;
    color: #00ffff;
}

a.bd_aqua {
    border-color: #00ffff;
    color: #00ffff;
}

a.bd_aquamarine {
    border-color: #7fffd4;
    color: #7fffd4;
}

a.bd_mediumaquamarine {
    border-color: #66cdaa;
    color: #66cdaa;
}

a.bd_paleturquoise {
    border-color: #afeeee;
    color: #afeeee;
}

a.bd_turquoise {
    border-color: #40e0d0;
    color: #40e0d0;
}

a.bd_mediumturquoise {
    border-color: #48d1cc;
    color: #48d1cc;
}

a.bd_darkturquoise {
    border-color: #00ced1;
    color: #00ced1;
}

a.bd_lightseagreen {
    border-color: #20b2aa;
    color: #20b2aa;
}

a.bd_cadetblue {
    border-color: #5f9ea0;
    color: #5f9ea0;
}

a.bd_darkcyan {
    border-color: #008b8b;
    color: #008b8b;
}

a.bd_teal {
    border-color: #008080;
    color: #008080;
}

a.bd_powderblue {
    border-color: #b0e0e6;
    color: #b0e0e6;
}

a.bd_lightblue {
    border-color: #add8e6;
    color: #add8e6;
}

a.bd_lightskyblue {
    border-color: #87cefa;
    color: #87cefa;
}

a.bd_skyblue {
    border-color: #87ceeb;
    color: #87ceeb;
}

a.bd_sky {
    border-color: #00bfff;
    color: #00bfff;
}

a.bd_lightsteelblue {
    border-color: #b0c4de;
    color: #b0c4de;
}

a.bd_dodgerblue {
    border-color: #1e90ff;
    color: #1e90ff;
}

a.bd_cornflowerblue {
    border-color: #6495ed;
    color: #6495ed;
}

a.bd_steelblue {
    border-color: #4682b4;
    color: #4682b4;
}

a.bd_royalblue {
    border-color: #4169e1;
    color: #4169e1;
}

a.bd_blue {
    border-color: #0000ff;
    color: #0000ff;
}

a.bd_mediumblue {
    border-color: #0000cd;
    color: #0000cd;
}

a.bd_darkblue {
    border-color: #00008b;
    color: #00008b;
}

a.bd_navy {
    border-color: #000080;
    color: #000080;
}

a.bd_midnightblue {
    border-color: #191970;
    color: #191970;
}

a.bd_mediumslateblue {
    border-color: #7b68ee;
    color: #7b68ee;
}

a.bd_slateblue {
    border-color: #6a5acd;
    color: #6a5acd;
}

a.bd_darkslateblue {
    border-color: #483d8b;
    color: #483d8b;
}

a.bd_lavender {
    border-color: #E6E6FA;
    color: #E6E6FA;
}

a.bd_thistle {
    border-color: #D8BFD8;
    color: #D8BFD8;
}

a.bd_plum {
    border-color: #DDA0DD;
    color: #DDA0DD;
}

a.bd_violet {
    border-color: #EE82EE;
    color: #EE82EE;
}

a.bd_orchid {
    border-color: #DA70D6;
    color: #DA70D6;
}

a.bd_fuchsia {
    border-color: #FF00FF;
    color: #FF00FF;
}

a.bd_magenta {
    border-color: #FF00FF;
    color: #FF00FF;
}

a.bd_mediumorchid {
    border-color: #BA55D3;
    color: #BA55D3;
}

a.bd_mediumpurple {
    border-color: #9370DB;
    color: #9370DB;
}

a.bd_blueviolet {
    border-color: #8A2BE2;
    color: #8A2BE2;
}

a.bd_darkviolet {
    border-color: #9400D3;
    color: #9400D3;
}

a.bd_darkorchid {
    border-color: #9932CC;
    color: #9932CC;
}

a.bd_darkmagenta {
    border-color: #8B008B;
    color: #8B008B;
}

a.bd_purple {
    border-color: #800080;
    color: #800080;
}

a.bd_indigo {
    border-color: #4B0082;
    color: #4B0082;
}

a.bd_pink {
    border-color: #ffc0cb;
    color: #ffc0cb;
}

a.bd_lightpink {
    border-color: #ffb6c1;
    color: #ffb6c1;
}

a.bd_hotpink {
    border-color: #ff69b4;
    color: #ff69b4;
}

a.bd_deeppink {
    border-color: #ff1493;
    color: #ff1493;
}

a.bd_palevioletred {
    border-color: #db7093;
    color: #db7093;
}

a.bd_mediumvioletred {
    border-color: #c71585;
    color: #c71585;
}

a.bd_gainsboro {
    border-color: #dcdcdc;
    color: #dcdcdc;
}

a.bd_lightgray {
    border-color: #d3d3d3;
    color: #d3d3d3;
}

a.bd_silver {
    border-color: #c0c0c0;
    color: #c0c0c0;
}

a.bd_darkgray {
    border-color: #a9a9a9;
    color: #a9a9a9;
}

a.bd_gray {
    border-color: #808080;
    color: #808080;
}

a.bd_dimgray {
    border-color: #696969;
    color: #696969;
}

a.bd_lightslategray {
    border-color: #778899;
    color: #778899;
}

a.bd_slategray {
    border-color: #708090;
    color: #708090;
}

a.bd_darkslategray {
    border-color: #2f4f4f;
    color: #2f4f4f;
}

a.bd_black {
    border-color: #000000;
    color: #000000;
}

a.bd_cornsilk {
    border-color: #fff8dc;
    color: #fff8dc;
}

a.bd_blanchedalmond {
    border-color: #ffebcd;
    color: #ffebcd;
}

a.bd_bisque {
    border-color: #ffe4c4;
    color: #ffe4c4;
}

a.bd_navajowhite {
    border-color: #ffdead;
    color: #ffdead;
}

a.bd_wheat {
    border-color: #f5deb3;
    color: #f5deb3;
}

a.bd_burlywood {
    border-color: #deb887;
    color: #deb887;
}

a.bd_tan {
    border-color: #d2b48c;
    color: #d2b48c;
}

a.bd_rosybrown {
    border-color: #bc8f8f;
    color: #bc8f8f;
}

a.bd_sandybrown {
    border-color: #f4a460;
    color: #f4a460;
}

a.bd_goldenrod {
    border-color: #daa520;
    color: #daa520;
}

a.bd_peru {
    border-color: #cd853f;
    color: #cd853f;
}

a.bd_chocolate {
    border-color: #d2691e;
    color: #d2691e;
}

a.bd_saddlebrown {
    border-color: #8b4513;
    color: #8b4513;
}

a.bd_sienna {
    border-color: #a0522d;
    color: #a0522d;
}

a.bd_brown {
    border-color: #a52a2a;
    color: #a52a2a;
}

a.bd_maroon {
    border-color: #800000;
    color: #800000;
}

a.bd_white {
    border-color: #ffffff;
    color: #ffffff;
}

a.bd_snow {
    border-color: #fffafa;
    color: #fffafa;
}

a.bd_honeydew {
    border-color: #f0fff0;
    color: #f0fff0;
}

a.bd_mintcream {
    border-color: #f5fffa;
    color: #f5fffa;
}

a.bd_azure {
    border-color: #f0ffff;
    color: #f0ffff;
}

a.bd_aliceblue {
    border-color: #f0f8ff;
    color: #f0f8ff;
}

a.bd_ghostwhite {
    border-color: #f8f8ff;
    color: #f8f8ff;
}

a.bd_whitesmoke {
    border-color: #f5f5f5;
    color: #f5f5f5;
}

a.bd_seashell {
    border-color: #fff5ee;
    color: #fff5ee;
}

a.bd_beige {
    border-color: #f5f5dc;
    color: #f5f5dc;
}

a.bd_oldlace {
    border-color: #fdf5e6;
    color: #fdf5e6;
}

a.bd_floralwhite {
    border-color: #fffaf0;
    color: #fffaf0;
}

a.bd_ivory {
    border-color: #fffff0;
    color: #fffff0;
}

a.bd_antiquewhite {
    border-color: #faebd7;
    color: #faebd7;
}

a.bd_linen {
    border-color: #faf0e6;
    color: #faf0e6;
}

a.bd_lavenderblush {
    border-color: #FfF0F5;
    color: #FfF0F5;
}

a.bd_mistyrose {
    border-color: #ffe4e1;
    color: #ffe4e1;
}

.btnBorder:hover {
    opacity: 0.8;
    box-shadow: 4px 4px 6px rgba(0, 0, 0, .2);
}

.btn_xsm,
a.btn_xsm {
    min-height: auto;
    padding: 1px 1px;
    font-size: 10px;
    line-height: 1.2;
}

.btn_sm,
a.btn_sm {
    min-height: auto;
    padding: 1px 4px;
    font-size: 10px;
}

.btn_mid,
a.btn_mid {
    min-height: auto;
    padding: 2px 10px;
    font-size: 12px;
}

.btn_la,
a.btn_la {
    padding: 10px 25px;
    height: 40px;
    line-height: 1.4;
    font-size: 14px;
}

.btn_la--outline {border:2px solid #a0522d; background-color:white !important; color:#000  !important;}

.btn_xla,
a.btn_xla {
    padding: 14px 40px;
    font-size: 17px;
}

.btn_xxla,
a.btn_xxla {
    padding: 17px 60px;
    font-size: 20px;
}

.rounded0 {
    border-radius: 0 !important
}

.rounded5 {
    border-radius: 5px !important
}

.rounded10 {
    border-radius: 10px !important
}

.rounded15 {
    border-radius: 15px !important
}

.rounded20 {
    border-radius: 20px !important
}

.rounded25 {
    border-radius: 25px !important
}

.rounded30 {
    border-radius: 30px !important
}

.rounded35 {
    border-radius: 35px !important
}

.rounded40 {
    border-radius: 40px !important
}

.rounded45 {
    border-radius: 45px !important
}

.rounded50 {
    border-radius: 50px !important
}

.rounded55 {
    border-radius: 55px !important
}

.rounded60 {
    border-radius: 60px !important
}

.rounded65 {
    border-radius: 65px !important
}

.rounded70 {
    border-radius: 70px !important
}

.rounded75 {
    border-radius: 75px !important
}

.rounded80 {
    border-radius: 80px !important
}

.rounded85 {
    border-radius: 85px !important
}

.rounded90 {
    border-radius: 90px !important
}

.rounded95 {
    border-radius: 95px !important
}

.rounded100 {
    border-radius: 100px !important
}

.btnZone {
    position: relative;
    text-align: center;
    z-index: 1;
}

.btnZone:after {
    content: "";
    display: block;
    clear: both;
}

.btnZone .btnR {
    float: right;
    display: inline-block;
    z-index: 2;
}

.btnZone .btnL {
    float: left;
    display: inline-block;
    z-index: 2;
}

.btnC {
    text-align: center;
}

.btnL {
    text-align: left;
}

.btnR {
    text-align: right;
}

.f10 {
    font-size: 10px !important;
}

.f11 {
    font-size: 11px !important;
}

.f12 {
    font-size: 12px !important;
}

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

.f14 {
    font-size: 14px !important;
}

.f15 {
    font-size: 15px !important;
}

.f16 {
    font-size: 16px !important;
}

.f17 {
    font-size: 17px !important;
}

.f18 {
    font-size: 18px !important;
}

.f19 {
    font-size: 19px !important;
}

.f20 {
    font-size: 20px !important;
}

.f21 {
    font-size: 21px !important;
}

.f22 {
    font-size: 22px !important;
}

.f23 {
    font-size: 23px !important;
}

.f24 {
    font-size: 24px !important;
}

.f25 {
    font-size: 25px !important;
}

.f26 {
    font-size: 26px !important;
}

.f27 {
    font-size: 27px !important;
}

.f28 {
    font-size: 28px !important;
}

.f29 {
    font-size: 29px !important;
}

.f30 {
    font-size: 30px !important;
}

.f_lightsalmon {
    color: #ffa07a !important;
}

.f_salmon {
    color: #fa8072 !important;
}

.f_darksalmon {
    color: #e9967a !important;
}

.f_lightcoral {
    color: #f08080 !important;
}

.f_indianred {
    color: #cd5c5c !important;
}

.f_crimson {
    color: #dc143c !important;
}

.f_firebrick {
    color: #b22222 !important;
}

.f_red {
    color: #d6232c !important;
}

.f_darkred {
    color: #8B0000 !important;
}

.f_coral {
    color: #ff7f50 !important;
}

.f_tomato {
    color: #ff6347 !important;
}

.f_orangered {
    color: #ff4500 !important;
}

.f_gold {
    color: #ffd700 !important;
}

.f_orange {
    color: #ffa500 !important;
}

.f_darkorange {
    color: #ff8c00 !important;
}

.f_lightyellow {
    color: #ffffe0 !important;
}

.f_lemonchiffon {
    color: #fffacd !important;
}

.f_lightgoldenrodyellow {
    color: #fafad2 !important;
}

.f_papayawhip {
    color: #ffefd5 !important;
}

.f_moccasin {
    color: #ffe4b5 !important;
}

.f_peachpuff {
    color: #ffdab9 !important;
}

.f_palegoldenrod {
    color: #eee8aa !important;
}

.f_khaki {
    color: #f0e68c !important;
}

.f_darkkhaki {
    color: #bdb76b !important;
}

.f_yellow {
    color: #ffd700 !important;
}

.f_lawngreen {
    color: #7cfc00 !important;
}

.f_chartreuse {
    color: #7fff00 !important;
}

.f_limegreen {
    color: #32cd32 !important;
}

.f_lime {
    color: #00ff00 !important;
}

.f_forestgreen {
    color: #228b22 !important;
}

.f_green {
    color: #008000 !important;
}

.f_darkgreen {
    color: #006400 !important;
}

.f_greenyellow {
    color: #adff2f !important;
}

.f_yellowgreen {
    color: #9acd32 !important;
}

.f_springgreen {
    color: #00ff7f !important;
}

.f_mediumspringgreen {
    color: #00fa9a !important;
}

.f_lightgreen {
    color: #90ee90 !important;
}

.f_palegreen {
    color: #98fb98 !important;
}

.f_darkseagreen {
    color: #8fbc8f !important;
}

.f_mediumseagreen {
    color: #3CB371 !important;
}

.f_seagreen {
    color: #2e8b57 !important;
}

.f_olive {
    color: #808000 !important;
}

.f_darkolivegreen {
    color: #556B2F !important;
}

.f_olivedrab {
    color: #6b8e23 !important;
}

.f_lightcyan {
    color: #e0ffff !important;
}

.f_cyan {
    color: #00ffff !important;
}

.f_aqua {
    color: #00ffff !important;
}

.f_aquamarine {
    color: #7fffd4 !important;
}

.f_mediumaquamarine {
    color: #66cdaa !important;
}

.f_paleturquoise {
    color: #afeeee !important;
}

.f_turquoise {
    color: #40e0d0 !important;
}

.f_mediumturquoise {
    color: #48d1cc !important;
}

.f_darkturquoise {
    color: #00ced1 !important;
}

.f_lightseagreen {
    color: #20b2aa !important;
}

.f_cadetblue {
    color: #5f9ea0 !important;
}

.f_darkcyan {
    color: #008b8b !important;
}

.f_teal {
    color: #008080 !important;
}

.f_powderblue {
    color: #b0e0e6 !important;
}

.f_lightblue {
    color: #add8e6 !important;
}

.f_lightskyblue {
    color: #87cefa !important;
}

.f_skyblue {
    color: #87ceeb !important;
}

.f_sky {
    color: #00bfff !important;
}

.f_lightsteelblue {
    color: #b0c4de !important;
}

.f_dodgerblue {
    color: #1e90ff !important;
}

.f_cornflowerblue {
    color: #6495ed !important;
}

.f_steelblue {
    color: #4682b4 !important;
}

.f_royalblue {
    color: #4169e1 !important;
}

.f_blue {
    color: #0000ff !important;
}

.f_mediumblue {
    color: #0000cd !important;
}

.f_darkblue {
    color: #00008b !important;
}

.f_navy {
    color: #000080 !important;
}

.f_midnightblue {
    color: #191970 !important;
}

.f_mediumslateblue {
    color: #7b68ee !important;
}

.f_slateblue {
    color: #6a5acd !important;
}

.f_darkslateblue {
    color: #483d8b !important;
}

.f_lavender {
    color: #E6E6FA !important;
}

.f_thistle {
    color: #D8BFD8 !important;
}

.f_plum {
    color: #DDA0DD !important;
}

.f_violet {
    color: #EE82EE !important;
}

.f_orchid {
    color: #DA70D6 !important;
}

.f_fuchsia {
    color: #FF00FF !important;
}

.f_magenta {
    color: #FF00FF !important;
}

.f_mediumorchid {
    color: #BA55D3 !important;
}

.f_mediumpurple {
    color: #9370DB !important;
}

.f_blueviolet {
    color: #8A2BE2 !important;
}

.f_darkviolet {
    color: #9400D3 !important;
}

.f_darkorchid {
    color: #9932CC !important;
}

.f_darkmagenta {
    color: #8B008B !important;
}

.f_purple {
    color: #800080 !important;
}

.f_indigo {
    color: #4B0082 !important;
}

.f_pink {
    color: #ffc0cb !important;
}

.f_lightpink {
    color: #ffb6c1 !important;
}

.f_hotpink {
    color: #ff69b4 !important;
}

.f_deeppink {
    color: #ff1493 !important;
}

.f_palevioletred {
    color: #db7093 !important;
}

.f_mediumvioletred {
    color: #c71585 !important;
}

.f_gainsboro {
    color: #dcdcdc !important;
}

.f_lightgray {
    color: #d3d3d3 !important;
}

.f_silver {
    color: #c0c0c0 !important;
}

.f_darkgray {
    color: #a9a9a9 !important;
}

.f_gray {
    color: #808080 !important;
}

.f_dimgray {
    color: #696969 !important;
}

.f_lightslategray {
    color: #778899 !important;
}

.f_slategray {
    color: #708090 !important;
}

.f_darkslategray {
    color: #2f4f4f !important;
}

.f_black {
    color: #000000 !important;
}

.f_cornsilk {
    color: #fff8dc !important;
}

.f_blanchedalmond {
    color: #ffebcd !important;
}

.f_bisque {
    color: #ffe4c4 !important;
}

.f_navajowhite {
    color: #ffdead !important;
}

.f_wheat {
    color: #f5deb3 !important;
}

.f_burlywood {
    color: #deb887 !important;
}

.f_tan {
    color: #d2b48c !important;
}

.f_rosybrown {
    color: #bc8f8f !important;
}

.f_sandybrown {
    color: #f4a460 !important;
}

.f_goldenrod {
    color: #daa520 !important;
}

.f_peru {
    color: #cd853f !important;
}

.f_chocolate {
    color: #d2691e !important;
}

.f_saddlebrown {
    color: #8b4513 !important;
}

.f_sienna {
    color: #a0522d !important;
}

.f_brown {
    color: #a52a2a !important;
}

.f_maroon {
    color: #800000 !important;
}

.f_white {
    color: #ffffff !important;
}

.f_snow {
    color: #fffafa !important;
}

.f_honeydew {
    color: #f0fff0 !important;
}

.f_mintcream {
    color: #f5fffa !important;
}

.f_azure {
    color: #f0ffff !important;
}

.f_aliceblue {
    color: #f0f8ff !important;
}

.f_ghostwhite {
    color: #f8f8ff !important;
}

.f_whitesmoke {
    color: #f5f5f5 !important;
}

.f_seashell {
    color: #fff5ee !important;
}

.f_beige {
    color: #f5f5dc !important;
}

.f_oldlace {
    color: #fdf5e6 !important;
}

.f_floralwhite {
    color: #fffaf0 !important;
}

.f_ivory {
    color: #fffff0 !important;
}

.f_antiquewhite {
    color: #faebd7 !important;
}

.f_linen {
    color: #faf0e6 !important;
}

.f_lavenderblush {
    color: #FfF0F5 !important;
}

.f_mistyrose {
    color: #ffe4e1 !important;
}

#colorbox,
#cboxOverlay,
#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

#cboxWrapper {
    max-width: none
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%
}

#cboxMiddleLeft,
#cboxBottomLeft {
    clear: left
}

#cboxContent {
    margin-top: 32px;
}

#cboxLoadedContent {
    overflow: hidden;
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

#cboxOverlay {
    background-color: rgba(0, 0, 0, .9)
}

#colorbox {
    outline: 0;
}

#cboxTopLeft {
    width: 10px;
    height: 10px
}

#cboxTopRight {
    width: 10px;
    height: 10px
}

#cboxBottomLeft {
    width: 10px;
    height: 10px
}

#cboxBottomRight {
    width: 10px;
    height: 10px
}

#cboxMiddleLeft {
    width: 10px
}

#cboxMiddleRight {
    width: 10px
}

#cboxTopCenter {
    height: 21px
}

#cboxBottomCenter {
    height: 10px
}

#cboxContent {
    background: #fff;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 4px rgba(110, 108, 108, 0.75);
    -moz-box-shadow: 0px 0px 10px 4px rgba(110, 108, 108, 0.75);
    -webkit-box-shadow: 0px 0px 10px 4px rgba(110, 108, 108, 0.75);
}

#cboxClose {
    position: absolute;
    top: 25px;
    right: 10px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxClose::before,
#cboxClose::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #fff
}

#cboxClose::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#cboxClose::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.layerWrap {
    display: none;
}

.layerCon {
    overflow: hidden;
    position: relative;
    padding: 20px;
    box-sizing: border-box;
}

.layerCon .tit {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px 0;
    padding: 0 0 10px 15px;
    border-bottom: 1px solid #9e9e9e;
}

.layerCon .tit:before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 5px;
    height: 5px;
    background: #8497b0;
}

.layerCon .btnBasic:hover,
.layerCon .btnBorder:hover {
    opacity: 1;
    box-shadow: none;
}

.loading {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: .8;
    z-index: 100;
    background-color: #17181B;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.load {
    position: fixed;
    left: 50%;
    top: 45%;
    width: 100px;
    height: 100px;
    margin: 0 0 0 -50px;
}

.load-type04 div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    margin: auto;
    border-radius: 10px;
    background-color: #cdcdcd;
    opacity: .2;
    animation: loadingH 1s linear infinite
}

.load-type04 div:nth-child(1) {
    transform: rotate(0) translateX(40px);
    animation-delay: 0
}

.load-type04 div:nth-child(2) {
    transform: rotate(45deg) translateX(40px);
    animation-delay: 0.1s
}

.load-type04 div:nth-child(3) {
    transform: rotate(90deg) translateX(40px);
    animation-delay: 0.2s
}

.load-type04 div:nth-child(4) {
    transform: rotate(135deg) translateX(40px);
    animation-delay: 0.3s
}

.load-type04 div:nth-child(5) {
    transform: rotate(180deg) translateX(40px);
    animation-delay: 0.4s
}

.load-type04 div:nth-child(6) {
    transform: rotate(225deg) translateX(40px);
    animation-delay: 0.5s
}

.load-type04 div:nth-child(7) {
    transform: rotate(270deg) translateX(40px);
    animation-delay: 0.6s
}

.load-type04 div:nth-child(8) {
    transform: rotate(315deg) translateX(40px);
    animation-delay: 0.7s
}

@keyframes loadingH {
    0% {
        opacity: .2
    }

    25% {
        opacity: 1
    }

    50% {
        opacity: .2
    }

    100% {
        opacity: .2
    }
}

.row {
    position: relative;
}

.row:after {
    content: "";
    display: block;
    clear: both;
}

.row [class^="col-"] {
    float: left;
    position: relative;
    box-sizing: border-box;
}

.col-1 {
    width: 8.333%
}

.col-2 {
    width: 16.629%
}

.col-3 {
    width: 25%
}

.col-4 {
    width: 33.3333333%
}

.col-5 {
    width: 41.66%
}

.col-6 {
    width: 50%
}

.col-7 {
    width: 58.33%
}

.col-8 {
    width: 66.66%
}

.col-9 {
    width: 75%
}

.col-10 {
    width: 83.33%
}

.col-11 {
    width: 91.66%
}

.col-12 {
    width: 100%
}

.row .col-l {
    float: left;
}

.row .col-r {
    float: right;
}

/* ---------------------------------------------------------------------- */
.box_st1 {
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    background: #fff5f5;
    border: 1px solid #f5c6cb;
}

.box_st2 {
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    ;
    background: #fff4e6;
    border: 1px solid #ffd5ab;
}

.box_st3 {
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    ;
    background: #fff9db;
    border: 1px solid #ffeeba;
}

.box_st4 {
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    background: #ebfbee;
    border: 1px solid #c3e6cb;
}

.box_st5 {
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    background: #e7f5ff;
    border: 1px solid #b8daff;
}

.box_st6 {
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    background: #edf2ff;
    border: 1px solid #becad4;
}

.box_st7 {
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    background: #f3f0ff;
    border: 1px solid #e0d1fd;
}

.box_st8 {
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    background: #f8f9fa;
    border: 1px solid #d6d8db;
}

.box_st9 {
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #efefef;
    border-bottom: 1px solid #d6d8db
}

.box_st10 {
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #f5c6cb;
}

.box_st11 {
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    ;
    background: #fff;
    border: 1px solid #ffd5ab;
}

.box_st12 {
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    ;
    background: #fff;
    border: 1px solid #ffeeba;
}

.box_st13 {
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #c3e6cb;
}

.box_st14 {
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #b8daff;
}

.box_st15 {
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #becad4;
}

.box_st16 {
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e0d1fd;
}

.box_st17 {
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #d6d8db;
}

.box_st18 {
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    background: #fff5ee;
}

.box_st19 {
    position: relative;
    padding: 5px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e3e3e3;
}

.box_st20 {
    position: relative;
    padding: 10px;
    box-sizing: border-box;
    background: #f4f4f4;
}

.box_st21 {
    position: relative;
    padding: 10px;
    box-sizing: border-box;
    background: #f1f6fa;
}

.box_st22 {
    position: relative;
    padding: 10px;
    box-sizing: border-box;
    background: #fff5ee;
}

.box_dashed {
    border-style: dashed;
}

.stit1 {
    display: inline-block;
    position: relative;
    margin: 0 0 10px 0;
    padding: 0 0 0 15px;
    font-size: 18px;
    font-weight: 700;
}

.stit1:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 2px;
    width: 8px;
    height: 8px;
    box-sizing: border-box;
    background: #525252;
}

.stit2 {
    display: inline-block;
    position: relative;
    margin: 0 0 10px 0;
    padding: 0 0 0 15px;
    font-size: 18px;
    font-weight: 700;
}

.stit2:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 3px;
    width: 8px;
    height: 8px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #525252;
}

.stit3 {
    display: inline-block;
    position: relative;
    margin: 0 0 10px 0;
    padding: 0 0 0 15px;
    font-size: 18px;
    font-weight: 700;
}

.stit3:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 3px;
    width: 8px;
    height: 8px;
    box-sizing: border-box;
    background: #525252;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}

.stit4 {
    display: inline-block;
    position: relative;
    margin: 0 0 10px 0;
    padding: 0 0 0 15px;
    font-size: 18px;
    font-weight: 700;
}

.stit4:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 3px;
    width: 8px;
    height: 8px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #525252;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}

.stit5 {
    display: inline-block;
    position: relative;
    margin: 0 0 10px 0;
    padding: 0 0 0 15px;
    font-size: 18px;
    font-weight: 700;
}

.stit5:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 3px;
    width: 8px;
    height: 8px;
    box-sizing: border-box;
    background: #525252;
    border-radius: 9px;
}

.stit6 {
    display: inline-block;
    position: relative;
    margin: 0 0 10px 0;
    padding: 0 0 0 15px;
    font-size: 18px;
    font-weight: 700;
}

.stit6:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 3px;
    width: 8px;
    height: 8px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #525252;
    border-radius: 9px;
}

.stit7 {
    display: inline-block;
    position: relative;
    margin: 0 0 10px 0;
    padding: 0 0 0 15px;
    font-size: 18px;
    font-weight: 700;
}

.stit7:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 3px;
    top: 3px;
    width: 2px;
    height: 12px;
    box-sizing: border-box;
    background: #525252;
}

.stit8 {
    position: relative;
    margin: 0 0 10px 0;
    padding: 0 0 0 25px;
    font-size: 18px;
    font-weight: 700;
    box-sizing: border-box;
}

.stit8:before,
.stit8:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
    background: #c55500;
}

.stit8:before {
    left: 2px;
    margin-top: -8px;
    background: transparent;
    border-width: 8px;
    border-style: solid;
    border-color: #163885 transparent transparent #163885;
}

.stit8:after {
    left: 7px;
    margin-top: -4px;
    background: transparent;
    border-width: 6px;
    border-style: solid;
    border-color: transparent #159ba7 #159ba7 transparent;
}

.stit9 {
    display: inline-block;
    position: relative;
    margin: 0 0 10px 0;
    padding: 0 0 0 20px;
    font-size: 18px;
    font-weight: 700;
}

.stit9:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 0px;
    width: 3px;
    height: 15px;
    box-sizing: border-box;
    background: #80bb5c;
    border-radius: 5px;
}

.stit10 {
    display: inline-block;
    position: relative;
    height: 30px;
    padding: 5px 0 0 15px;
    font-size: 14px;
    font-weight: 700;
}

.stit10:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 40%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #525252;
    border-radius: 9px;
}

.stit11 {
    margin: 0 0 10px 0;
}

.stit11 span {
    display: inline-block;
    padding: 5px 50px;
    font-size: 18px;
    font-weight: 700;
    background: #d8d8d8;
    text-align: center;
    font-size: 14px;
    border-radius: 20px;
}

span.txt_dot,
p.txt_dot,
ul.txt_dot li {
    position: relative;
    margin: 0 0 3px 0;
    padding: 0 0 0 15px;
}

span.txt_dot:before,
p.txt_dot:before,
ul.txt_dot li:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0px;
    width: 5px;
    height: 5px;
    background: #2d2d2d;
    border-radius: 4px;
}

span.txt_asterisk,
p.txt_asterisk,
ul.txt_asterisk li {
    position: relative;
    margin: 0 0 3px 0;
    padding: 0 0 0 15px;
}

span.txt_asterisk:before,
p.txt_asterisk:before,
ul.txt_asterisk li:before {
    content: "*";
    display: block;
    position: absolute;
    top: 0;
    left: 0px;
    width: 5px;
    height: 5px;
    margin-top: 8px;
}

span.txt_dash,
p.txt_dash,
ul.txt_dash li {
    position: relative;
    margin: 0 0 3px 0;
    padding: 0 0 0 15px;
}

span.txt_dash:before,
p.txt_dash:before,
ul.txt_dash li:before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0px;
    width: 8px;
    height: 1px;
    background: #2d2d2d;
}

span.txt_pool,
p.txt_pool,
ul.txt_pool li {
    position: relative;
    margin: 0 0 3px 0;
    padding: 0 0 0 15px;
}

span.txt_pool:before,
p.txt_pool:before,
ul.txt_pool li:before {
    content: "※";
    display: block;
    position: absolute;
    top: 0;
    left: 0px;
    width: 10px;
    height: 15px;
    font-size: 12px;
}

span.txt_bar,
p.txt_bar,
ul.txt_bar li {
    position: relative;
    margin: 0 0 3px 0;
    padding: 0 0 0 10px;
}

span.txt_bar:before,
p.txt_bar:before,
ul.txt_bar li:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0;
    width: 1px;
    height: 10px;
    background: #2d2d2d;
}

p.txt_figure,
ul.txt_figure li {
    position: relative;
    margin: 0 0 3px 0;
    padding: 0 0 0 25px;
}

p.txt_figure:before,
ul.txt_figure li::before,
p.txt_figure:after,
ul.txt_figure li:after {
    display: block;
    content: '';
    position: absolute;
}

p.txt_figure:before,
ul.txt_figure li:before {
    top: 5px;
    left: 4px;
    width: 4px;
    height: 4px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    z-index: 2;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

p.txt_figure:after,
ul.txt_figure li:after {
    top: 0px;
    left: 0;
    width: 14px;
    height: 14px;
    background-color: #6c757d;
    border-radius: 100%
}

p.txt_check,
ul.txt_check li {
    position: relative;
    margin: 0 0 3px 0;
    padding: 0 0 0 20px;
}

p.txt_check:after,
ul.txt_check li:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 3px;
    margin-top: 2px;
    border-left: 2px solid #6c757d;
    border-bottom: 2px solid #6c757d;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

p.txt_dia,
ul.txt_dia li {
    position: relative;
    margin: 0 0 3px 0;
    padding: 0 0 0 15px;
}

p.txt_dia:after,
ul.txt_dia li:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 6px;
    margin-top: 2px;
    background-color: #6c757d;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.exTit {
    display: inline-block;
    margin: 0 0 0 10px;
    font-size: 13px;
}

.b200 {
    font-weight: 200;
}

.b300 {
    font-weight: 300;
}

.b700 {
    font-weight: 700;
}

.indentBox {
    position: relative;
    margin: 0 0 30px 0;
    padding: 0 20px;
}

.scrolly {
    overflow-y: scroll;
    min-height: 250px;
    -webkit-box-shadow: 0.1px 1px 2px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0.1px 1px 2px 0 rgba(0, 0, 0, 0.16);
}

.scrolly table {
    margin-bottom: 0
}

.guidance {
    position: relative;
    margin: 0 0 20px 0;
    padding: 0 0 0 20px;
    box-sizing: border-box;
}

.guidance:before,
.guidance:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin: -8px 0 0;
    background: #c55500;
}

.guidance:before {
    left: 3px;
    margin-top: -8px;
    background: transparent;
    border-width: 5px;
    border-style: solid;
    border-color: #52960f transparent transparent #52960f;
}

.guidance:after {
    left: 2px;
    margin-top: -5px;
    background: transparent;
    border-width: 6px;
    border-style: solid;
    border-color: transparent #3285f6 #3285f6 transparent;
}

.shadow {
    -webkit-box-shadow: 0.1px 1px 2px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0.1px 1px 2px 0 rgba(0, 0, 0, 0.16);
}

/* layout */
html,
body {
    height: 100%;
}

body {
    overflow-y: scroll;
}

#wrap {
    position: relative;
    min-width: 1400px;
}

#header {
    position: relative;
    width: 100%;
    height: 50px;
    background: #218eb4;
    z-index: 1;
}

#header .inner {
    position: relative;
    margin: 0 auto;
}

#header h1 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 205px;
    height: 50px;
    text-align: center;
    background: #fff;
    z-index: 3;
}

#header h1 img {
    width: 90%;
    padding: 13px 0 0 0;
}

#header h1 a span {
    font-size: 16px;
    color: #fff;
}

#header .util {
    position: absolute;
    right: 20px;
    top: 17px;
    z-index: 3;
}

#header .util ul:after {
    content: "";
    display: block;
    clear: both;
}

#header .util li {
    float: left;
    position: relative;
    padding: 0 10px;
    font-weight: 300;
    font-size: 13px;
}

#header .util li:before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 1px;
    height: 15px;
    background: #eee;
}

#header .util li:last-child:before {
    content: normal;
}

#header .util li a {
    color: #fff;
}

#header .util .btn_logout {
    background: #ffffff;
    border-radius: 4px;
    color: #2f2f2f;
    font-size: 11px;
    padding: 2px 20px;
    margin-top: -2px;
}

#header .util .name {
    font-weight: 700;
    color: #dddddd;
}

#gnb {
    box-sizing: border-box;
}

#gnb ul {
    box-sizing: border-box;
    text-align: center;
}

#gnb ul:after {
    content: "";
    display: block;
    clear: both;
}

#gnb>ul>li {
    display: inline-block;
    margin: 0 1px;
    text-align: center;
}

#gnb>ul>li>a {
    float: left;
    display: block;
    position: relative;
    width: 150px;
    height: 45px;
    margin: 5px 0 0 0;
    line-height: 45px;
    padding: 0px 10px;
    box-sizing: border-box;
    font-size: 16px;
    color: #fff;
}

#gnb>ul>li>a:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -1px;
    width: 1px;
    height: 16px;
    margin-top: -8px;
    background: #fff;
}

#gnb>ul>li:first-child>a:before {
    content: normal;
}

#gnb>ul>li.active>a,
#gnb>ul>li>a:hover {
    background: #ffffff;
    color: #1f2226;
    border-radius: 15px 15px 0 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s
}

#gnb ul.subDep {
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    height: 55px;
    padding: 10px 0;
    background: #c3cad9;
    z-index: 2;
}

#gnb ul.subDep:after {
    content: "";
    display: block;
    clear: both;
}

#gnb ul.subDep li {
    display: inline-block;
    text-align: center;
    margin: 0 5px;
}

#gnb ul.subDep li a {
    display: block;
    width: 100%;
    padding: 8px 15px;
    text-align: center;
    font-size: 14px;
    box-sizing: border-box;
}

#gnb ul.subDep li a:hover,
#gnb ul.subDep li a.on {
    color: #000000;
    font-weight: 700;
    background: #fff;
    border-radius: 20px;
}

#header .setting {
    position: absolute;
    right: 0;
    top: 65px;
    width: 180px
}

#header .setting a {
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0px 30px;
    box-sizing: border-box;
    font-size: 16px;
    color: #fff;
    background: #4a4a4a
}

#header .setting .icon {
    display: inline-block;
    width: 30px;
    height: 25px;
    margin: 0 5px 0 0;
    vertical-align: middle;
    background: url(/img/icons.png) no-repeat -4px -89px;
}

#footer {
    width: 100%;
    padding: 10px 20px;
    background: #1e1e2d;
    color: #eee;
    z-index: 6;
}

#footer .inner {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

#footer .logo {
    font-size: 14px;
    font-weight: 700;
}

#footer .logo span {
    display: inline-block;
    margin: 0 0 0 20px;
    font-weight: 400;
    font-size: 12px;
}

#container {
    clear: both;
    position: relative;
    width: 100%;
}

#container .inner {
    position: relative;
    width: 100%;
    min-width: 1400px;
    margin: 0 auto;
    box-sizing: border-box;
}

#container .inner:after {
    content: "";
    display: block;
    clear: both;
}

#leftArea {
    float: left;
    position: relative;
    width: 205px;
    padding-top: 30px;
}

#lnb>li {
    position: relative;
    margin: 0 0 4px 0;
}

#lnb>li>a {
    display: block;
    height: 46px;
    line-height: 46px;
    padding: 0 20px;
    box-sizing: border-box;
    color: #fff;
    font-size: 16px;
    background: #4c4e52;
}

#lnb>li>a.on {
    background: #32589d;
}

#lnb>li:before {
    content: "";
    display: block;
    position: absolute;
    top: 23px;
    right: 10px;
    width: 12px;
    height: 2px;
    background: #fff;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

#lnb>li:after {
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    right: 15px;
    width: 2px;
    height: 12px;
    background: #fff;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg)
}

#lnb>li:hover:before {
    background: #fff;
    z-index: 2
}

#lnb>li:hover:after {
    background: #fff
}

#lnb>li.hasOn:before {
    content: "";
    display: block;
    background: #fff
}

#lnb>li.hasOn:after {
    content: "";
    display: block;
    background: #fff;
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg)
}

#lnb .dep2 {
    display: none;
}

#lnb .dep2>li {
    position: relative;
    margin: 0 0 1px 0;
}

#lnb .dep2>li>a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px 0 32px;
    box-sizing: border-box;
    color: #2d2d2d;
    font-size: 14px;
    background: #e5e5e5;
    border: 1px solid #e5e5e5;
}

#lnb .dep2>li>a:hover {
    background: #d8d8d8;
}

#lnb .dep2>li.on a {
    border: 1px solid #32589d;
}

#lnb .dep2>li.on>a:before {
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    right: 20px;
    width: 7px;
    height: 7px;
    background: #ff6624;
    border-radius: 4px;
}

#lnb .dep3 {
    display: none;
}

#lnb .dep3>li {
    position: relative;
    margin: 0 0 1px 0;
}

#lnb .dep3>li>a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px 0 50px;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    background: #949cab;
}

#lnb .dep3>li>a:hover,
#lnb .dep3>li.on>a {
    color: #f6ff00
}

#lnb .dep3>li>a:hover:before {
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    right: 20px;
    width: 7px;
    height: 7px;
    background: #f6ff00;
    border-radius: 4px;
}

#lnb .dep3>li.on>a:before {
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    right: 20px;
    width: 7px;
    height: 7px;
    background: #f6ff00;
    border-radius: 4px;
}

#rightArea {
    float: right;
    width: 1360px;
    margin: 0 auto;
}

#container.sub_container {
    position: relative;
    width: 100%;
    padding: 0px;
    background: #f2f5f7;
}

#container.sub_container .inner {
    position: relative;
    width: 1600px;
    margin: 0 auto;
    padding: 38px 0px 20px 0px;
    box-sizing: border-box;
}

.sub_container .location {
    position: relative;
    height: 30px;
}

.sub_container .location:after {
    content: "";
    display: block;
    clear: both;
}

.sub_container .location h3 {
    float: left;
    position: relative;
    padding: 0 0 0 25px;
    box-sizing: border-box;
    font-size: 18px;
    color: #111111;
    font-weight: 700;
}

.sub_container .location h3:before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 6px;
    height: 6px;
    background: #6bdc26;
    box-shadow: 8px 0 0 #32589d, 0 8px 0 #32589d, 8px 8px 0 #6bdc26;
    -webkit-box-shadow: 8px 0 0 #32589d, 0 8px 0 #32589d, 8px 8px 0 #6bdc26;
    -moz-box-shadow: 8px 0 0 #32589d, 0 8px 0 #32589d, 8px 8px 0 #6bdc26;
}

.sub_container .location h3 span {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    font-size: 18px;
}

.sub_container .location h3 span:before {
    content: ">";
    display: block;
    position: absolute;
    top: 0px;
    left: 5px;
    width: 15px;
    height: 15px;
    font-size: 14px;
}

.sub_container .location .local {
    float: right;
    padding: 7px 0 0 0;
}

.sub_container .location .local span {
    display: inline-block;
    position: relative;
    padding: 0 5px 0 20px;
    color: #999999;
    font-size: 13px;
    line-height: 25px;
}

.sub_container .location .local span:before {
    content: ">";
    display: block;
    position: absolute;
    top: 0px;
    left: 3px;
    width: 15px;
    height: 25px;
    font-size: 11px;
}

.sub_container .location .local span.home {}

.sub_container .location .local span.home:before {
    content: normal;
}

.sub_container .location .local span.current {
    color: #333333;
    padding-right: 0;
}

/* .sub_container .content{position:relative;height:calc(100% - 90px);padding:20px;background:#fff;border:1px solid #dae1f4;border-radius:5px;} */
.sub_container .content {
    position: relative;
    min-height: 720px;
    padding: 0 0 60px 0;
    background: #f2f5f7;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
.paging {
    clear: both;
    position: relative;
    width: 100%;
    margin: 0 0 10px 0;
    text-align: center;
}

.paging a {
    display: inline-block;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
}

.paging a span.skip {
    display: inline-block;
    text-indent: -9999em;
}

.paging a.num {
    width: 29px;
    height: 29px;
    margin: 0 1px;
    padding: 0px 0px;
    box-sizing: border-box;
    line-height: 29px;
    color: #5d5d5d;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
}

.paging a.num:hover,
.paging a.num.current {
    color: #fff;
    background: #3d3d3d;
    border: 1px solid #3d3d3d;
}

.paging a.prev,
.paging a.next,
.paging a.first,
.paging a.last {
    position: relative;
    width: 29px;
    height: 29px;
    line-height: 25px;
    box-sizing: border-box;
    color: #606266;
    background: #fff;
    border: 1px solid #dddddd;
    border-radius: 4px;
}

.paging a.first:before,
.paging a.last:before,
.paging a.prev:before,
.paging a.next:before {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 29px;
    height: 29px;
    line-height: 29px;
    font-size: 10px;
}

.paging a.first:before {
    content: "<<";
}

.paging a.last:before {
    content: ">>";
}

.paging a.prev:before {
    content: "<";
}

.paging a.next:before {
    content: ">";
}

.paging a.prev {
    margin-left: -2px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.paging a.next {
    margin-right: -2px
}

.paging a.last {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.fileAttach {
    position: relative;
    margin: 2px 0;
    padding: 0 87px 0 75px;
    box-sizing: border-box;
}

.fileAttach .label {
    position: absolute;
    left: 0;
    top: 0;
}

.fileAttach .btnFileDel {
    position: absolute;
    right: 0;
    top: 0;
    width: 85px;
    height: 25px;
    font-size: 11px;
    background: #c62828;
}

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

.fileAttach label {
    display: inline-block;
    padding: 0px 20px;
    height: 25px;
    line-height: 25px;
    color: #999;
    vertical-align: middle;
    background-color: #fdfdfd;
    cursor: pointer;
    border: 1px solid #ebebeb;
    border-radius: 5px;
}

.fileAttach .upload-name {
    display: inline-block;
    width: 100%;
    height: 25px;
    padding: 0 10px;
    vertical-align: middle;
    box-sizing: border-box;
    background-color: #f5f5f5;
    border: 1px solid #ebebeb;
    border-radius: 5px;
}

.btnFileAdd {
    width: 85px;
    background: #008001;
    font-size: 11px;
}

/* checkstyle */
.lever {
    display: inline-block;
    vertical-align: middle;
}

.lever [type="checkbox"],
.lever [type="radio"] {
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.lever [type="radio"]:not(:checked),
.lever [type="radio"]:checked {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.lever [type="radio"]:not(:checked)+span,
.lever [type="radio"]:checked+span {
    position: relative;
    padding-left: 22px;
    cursor: pointer;
    display: inline-block;
    height: 17px;
    line-height: 23px;
    -webkit-transition: .28s ease;
    transition: .28s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lever [type="radio"]+span:before,
.lever [type="radio"]+span:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 3px 2px 0 2px;
    width: 12px;
    height: 12px;
    z-index: 0;
    -webkit-transition: .28s ease;
    transition: .28s ease
}

.lever [type="radio"]:not(:checked)+span:before,
.lever [type="radio"]:not(:checked)+span:after,
.lever [type="radio"]:checked+span:before,
.lever [type="radio"]:checked+span:after {
    border-radius: 50%
}

.lever [type="radio"]:not(:checked)+span:before,
.lever [type="radio"]:not(:checked)+span:after {
    border: 1px solid #5a5a5a;
}

.lever [type="radio"]:not(:checked)+span:after {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.lever [type="radio"]:checked+span:before,
.lever [type="radio"]:checked+span:after {
    border: 2px solid #26a69a
}

.lever [type="radio"]:checked+span:after {
    background-color: #26a69a;
    -webkit-transform: scale(0.5);
    transform: scale(0.5)
}

.lever [type="radio"]:disabled:not(:checked)+span:before {
    border-color: rgba(0, 0, 0, 0.42);
}

.lever [type="radio"]:disabled+span {
    color: rgba(0, 0, 0, 0.42);
}

.lever [type="checkbox"]:not(:checked),
.lever [type="checkbox"]:checked {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.lever [type="checkbox"]+span {
    position: relative;
    padding-left: 22px;
    cursor: pointer;
    display: inline-block;
    height: 17px;
    line-height: 23px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lever [type="checkbox"]+span:before,
.lever [type="checkbox"]+span:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    margin: 0px 2px 0 2px;
    z-index: 0;
    border: 1px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 3px;
    -webkit-transition: .2s;
    transition: .2s
}

.lever [type="checkbox"]+span:after {
    border: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.lever [type="checkbox"]:not(:checked):disabled+span:before {
    border: none;
    background-color: rgba(0, 0, 0, 0.42)
}

.lever [type="checkbox"]:checked+span:before {
    top: 0px;
    left: -3px;
    width: 5px;
    height: 10px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #26a69a;
    border-bottom: 2px solid #26a69a;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.lever [type="checkbox"]:checked:disabled+span:before {
    border-right: 2px solid rgba(0, 0, 0, 0.42);
    border-bottom: 2px solid rgba(0, 0, 0, 0.42)
}

.lever [type="checkbox"]:disabled+span {
    color: rgba(0, 0, 0, 0.42);
}

.field {
    position: relative;
    box-sizing: border-box;
}

.field:after {
    content: "";
    display: block;
    clear: both;
}

.field_whole {
    max-width: 500px;
}

.field .col-l {
    float: left;
    width: 49.5%;
}

.field .col-r {
    float: right;
    width: 49.5%;
}

.field_del {
    display: inline-block;
    position: relative;
}

.field_del input[type="text"] {
    width: 100%;
    padding-right: 32px;
}

.field_del .btn_del {
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -12.5px;
}

.dateNum {
    display: inline-block;
    float: none;
    position: relative;
    width: 140px;
}

.dateNum input[type="text"] {
    width: 100%;
    padding-right: 32px;
}

.dateNum .ico_cal {
    display: inline-block;
    position: absolute;
    right: 2px;
    top: 50%;
    margin-top: -12px;
}

.field_period {
    display: inline-block;
    position: relative;
    max-width: 300px;
    vertical-align: middle;
}

.field_period .dateNum {
    display: inline-block;
    float: left;
    position: relative;
    width: 48%;
    ;
    box-sizing: border-box;
}

.field_period input[type="text"] {
    width: 100%;
    padding-right: 32px;
}

.field_period .symbol {
    float: left;
    display: inline-block;
    width: 4%;
    text-align: center;
    line-height: 30px;
}

.field_period .ico_cal {
    display: inline-block;
    position: absolute;
    right: 2px;
    top: 50%;
    margin-top: -12px;
}

.field_dateTime {
    display: inline-block;
    position: relative;
    max-width: 300px;
    vertical-align: middle;
}

.field_dateTime .dateNum {
    display: inline-block;
    float: left;
    position: relative;
    width: 59%;
    ;
    box-sizing: border-box;
}

.field_dateTime input[type="text"] {
    width: 100%;
    padding-right: 32px;
}

.field_dateTime .timeNum {
    display: inline-block;
    float: right;
    position: relative;
    width: 39%;
    ;
    box-sizing: border-box;
}

.field_dateTime .ico_cal {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -12px;
}

.field_periodDateTime {
    display: inline-block;
    position: relative;
    max-width: 500px;
    vertical-align: middle;
}

.field_periodDateTime .field_dateTime {
    display: inline-block;
    float: left;
    position: relative;
    width: 48%;
    box-sizing: border-box;
}

.field_periodDateTime .symbol {
    float: left;
    display: inline-block;
    width: 4%;
    text-align: center;
    line-height: 30px;
}

.field_tel {}

.field_tel .num_access {
    float: left;
    width: 24%;
}

.field_tel .phNum {
    float: left;
    width: 32%;
}

.field_tel .symbol {
    float: left;
    display: block;
    width: 6%;
    text-align: center;
    line-height: 35px;
}

.field_email {
    max-width: 500px;
}

.field_email .email_id {
    float: left;
    width: 30%;
}

.field_email .email_domain {
    float: left;
    width: 34%;
}

.field_email .symbol {
    float: left;
    display: block;
    width: 6%;
    line-height: 28px;
    text-align: center;
}

.field_email select {
    float: left;
    width: 29%;
    margin-left: 1%;
}

.field_addr {
    width: 100%;
}

.field_addr .zip_code {
    display: block;
    position: relative;
    float: left;
    width: 49.5%;
    margin: 0 0 1px 0;
    padding: 0 110px 0 0;
    box-sizing: border-box;
}

.field_addr .zip_code input[type="text"] {
    width: 100%;
}

.field_addr .zip_code .btn_check {
    position: absolute;
    right: 0;
    top: 0;
    background: #483d8b;
}

.field_addr .post_add {
    float: right;
    width: 49.5%;
    margin: 0 0 1px 0;
}

.field_addr .detail_add {
    clear: both;
    width: 100%;
}

.field_addr .post_add input[type="text"],
.field_addr .detail_add input[type="text"] {
    width: 100%;
}

.field_birth {
    max-width: 500px;
}

.field_birth .year {
    float: left;
    width: 49%;
    margin-right: 1%;
}

.field_birth .month {
    float: left;
    width: 24%;
    margin-right: 1%;
}

.field_birth .day {
    float: left;
    width: 24%;
}

.field_contact {
    max-width: 300px;
}

.field_contact .num {
    float: left;
    width: 60%;
    max-width: 180px;
}

.field_contact .num input {
    width: 100%;
}

.field_contact .ext {
    float: left;
    width: 16%;
    max-width: 50px;
    line-height: 25px;
    text-align: center;
}

.field_contact .extNum {
    float: left;
    width: 24%;
}

.field_contact .extNum input {
    width: 100%;
}

.field_half {}

.half1 {
    float: left;
    width: 49.5%;
}

.half2 {
    float: right;
    width: 49.5%;
}

input.has_success {
    position: relative;
    padding-right: 25px;
    border-color: #28a745;
}

input.has_warning {
    position: relative;
    padding-right: 25px;
    border-color: #f38b09;
}

input.has_error {
    position: relative;
    padding-right: 25px;
    border-color: #a94442;
}

.field_success,
.field_warning,
.field_error {
    display: inline-block;
    position: relative;
}

.field_success {
    color: #3c763d
}

.field_success .ico:after {
    content: "";
    display: block;
    position: absolute;
    right: 15px;
    top: 7px;
    width: 5px;
    height: 10px;
    border: solid #3c763d;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.field_error {
    color: #a94442
}

.field_error .ico {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 7px;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    vertical-align: middle;
}

.field_error .ico:before,
.field_error .ico:after {
    content: '';
    position: absolute;
    left: 8px;
    width: 3px;
    height: 18px;
    background-color: #a94442;
}

.field_error .ico:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.field_error .ico:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.field_warning {
    color: #f38b09
}

.field_warning .ico {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 5px;
    width: 20px;
    height: 20px;
    border: 1px solid #f38b09;
    border-radius: 10px;
}

.field_warning .ico:after {
    content: '';
    position: absolute;
    left: 8px;
    top: 2px;
    width: 2px;
    height: 10px;
    background-color: #f38b09;
}

.field_warning .ico:before {
    content: '';
    position: absolute;
    left: 8px;
    bottom: 2px;
    width: 2px;
    height: 2px;
    background-color: #f38b09;
}

/* input,select, size*/
.sm {
    width: 50px;
}

.mid {
    width: 120px;
}

.la {
    width: 180px;
}

.xla {
    width: 220px;
}

select.sm {
    width: 50px;
}

select.mid {
    width: 120px;
}

select.la {
    width: 180px;
}

select.xla {
    width: 220px;
}

input[type="text"].sm {
    width: 50px;
}

input[type="text"].mid {
    width: 120px;
}

input[type="text"].la {
    width: 180px;
}

input[type="text"].xla {
    width: 220px;
}

input[type="checkbox"].sm {
    width: 20px;
    height: 20px;
}

input[type="checkbox"].mid {
    width: 30px;
    height: 30px;
}

input[type="checkbox"].la {
    width: 40px;
    height: 40px;
}

input[type="radio"].sm {
    width: 20px;
    height: 20px;
}

input[type="radio"].mid {
    width: 30px;
    height: 30px;
}

input[type="radio"].la {
    width: 40px;
    height: 40px;
}

label>input {
    margin: 0 5px 0 5px;
}

.textArea>div {
    padding: 5px;
}

.textArea>div:not(:last-child) {
    border-bottom: 1px solid #d8d8d8;
}

.bbsList .lever {
    height: 25px;
}

.bbsList .lever [type="radio"]:not(:checked)+span,
.bbsList .lever [type="radio"]:checked+span {
    margin-right: 0px;
}

.bbsList .lever [type="checkbox"]+span {
    padding-left: 20px;
}

.bbsList .lever [type="checkbox"]+span:before,
.bbsList .lever [type="checkbox"]+span:after {
    top: 3px;
}

.bbsList .lever [type="checkbox"]:checked+span:before {
    top: 2px;
}

.bbsForm .lever {
    margin-right: 10px;
}

.bbsView .lever {
    margin-right: 10px;
}

.totalArea {
    position: relative;
    margin: 0 0 5px 0;
}

.totalArea:after {
    content: "";
    display: block;
    clear: both;
}

.totalArea .totalCount {
    float: left;
    font-weight: 200;
    font-size: 12px;
}

.totalArea .totalCount span {
    display: inline-block;
    padding: 0 2px 0 5px;
    color: #0072bc;
    font-weight: 700;
}

.totalArea .totalCount .standard {
    display: inline-block;
    padding: 0 2px 0 5px;
    color: #333;
    font-weight: 400;
    font-size: 11px;
}

.totalArea .searchField {
    float: right;
}

.searchFilterBox {
    position: relative;
    margin: 0 0 15px 0;
    padding: 10px 30px 10px 10px;
    box-sizing: border-box;
    background: #e0e0e0;
}

.bbsSearch {
    table-layout: fixed;
    width: 100%;
    background: #fff;
    border-top: 1px solid #c3c3c3;
    font-size: 12px;
}

.bbsSearch thead th {
    height: 30px;
    padding: 3px 10px;
    text-align: center;
    color: #333333;
    background: #eff1f7;
    border: 1px solid #b8b8b8;
}

.bbsSearch thead td {
    height: 30px;
    padding: 3px 10px;
    border: 1px solid #b8b8b8;
}

.bbsSearch tbody th {
    height: 30px;
    padding: 3px 10px;
    text-align: center;
    color: #333333;
    background: #f5f7ff;
    border: 1px solid #b8b8b8;
}

.bbsSearch tbody td {
    height: 30px;
    padding: 3px 10px;
    border: 1px solid #b8b8b8;
}

.bbsSearch input[type="radio"],
.bbsSearch input[type="checkbox"] {
    width: 15px;
    height: 15px;
}

.searchFilterBox .btn {
    text-align: center;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 110px;
    height: 32px;
    margin-top: -16px;
}

.searchFilterBox .btn button {
    width: 110px;
    height: 32px;
    line-height: 32px;
    background: #191971;
    border-radius: 5px;
}

.searchFilterBox2 {
    position: relative;
    margin: 0 0 15px 0;
    padding: 10px;
    box-sizing: border-box;
    background: #c8d5dd;
}

.bbsList {
    table-layout: fixed;
    width: 100%;
    margin: 0 0 40px 0;
    background: #fff;
    border-top: 1px solid #ccc;
}

.bbsList thead th {
    height: 40px;
    padding: 10px 5px;
    text-align: center;
    font-weight: 700;
    color: #333;
    color: #333333;
    background: #eaeaea;
    word-break: keep-all;
    border: 1px solid #cecece;
}

.bbsList tbody th {
    height: 40px;
    padding: 10px 5px;
    font-weight: normal;
    font-weight: 700;
    color: #333;
    background: #eaeaea;
    border: 1px solid #d5d5d5;
    word-break: keep-all;
}

.bbsList tbody td {
    height: 40px;
    padding: 10px 5px;
    text-align: center;
    background: #ffffff;
    border-bottom: 1px solid #d2d3dd;
    border-left: 1px solid #f2f2f2;
}

.bbsList tbody td:first-child {
    border-left: none;
}

.bbsList tbody td .subject {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bbsList tbody td .subject:hover {
    text-decoration: underline;
}

.bbsList tbody tr:hover td {
    background: #f5f5f5;
}

.bbsList thead .th1 {
    background: #d8d8d8;
}

.bbsList thead .adsc {
    display: block;
}

.bbsList tbody .adsc {
    display: block;
    font-size: 12px;
    color: #218eb4;
}

.bbsListView tbody tr:hover td {
    background: none;
    box-shadow: none;
    cursor: default;
    transform: none
}

.bbsList tbody tr td.noData {
    vertical-align: middle
}

.bbsList tbody tr:hover td.noData {
    background: none;
    box-shadow: none;
    cursor: default;
    transform: none
}

.bbsView {
    table-layout: fixed;
    margin: 0 0 20px 0;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 0px 2px #eee;
    box-shadow: 0px 0px 0px 2px #eee;
}

.bbsView thead th {
    height: 30px;
    padding: 2px 5px;
    text-align: center;
    font-weight: 700;
    color: #333;
    background: #eaeaea;
    word-break: keep-all;
    border: 1px solid #cecece;
}

.bbsView thead td {
    height: 30px;
    padding: 2px 5px;
    border-bottom: 1px solid #ccc;
}

.bbsView tbody th {
    height: 30px;
    padding: 2px 5px;
    text-align: center;
    font-weight: 700;
    color: #333;
    background: #eee;
    border-bottom: 1px solid #ccc;
    word-break: keep-all;
}

.bbsView tbody td {
    height: 30px;
    padding: 2px 5px;
    border: 1px solid #ccc;
}

.bbsView thead .subject {
    height: auto;
    margin: 0 0 10px 0;
    padding: 15px 10px;
    font-size: 22px;
    font-weight: 700;
    background: #e4e8f7;
}

.bbsView .attach:hover {
    text-decoration: underline;
}

.bbsView .bbsCont {
    min-height: 200px;
    padding: 30px 20px;
}

.bbsView input[type="radio"],
.bbsView input[type="checkbox"] {
    width: 15px;
    height: 15px;
}

.bbsView thead .th1 {
    background: #e1e1e1;
}

.bbsView thead .th2 {
    background: #ededed;
}

.bbsView tbody .th1 {
    background: #fff5e8 !important;
}

.bbsView tbody .th2 {
    background: #f3f3f3 !important;
}

.bbsView2 {
    table-layout: fixed;
    margin: 0 0 20px 0;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 0px 2px #eee;
    box-shadow: 0px 0px 0px 2px #eee;
}

.bbsView2 thead th {
    height: 30px;
    padding: 2px 5px;
    text-align: center;
    font-weight: 700;
    color: #333;
    background: #e0ebf1;
    word-break: keep-all;
    border: 1px solid #cecece;
}

.bbsView2 thead td {
    height: 30px;
    padding: 2px 5px;
    border-bottom: 1px solid #ccc;
}

.bbsView2 tbody th {
    height: 30px;
    padding: 2px 5px;
    text-align: center;
    font-weight: 700;
    color: #333;
    background: #e0ebf1;
    border-bottom: 1px solid #ccc;
    word-break: keep-all;
}

.bbsView2 tbody td {
    height: 30px;
    padding: 2px 5px;
    border: 1px solid #ccc;
}

.bbsListView thead .th1 {
    background: #e1e1e1;
}

.bbsListView thead .th2 {
    background: #ededed;
}

.bbsListView tbody .th1 {
    background: #fff5e8 !important;
}

.bbsListView tbody .th2 {
    background: #f3f3f3 !important;
}

.bbsForm {
    table-layout: fixed;
    width: 100%;
    margin: 0 0 20px 0;
    background: #fff;
    border: 1px solid #8da1c6;
    -webkit-box-shadow: 0px 0px 0px 2px #a9bde4;
    box-shadow: 0px 0px 0px 2px #a9bde4;
}

.bbsForm thead th {
    height: 30px;
    padding: 2px 5px;
    text-align: center;
    font-weight: 700;
    color: #333;
    background: #d8e4fb;
    word-break: keep-all;
    border: 1px solid #a9bde4;
}

.bbsForm thead td {
    height: 30px;
    padding: 2px 5px;
    border-bottom: 1px solid #a9bde4;
}

.bbsForm tbody th {
    height: 30px;
    padding: 2px 5px;
    text-align: center;
    font-weight: 700;
    color: #333;
    background: #d8e4fb;
    word-break: keep-all;
    border-bottom: 1px solid #a9bde4;
}

.bbsForm tbody td {
    height: 30px;
    padding: 2px 5px;
    border: 1px solid #a9bde4;
}

.bbsForm input[type="radio"],
.bbsForm input[type="checkbox"] {
    width: 15px;
    height: 15px;
}

.bbsForm textarea {
    width: 100%;
    min-height: 100px;
}

.otherArticle {
    position: relative;
    margin: 30px 0 0 0;
}

.otherArticle {
    border-bottom: solid 1px #e0e0e0;
}

.otherArticle dl {
    position: relative;
    width: 100%;
    padding: 0 0 0 100px;
    box-sizing: border-box;
    border-top: solid 1px #e0e0e0;
}

.otherArticle dt {
    position: absolute;
    left: 35px;
    top: 10px;
}

.otherArticle dd {
    position: relative;
    padding: 10px 0;
}

.otherArticle .prev:before {
    content: "";
    display: block;
    position: absolute;
    top: 17px;
    left: 10px;
    border: solid black;
    border-width: 0 2px 2px 0;
    border-color: #b1b1b1;
    padding: 4px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.otherArticle .next:before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 10px;
    border: solid black;
    border-width: 0 2px 2px 0;
    border-color: #b1b1b1;
    padding: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.table_sm thead th {
    height: auto;
    padding: 5px 5px;
    font-size: 12px;
}

.table_sm thead td {
    height: auto;
    padding: 5px 5px;
    font-size: 11px;
}

.table_sm tbody th {
    height: auto;
    padding: 2px 5px;
    font-size: 11px;
}

.table_sm tbody td {
    height: auto;
    padding: 2px 5px;
    font-size: 11px;
}

.table_l tbody th {
    text-align: left;
}

.table_l tbody td {
    text-align: left;
}

.table_tc tbody th {
    text-align: center;
}

.table_tc tbody td {
    text-align: center;
}

.table_vt tbody th,
.table_vt tbody td {
    padding: 6px 5px;
    vertical-align: top;
}

.table_vt .lever {
    vertical-align: top;
}

table thead .th1 {
    background: #dfe7fa;
}

table thead .th2 {
    background: #e8eefd;
}

table tbody .th1 {
    background: #fff5e8;
}

table tbody .th2 {
    background: #f4f8ff;
}

/* 로그인 */
.loginWrap {
    display: table;
    width: 100%;
    height: 100%;
    background: #218eb4
}

.loginWrap:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 60%;
    min-width: 1000px;
    height: 100%;
    background: #fff;
    background: linear-gradient(-62deg, transparent 40%, #fff 0);
}

.loginWrap .inner {
    display: table-cell;
    vertical-align: middle;
}

.loginWrap .inner:after {
    content: "";
    display: block;
    clear: both;
}

.loginWrap .section {
    z-index: 3;
    float: left;
    position: relative;
    width: 30%;
    text-align: center;
    color: #666;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-20px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-20px);
    }
}

.loginWrap .section .logo {
    margin-top: 7%;
    margin-bottom: 3%;
    -webkit-animation: mover 2s infinite alternate;
    animation: mover 1s infinite alternate;
}

.loginWrap .section .t1 {
    font-size: 16px;
    line-height: 150%;
}

.loginWrap .sectionField {
    position: relative;
    width: 100%;
}

.loginWrap .content {
    z-index: 3;
    position: relative;
    width: 400px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 0px 10px rgba(90, 155, 25, 0.2);
    box-shadow: 0px 0px 0px 10px rgba(90, 155, 25, 0.2);
}

.loginWrap .loginArea {
    max-width: 500px;
    margin: 0 auto;
}

.loginWrap .loginArea .t1 {
    margin: 0 0 30px 0;
    padding: 10px 10px;
    box-sizing: border-box;
    color: #333;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

.loginWrap .loginArea .fieldGroup {
    max-width: 500px;
    margin: 0 auto;
}

.loginWrap .loginArea .field {
    display: inline-block;
    width: 100%;
    margin: 0 0 20px 0;
}

.loginWrap .loginArea .field i {
    position: absolute;
    left: 10px;
    top: 15px;
    font-size: 15px;
}

.loginWrap .loginArea .field label {
    display: block;
    margin: 0 0 5px 0;
    color: #161c2d;
    font-size: 14px;
    font-weight: bold;
}

.loginWrap .loginArea input[type='text'],
.loginWrap .loginArea input[type='password'] {
    width: 100%;
    height: 40px;
    padding-left: 40px;
    box-sizing: border-box;
}

.loginWrap .loginArea .btnLogin {
    width: 100%;
    height: 45px;
    font-size: 16px;
    background: #2865c9;
    border-radius: 25px;
}

.tabs {
    position: relative;
    margin: 0 0 10px 0;
}

.tabs:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0px;
    width: 100%;
    height: 1px;
    background: #DD6601;
}

.tabs:after {
    content: "";
    display: block;
    clear: both;
}

.tabs button {
    float: left;
    padding: 8px 10px;
    box-sizing: border-box;
    background: #e5e5e5;
    border-radius: 12px 12px 0 0;
}

.tabs button:hover {
    color: #737981;
}

.tabs button:hover,
.tabs button.active {
    color: #fff;
    background: #DD6601;
    border-radius: 12px 12px 0 0;
}

.tabContainer {
    position: relative;
    padding: 10px;
    background: #fff;
    border: 1px solid #f7f7f7;
}

.tabContainer_st2 {
    position: relative;
    background: #fff;
}

.tabContent {
    display: none;
    position: relative;
}

.tabContent:first-child {
    display: block;
}

.tabMenu {
    position: relative;
    padding: 0 30px;
    background: #3e5277;
}

.tabMenu:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: #ff6624;
    z-index: 1;
}

.tabMenu ul {
    padding: 10px 0 0 0;
}

.tabMenu ul:after {
    content: "";
    display: block;
    clear: both;
}

.tabMenu ul li {
    float: left;
    min-width: 120px;
    margin: 0 2px;
    box-sizing: border-box;
}

.tabMenu ul li a {
    display: table;
    width: 100%;
    padding: 0px 10px 0px 10px;
    box-sizing: border-box;
    font-size: 15px;
    text-align: center;
    color: #888888;
    background: #c8c8c8;
    border: 2px solid #c8c8c8;
    border-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.tabMenu li span {
    display: table-cell;
    height: 40px;
    vertical-align: middle;
    box-sizing: border-box;
}

.tabMenu li a:hover {
    color: #737981;
}

.tabMenu li a:hover,
.tabMenu li.active a {
    position: relative;
    ;
    z-index: 2;
    color: #fff;
    background: #fff;
    border: 2px solid #ff6624;
    border-bottom: 2px solid #fff;
    color: #ff6624;
}

.menuCode div[class*=box_] {
    margin: 0px;
    padding-left: 25px;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
}

.menuCode div[class*=box_]:after {
    content: '';
    display: block;
    position: absolute;
    top: 23px;
    left: 15px;
    width: 4px;
    height: 4px;
    background: #159ba7;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow: 0 6px 0 #f14701, 0 12px 0 #2b3a3c;
    -webkit-box-shadow: 0 6px 0 #f14701, 0 12px 0 #2b3a3c;
    -moz-box-shadow: 0 6px 0 #f14701, 0 12px 0 #2b3a3c;
}

.menuCode .box_st1 {
    background: #ebfbee;
    border-color: #fff;
    z-index: 4;
}

.menuCode .box_st2 {
    background: #fff4e6;
    border-color: #fff;
    z-index: 3;
}

.menuCode .box_st3 {
    background: #edf2ff;
    border-color: #fff;
    z-index: 2;
}

.menuCode .box_st4 {
    background: #f8f0fc;
    border-color: #fff;
}

.errorPage {
    position: relative;
    text-align: center;
}

.errorPage .code {
    display: table;
    font-size: 2.5em;
    font-weight: bold;
    margin: 0 auto 40px auto;
}

.errorPage .code .txt {
    display: table-cell;
    position: relative;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    vertical-align: middle;
    text-shadow: #7b7777 2px 1px 0;
    box-shadow: inset 0 0 0 32px #49b7f0;
    border-radius: 50%;
    font-size: 50px;
}

.errorPage .message {
    font-size: 20px;
    margin: 0 0 60px 0;
    color: #49b7ef;
    line-height: 140%;
}

.bundle {
    margin: 0 0 20px 0;
    padding: 30px 20px 30px 20px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
}

.row-pack {
    padding: 10px;
    border: 1px solid #ccc;
}

input[type="text"].bg1 {
    background: #fff5ee
}

.f_blue2 {
    color: #2878da;
}

.bule2 {
    background: #2150a0;
}

.mmt5 {
    margin-top: -5px;
}

.ico_arr_r {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0 2px;
    vertical-align: middle;
    text-indent: -9999999px;
    background: url(/img/icons.png) -129px -90px;
}

.ico_file {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 2px;
    vertical-align: middle;
    text-indent: -9999999px;
    background: url(/img/icons.png) -92px -10px;
}

.ico_nec {
    display: inline-block;
    position: relative;
    text-indent: -99999px;
    width: 4px;
    height: 4px;
    margin-left: 3px;
    background: #ff2525;
}

.ico_cal {
    display: inline-block;
    width: 20px;
    height: 25px;
    margin: 0 2px;
    vertical-align: middle;
    text-indent: -9999999px;
    background: url(/img/icons.png) -50px -8px;
}

.icon_arr_bot {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    background: url(/img/icons.png) no-repeat -53px -93px;
}

.icon_file {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    text-indent: -9999999px;
    background: url(/img/icons.png) no-repeat -92px -93px;
}

.ico_chosing {
    display: inline-block;
}

.conditionBox {
    position: relative;
    padding: 25px 30px 15px 30px;
    background: #3e5277;
    border-radius: 5px 5px 0 0;
}

.conditionBox table {
    table-layout: fixed;
}

.conditionBox table colgroup {
    display: none;
}

.conditionBox table tr {
    display: block;
    margin: 2px 0;
}

.conditionBox table tr:after {
    content: "";
    display: block;
    clear: both;
}

.conditionBox table th {
    display: inline-block;
    padding: 5px 15px;
    font-size: 12px;
    text-align: left;
    color: #abe1ff
}

.conditionBox table td {
    display: inline-block;
    padding: 5px 15px 5px 5px;
    font-size: 14px;
    text-align: left;
    color: #fff;
}

.conditionBox .relative:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: -10px;
    width: 4px;
    height: 4px;
    background: #a5a5a5;
}

.conditionBox .relative:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: -10px;
    width: 1px;
    height: 10px;
    margin-top: -6px;
    background: #617e8c;
}

.conditionBox .adsc {
    font-size: 11px;
    color: #eee;
}

.conditionBox .statsTbl {
    table-layout: auto;
    display: table;
    width: 100%;
    border: 1px solid #617e8c;
}

.conditionBox .statsTbl colgroup {
    display: table-column-group;
}

.conditionBox .statsTbl tr {
    display: table-row;
}

.conditionBox .statsTbl th {
    clear: both;
    float: none;
    display: table-cell;
    text-align: center;
    padding: 5px 5px;
    color: #abe1ff;
}

.conditionBox .statsTbl td {
    clear: both;
    float: none;
    display: table-cell;
    text-align: center;
    padding: 5px 5px;
}

.conditionBox .statsTbl th .relative {
    display: inline-block;
    border-bottom: 1px solid #abe1ff;
}

.conditionBox .statsTbl .relative:before {
    content: normal;
}

.conditionBox .statsTbl .relative:after {
    content: normal;
}

.conditionBox .state {
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -20px;
}

.conditionBox .flag {
    display: table;
    position: relative;
    width: 120px;
    height: 40px;
    text-align: center;
    letter-spacing: 1px;
    box-sizing: border-box;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    background: #007aff;
    border-radius: 50px;
}

.conditionBox .flag .tcell {
    height: 40px;
}

.conditionBox .flag1 {
    background: #e67700;
}

.conditionBox .flag1:after {
    border-bottom-color: #6f2e1a;
    border-top-color: #6f2e1a;
}

.conditionBox .flag2 {
    background: #8B008B;
}

.conditionBox .flag2:after {
    border-bottom-color: #4B0082;
    border-top-color: #4B0082;
}

.conditionBox .flag3 {
    background: #76b90a;
}

.conditionBox .flag3:after {
    border-bottom-color: #5c7337;
    border-top-color: #5c7337;
}

.fileItem {
    position: relative;
    box-sizing: border-box;
}

.fileItem:hover .name {
    text-decoration: underline;
}

.fileItem .name {
    color: #5aa4a3;
    cursor: pointer;
}

.fileItem .size {
    margin: 0 0 2px 0;
    color: #de935f;
    font-weight: bold;
    font-size: 11px;
}

.fileViewer {
    position: relative;
}

.fileViewer .tit {
    position: relative;
    width: 100%;
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    background: #4a70bc;
}

.fileViewer .preview {
    position: relative;
    min-height: 400px;
    padding: 20px;
    background: #eeeeee;
}

.notifyViewer {
    position: relative;
}

.notifyViewer .tit {
    position: relative;
    width: 100%;
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    background: #2c4d90;
}

.notifyViewer .preview {
    position: relative;
    min-height: 400px;
    padding: 20px;
    background: #fff4ee;
}

.notifyViewer .preview .file {
    font-size: 12px;
    color: #4a70bc;
    cursor: pointer;
}

.notifyViewer .preview .file:hover {
    text-decoration: underline;
}

.accordionPanel {
    margin: 0 0 1px 0;
}

.accordionPanel .panelTitle {
    position: relative;
    margin: 5px 0 0 0;
    padding: 15px 100px 15px 20px;
    color: #fff;
    font-size: 13px;
    background: #9c9c9c;
    border-radius: 5px 5px 0 0;
    z-index: 1;
    cursor: pointer;
}

.accordionPanel .panelTitle .file {
    position: absolute;
    right: 45px;
    top: 3px;
    width: 40px;
    height: 40px;
    z-index: 3;
    cursor: pointer;
}

.accordionPanel .panelTitle.on {
    background: #5f8bbc;
}

.accordionPanel .panelTitle:before {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    right: 25px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    padding: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.accordionPanel .panelTitle.on:before {
    top: 20px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.accordionPanel .panelCont {
    display: none;
    padding: 10px 15px;
    background: #fcf7f1;
    border-radius: 0 0 5px 5px;
}

.accordionPanel .panelTitle table {
    width: 100%;
}

.accordionPanel .panelTitle table th {
    padding: 0 10px 0 0;
    text-align: right;
    border-right: 1px solid #eee;
}

.accordionPanel .panelTitle table td {
    padding: 0 10px;
    text-align: left;
}

.controlFloat {
    position: absolute;
    left: 0%;
    bottom: 0px;
    width: 1360px;
    margin-left: 0px;
    background: #dddddd;
}

.controlFloat.fixFloat {
    position: fixed;
    left: 50%;
    bottom: 0;
    width: 1360px;
    margin-left: -560px;
}

.controlFloat button {
    height: 60px;
    border-radius: 0;
}

.controlFloat input[type='button'] {
    height: 60px;
    border-radius: 0;
}

.starRating {
    margin: 0 0 20px 0;
}

.starRating:after {
    content: "";
    display: block;
    clear: both;
}

.starRating li {
    float: left;
    width: 20%;
    padding: 0px 0px 0px 20px;
    box-sizing: border-box;
    letter-spacing: 3px;
    background: #f9f9f9;
    border: 1px solid #cccccc;
}

.starRating li:after {
    content: "";
    display: block;
    clear: both;
}

.starRating li .t {
    float: left;
    letter-spacing: 1px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 700;
    color: #ff5356;
}

.starRating li .num {
    float: right;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    background: #89939b;
    text-align: center;
    color: #fff;
    font-weight: 700;
}

.counselingTheme {
    position: relative;
    padding: 15px 25px 15px 175px;
    border: 1px solid #c7c7c7;
}

.counselingTheme:before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 135px;
    height: 100%;
    background: #1f1f7d
}

.counselingTheme .theme {
    position: absolute;
    left: 0;
    top: 50%;
    width: 135px;
    height: 40px;
    margin-top: -20px;
    line-height: 40px;
    text-align: center;
    background: #1f1f7d;
    color: #fff;
    font-size: 18px;
}

.counselingTheme .txt {
    font-size: 20px;
    line-height: 120%;
}

.rowTitle {
    position: relative;
    margin: 0 0 10px 0;
}

.rowTitle:after {
    content: "";
    display: block;
    clear: both;
}

.rowTitle .col-l {
    float: left;
}

.rowTitle .col-r {
    float: right;
}

.questionExample {
    position: relative;
    padding: 20px 20px 20px 50px;
}

.questionExample input[type='text'] {
    height: 40px;
}

.questionExample .number {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 20px;
    width: 40px;
    height: 40px;
    margin: 0 2px 0 0;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    background: #b24f20;
}

.questionExample .item {
    margin: 0 0 3px 0;
}

.questionExample .item label {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0 10px 0 0;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
    font-size: 13px;
    color: #fff;
    background: #ff8c00;
    border-radius: 15px;
}

.questionExample .item input[type='text'] {
    height: 30px;
}

.questionAnswer {
    position: relative;
    padding: 20px 20px 20px 50px;
}

.questionAnswer .number {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 20px;
    width: 40px;
    height: 40px;
    margin: 0 2px 0 0;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    background: #bc8f8f;
}

.questionAnswer input[type='text'] {
    height: 40px;
}

.way {
    float: left;
    width: 8%;
}

.way .t {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -40px;
    width: 80px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    background: #4b4b4b;
    border-radius: 5px;
}

.categorys,
.tags {
    position: relative;
}

.categorys .btn_del,
.tags .btn_del {
    position: absolute;
    top: 9px;
    right: 5px;
}

.category {
    width: 100%;
    margin: 0 0 2px 0;
    padding: 10px 50px 10px 20px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e9e9e9;
}

.category:hover {
    background: #F0F8FD;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

.category.active {
    background: #F0F8FD;
    border: 2px solid #2892f7
}

.addCategory,
.addTag {
    position: relative;
    width: 100%;
    margin: 0 0 2px 0;
    padding: 10px 100px 10px 20px;
    background: #e4e4e4;
}

.addCategory input[type="text"],
.addTag input[type="text"] {
    width: 100%;
}

.addCategory .btns,
.addTag .btns {
    position: absolute;
    right: 20px;
    top: 10px;
}


.flex {
    display: -webkit-flex;
    display: flex;
}

.flex-start {
    -webkit-align-content: flex-start;
    align-content: flex-start;
}

.flex-center {
    -webkit-align-content: center;
    align-content: center;
}

.flex-end {
    -webkit-align-content: flex-end;
    align-content: flex-end;
}

.just-center {
    -webkit-justify-content: center;
    justify-content: center;
}

.just-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.just-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.flex-top {
    margin-bottom: auto 0
}

.flex-auto {
    padding: 50px 0 20px 0;
    box-sizing: border-box;
}

/* .flex-bottom{margin-top:auto}   */
.flex-bottom {
    /* position:absolute;*/
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

/* 프린트 */
/* .print-page{width:21cm;min-height:29.7cm;padding:1cm;margin:0 auto;} */
.subpage {
    min-height: 297mm;
    background: #fff;
    border: 1px solid #bcbcbc;
}

.paper {
    /* display:flex;flex-wrap:wrap;flex-direction:column; */
    position: relative;
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 140%;
    -webkit-print-color-adjust: exact;
    background: url(/img/watermark.png) no-repeat right bottom;
}

.heading {
    margin: 0 0 30px 0;
    padding: 20px 0;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
}

.code-number {
    margin: 0 0 10px 0;
    font-size: 15px;
}

.code-number span {
    display: inline-block;
    margin: 0 0 0 10px;
}

.t-confirmation {
    font-size: 16px;
    text-align: center;
    word-break: keep-all;
}

.t-date {
    margin: 0 0 20px 0;
    text-align: center;
}

.t-name {
    margin: 0 10px;
    text-align: right;
}

.t-name .t-sub1 {
    display: inline-block;
    margin: 0 0 0 10px;
    font-size: 20px;
    letter-spacing: 3px;
}

.t-name .t-sub2 {
    display: inline-block;
    margin: 0 0 0 10px;
    color: #bebebe;
    font-size: 15px;
}

.t-dear {
    margin: 0 0 30px 0;
    padding: 0 10px;
}

.t-dear span {
    display: inline-block;
    margin: 0 10px 0 0;
    font-size: 30px;
}

.t-dear-st2 {
    margin: 0 0 30px 0;
    padding: 0 10px;
    text-align: center;
    font-size: 30px;
}

.t-dear-info {
    text-align: center;
    font-size: 16px;
}

.t-null {
    color: #aaaaaa;
}

.paper .select-check {
    display: inline-block;
    width: 40px;
    text-align: center;
    letter-spacing: 5px;
}

.paper .select-check-none {
    display: inline-block;
    width: 40px;
    letter-spacing: 5px;
    color: #aaaaaa;
}

.paper .select-check-none span {
    display: inline-block;
    width: 17px;
}

.box-desc {
    padding-top: 10px;
    border-top: 1px solid #bcbcbc;
    color: #aaaaaa;
    font-size: 13px;
    word-break: keep-all;
}

.box-desc p:last-child {
    margin: 0;
}

.paper .info-table {
    table-layout: fixed;
    width: 100%;
    margin: 0 0 12px 0;
    border: 1px solid #bcbcbc;
    font-size: 14px;
}

.paper .info-table th {
    height: 35px;
    padding: 5px 10px;
    border: 1px solid #bcbcbc;
    font-size: 15px;
    background: #eee;
}

.paper .info-table th:first-child {
    border-left: none;
}

.paper .info-table td {
    height: 35px;
    padding: 5px 10px;
    border: 1px solid #bcbcbc;
}

.paper .info-table th.th1 {
    background: #c6d9f1;
}

.paper .info-table th.th2 {
    background: #dbeef4;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    box-sizing: border-box;
}

.controlAddDel {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -40px;
    text-align: center;
}

.ico_square_right {
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    text-indent: -999999px;
    background: url(/img/btn_square_right.png) no-repeat center center;
    background-size: 40px 40px;
}

.ico_square_left {
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    text-indent: -999999px;
    background: url(/img/btn_square_left.png) no-repeat center center;
    background-size: 40px 40px;
}

/* @page{size:A4;margin:0} */
/* @media print{ */
/* 	html,body{width:210mm;height:297mm;} */
/* 	.print-page{margin:0;border:initial;width:initial;min-height:initial;box-shadow:initial;background:initial;page-break-after:always;-webkit-print-color-adjust: exact;} */

/* } */

.detailW {
    margin-bottom: 50px
}

.detailW .heading {
    width: 100%;
    background-color: #f9f9f9
}

.detailW .inner {
    padding: 3%;
    border: 1px solid #dcdcdc
}

.detailW .con-wrap {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.detailW .con-row {
    margin-top: 30px;
    align-items: center;
}

.detailW .con-row span {
    width: 300px;
    text-align: left;
}

.detailW .con-row .form-wrap {
    width: 80%;
}

.detailW .con-row .form-wrap input {
    width: 100%;
    height: 30px
}

.detailW table td {
    text-align: center;
}

.txt-l {
    text-align: left;
}

.bf-cycle {
    position: relative;
    padding-left: 20px
}

.bf-cycle::before {
    display: inline-block;
    content: "○";
    position: absolute;
    left: 0;
    top: 0;
}

select.lg {
    width: 100%
}

.txt-rd {
    color: red
}

.layerList {
    margin: 10px 0 30px 0;
    padding: 20px 0;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}

.layerList li {
    margin-bottom: 10px
}

.layerList li:last-child {
    margin-bottom: 0
}

.btn-blue {
    background: #32589d;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
    border-radius: 5px;
    color: #fff
}