@charset "utf-8";
/* @import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic'); */
@media print { body { background-color: white; color: black; }}
/* @import url(./nanumsquare.css); */
body,input,textarea,select,button,table{font-family: '맑은 고딕','NanumSquare'; font-weight:400; line-height:1.6em; letter-spacing:-2px; word-spacing:0px; -webkit-text-size-adjust:none; }
@media screen and (min-width:320px) and (max-width:429.98px) { 
    body { font-size: 15px; }
    .text-body { font-size: 15px; }
    .text-head { font-size: 16px; }
    .text-big { font-size: 17px; font-weight:bold; }
    .text-bbig { font-size: 18px; font-weight:bold; }
    .small-display{ display:block; } 
    .medium-display{ display:none; } 
    .full-display{ display:none; }
    .text-justify { font-weight:400; align-items:center; text-align: justify; word-break:break-all; }
}
@media screen and (min-width:430px) and (max-width: 499.98px) { 
    body { font-size: 15px; }
    .text-body { font-size: 15px; }
    .text-head { font-size: 16px; }
    .text-big { font-size: 18px; font-weight:bold; }
    .text-bbig { font-size: 22px; font-weight:bold; }
    .small-display{ display:block; } 
    .medium-display{ display:none; } 
    .full-display{ display:none; }
    .text-justify { font-weight:400; align-items:center; text-align: justify; word-break:break-all; }
}
@media screen and (min-width: 500px) and (max-width: 979.98px) { 
    body { font-size: 15px; }
    .text-body { font-size: 15px; }
    .text-head { font-size: 18px; }
    .text-big { font-size: 20px; font-weight:bold; }
    .text-bbig { font-size: 24px; font-weight:bold; }
    .small-display{ display:none; } 
    .medium-display{ display:block; } 
    .full-display{ display:none; }
    .text-justify { font-weight:400; align-items:center; text-align: justify; word-break:break-all; }
    .card-deck { -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: 0px; margin-left: 0px; }
    .card-deck .card { display: flex; -ms-flex: 1 0 0%; flex: 1 0 0%; -ms-flex-direction: column; flex-direction: column; }
}
@media screen and (min-width: 980px) { 
    body { font-size: 15px; }
    .text-body { font-size: 15px; }
    .text-head { font-size: 18px; }
    .text-big { font-size: 22px; font-weight:bold; }
    .text-bbig { font-size: 28px; font-weight:bold; }
    .small-display{ display:none; } 
    .medium-display{ display:none; } 
    .full-display{ display:block; }
    .text-justify { font-weight:400; align-items:center; text-align: justify; word-break:break-all; }
    .card-deck { -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: 0px; margin-left: 0px; }
    .card-deck .card { display: flex; -ms-flex: 1 0 0%; flex: 1 0 0%; -ms-flex-direction: column; flex-direction: column; }
}
 
