@charset "utf-8";
@media print { body { background-color: white; color: black; }}
/* @import url(./nanumsquare.css);  */
body { font-size: 50%; }
body,input,textarea,select,button,table{ font-family: 'KoPub Dotum', 'Noto Sans KR', sans-serif, '맑은 고딕','나눔바른고딕','NanumSquare'; font-size:16px; font-weight:400; letter-spacing:-1px; word-spacing:0px; color:#555; word-break:keep-all;-webkit-text-size-adjust:none;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0;padding:0}
* { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; }    
 /* 모서리의 경계가 픽셀이 깨져 보이지 않음, 폰트를 부드럽게 해줌 */
.font-NotoSans { font-family: 'Noto Sans KR'; }
input[type=text] { letter-spacing: -1px; word-spacing:0px; }
::placeholder { color: #c0c0c0; }
@media screen and (min-width:320px) and (max-width:429.98px) { 
    img { border:0; max-width:100%; max-height:100%;}
    body { font-size: 15px; }
    .logo-size { width:150px; }
    .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 { align-items:center; text-align: justify; word-break:break-all !important; }
    .card-deck { -ms-flex-flow: wrap; flex-flow: 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; }
    input[type=radio], input[type=checkbox] { height: 16px; width: 16px; font-size: 16px; margin-top: 0px; text-shadow:none; }
}
@media screen and (min-width:430px) and (max-width: 499.98px) { 
    body { font-size: 15px; }
    .logo-size { width:160px; }
    .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 { align-items:center; text-align: justify; word-break:break-all; }
    .card-deck { -ms-flex-flow: wrap; flex-flow: 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; }
    input[type=radio], input[type=checkbox] { height: 16px; width: 16px; font-size: 16px; margin-top: 0px; text-shadow:none; }
}
@media screen and (min-width: 500px) and (max-width: 979.98px) { 
    body { font-size: 15px; }
    .logo-size { width:170px; }
    .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 { align-items:center; text-align: justify; word-break:break-all; }
    .card-deck { -ms-flex-flow: wrap; flex-flow: 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; }
    input[type=radio], input[type=checkbox] { height: 16px; width: 16px; font-size: 16px; margin-top: 0px; text-shadow:none; }
}
@media screen and (min-width: 980px) { 
    body { font-size: 15px; }
    .logo-size { width:180px; }
    .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 { align-items:center; text-align: justify; word-break:break-all; }
    .card-deck { -ms-flex-flow: wrap; flex-flow: 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; }
    input[type=radio], input[type=checkbox] { height: 16px; width: 16px; font-size: 16px; margin-top: 0px; text-shadow:none; }
}
@media screen and (max-width:501px) {
    .pc {display:none !important;}
    .m {display:block !important;} 
}
.m {display:none;}
.text-justify { text-align: justify; word-break:break-all !important; }
.radius-3 { border-radius: 3px; }
.radius-5 { border-radius: 5px; }
.radius-7 { border-radius: 7px; }
.radius-10 { border-radius: 10px; }
.radius-20 { border-radius: 20px; }
/* ul,ol{list-style:none} */
.cursor { cursor: pointer; }
header,hgroup,article,nav,footer,figure,figcaption,canvas,section,time{display:block}
button, input[type=text] { -webkit-appearance: none; }
div[type=button] { -webkit-appearance: none; }
.italic { font-style: italic; }
/* a{ color:inherit; text-decoration:none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } */
/* a:hover, a:active{ text-decoration:underline; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } */
input[type=radio] { height: 16px; width: 16px; font-size: 16px; margin-top:-2px; text-shadow:none; vertical-align:middle; }
input[type=checkbox] { height: 16px; width: 16px; font-size: 16px; margin-top:-2px; text-shadow:none; vertical-align:middle; }
label { margin-left:0px; }
.fas { -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; display:inline-block; font-style:normal; font-variant:normal; }
.sort-icon-down:before{color:#ff0000; content:"\25BC"}
.sort-icon-up:before{color:#ff0000; content:"\25B2"}
.sort-icon:before{color:#117A65; content:"\25B8"}
th { background-color: #eaf1f8; }
th:hover { background-color: #A5B7D5;}

.inline { display:inline !important; }
.bold { font-weight:bold !important; }
.b-radius { border-radius: 2px; }
.fixed-top0 { position: fixed; top: 0; z-index: 103; position: -webkit-sticky; }
.sticky-top { position: sticky; top: 0; z-index: 105; 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; }
.reply-icon { font-size:12px;background-color:#ae905e; color:white;line-height:1.1em; }
.bodo-icon { font-size:12px;background-color:#85bed9; 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; font-size:16px; margin-top:5px; padding: 2px 5px; height:40px; border-radius: 0px; } 
.input-control { font-weight:400; background-color: white; border:1px solid #d0d0d0; padding: 2px 5px; height:40px; border-radius: 1px; } 
.text-gcenter {width:100%; margin:0 auto; padding:10px; line-height:1.6em; letter-spacing:-2px; word-spacing:-1px; }

.rounded { border-radius: 20%; overflow: hidden; }
.rounded-full { border-radius: 50%; overflow: hidden; }
.blue-border { width:100%; border: 2px solid #279dd4; }
.blue-top-dborder { width:100%; border-top: 3px solid #279dd4; }
.blue-top-border { width:100%; border-top: 2px solid #279dd4; }
.box-shadow { box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.2); }
.blue-topunder-border { width:100%; border-top: 2px solid #279dd4; border-bottom: 2px solid #279dd4; }
.blue-topunder-nomal { width:100%; border-top: 2px solid #279dd4; border-bottom: 1px solid #279dd4; }
.blue-left-border { border-top:1px solid #d2eaf7; border-right: 1px solid #d2eaf7; border-bottom:1px solid #d2eaf7; border-left:2px solid #279dd4; }
.blue-leftright-border { border-top:1px solid #d2eaf7; border-right: 2px solid #279dd4; border-bottom:1px solid #d2eaf7; border-left:2px solid #279dd4; }
.blue-right-border { border-top:1px solid #d2eaf7; border-right: 2px solid #279dd4; border-bottom:1px solid #d2eaf7; border-left:1px solid #d2eaf7; }
.blue-under-border { width:100%; border-bottom: 2px solid #279dd4; }
.blue-under-thin { width:100%; border-bottom: 1px solid #279dd4; }
.blue-top-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; }
.topunder-border { border-top:1px solid #d2eaf7; border-bottom:1px solid #d2eaf7; }
.topunder-2border { border-top:3px solid #3c3c3c; border-bottom:2px solid #3c3c3c; }
.under-2border { border-bottom:2px solid #3c3c3c; }
.right-blank-border { border-top:1px solid #d2eaf7; border-right: none; border-bottom:1px solid #d2eaf7; border-left:1px solid #d2eaf7; }
.bottom-blank-border { border-top:1px solid #d2eaf7; border-right:1px solid #d2eaf7; border-left:1px solid #d2eaf7; }
.top-right-border { border-top:1px solid #d2eaf7; border-right:1px solid #d2eaf7;}
.left-bottom-border { border-bottom:1px solid #d2eaf7; border-left:1px solid #d2eaf7; }
.left-border { border-left:1px solid #d2eaf7; }
.right-border { border-right:1px solid #d2eaf7; }
.no-blank-border { border:1px solid #d2eaf7; }
.under-border { border-bottom:1px solid #d2eaf7; }
.top-border { border-top:1px solid #d2eaf7; }
.gray-under-border { border-bottom:1px solid #b2b2b3; }

.dropdn { position: relative; display: inline-block; margin:0; padding:0; top: 0; }
.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: 900; }
.dropdn-box a { color: black; padding: 2px; text-decoration: none; display: block; z-index: 900; }
/* .dropdn-box a:hover { background-color:#279dd4; color:white; font-weight:400; } */
.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: 900; }
.dropdn:hover .dropdn-menu { display: block; background-color: #ffffff; }
/* .dropdn a:hover { background-color: #279dd4; color:white; font-weight:400; } */

.dropdnw { position: relative; display: inline-block; margin:0;padding:0; top: 0; z-index: 500}
.dropdn-wbutton { padding: 2px; border: none; }
.dropdn-wbox { display: none; position: absolute; background-color: #fafaff; width:100%; min-width: 60px; margin-left:0px; padding: 2px; box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2); z-index: 900; }
.dropdn-wbox a { color: black; padding: 2px; text-decoration: none; display: block; }
/* .dropdn-wbox a:hover { background-color:#279dd4; color:white; font-weight:400; } */
.dropdnw:hover .dropdn-wbox { display: block; }
.dropdn-wmenu { display: none; position: absolute; left: 0%; top: 65px;  transform: translate(0%);  background-color: #fafaff; 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: #fafaff; }
/* .dropdnw a:hover { background-color: #279dd4; color:white; font-weight:400; } */

.radius-topleft { border-top-left-radius: 1.0em; }
.radius-topright { border-top-right-radius: 1.0em; }
.radius-btmleft { border-bottom-left-radius: 1.0em; }
.radius-btmright { border-bottom-right-radius: 1.0em; }

/* .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 { display:flex; justify-content:flex-start; align-items:left; text-align:left; }
.flex-lefttop { 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; }
.flex-wrap { width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; align-items:start; text-align:left; vertical-align:top; border:0; }
.flex-wrap-center { width:100%; display:flex; justify-content:center; flex-wrap:wrap; 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-radius: 2px; }
.font-sp5p0 { letter-spacing:5px; word-spacing:0px; }
.font-sp2p0 { letter-spacing:2px; word-spacing:0px; }
.font-spZero { letter-spacing:0px; word-spacing:0px; }
.font-sp1-0 { letter-spacing:-1px; word-spacing:0px; }
.font-sp1-1 { letter-spacing:-1px; word-spacing:-1px; }
.font-sp2-0 { letter-spacing:-2px; word-spacing:0px; }
.font-sp2-1 { 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:#686868; }
.font-blk3 { font-size: 13px; color:#686868; }
.font-blk4 { font-size: 14px; color:#686868; }
.font-blk5 { font-size: 15px; color:#686868; }
.font-blk6 { font-size: 16px; color:#686868; }
.font-blk7 { font-size: 17px; color:#686868; }
.font-blk8 { font-size: 18px; color:#686868; }
.font-blk9 { font-size: 19px; color:#686868; }
.font-blk20 { font-size: 20px; color:#686868; }
.font-blk22 { font-size: 22px; color:#686868; }
.font-blk24 { font-size: 24px; color:#686868; }
.font-blk26 { font-size: 26px; color:#686868; }
.font-blk28 { font-size: 28px; color:#686868; }
.font-blk32 { font-size: 32px; color:#686868; }
.font-blkb4 { font-size: 14px; font-weight:bold; color:#686868; }
.font-blkb5 { font-size: 15px; font-weight:bold; color:#686868; }
.font-blkb6 { font-size: 16px; font-weight:bold; color:#686868; }
.font-blkb7 { font-size: 17px; font-weight:bold; color:#686868; }
.font-blkb8 { font-size: 18px; font-weight:bold; color:#686868; }
.font-blkbb { font-size: 20px; font-weight:bold; color:#686868; }
.font-blkb22 { font-size: 22px; font-weight:bold; color:#686868; }
.font-blkb24 { font-size: 24px; font-weight:bold; color:#686868; }
.font-blkb26 { font-size: 26px; font-weight:bold; color:#686868; }
.font-blkb28 { font-size: 28px; font-weight:bold; color:#686868; }
.font-blkb32 { font-size: 32px; font-weight:bold; color:#686868; }
.font-blue2 { font-size: 12px; color:#0303b4; }
.font-blue3 { font-size: 13px; color:#0303b4; }
.font-blue4 { font-size: 14px; color:#0303b4; }
.font-blue5 { font-size: 15px; color:#0303b4; }
.font-blue6 { font-size: 16px; color:#0303b4; }
.font-blue7 { font-size: 17px; color:#0303b4; }
.font-blue8 { font-size: 18px; color:#0303b4; }
.font-blue9 { font-size: 19px; color:#0303b4; }
.font-blueb { font-size: 20px; color:#0303b4; }
.font-blue22 { font-size: 22px; color:#0303b4; }
.font-blue24 { font-size: 24px; color:#0303b4; }
.font-blue28 { font-size: 28px; color:#0303b4; }
.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-red8 { font-size: 18px; color:red; }
.font-redb { font-size: 20px; 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; }
.font-redb22 { font-size: 22px; font-weight:bold; color:red; }
.font-redb24 { font-size: 24px; 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: 380px; background-color: #fbfbfb; border:1px solid #a7d0e3; border-radius: 2px; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2); align-items: center; margin: 0 auto; position: relative; }
.container1 { width: 100%; max-width: 470px; background-color: #fbfbfb; border:1px solid #279dd4; border-radius: 2px; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2); align-items: center; margin: 0 auto; position: relative; }
.container01 { width: 100%; max-width: 630px; background-color: #fbfbfb; border:1px solid #279dd4; border-radius: 2px; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);}
.container2 { width: 100%; max-width: 670px; background-color: #fbfbfb; border:1px solid #279dd4; border-radius: 2px; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2); align-items: center; margin: 0 auto; position: relative; }
.container23 { width: 100%; max-width: 800px; background-color: #fbfbfb; border:1px solid #279dd4; border-radius: 2px; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2); align-items: center; margin: 0 auto; position: relative; }
.container3 { width: 100%; max-width: 970px; background-color: #fbfbfb; border:1px solid #279dd4; border-radius: 2px; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2); align-items: center; margin: 0 auto; position: relative; }
.container31 { width: 100%; max-width: 990px; background-color: #fbfbfb; border:1px solid #279dd4; border-radius: 2px; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2); align-items: center; margin: 0 auto; position: relative; }
.container34 { width: 100%; max-width: 1080px; background-color: #fbfbfb; border:1px solid #279dd4; border-radius: 2px; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2); align-items: center; margin: 0 auto; position: relative; }
.container4 { width: 100%; max-width: 1280px; background-color: #fbfbfb; border:1px solid #279dd4; border-radius: 2px; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2); align-items: center; margin: 0 auto; position: relative; }
.container5 { width: 100%; max-width: 1620px; background-color: #fbfbfb; border:1px solid #279dd4; border-radius: 2px; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2); align-items: center; margin: 0 auto; position: relative; }
.container6 { width: 100%; max-width: 1830px; background-color: #fbfbfb; border:1px solid #279dd4; border-radius: 2px; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2); align-items: center; margin: 0 auto; position: relative; }
.container7 { width: 100%; max-width: 1920px; background-color: #fbfbfb; border:1px solid #279dd4; border-radius: 2px; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2); align-items: center; margin: 0 auto; position: relative; }
.containerF { width: 100%; max-width: 2500px; background-color: #fbfbfb; align-items: center; margin: 0 auto; position: relative; }
.container0b { width: 100%; max-width: 380px; 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; }
.container01b { width: 100%; max-width: 630px; border-radius: 3px; align-items: center; margin: 0 auto; position: relative; }
.container2b { width: 100%; max-width: 670px; 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; }
.container31b { width: 100%; max-width: 990px; 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-box { box-shadow:5px 5px 10px 2px rgba(0,0,0,0.2); }
.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; margin:0 5px; }
.atest:hover { background-color: #dae3d6; } 
.mini-img { width:220px; height:auto; padding:3px; }
.border0 { margin:0 2px; border: 0; padding:0 3px; }
.border01 { border: 1px solid #e0e0e0; border-radius: 8px; }
.border1 { border: 1px solid #d1d4d6; }
.border-1 { border: 1px solid #97c9e0; }
.border2 { border: 2px solid #b9bfe6; }
.border3 { border: 3px solid #6a7ef0; }
.no-border { border: 0; }
.right-head { position: absolute; right: 0%; transform: translate(0%); }
.onhover-100:hover { background-color: #dae3d6; cursor: pointer; width:100% !important; height:auto; } 
.onhover:hover { background-color: #f7f8f9; 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 { display: flex; justify-content:center; align-items:center; text-align: center; width: 100%; border-width: 1px; border-radius: 0px; font-size: 16px; }
.card-deck .card { width: 100%; justify-content:center; 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: 2px; padding: 0px; margin: 7px; font-size: 16px; min-width: 100px; }
.card { justify-content:center; 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: 2px; padding: 0px; margin: 7px; 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%; } 
.zcard-deck { display: wrap; align-items:left; text-align:left; max-width: 100%; } 
.zcard-deck .zcard { display: wrap; align-items:left; text-align:left; border: 0; margin: 5px 0 0 0; color:black; font-weight:bold; }
.center-chs { width: 100%; text-align: center; position: absolute; margin: 0px; left: 50%; transform: translate(-50%); }
.card-body { padding: .8rem; }
.btns { box-shadow:1px 1px 3px 1px rgba(0,0,0,0.2); }
.btn-sm { font-size:14px; }
.chs-line:hover { background-color: #e5f6f3; }
.bg-active { background-color: #dcdcdc; }
.btn-box { border: 1px solid #6c757d; }
.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_1 { background-color:#b9eff3; }
.bg_2 { background-color:#2fa599; }
.bg_3 { background-color:#648870; }
.bg_4 { background-color:#426941; }
.bg_5 { background-color:#1f4d50; }
.bg_6 { background-color:#11292b; }
.bg_gray { background-color:#585858; }
.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: #eaeaea; }
.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-b1 {margin-bottom:1px !important;}
.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-b18 {margin-bottom:18px !important;}
.mg-b20 {margin-bottom:20px !important;}
.mg-b23 {margin-bottom:23px !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-m5 {margin-top:-5px !important;}
.mg-m2 {margin-top:-2px !important;}
.mg-m1 {margin-top:-1px !important;}
.mg-t0 {margin-top:0px !important;}
.mg-t1 {margin-top:1px !important;}
.mg-t2 {margin-top:2px !important;}
.mg-t3 {margin-top:3px !important;}
.mg-t4 {margin-top:4px !important;}
.mg-t5 {margin-top:5px !important;}
.mg-t6 {margin-top:6px !important;}
.mg-t7 {margin-top:7px !important;}
.mg-t8 {margin-top:8px !important;}
.mg-t9 {margin-top:9px !important;}
.mg-t10 {margin-top:10px !important;}
.mg-t12 {margin-top:12px !important;}
.mg-t13 {margin-top:13px !important;}
.mg-t15 {margin-top:15px !important;}
.mg-t18 {margin-top:18px !important;}
.mg-t20 {margin-top:20px !important;}
.mg-t23 {margin-top:23px !important;}
.mg-t25 {margin-top:25px !important;}
.mg-t30 {margin-top:30px !important;}
.mg-t40 {margin-top:40px !important;}
.mg-t50 {margin-top:50px !important;}
.mg-t60 {margin-top:60px !important;}
.mg-t70 {margin-top:70px !important;}
.mg-t80 {margin-top:80px !important;}
.mg-t100 {margin-top:100px !important;}
.mg-l5 {margin-left:5px !important;}
.mg-l10 {margin-left:10px !important;}

.pd-b5 {padding-bottom:5px !important;}
.pd-b6 {padding-bottom:6px !important;}
.pd-b7 {padding-bottom:7px !important;}
.pd-b8 {padding-bottom:8px !important;}
.pd-b9 {padding-bottom:9px !important;}
.pd-b10 {padding-bottom:10px !important;}
.pd-b15 {padding-bottom:15px !important;}
.pd-b20 {padding-bottom:20px !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;}

.pd-l2 {padding-left:2px !important;}
.pd-l3 {padding-left:3px !important;}
.pd-l4 {padding-left:4px !important;}
.pd-l5 {padding-left:5px !important;}
.pd-l6 {padding-left:6px !important;}
.pd-l7 {padding-left:7px !important;}
.pd-l8 {padding-left:8px !important;}
.pd-l9 {padding-left:9px !important;}
.pd-l10 {padding-left:10px !important;}
.pd-l15 {padding-left:15px !important;}
.pd-l20 {padding-left:20px !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;}

.tc-red { color:#ff0000 !important; }
.tc-white { color:#ffffff !important; }
.tc-brown { color:#874a4a !important; }
.tc-blue { color:#0000ff !important; }
.tc-gray { color:#808080 !important; }
.tc-black { color:#000000 !important; }
.tc-green { color:#01db01 !important; }
.tc-dgreen { color:#0d450d !important; }
.tc-blusky { color:#2fa599 !important; }

.c1-1 { color:#fee559}
.c1-2 { color:#49dbec}
.c2-1 { color:#ffc822}
.c2-2 { color:#24c268}
.c3-1 { color:#ccd624}
.c3-2 { color:#34da9d}

.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-17 {font-size:17px;}
.fs-18 {font-size:18px;}
.fs-19 {font-size:19px;}
.fs-20 {font-size:20px;}
.fs-22 {font-size:22px;}
.fs-24 {font-size:24px;}
.fs-25 {font-size:25px;}
.fs-26 {font-size:26px;}
.fs-28 {font-size:28px;}
.fs-30 {font-size:30px;}
.fs-32 {font-size:32px;}
.fs-34 {font-size:34px;}
.fs-36 {font-size:36px;}
.fs-38 {font-size:38px;}
.fs-40 {font-size:40px;}
.fs-44 {font-size:44px;}
.fs-48 {font-size:48px;}
.fs-52 {font-size:52px;}

.fs-b11 { font-size:11px; font-weight:700; }
.fs-b12 { font-size:12px; font-weight:700; }
.fs-b13 { font-size:13px; font-weight:700; }
.fs-b14 { font-size:14px; font-weight:700; }
.fs-b15 { font-size:15px; font-weight:700; }
.fs-b16 { font-size:16px; font-weight:700; }
.fs-b17 { font-size:17px; font-weight:700; }
.fs-b18 { font-size:18px; font-weight:700; }
.fs-b19 { font-size:19px; font-weight:700; }
.fs-b20 { font-size:20px; font-weight:700; }
.fs-b22 { font-size:22px; font-weight:700; }
.fs-b24 { font-size:24px; font-weight:700; }
.fs-b25 { font-size:25px; font-weight:700; }
.fs-b26 { font-size:26px; font-weight:700; }
.fs-b28 { font-size:28px; font-weight:700; }
.fs-b30 { font-size:30px; font-weight:700; }
.fs-b32 { font-size:32px; font-weight:700; }
.fs-b34 { font-size:34px; font-weight:700; }
.fs-b36 { font-size:36px; font-weight:700; }
.fs-b38 { font-size:38px; font-weight:700; }
.fs-b40 { font-size:40px; font-weight:700; }
.fs-b44 { font-size:44px; font-weight:700; }
.fs-b48 { font-size:48px; font-weight:700; }
.fs-b52 { font-size:52px; font-weight:700; }
.fs-b80 { font-size:80px; font-weight:700; }
.fs-b100 { font-size:100px; font-weight:700; }
.fs-b150 { font-size:150px; font-weight:700; }
.fs-b200 { font-size:200px; font-weight:700; }

.bg-scl { background-color: #bafabd; font-weight:700; text-align:center; padding: 3px; } 
.bg-scl1 { background-color: #BEEFFF; font-weight:700; text-align:center; padding: 3px; } 
.bg-bsky { background-color: #2542e7; color:white; font-weight:700; text-align:center; padding: 3px; } 
.bg-sky { background-color: #33979E; color:white; font-weight:700; text-align:center; padding: 3px; } 
.bg-dam { background-color:#3e6e4c; 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:0 5px; 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:15px; line-height: 1.5; border-radius: 0.15rem; }
.nopad-btn:hover { background-color:#8fdac3; }
.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-weight:300; color:#000; line-height:1.0em;}
.foot-link ul li:after { display:inline-block; width:1px; height:16px; 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:10px; }
#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; }