@charset "utf-8";
/* CSS Document */
@-ms-viewport{width:device-width}
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
html,body,div,p,span,a,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,form,input,select,textarea,button,label,fieldset,table,tr,td,th,tbody,thead,tfoot,caption,video,strong,em,i,b{margin:0;padding:0; word-break:keep-all; font-size:inherit}
ul,ol,li{list-style:none}
img { border:none; max-width:100%}
em,i{ font-style:normal}
table{ border-collapse:collapse; border-spacing:0;}
span, strong, a, em, i, b, input, button, textarea, select{ font-size:inherit; font-family:inherit; vertical-align:middle}
strong,h1,h2,h3,th{ font-weight:inherit}
input[type=button], input[type=submit], button{ cursor:pointer}
select{ max-width:100%}
input[type=text], input[type=button], input[type=submit], input[type=tel], input[type=file], button, label, textarea{ appearance:none;-webkit-appearance:none; -webkit-border-radius:0}
a, input, button, textarea, select, li{ -webkit-tap-highlight-color:transparent}
a:focus, input:focus, button:focus, textarea:focus, select:focus{ outline:none}

a:link{color:#111;text-decoration:none}
a:visited{color:#111;}
a:active{color:#111;}
a:hover{color:#111;text-decoration:none}

html{overflow-x:hidden}
body{font-family:sans-serif; font-weight:400; line-height:1.3; letter-spacing:-.5px}
body.hidden, html.hidden{ overflow-y:hidden}

/*inc*/
.flex{ display:flex; justify-content: space-between; align-content:center; align-items:center}
.flex.wrap{ flex-wrap:wrap}
.flex.col{ flex-direction:column}
.flex.stretch{ align-items: stretch}
.flexcenter{ display:flex; justify-content: center; align-content:center; align-items:center}

.di_wrap{font-size:0}
.di_wrap > li{display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:16px; font-size:1rem;}
.di_wrap > li > a,
.di_wrap > li > .in{ display:block}

.fl_wrap > li{ float:left}
.fl_wrap > li > a:not(.va),
.fl_wrap > li > .in{ display:block}
.fl_wrap::after{ content:""; display:block; clear:both}

.fl_wrap{ *zoom:1;}
.fl_wrap:after{ content:""; display:block; clear:both;}
.fl_wrap > *     { float:left;}
.fl_wrap > .left { float:left;}
.fl_wrap > .right{ float:right;}
.fl_wrap > * > .in{ display:block}

.va_wrap{ display:block; text-align:center; white-space: nowrap}
.va_wrap:before{ content:""; display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:0; height:100%}
.va{display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-width:100%; height:auto; white-space:normal}
.va_wrap img{vertical-align:middle; display:inline-block; *display:inline; zoom:1; max-width:100%; max-height:100%}

.resize{ display:block; height:0; padding-bottom:100%; position:relative}
.resize .re{ position:absolute; left:0; top:0; width:100%; height:100%}
.resize.s1{ padding-bottom:56.25%}

.al{ text-align: left !important;}
.ac{ text-align: center !important;}
.ar{ text-align: right !important;}

.vt{ vertical-align:top !important;}
.vm{ vertical-align:middle !important;}
.vb{ vertical-align:bottom !important;}

.fl{ float:left !important;}
.fr{ float:right !important;}
.cl{ clear:both !important; display:block}
.oh{ overflow:hidden !important;}

.pr{ position:relative; z-index:inherit}
.pa{ position:absolute; z-index:inherit}
.pa100{ position:absolute; z-index:inherit; left:0; top:0; width:100%; height:100%}

.di{display:inline-block; *display:inline; zoom:1;}
.db{ display:block !important;}
.dn{ display:none !important;}

.cp{ cursor:pointer;}
.cutstr {text-overflow : ellipsis;overflow : hidden;white-space : nowrap;}

.wrap_idx{ overflow:hidden}
.con_idx{ position:relative}
.con_idx > .idx{ position:absolute; left:0; top:0; width:100%; visibility:hidden;filter:alpha(opacity=0);opacity:0;}
.con_idx > .idx.on{ position:relative; visibility: visible; filter:alpha(opacity=100);opacity:1;}

.layer_wrap{ position:fixed; left:0; top:0; width:100%; height:100%; visibility:hidden; z-index:1000}
.layer_wrap .layer_bg{position:absolute; z-index:9999; width:100%; height:100%; left:0; top:0; background:#000; opacity:0; transition:.5s}
.layer_wrap .layer_frame{ position:absolute; z-index:10000; left:0; top:0; margin-top:90%; width:100%; height:100%; transition:.5s}

.layer_wrap.on{ visibility:visible}
.layer_wrap.on .layer_bg{ opacity:.5}
.layer_wrap.on .layer_frame{ margin-top:0}

body.pop{background:transparent}
body.pop .popWrap{ position:absolute; left:2%; top:2%; width:96%; height:96%; text-align:center; white-space:nowrap}
body.pop .popWrap:before{ content: ""; display: inline-block; width: 0; height: 100%; margin-right: -4px; vertical-align: middle}
body.pop .popWrap .popIn{ display: inline-block; vertical-align: middle; background:#fff; border-radius:0 0 5px 5px; box-shadow:1px 1px 10px #333; position:relative; text-align:left; white-space:normal;max-height:100%; max-width:100%;}
body.pop .popWrap .popIn:before{ content: attr(data-tit); position:absolute; left:0; top:0; width:100%; z-index:1; color:#fff; display:block; left:0; top:0; padding:.7em 4em .7em 1em; font-weight:700; font-size:1.25em; letter-spacing:-1px; background:#555; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; box-sizing:border-box}
body.pop .popWrap .popIn .popCon{ padding:5em 1.25em 2em 1.25em; min-width:250px}
body.pop .popWrap .popIn .popClose{position:absolute; z-index:10000; right:0; top:0; width:1.75em; padding:.3em 0; color:#fff; text-align:center;font-size:2rem; opacity:.8}
body.pop .popWrap .popIn .popClose:hover{ opacity:1}

@media screen and (-webkit-min-device-pixel-ratio:0){
body.pop .popWrap .popIn .popClose{padding:.2em 0;}
}
@media print {
.hide_print {display:none;}
}

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

.mt0{ margin-top:0 !important;}
.mt3{ margin-top:3px !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;}
.mt40{ margin-top:40px !important;}
.mt50{ margin-top:50px !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;}
.mb40{ margin-bottom:40px !important;}
.mb50{ margin-bottom:50px !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;}
.ml40{ margin-left:40px !important;}
.ml50{ margin-left:50px !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;}
.mr40{ margin-right:40px !important;}
.mr50{ margin-right:50px !important;}

.fwB{ font-weight:700}
.fwM{ font-weight:500}
.fwR{ font-weight:400}
.fwL{ font-weight:300}

.fs32{ font-size:2em !important}
.fs15{ font-size:.938em !important}
.fs14{ font-size:.875em !important}
.fs13{ font-size:.813em !important}
.fs12{ font-size:.75em !important}

.sec2 > li{ width:50% !important}
.sec3 > li{ width:33.33% !important}
.sec4 > li{ width:25% !important}
.sec5 > li{ width:20% !important}
.sec6 > li{ width:16.66% !important}
.sec7 > li{ width:14.28% !important}
.sec8 > li{ width:12.5% !important}
.sec9 > li{ width:11.11% !important}
.sec10 > li{ width:10% !important}

.tt_col_red {color:#c70c13 !important; font-weight:bold !important;}
.tt_col_blue {color:#1685db !important; font-weight:bold !important;}

.scrollst{ overflow:hidden}

/**/
body{ font-size:16px}
body:not(.pop){ display:flex; flex-direction:column; height:100vh}
.box0{ width:98%; margin:0 auto}
.PC{ display:block !important}
.PHONE{ display:none !important}

#header{ position:relative; z-index:1000}
#header .top_wrap{ background:#222; padding:1em 0}
#header .top_wrap .logo .t1{ font-weight: bold; color:#fff; font-size:2em; letter-spacing:-2px; word-spacing:2px}
#header .top_wrap .logo .t2{ font-size:1.438em; color:#c70c13; margin-left:.5em; vertical-align:bottom}
#header .top_wrap .clock{ color:#fff; opacity:.6; font-size:.813em; margin:1em 0 0 3em; letter-spacing:0}
#header .top_wrap .clock .xi{ margin:.125em .25em 0 0}
#header .top_wrap .user{ color:#fff; margin:0 2em 0 0}
#header .top_wrap .user .t1{ font-size:.75em; font-weight:bold}
#header .top_wrap .user .t2{ font-size:.75em}
#header .top_wrap .btn{ line-height:2em; background:#fff; border-radius:5em; font-size:.75em; padding:0 1.5em; margin-left:.75em; border:1px solid transparent; opacity:.9; transition:.3s}
#header .top_wrap .btn:hover{ opacity:1}
#header .top_wrap .btn.c1{ background:none; color:#fff; border-color:rgba(255,255,255,.3)}
#header .top_wrap .btn.c1:hover{ background:#c70c13; border-color:transparent}
#header .top_wrap .btn .xi{ margin-right:.25em}
#header .gnb_wrap{ background:#333; border-bottom:1px solid rgba(0,0,0,.3)}
#header .gnb_wrap .gnb{ justify-content:flex-start; flex-wrap:wrap}
#header .gnb_wrap .gnb > li{ flex:0 1 9.0909%; position:relative}
#header .gnb_wrap .gnb > li .dp1{ padding:.5em 0; color:#fff; border-right:1px solid rgba(0,0,0,.3); position:relative}
#header .gnb_wrap .gnb > li .dp1:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; opacity:0}
#header .gnb_wrap .gnb > li .dp1:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; border-bottom:1px solid rgba(0,0,0,.3)}
#header .gnb_wrap .gnb > li.on .dp1:after{ display:none}
#header .gnb_wrap .gnb > li .dp1 .va{ position:relative}
#header .gnb_wrap .gnb > li .dp1 .tt{ font-size:.875em;}
#header .gnb_wrap .gnb > li .dp1 .xi{ margin-right:.25em; font-size:1.25em}
#header .gnb_wrap .gnb > li:hover .dp1:before{ opacity:.1}
#header .gnb_wrap .gnb > li.on .dp1{ background:#c70c13}
#header .gnb_wrap .gnb > li.on .dp1:before{ display:none}
#header .gnb_wrap .gnb > li.on .dp1 .tt{ text-decoration:underline}
#header .gnb_wrap .gnb > li .flex{ display:block}
#header .gnb_wrap .gnb > li .dp2{ position:absolute; left:-1px; width:100%; width:calc(100% - 1px); box-shadow:2px 2px 3px rgba(0,0,0,.1); border:1px solid #444; opacity:0; visibility:hidden}
#header .gnb_wrap .gnb > li:hover .dp2{ opacity:1; visibility:visible; transition:.3s}
#header .gnb_wrap .gnb > li .dp2{ padding:1em 0; background:#fff}
#header .gnb_wrap .gnb > li .dp2 > li > a{ display:none}
#header .gnb_wrap .gnb > li .dp3 > li > a{ color:#999; text-align:left; padding:.5em 1em; font-size:.75em}
#header .gnb_wrap .gnb > li .dp3 > li > a:hover{ color:#111}

#footer{ background:#333}
#footer .copyright{ text-align:center; color:#fff; font-size:.75em; text-transform:uppercase; letter-spacing:0; padding:1em 0}

#div_loading{ position:fixed; text-align:center; top:50%; left:50%; margin-top:0px; margin-left:0px; z-index:1;}
#div_loading .xi{ font-size:3em;-webkit-animation:xi-spin 2s infinite linear;animation:xi-spin 2s infinite linear}
#div_loading .tt{ font-size:1em}

#contents{ flex:1 0 auto}
#contents .lnb_wrap{ background:#fff; flex:0 0 13em; border-right:1px solid #ddd; position:relative; z-index:1}
#contents .lnb_wrap .btn{ position:absolute; right:-1.5em; top:1.125em}
#contents .lnb_wrap .btn button{ background:#fff; border:1px solid #ddd; border-left:none; width:1.5em; line-height:2em; height:2em; display:block; margin-top:-1px; color:#666}
#contents .lnb_wrap .btn button:hover{ background:#f1f1f1; color:#111}
#contents .lnb_wrap .btn button .xi{ font-size:.75em}
#contents .lnb_wrap .btn button .tt{ display:none}
#contents .lnb_wrap .btn button.b2 .xi:before{ content:"\e91a"}
#contents .lnb_wrap .btn button.b2.on .xi:before{ content:"\e913"}
#contents .lnb_wrap .flex{ display:block}
#contents .lnb_wrap .gnb > li{ display:none}
#contents .lnb_wrap .gnb > li.on{ display:block}
#contents .lnb_wrap .gnb > li .dp1{ text-align:center; padding:.5em}
#contents .lnb_wrap .gnb > li .dp1 .xi{ display:block; font-size:3em; color:#ccc}
#contents .lnb_wrap .gnb > li .dp1 .tt{ color:#111; font-weight:bold}
#contents .lnb_wrap .gnb > li .dp2 > li{ padding-top:.625em; position:relative}
#contents .lnb_wrap .gnb > li .dp2 > li:last-child{ border-bottom:1px solid #eee}
#contents .lnb_wrap .gnb > li .dp2 > li:before{ content:""; position:absolute; left:0; top:0; width:100%; height:.625em; background:#f5f5f5; box-shadow:0 2px 2px rgba(0,0,0,.1) inset}
#contents .lnb_wrap .gnb > li .dp2 > li > a{ border:1px solid #eee; border-left:none; border-right:none; color:#333; position:relative; padding-right:2em; text-align:left}
#contents .lnb_wrap .gnb > li .dp2 > li > a .icon{ width:1.75em; line-height:2em; height:2em; text-align:center; border-right:1px solid #eee; font-size:1.125em}
#contents .lnb_wrap .gnb > li .dp2 > li > a .tt{ padding:0 0 0 .5em; font-size:.875em; font-weight:bold}
#contents .lnb_wrap .gnb > li .dp2 > li > a .arrow{ position:absolute; right:.5em; top:50%; margin-top:-.75em; width:1.5em; line-height:1.5em; height:1.5em; text-align:center; font-size:.688em; border:1px solid #eee; border-radius:100%; cursor:pointer}
#contents .lnb_wrap .gnb > li .dp2 > li > a .arrow:before{ content:"\e91a"}
#contents .lnb_wrap .gnb > li .dp2 > li > a .arrow:hover{ background:#f1f1f1; border-color:#ccc}
#contents .lnb_wrap .gnb > li .dp2 > li.on > a{ color:#c70c13}
#contents .lnb_wrap .gnb > li .dp2 > li.dp2Hide > a .arrow{ background:#6f7284; color:#fff; border-color:transparent}
#contents .lnb_wrap .gnb > li .dp2 > li.dp2Hide.on > a .arrow{ background:#c70c13}
#contents .lnb_wrap .gnb > li .dp2 > li.dp2Hide > a .arrow:before{ content:"\e913"}
#contents .lnb_wrap .gnb > li .dp2 > li.dp2Hide .dp3{ display:none}
#contents .lnb_wrap .gnb > li .dp3 > li > a{ padding:.5em 3em .5em 1em; font-size:.875em; text-align:left; border:1px solid #eee; border-top:none; border-right:none; color:#333; position:relative}
#contents .lnb_wrap .gnb > li .dp3 > li > a:after{ content:"\e93f"; font-family:xeicon!important; position:absolute; right:0; top:50%; margin-top:-.625em; width:2em; text-align:center; color:#aaa}
#contents .lnb_wrap .gnb > li .dp3 > li:hover > a,
#contents .lnb_wrap .gnb > li .dp3 > li.on > a{ color:#111; font-weight:bold}
#contents .lnb_wrap .gnb > li .dp3 > li.on > a:after{ color:#111}
#contents .lnb_wrap .gnb > li .dp3 > li:last-child > a{ border-bottom:none}
#contents .lnb_wrap .gnb > li .dp3 > li > a .va{ font-size:.875em}

#contents .doc_wrap{ background:#fff; flex:1 1 auto; padding:1em 2em 1em 3em}
#contents .doc_wrap .doc_tit{ padding-bottom:.5em; margin-bottom:1em; border-bottom:1px solid #eee; position:relative}
#contents .doc_wrap .doc_tit .tit{ font-weight:bold; color:#111; font-size:1.313em; letter-spacing:-2px; word-spacing:2px}
#contents .doc_wrap .doc_tit .tit:before{ content:""; position:absolute; left:0; bottom:-1px; width:2em; height:1px; background:#c70c13}
#contents .doc_wrap .doc_tit .nav{ padding-right:1em; color:#666}
#contents .doc_wrap .doc_tit .nav .tt{ font-size:.75em}
#contents .doc_wrap .doc_tit .nav .tt:before{content:"\e940"; font-family:xeicon!important; display:inline-block; padding:0 .5em; color:#aaa}
#contents .doc_wrap .doc_tit .nav .xi{ font-size:1em}
.doc,
.pop .popCon{ font-size:13px}

.lnbHide #contents .lnb_wrap{ flex-basis:0px}
.lnbHide #contents .lnb_wrap .gnb{ display:none}
.lnbHide #contents .lnb_wrap .btn{ right:-2.5em}
.lnbHide #contents .lnb_wrap .btn .b1{ background:#333; color:#fff; border-color:transparent; line-height:1; height:auto; padding:.5em 0; width:2.5em; text-align:center}
.lnbHide #contents .lnb_wrap .btn .b1 .xi{ transform:rotate(180deg)}
.lnbHide #contents .lnb_wrap .btn .b1 .tt{ display:block; font-size:.625em; margin-top:.5em}
.lnbHide #contents .lnb_wrap .btn .b2{ display:none}
.lnbHide #contents .doc_wrap{ padding-left:4em}

/**/
.hover_st{ position:relative; overflow:hidden; transition:.3s}
.hover_st:after{ content:"\e93f"; position:absolute; right:-2em; top:50%; line-height:1em; height:1em; margin-top:-.438em; font-size:1em; font-family:xeicon!important; transition:.3s}
.hover_st:hover{ padding-right:2em !important}
.hover_st:hover:after{ right:1em}

.login_wrap{ position:fixed; width:100%; height:100%; left:0; top:0; background:#111}
.login_wrap .bg{ position:absolute; left:0; bottom:0; width:100%; height:100%; opacity:.1; background: repeating-linear-gradient(90deg, #444, #444 2px, #666 0, #666 6px);}
.login_wrap .login_tit{ text-align:center; margin:-4em 0 2em 0; color:#fff}
.login_wrap .login_tit .icon{ display:block; font-size:5em; opacity:.3}
.login_wrap .login_tit .t1{ font-size:2em; padding-top:.438em; display:inline-block}
.login_wrap .login_tit .t2{ font-size:3em; margin-left:.25em}

.login_wrap .login{ width:600px; max-width:94%; margin:1.5em auto 1em auto}
.login_wrap .login .wrap_in{ padding:3em 2em}

.login_wrap .link_wrap{ margin:1.5em 0; padding:0 2.25em}
.login_wrap .link_wrap .t1{ color:#fff; font-size:.75em}
.login_wrap .link_wrap .t1 .xi{ font-size:1.5em}
.login_wrap .link_wrap .link{ font-size:.875em}
.login_wrap .link_wrap .link .tt{ padding:0 .25em; display:inline-block}
.login_wrap .link_wrap .link:hover .tt{ text-decoration:underline}
.login_wrap .link_wrap .link.st1{ color:#fff}
.login_wrap .link_wrap .link.st2{ color:#fff; font-weight:500}

.box_st{ border-radius:1em 1em; background:#fff; box-shadow:0 2px 3px rgba(0,0,0,.2)}

.form_st{}
.form_st > li{ margin-top:1em}
.form_st > li:first-child{ margin-top:0}
.form_st > li .in{ position:relative; padding:0 1em 0 4em; margin-top:.5em}
.form_st > li .in .icon{ position:absolute; left:0; top:50%; width:3em; line-height:3em; margin-top:-1.5em; text-align:center; color:#666}
.form_st > li .in .icon:before{ font-size:1.313em}
.form_st > li .in .lab{ position:absolute; left:4em; top:50%; line-height:1em; margin-top:-.5em; color:#999; background:#fff; padding:0 .25em; transition:.3s}
.form_st > li .in .inp{ width:100%; box-sizing:border-box; padding:1em 0; height:4em; border:none; position:relative; z-index:1; background:none; font-weight:bold; font-family:tahoma,sans-serif}
.form_st > li .in .line{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; border-radius:.25em; box-sizing:border-box; transition:.3s}
.form_st > li .in .inp:focus ~ .lab,
.form_st > li .in .inp.on ~ .lab{ transform:scale(.9,.9); top:0; color:#003399; margin-left:-.5em}
.form_st > li .in .inp:focus ~ .icon,
.form_st > li .in .inp.on ~ .icon{ color:#333}
.form_st > li .in .inp:focus ~ .line,
.form_st > li .in .inp.on ~ .line{ border-color:#003399}
.form_st > li.btn_wrap{ margin-top:2em}
.form_st > li.btn_wrap .check_wrap{ font-size:.938em}
.form_st > li.btn_wrap .btn{ padding:0 2em; height:3.5em; border-radius:.25em; box-shadow:1px 1px 2px rgba(0,0,0,.2); background:#003399; color:#fff; border:none; min-width:40%}

/**/
.adm_table tr.bg_st {background:#f9f9f9}
.adm_table tr.line_st {border-top:2px solid #456; }
.adm_table th,
.adm_table td{ border:1px solid #ddd; padding:.5em; height:1.3em}
.adm_table th{ background:#f5f5f5; font-weight:bold; color:#000}

.adm_table td.line_no {border-right:none !important; }
.adm_table td.line_no2  {border-left:none !important;}

.adm_table td.bg_st01 {background:#ffc421}
.adm_table td.bg_st02 {background:#ff9933}

.adm_input{ border:1px solid #ddd; box-shadow:1px 1px 1px rgba(0,0,0,.1); padding:0 .5em; height:2.25em; box-sizing:border-box; line-height:1; font-size:.938em}
.adm_input[type=file]{ padding:0; background:none; box-shadow:none; border:none}
.adm_input[type=text]:focus,
.adm_input[type=password]:focus,
.adm_input[type=tel]:focus{ box-shadow:1px 1px 1px rgba(0,0,0,.2) inset;}
.adm_input[readonly=readonly]{ background:#f1f1f1; color:#666; box-shadow:none !important}
textarea.adm_input{ padding:.5em; height:auto; line-height:1.5}
.adm_input.c1{ border-color:#111; background:#111; color:#fff}
.adm_input.c1.re{ border-color:#111; background:#fff; color:#111}
.adm_input.c2{ border-color:#c70c13; background:#c70c13; color:#fff}
.adm_input.c2.re{ border-color:#c70c13; background:#fff; color:#c70c13}
.adm_input.c3{ border-color:#f09819; background:#f09819; color:#fff}
.adm_input.c3.re{ border-color:#f09819; background:#fff; color:#f09819}
.adm_input.c4{ border-color:#16a085; background:#16a085; color:#fff}
.adm_input.c4.re{ border-color:#16a085; background:#fff; color:#16a085}
.adm_input.c5{ border-color:#2c66cb; background:#2c66cb; color:#fff}
.adm_input.c5.re{ border-color:#2c66cb; background:#fff; color:#2c66cb}
.adm_input.c6{ border-color:#0a2d6c; background:#0a2d6c; color:#fff}
.adm_input.c6.re{ border-color:#0a2d6c; background:#fff; color:#0a2d6c}
.adm_input.c7{ border-color:#6a11cb; background:#6a11cb; color:#fff}
.adm_input.c7.re{ border-color:#6a11cb; background:#fff; color:#6a11cb}
.adm_input.c8{ border-color:#ff5858; background:#ff5858; color:#fff}
.adm_input.c8.re{ border-color:#ff5858; background:#fff; color:#ff5858}
.adm_input.c9{ border-color:#657483; background:#657483; color:#fff}
.adm_input.c9 hover{ border-color:#657483; background:#fff; color:#657483}

.adm_input.c10{ border-color:#206f44; background:#206f44; color:#fff}
.adm_input.c10:hover{ border-color:#206f44; background:black; color:#206f44}
.adm_label + .adm_label{ margin-left:1em}

.adm_label{ display:inline-block; *display:inline; zoom:1; cursor:pointer}
.adm_label > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; cursor:pointer;}
.adm_label:not(.cssbrowser) .xi:before{ font-family:xeicon!important; font-style:normal; font-size:1.25em; padding-right:.125em}
.adm_label:not(.cssbrowser) input ~ span,
.adm_label:not(.cssbrowser) input ~ .xi:before{}
.adm_label:not(.cssbrowser) input:checked ~ span,
.adm_label:not(.cssbrowser) input:checked ~ .xi:before{ color:#000}
.adm_label:not(.cssbrowser) input[type=checkbox] ~ .xi:before{ content:"\e98f"}
.adm_label:not(.cssbrowser) input[type=checkbox]:checked ~ .xi:before{ content:"\e92d"}
.adm_label:not(.cssbrowser) input[type=radio] ~ .xi:before{ content:"\e9c6"}
.adm_label:not(.cssbrowser) input[type=radio]:checked ~ .xi:before{ content:"\e9c7"}
.adm_label:not(.cssbrowser) input[type=checkbox],
.adm_label:not(.cssbrowser) input[type=radio]{ width:0; height:0; overflow:hidden; border:none}

.adm_select{ position:relative; background:#fff; display:inline-block; *display:inline; zoom:1;}
.adm_select select{ background:none; padding-right:2em; appearance:none;-webkit-appearance:none; position:relative; z-index:1}
.adm_select select::-ms-expand{display:none;}
.adm_select:after{ content:"\e942"; font-family:xeicon!important; position:absolute; z-index:0; right:0; top:50%; margin-top:-.538em; width:2em; text-align:center}

.adm_text{ color:#000}
.adm_text span, .adm_text strong, .adm_text i{ vertical-align:top}
.adm_text strong{ font-weight:bold !important}

.adm_title{ margin-bottom:.313em}
.adm_title .t1{ font-weight:bold; font-size:1.063em}
.adm_title .t1 .xi{ margin-top:.188em; font-size:1.313em}
.adm_title .t1 .xi:before{ content:"\e903"}

.adm_title2 {margin-bottom:1em;}
.adm_title2 .t1 {font-weight:bold; font-size:1.375em;}

.adm_color{ color:#c70c13}

.adm_paging{ text-align:center}
.adm_paging button{ vertical-align:top; width:2.5em; height:2.5em; line-height:2.5em; font-size:.875em; border:1px solid #ddd; background:#fff; color:#333; font-family: Verdana, Arial, Helvetica, sans-serif}
.adm_paging button:hover,
.adm_paging button.on{ background:#444; color:#fff}
.adm_paging button.icon{ background:#f1f1f1;}
.adm_paging button.icon:hover{ background:#aaa}
.adm_paging .xi.first:before{ content:"\ea47"}
.adm_paging .xi.last:before{ content:"\ea48"}
.adm_paging .xi.prev:before{ content:"\e93c"}
.adm_paging .xi.next:before{ content:"\e93f"}

/**/
.cBlue #header .top_wrap{ background-image: linear-gradient(90deg, #0a2d6c 0%, #2c66cb 100%);}
.cBlue #header .gnb_wrap{ background:#07264b}
.cBlue #header .gnb_wrap .gnb > li.on .dp1{ background:#3279d0}
.cBlue #header .top_wrap .logo .t2{ color:#3279d0}
.cBlue #header .top_wrap .c1.btn:hover{ background:#0a2d6c}
.cBlue #contents .lnb_wrap .gnb > li .dp2 > li.on > a{ color:#3279d0}
.cBlue #contents .doc_wrap .doc_tit .tit::before{ background:#3279d0}
.cBlue .form_st > li .in .inp:focus ~ .lab,
.cBlue .form_st > li .in .inp.on ~ .lab{ color:#2c66cb}
.cBlue .form_st > li .in .inp:focus ~ .line,
.cBlue .form_st > li .in .inp.on ~ .line{ border-color:#2c66cb}
.cBlue .form_st > li.btn_wrap .btn{ background:#003474}
.cBlue .login_wrap{ background-image: linear-gradient(135deg, #0a2d6c 0%, #2c66cb 100%);}
.cBlue .adm_color{ color:#3279d0}

.cViolet #header .top_wrap{ background-image: linear-gradient(90deg, #6a11cb 0%, #2575fc 100%);}
.cViolet #header .gnb_wrap{ background:#444}
.cViolet #header .gnb_wrap .gnb > li.on .dp1{ background:#111}
.cViolet #header .top_wrap .logo .t2{ color:#92bbff}
.cViolet #header .top_wrap .c1.btn:hover{ background:#92bbff}
.cViolet #contents .lnb_wrap .gnb > li .dp2 > li.on > a{ color:#6a11cb}
.cViolet #contents .doc_wrap .doc_tit .tit::before{ background:#6a11cb}
.cViolet .form_st > li .in .inp:focus ~ .lab,
.cViolet .form_st > li .in .inp.on ~ .lab{ color:#6a11cb}
.cViolet .form_st > li .in .inp:focus ~ .line,
.cViolet .form_st > li .in .inp.on ~ .line{ border-color:#6a11cb}
.cViolet .form_st > li.btn_wrap .btn{ background-image: linear-gradient(90deg, #6a11cb 0%, #2575fc 100%);}
.cViolet .login_wrap{ background-image: linear-gradient(135deg, #500e97 0%, #023ea2 50%, #500e97 100%);}
.cViolet .adm_color{ color:#8a3dde}

.cOrange #header .top_wrap{ background-image: linear-gradient(-90deg, #ff5858 0%, #f09819 100%);}
.cOrange #header .gnb_wrap{ background:#666}
.cOrange #header .gnb_wrap .gnb > li.on .dp1{ background:#222; color:#f09819}
.cOrange #header .top_wrap .logo .t2{ color:#fff}
.cOrange #header .top_wrap .c1.btn:hover{ background:#444}
.cOrange #contents .lnb_wrap .gnb > li .dp2 > li.on > a{ color:#ed5900}
.cOrange #contents .doc_wrap .doc_tit .tit::before{ background:#ed5900}
.cOrange .form_st > li .in .inp:focus ~ .lab,
.cOrange .form_st > li .in .inp.on ~ .lab{ color:#ed5900}
.cOrange .form_st > li .in .inp:focus ~ .line,
.cOrange .form_st > li .in .inp.on ~ .line{ border-color:#ed5900}
.cOrange .form_st > li.btn_wrap .btn{ background-image: linear-gradient(-90deg, #ff5858 0%, #f09819 100%);}
.cOrange .login_wrap{ background-image: linear-gradient(135deg, #ff5858 0%, #f09819 50%, #ff5858 100%);}
.cOrange .adm_color{ color:#ff5858}

.cGreen #header .top_wrap{ background-image: linear-gradient(90deg, #16a085 0%, #efca34 100%);}
.cGreen #header .gnb_wrap{ background:#666}
.cGreen #header .gnb_wrap .gnb > li.on .dp1{ background:#076956}
.cGreen #header .top_wrap .logo .t2{ color:#fff}
.cGreen #header .top_wrap .c1.btn:hover{ background:#16a085}
.cGreen #contents .lnb_wrap .gnb > li .dp2 > li.on > a{ color:#16a085}
.cGreen #contents .doc_wrap .doc_tit .tit::before{ background:#16a085}
.cGreen .form_st > li .in .inp:focus ~ .lab,
.cGreen .form_st > li .in .inp.on ~ .lab{ color:#aaa}
.cGreen .form_st > li .in .inp:focus ~ .line,
.cGreen .form_st > li .in .inp.on ~ .line{ border-color:#aaa}
.cGreen .form_st > li.btn_wrap .btn{ background:#076956}
.cGreen .login_wrap{ background-image: linear-gradient(135deg, #efca34 0%, #16a085 50%, #efca34 100%);}
.cGreen .adm_color{ color:#076956}

.cGray #header .top_wrap{ background-image: linear-gradient(60deg, #374452 0%, #566779 100%);}
.cGray #header .gnb_wrap{ background:#5e6a77}
.cGray #header .gnb_wrap .gnb > li.on .dp1{ background:#081523}
.cGray #header .top_wrap .logo .t2{ color:#fff}
.cGray #header .top_wrap .c1.btn:hover{ background:#081523}
.cGray #contents .lnb_wrap .gnb > li .dp2 > li.on > a{ color:#003571}
.cGray #contents .doc_wrap .doc_tit .tit::before{ background:#003571}
.cGray .form_st > li .in .inp:focus ~ .lab,
.cGray .form_st > li .in .inp.on ~ .lab{ color:#566779}
.cGray .form_st > li .in .inp:focus ~ .line,
.cGray .form_st > li .in .inp.on ~ .line{ border-color:#566779}
.cGray .form_st > li.btn_wrap .btn{ background-image: linear-gradient(60deg, #374452 0%, #566779 100%);}
.cGray .login_wrap{ background-image: linear-gradient(135deg, #566779 0%, #374452 50%, #566779 100%);}
.cGray .adm_color{ color:#374452}

.cPastel #header .top_wrap{ background-image: linear-gradient(-90deg, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%);}
.cPastel #header .gnb_wrap{ background:#666}
.cPastel #header .gnb_wrap .gnb > li.on .dp1{ background:#1597b6}
.cPastel #header .top_wrap .logo .t2{ color:#fff}
.cPastel #header .top_wrap .c1.btn:hover{ background:#cf3d3d}
.cPastel #contents .lnb_wrap .gnb > li .dp2 > li.on > a{ color:#066d8b}
.cPastel #contents .doc_wrap .doc_tit .tit::before{ background:#066d8b}
.cPastel .form_st > li .in .inp:focus ~ .lab,
.cPastel .form_st > li .in .inp.on ~ .lab{ color:#0593bc}
.cPastel .form_st > li .in .inp:focus ~ .line,
.cPastel .form_st > li .in .inp.on ~ .line{ border-color:#7ac5d8}
.cPastel .form_st > li.btn_wrap .btn{ background-image: linear-gradient(-90deg, #eea2a2 0%, #b49fda 100%);}
.cPastel .login_wrap{ background:#fff}
.cPastel .login_wrap .login_tit{ color:#666}
.cPastel .adm_color{ color:#d16363}

/*시간표*/
.calendar_wrap{}
.calendar_wrap .calendar_con {}
.calendar_wrap .calendar_con .in {flex-basis:32%; margin-bottom:2em;}

.calendar_top{ margin-bottom:.5em}
.calendar_top .tit{ font-size:1.5em; letter-spacing:-2px; word-spacing:4px; font-weight:bold;}
.calendar_top .btn{ border:1px solid #ddd ;border-radius:3em; padding:.5em 1em; font-size:.813em; color:#999}
.calendar_top .btn .tt{ padding:0 .5em}
.calendar_top .btn:hover{ border-color:#aaa; color:#333}

.calendar_total_w {margin-bottom:1em; text-align:right}
.calendar_total_w > ul {}
.calendar_total_w > ul li {margin-right:1em; padding:.3em .8em; border-radius:.8em; vertical-align:middle;}
.calendar_total_w > ul li.bg1 {background:#ffc421}
.calendar_total_w > ul li.bg2 {background:#ffc421}
.calendar_total_w > ul li.bg3 {background:#ff9933}
.calendar_total_w > ul li .xi {width:1.3em; height:1.3em; line-height:1.3em; text-align:center; background:#fff; border:1px solid #ccc; border-radius:50%; font-size:1em; vertical-align:baseline; margin-right:5px;}
.calendar_total_w > ul li:first-child {display:block; margin-bottom:.5em; padding:0;}
.calendar_total_w > ul li .t_sec {display:inline-block; *display:inline; zoom:1; vertical-align:baseline; text-align:center; width:1em;}
.calendar_total_w > ul li .t1 {vertical-align:baseline; font-size:.875em; font-weight:bold; color:#333;}
.calendar_total_w > ul li .t1.num {color:#0066CC; font-weight:bold; font-size:1em;}
.calendar_total_w > ul li .t2 {vertical-align:baseline; font-size:.875em; font-weight:bold;}

.calendar thead th { background:#f9f9f9; border:1px solid #ddd; padding:.7em; border-top:1px solid #fe770e;}
.calendar thead th.month_t {font-weight:bold; color:#c70c13 !important;}

.calendar tbody th,
.calendar tbody td{ border:1px solid #ddd; padding:.25em; font-weight:400}
.calendar tbody th{ border-top:1px solid #333; color:#555; padding:.7em .5em; font-size:.875em; font-weight:bold}
.calendar tbody th.c1{ border-top-color: #CC0000; color:#CC0000; }
.calendar tbody th.c2{ border-top-color: #0066CC; color:#0066CC}
.calendar tbody td{ vertical-align:top}
.calendar tbody td.bg_st1 {background:#ffc421}
.calendar tbody td.bg_st2 {background:#ff9933}

.calendar tbody td .date{ display:block; color:#111;}
.calendar tbody td .date.col_red{ color:#CC0000}
.calendar tbody td .date.col_blue{ color:#0066CC}
.calendar tbody td .date.c1{ color:#aaa}
.calendar tbody td .txt{ display:block; margin-top:1em;/* min-height:7em*/}