ul,ol{list-style:none}
.cursor { cursor: pointer; }
header,hgroup,article,nav,footer,figure,figcaption,canvas,section,time{display:block}
input, button, input[type=text] { -webkit-appearance: none; }
div[type=button] { -webkit-appearance: none; }
.fixed-top0 { position: fixed; top: 0; z-index: 103; position: -webkit-sticky; }
.sticky-top { position: sticky; top: 0; z-index: 102; position: -webkit-sticky; }
.head-menu { position: sticky; top: 0; z-index: 100; position: -webkit-sticky; }
.fixed-bottom { position: fixed; bottom: 0; z-index: 101; position: -webkit-sticky; }
.sticky-bottom { position: sticky; bottom: 0; z-index: 102; position: -webkit-sticky; }
.rounded-full { border-radius: 50%; overflow: hidden; }
.reply-icon { font-size:12px;background-color:#ae905e; color:white;line-height:1.1em; }
.bodo-icon { font-size:12px;background-color:#279dd4; color:white;line-height:1.1em; }
.text-round { border-radius: 50%; overflow: hidden; width:35px; height:35px; text-align:center; vertical-align:middle; }
.form-control { font-weight:400; background-color: white; border:1px solid #d0d0d0; margin-top:5px; padding: 2px 5px; height:40px; border-radius: 0px; } 
.input-control { font-weight:400; background-color: white; border:1px solid #d0d0d0; margin-top:5px; padding: 2px 5px; height:40px; border-radius: 1px; } 
.box-shadow { border-radius: 3px; box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.2); }

.blue-top-border { width:100%; border-top: 2px solid #279dd4; }
.blue-topunder-border { width:100%; border-top: 2px solid #279dd4; border-bottom: 2px solid #279dd4; }
.blue-under-border { width:100%; border-bottom: 2px solid #279dd4; }
.blue-under-thin { width:100%; border-bottom: 1px solid #279dd4; }
.table-border { border-collapse:collapse; } 
.left-blank-border { border-top:1px solid #d2eaf7; border-right:1px solid #d2eaf7; border-bottom:1px solid #d2eaf7; border-left: none; }
.no-blank-border { border:1px solid #d2eaf7; }
.under-border { border-bottom:1px solid #d2eaf7; }
.right-blank-border { border-top:1px solid #d2eaf7; border-right: none; border-bottom:1px solid #d2eaf7; border-left:1px solid #d2eaf7; }

.dropdn { position: relative; display: inline-block; margin:0;padding:0; top: 0; z-index: 900}
.dropdn-button { padding: 2px; border: none; }
.dropdn-box { display: none; position: absolute;  background-color: #ffffff; width:100%; min-width: 30px; margin-left:-55px; padding: 2px; box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2); z-index: 500; }
.dropdn-box a { color: black; padding: 2px; text-decoration: none; display: block; }
.dropdn-box a:hover { background-color:#ebeef0; }
.dropdn:hover .dropdn-box { display: block; }
.dropdn-menu { display: none; position: absolute;  background-color: #ffffff; width:100%; min-width: 100px; margin:0; padding: 10px; box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2); z-index: 100; }
.dropdn:hover .dropdn-menu { display: block; background-color: #ffffff; }
.dropdn a:hover { background-color: #ebeef0; }

.dropdnw { position: relative; display: inline-block; margin:0;padding:0; top: 0; z-index: 900}
.dropdn-wbutton { padding: 2px; border: none; }
.dropdn-wbox { display: none; position: absolute; background-color: #636060; width:100%; min-width: 60px; margin-left:0px; padding: 2px; box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2); z-index: 500; }
.dropdn-wbox a { color: black; padding: 2px; text-decoration: none; display: block; }
.dropdn-wbox a:hover { background-color:#ebeef0; }
.dropdnw:hover .dropdn-wbox { display: block; }
.dropdn-wmenu { display: none; position: absolute; left: 0%; top: 65px;  transform: translate(0%);  background-color: #636060; width:100%; min-width: 20px; margin:0; padding:0px; box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2); z-index: 100; }
.dropdnw:hover .dropdn-wmenu { display: block; background-color: #636060; }
.dropdnw a:hover { background-color: #ebeef0; }


/* .flex-xxx { width:100%; display:flex; justify-content:flex-start; text-align:left;  -ms-flex-direction: column;flex-direction: column;-ms-flex-align: start;align-items: flex-start;-ms-flex-pack: left; } */
.flex-left { width:100%; display:flex; justify-content:flex-start; align-items:start; text-align:left; }
.flex-right { width:100%; display:flex; justify-content:flex-end; text-align:right; }
.flex-center { width:100%; display:flex; justify-content:center; align-items:start; text-align:center; }
.flex-around { width:100%; display:flex; justify-content:space-around; align-items:start; }
.flex-between { width:100%; display:flex; justify-content:space-between; text-align:right; }
.flex-wrap { width:100%; display:flex; flex-wrap:wrap; align-items:start; text-align:left; vertical-align:top; border:0; }
.flex-wrap-center { width:100%; display:flex; flex-wrap:wrap; justify-content:space-around; align-items:center; text-align:center; vertical-align:top; border:0; }
/* .note-editor .note-editable { line-height: 100%; } */
/* .main { border: 1px solid #60707e; background-color: white;} */
 hr { width:100%; border: 1px solid; display: block; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; border-style: inset; border-width: thin; }
 div.box { position: relative; width:100%; border: 1px solid #fa09a2; border-radius: 2px; }
.font-spZero { letter-spacing:0px; word-spacing:0px; }
.font-spMinus1 { letter-spacing:-1px; word-spacing:-1px; }
.font-spMinus10 { letter-spacing:-1px; word-spacing:0px; }
.font-spMinus2 { letter-spacing:-2px; word-spacing:-1px; }
.font-spPlus { letter-spacing:1px; word-spacing:1px; }
.font-bsky { color: #3fc8dd; }
.font-wh1 { font-size: 11px; font-weight:400; color:white; }
.font-wh3 { font-size: 13px; font-weight:400; color:white; }
.font-wh4 { font-size: 14px; font-weight:400; color:white; }
.font-wh5 { font-size: 15px; font-weight:400; color:white; }
.font-wh6 { font-size: 16px; font-weight:400; color:white; }
.font-wh7 { font-size: 17px; font-weight:400; color:white; }
.font-wh8 { font-size: 18px; font-weight:400; color:white; }
.font-wh9 { font-size: 19px; font-weight:400; color:white; }
.font-wh20 { font-size: 20px; font-weight:400; color:white; }
.font-wh22 { font-size: 22px; font-weight:400; color:white; }
.font-wh24 { font-size: 24px; font-weight:400; color:white; }
.font-wh32 { font-size: 32px; font-weight:700; color:white; }
.font-whb4 { font-size: 14px; font-weight:bold; color:white; }
.font-whb6 { font-size: 16px; font-weight:bold; color:white; }
.font-whb8 { font-size: 18px; font-weight:800; color:white; }
.font-whbb { font-size: 20px; font-weight:800; color:white; }
.font-whb22 { font-size: 22px; font-weight:800; color:white; }
.font-whb24 { font-size: 24px; font-weight:800; color:white; }
.contnt-4style { font-size:14px; font-weight:300; color:#000000; word-break:break-all; text-align:justify; }
.contnt-5style { font-size:15px; font-weight:300; color:#000000; word-break:break-all; text-align:justify; }
.contnt-6style { font-size:16px; font-weight:300; color:#000000; word-break:break-all; text-align:justify; }
.contnt-7style { font-size:17px; font-weight:300; color:#000000; word-break:break-all; text-align:justify; }
.contnt-8style { font-size:18px; font-weight:300; color:#000000; word-break:break-all; text-align:justify; }
.contnt-bstyle { font-size:20px; font-weight:300; color:#000000; word-break:break-all; text-align:justify; }
.font-blusky3 { font-size: 13px; color:#2fa599; }
.font-blusky4 { font-size: 14px; color:#2fa599; }
.font-blusky5 { font-size: 15px; color:#2fa599; }
.font-blusky6 { font-size: 16px; color:#2fa599; }
.font-blusky7 { font-size: 17px; color:#2fa599; }
.font-blusky8 { font-size: 18px; color:#2fa599; }
.font-blusky20 { font-size: 20px; color:#2fa599; }
.font-blusky22 { font-size: 22px; color:#2fa599; }
.font-blusky24 { font-size: 24px; color:#2fa599; }
.font-blk2 { font-size: 12px; color:#606060; }
.font-blk3 { font-size: 13px; color:#606060; }
.font-blk4 { font-size: 14px; color:#606060; }
.font-blk5 { font-size: 15px; color:#606060; }
.font-blk6 { font-size: 16px; color:#606060; }
.font-blk7 { font-size: 17px; color:#606060; }
.font-blk8 { font-size: 18px; color:#606060; }
.font-blk9 { font-size: 19px; color:#606060; }
.font-blk20 { font-size: 20px; color:#606060; }
.font-blk22 { font-size: 22px; color:#606060; }
.font-blk24 { font-size: 24px; color:#606060; }
.font-blk26 { font-size: 26px; color:#606060; }
.font-blk28 { font-size: 28px; color:#606060; }
.font-blk32 { font-size: 32px; color:#606060; }
.font-blkb4 { font-size: 14px; font-weight:bold; color:#606060; }
.font-blkb5 { font-size: 15px; font-weight:bold; color:#606060; }
.font-blkb6 { font-size: 16px; font-weight:bold; color:#606060; }
.font-blkb7 { font-size: 17px; font-weight:bold; color:#606060; }
.font-blkb8 { font-size: 18px; font-weight:bold; color:#606060; }
.font-blkbb { font-size: 20px; font-weight:bold; color:#606060; }
.font-blkb22 { font-size: 22px; font-weight:bold; color:#606060; }
.font-blkb24 { font-size: 24px; font-weight:bold; color:#606060; }
.font-blkb26 { font-size: 26px; font-weight:bold; color:#606060; }
.font-blkb28 { font-size: 28px; font-weight:bold; color:#606060; }
.font-blkb32 { font-size: 32px; font-weight:bold; color:#606060; }
.font-blue2 { font-size: 12px; color:blue; }
.font-blue3 { font-size: 13px; color:blue; }
.font-blue4 { font-size: 14px; color:blue; }
.font-blue5 { font-size: 15px; color:blue; }
.font-blue6 { font-size: 16px; color:blue; }
.font-blue7 { font-size: 17px; color:blue; }
.font-blue8 { font-size: 18px; color:blue; }
.font-blue9 { font-size: 19px; color:blue; }
.font-blueb { font-size: 20px; color:blue; }
.font-blue22 { font-size: 22px; color:blue; }
.font-blue24 { font-size: 24px; color:blue; }
.font-blue28 { font-size: 28px; color:blue; }
.font-blub4 { font-size: 14px; font-weight:bold; color:blue; }
.font-blub5 { font-size: 15px; font-weight:bold; color:blue; }
.font-blub6 { font-size: 16px; font-weight:bold; color:blue; }
.font-blub7 { font-size: 17px; font-weight:bold; color:blue; }
.font-blub8 { font-size: 18px; font-weight:bold; color:blue; }
.font-blub9 { font-size: 19px; font-weight:bold; color:blue; }
.font-blubb { font-size: 20px; font-weight:bold; color:blue; }
.font-blub22 { font-size: 22px; font-weight:bold; color:blue; }
.font-blub24 { font-size: 24px; font-weight:bold; color:blue; }
.font-blub28 { font-size: 28px; font-weight:bold; color:blue; }
.font-red2 { font-size: 12px; color:red; }
.font-red3 { font-size: 13px; color:red; }
.font-red4 { font-size: 14px; color:red; }
.font-red5 { font-size: 15px; color:red; }
.font-red6 { font-size: 16px; color:red; }
.font-redb4 { font-size: 14px; font-weight:bold; color:red; }
.font-redb5 { font-size: 15px; font-weight:bold; color:red; }
.font-redb6 { font-size: 16px; font-weight:bold; color:red; }
.font-redb8 { font-size: 18px; font-weight:bold; color:red; }
.font-redbb { font-size: 20px; font-weight:bold; color:red; }

.title-img { margin:0 auto;width:70px; height:70px;text-align:center; }
.title-corp { margin: 30px 10px 10px 10px;font-size:24px;font-weight:bold;color:blue; }
.title-subject { margin: 30px 10px 10px 10px;font-size:24px;font-weight:bold;color:#5e4949; }

.main-container { width: 100%; align-items: center; margin: 0 auto; position: relative;}
.container   { margin:0 auto; padding:0; }
.container0 { width: 100%; max-width: 360px; background-color: #f5f5f5; border:1px solid #98a0a7; border-radius: 3px; align-items: center; margin: 0 auto; position: relative; }
.container1 { width: 100%; max-width: 470px; background-color: #f5f5f5; border:1px solid #98a0a7; border-radius: 3px; align-items: center; margin: 0 auto; position: relative; }
.container2 { width: 100%; max-width: 630px; background-color: #f5f5f5; border:1px solid #98a0a7; border-radius: 3px; align-items: center; margin: 0 auto; position: relative; }
.container23 { width: 100%; max-width: 800px; background-color: #f5f5f5; border:1px solid #98a0a7; border-radius: 3px; align-items: center; margin: 0 auto; position: relative; }
.container3  { width: 100%; max-width: 970px; background-color: #f5f5f5; border:1px solid #98a0a7; border-radius: 3px; align-items: center; margin: 0 auto; position: relative; }
.container34 { width: 100%; max-width: 1080px; background-color: #f5f5f5; border:1px solid #98a0a7; border-radius: 3px; align-items: center; margin: 0 auto; position: relative; }
.container4  { width: 100%; max-width: 1280px; background-color: #f5f5f5; border:1px solid #98a0a7; border-radius: 3px; align-items: center; margin: 0 auto; position: relative; }
.container5  { width: 100%; max-width: 1620px; background-color: #f5f5f5; border:1px solid #98a0a7; border-radius: 3px; align-items: center; margin: 0 auto; position: relative; }
.container6  { width: 100%; max-width: 1830px; background-color: #f5f5f5; border:1px solid #98a0a7; border-radius: 3px; align-items: center; margin: 0 auto; position: relative; }
.container0b { width: 100%; max-width: 360px; border-radius: 3px; align-items: center; margin: 0 auto; position: relative; }
.container1b { width: 100%; max-width: 470px; border-radius: 3px; align-items: center; margin: 0 auto; position: relative; }
.container2b { width: 100%; max-width: 630px; border-radius: 3px; align-items: center; margin: 0 auto; position: relative; }
.container23b { width: 100%; max-width: 800px; border-radius: 3px; align-items: center; margin: 0 auto; position: relative; }
.container3b  { width: 100%; max-width: 970px; border-radius: 3px; align-items: center; margin: 0 auto; position: relative; }
.container34b { width: 100%; max-width: 1080px; border-radius: 3px; align-items: center; margin: 0 auto; position: relative; }
.container4b  { width: 100%; max-width: 1280px; border-radius: 3px; align-items: center; margin: 0 auto; position: relative; }
.container5b  { width: 100%; max-width: 1620px; border-radius: 3px; align-items: center; margin: 0 auto; position: relative; }
.container6b  { width: 100%; max-width: 1830px; border-radius: 3px; align-items: center; margin: 0 auto; position: relative; }
.container7b  { width: 100%; max-width: 1920px; border-radius: 3px; align-items: center; margin: 0 auto; position: relative; }
.containerFull { width: 100%; max-width: 2500px; border-radius: 3px; align-items: center; margin: 0 auto; position: relative; }
.under-line { text-decoration:underline; }
.shadow-blackbox { border:1px solid black; box-shadow:5px 5px 10px 2px rgba(0,0,0,0.2); }
.shadow-bluebox { border:1px solid blue; box-shadow:5px 5px 10px 2px rgba(0,0,0,0.2); }
.hcard         { display: nowrap; border: 0; padding:0 5px; }
.atest:hover  { background-color: #dae3d6; } 
.border0      { margin:0 3px; border: 0; padding:0 5px; }
.right-head   { font-size: 16px; position: absolute; right: 0%; transform: translate(0%); }
.onhover:hover  { background-color: #dae3d6; cursor: pointer; height:100%; } 
.onhover1:hover  { background-color: #62d4d8; color:white; cursor: pointer; height:100%; } 
.onhover2:hover  { background-color: #4faaad; color:white; cursor: pointer; height:100%; } 
.card-deck .card { width: 100%; align-items:center; text-align:center; border: 1px solid #6c757d; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2); border-width: 1px; border-radius: 7px; padding: 0px; margin: 7px; font-size: 16px; min-width: 100px; }
.card-deck    { display: flex; align-items:center; text-align: center; width: 100%; border-width: 1px; border-radius: 0px; font-size: 16px; min-width: 100px; }
.xcard-deck .xcard { display: wrap; align-items:center; text-align:center; border: 1px solid rgb(100, 100, 250); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); border-radius: 5px; width: 100px; height: 40px; margin: 5px 0 0 0; font-size: 16px; color:black; font-weight:bold; min-width: 100px; }
.xcard-deck { display: flex; justify-content:space-between; max-width: 100%; } 
.ycard-deck .ycard { display: wrap; align-items:center; text-align:center; border: 0; margin: 5px 0 0 0; color:black; font-weight:bold; }
.ycard-deck { display: wrap; align-items:center; text-align:center; max-width: 100%; } 
.center-chs  { width: 100%; text-align: center; position: absolute; margin: 0px; left: 50%; transform: translate(-50%); }
.card-body  { padding: .8rem; }
.chs-line:hover { background-color: #dcdcdc; }
.bg-active { background-color: #dcdcdc; }
.chs-box       { border: 1px solid #6c757d; height: 40px; font-size: 16px;}
.top-box       { text-align: center; position: absolute; top: 0%; transform: translate(0%); }
.middle-box   { text-align: center; position: absolute; top: 50%;  transform: translate(0%); }
.left-box       { text-align: center; position: absolute; left: 0%;  transform: translate(0%); }
.center-box   { text-align: center; position: absolute; left: 50%; transform: translate(-50%); }
.right-box     { text-align: center; position: absolute; right: 0%; transform: translate(0%); }
.inner-righttop { text-align: center; position: relative; top: 0%; right: 0%; transform: translate(0%); }
.chs-btn     { border: 1px solid #6c757d; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); text-align: center; font-size: 16px; position: relative;  border-radius: 3px; color:#505050; font-weight:bold; } 
.left-btn     { border: 1px solid #6c757d; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); text-align: center; font-size: 16px; position: absolute; left: 0%; transform: translate(0%); }
.center-btn { border: 1px solid #6c757d; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); text-align: center; font-size: 16px; position: absolute; left: 50%; transform: translate(-50%); }
.right-btn   { border: 1px solid #6c757d; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); text-align: center; font-size: 16px; position: absolute; right: 0%; transform: translate(0%); }
*:focus { outline:none; }

.headbox.bg_0 { text-align:center; margin-top:10px; background:#b9eff3; border-radius:0; height:37px; }
.headbox.bg_1 { text-align:center; margin-top:10px; background:#41d1db; border-radius:0; height:37px; }
.headbox.bg_2 { text-align:center; margin-top:10px; background:#648870; border-radius:0; height:37px; }
.headbox.bg_3 { text-align:center; margin-top:10px; background:#82c081; border-radius:0; height:37px; }
.bg_0 { background:#b9eff3; }
.bg_1 { background:#41d1db; }
.bg_2 { background:#648870; }
.bg_3 { background:#82c081; }
.bg-white, .b-cl0 { background-color: white; }
.b-cl1 { background-color: #e6f3f7; }
.b-cl2 { background-color: #eaebf8; }
.b-cl3 { background-color: #e2f5ef; }
.b-cl4 { background-color: #fcf6dc; }
.b-cl5 { background-color: #eae6ec; }
.b-cl6 { background-color: #ebeef0; }
.b-cl7 { background-color: #efefef; }
.b-cl8 { background-color: #f7f7f7; }
.b-cl9 { background-color: #fafafa; }
.b-clb { color: #fafafa; }

.mg-b2 {margin-bottom:2px !important;}
.mg-b3 {margin-bottom:3px !important;}
.mg-b4 {margin-bottom:4px !important;}
.mg-b5 {margin-bottom:5px !important;}
.mg-b6 {margin-bottom:6px !important;}
.mg-b7 {margin-bottom:7px !important;}
.mg-b8 {margin-bottom:8px !important;}
.mg-b9 {margin-bottom:9px !important;}
.mg-b10 {margin-bottom:10px !important;}
.mg-b15 {margin-bottom:15px !important;}
.mg-b20 {margin-bottom:20px !important;}
.mg-b25 {margin-bottom:25px !important;}
.mg-b30 {margin-bottom:30px !important;}
.mg-b40 {margin-bottom:40px !important;}
.mg-b50 {margin-bottom:50px !important;}
.mg-t5 {margin-top:5px !important;}
.mg-t10 {margin-top:10px !important;}
.mg-t20 {margin-top:20px !important;}
.mg-t30 {margin-top:30px !important;}
.mg-t40 {margin-top:40px !important;}
.mg-t50 {margin-top:50px !important;}

.pd-t2 {padding-top:2px !important;}
.pd-t3 {padding-top:3px !important;}
.pd-t4 {padding-top:4px !important;}
.pd-t5 {padding-top:5px !important;}
.pd-t6 {padding-top:6px !important;}
.pd-t7 {padding-top:7px !important;}
.pd-t8 {padding-top:8px !important;}
.pd-t9 {padding-top:9px !important;}
.pd-t10 {padding-top:10px !important;}
.pd-t15 {padding-top:15px !important;}
.pd-t20 {padding-top:20px !important;}
.pd-t30 {padding-top:30px !important;}
.pd-t50 {padding-top:50px !important;}

.float-left {float:left;}
.float-right {float:right;}

.sp-center {text-align:center !important;}
.sp-right {text-align:right !important;}
.sp-left {text-align:left !important;}

.text-red {color:#ff0000;}
.text-green {color:#00ff00;}
.text-blue   {color:#0000ff;}
.text-black {color:#000000;}

.fs-11 {font-size:11px;}
.fs-12 {font-size:12px;}
.fs-13 {font-size:13px;}
.fs-14 {font-size:14px;}
.fs-15 {font-size:15px;}
.fs-16 {font-size:16px;}
.fs-18 {font-size:18px;}
.fs-20 {font-size:20px;}
.fs-24 {font-size:24px;}
.fs-28 {font-size:28px;}
.fs-32 {font-size:32px;}

.bg-bsky { background-color: #1782e7; color:white; font-weight:700; text-align:center; padding: 3px; } 
.bg-sky { background-color: #279dd4; color:white; font-weight:700; text-align:center; padding: 3px; } 
.bg-dam { background-color:#f08baa; font-weight:700; text-align:center; padding: 3px; } 
.bg-pink { background-color:#e47089; color:white; font-weight:700; text-align:center; padding: 3px; } 
.bg-green { background-color:#56b07d; } 
.bg-pastel { background-color:#e5e8ec; } 
.bg-cancel { background-color: #f08baa; } 
.nopad-btn { display: inline-block; font-weight: 400; color: #212529; padding:1px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; font-size: 1rem; line-height: 1.5; border-radius: 0.15rem; }
.nopad-btn:hover { background-color:#8fdac3; padding:1px 5px; }
.back-img   { background-repeat:no-repeat; text-align: center; background-size: 100%; margin: 0 auto; position: relative; } 
.norepeat   { background-repeat:no-repeat; width:100%; height:100%; text-align: center; font-size:5rem; color: white; margin: 0 auto; z-index: 3; position: absolute; left: 50%; transform: translate(-50%); }
.img-cover  { background-size: 100%; background-color: rgba(0, 0, 0, 0.4); text-align: center; margin: 0 auto; z-index: 5; position: relative; }
.foot-link    { text-align:center; background:#ebeef0; padding:5px 0;}
.foot-kftu    { text-align:center; background:#e7e9e8; padding:5px 0;}
.foot-link ul li { display:inline-block; font-size:16px; font-weight:300; color:#000; line-height:1.3em;}
.foot-link ul li:after { display:inline-block; width:1px; height:10px; background:#000; vertical-align:middle; margin:-.2em 10px 0 10px; content:""; }
.foot-link ul li:last-child:after { display:none;} 
.foot-link ul li a { text-decoration:none;}
.foot-info { padding:10px 0 0 0; text-align:center;}
.foot-info .info { display:inline-block; }
.foot-info .f-logo { float:left; margin-top:-5px;}
.footer { clear:both; background:#FFFFFF; font-size:13px; color:#606060; font-weight:300; line-height:20px; }
#footer address { font-style:normal; text-align:left; margin-left:90px;}
.Cyan { background-color:#00ffff; }
.LightSkyBlue { background-color:#87cefa; }
.PowderBlue { background-color:#b0e0e6; }
.LightCyan { background-color:#e0ffff; }
.AliceBlue { background-color:#f0f8ff; }
.HoneyDew { background-color:#f0fff0; }
.Azure { background-color:#f0ffff; }
.Beige { background-color:#f5f5dc; }
.WhiteSmoke { background-color:#f5f5f5; }
.MintCream { background-color:#f5fffa; }
.GhostWhite { background-color:#f8f8ff; }
.Linen { background-color:#faf0e6; }
.OldLace { background-color:#fdf5e6; }
.MistyRose { background-color:#ffe4e1; }
.PapayaWhip { background-color:#ffefd5; }
.LavenderBlush { background-color:#fff0f5; }
.SeaShell { background-color:#fff5ee; }
.Cornsilk { background-color:#fff8dc; }
.LemonChiffon { background-color:#fffacd; }
.FloralWhite { background-color:#fffaf0; }
.Snow { background-color:#fffafa; }
.LightYellow { background-color:#ffffe0; }
.Ivory { background-color:#fffff0; }