@charset "utf-8";
/* CSS Document */

.box1{ margin:0 10px}
.PC{ display:block}
.PHONE{ display:none}

#header{  position:relative; z-index:1000; box-shadow:1px 1px 5px rgba(0,0,0,.2)}
#header .left{ float:left}
#header .right{ float:right; position:relative; z-index:1}
#header .va_wrap{ height:55px}

#header .logo{ float:left; padding-left:10px; position:relative; z-index:1}
#header .logo a{ display:block; height:45px}

#header .gnb_wrap{ position:absolute; left:0; top:0; width:100%; text-align:center}
#header .gnb_wrap .gnb{ font-size:0; font-family:notokrM, sans-serif; display:inline-block; *display:inline; zoom:1;}
#header .gnb_wrap .gnb > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:16px; font-size:1rem; position:relative}
#header .gnb_wrap .gnb > li * {transition:.4s}
#header .gnb_wrap .gnb > li .dp1{ display:block; width:65px; color:#333; position:relative; border:1px solid #eee; border-top:none; border-bottom:none; margin-right:-1px}
#header .gnb_wrap .gnb > li .dp1:before,
#header .gnb_wrap .gnb > li .dp1:after{ content:""; position:absolute; width:0; height:100%; left:50%; background:#f5f5f5; transition:.4s}
#header .gnb_wrap .gnb > li .dp1:before{ left:auto; right:50%}
#header .gnb_wrap .gnb > li .dp1 .va_tt{ position:relative; z-index:1; font-size:0}
#header .gnb_wrap .gnb > li .dp1 .va_tt .xi{ display:block; font-size:24px; font-size:1.313rem; color:#aaa}
#header .gnb_wrap .gnb > li .dp2{ display:none}
#header .gnb_wrap .gnb > li:hover .dp1:before,
#header .gnb_wrap .gnb > li:hover .dp1:after{ width:50%}
#header .gnb_wrap .gnb > li.on .dp1{ color:#fff}
#header .gnb_wrap .gnb > li.on .dp1:before,
#header .gnb_wrap .gnb > li.on .dp1:after{ width:50%; background:#008cd4}
#header .gnb_wrap .gnb > li:hover .dp1 .va_tt{ font-size:.813em}
#header .gnb_wrap .gnb > li:hover .dp1 .va_tt .xi{ color:#555; margin-bottom:2px}
#header .gnb_wrap .gnb > li.on .dp1 .va_tt{ font-size:0}
#header .gnb_wrap .gnb > li.on .dp1 .va_tt .xi{ color:#fff; margin-bottom:0}
#header .gnb_wrap .gnb > li.on:before{font-family:xeicon!important; content:"\e935"; position:absolute; left:0; bottom:-20px; width:100%; text-align:center; color:#008cd4; font-size:2em}

#header .user_wrap{ float:left}
#header .user_wrap .user{background:#f5f5f5; border:1px solid #ddd; border-radius:30px; font-size:.75em; padding:0 20px}
#header .user_wrap .user *{ vertical-align:top; line-height:25px; color:#666}
#header .user_wrap .user .xi{ padding:1px 5px 0 0; color:#111}
#header .user_wrap .user .point{ font-weight:bold; color:#111}
#header .btn_wrap{ float:left; margin:0 10px}
#header .btn_wrap .btn{ display:block; width:40px; line-height:40px; text-align:center; border-radius:40px; background:#666; color:#fff; opacity:.7; transition:.3s}
#header .btn_wrap .btn:hover{ opacity:1}

#footer{ border-top:1px solid #ddd; background:#fff; text-align:center; padding:7px 5px 5px 5px}
#footer .left{ float:left}
#footer .right{ float:right}

#footer .info{}
#footer .info > *{display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:.813em; line-height:30px; margin-right:1em; color:#555}
#footer .info dt{ color:#333; font-weight:bold}
#footer .copyright{line-height:30px; font-size:.688em; color:#777; text-transform:uppercase; letter-spacing:0}

#contents{ background:#f5f5f5; position:relative}
#contents #lnbWrap{ position:absolute; left:0; top:0; width:200px; border-radius:10px 0 0 10px; overflow:hidden}
#contents #conWrap{ position:relative; margin-left:210px; border-radius:0 10px 10px 0; padding:15px 25px}
#contents .wrapst{ box-shadow:1px 1px 5px rgba(0,0,0,.2); background:#fff}

#contents #lnbWrap .gnb{}
#contents #lnbWrap .gnb > li{ position:relative}
#contents #lnbWrap .gnb > li .dp1,
#contents #lnbWrap .gnb > li .dp1 *{ transition:.4s}
#contents #lnbWrap .gnb > li .dp1{ display:block; height:55px; text-align:left; padding:0 35px 0 15px; border-bottom:1px solid #ddd; color:#333; font-family:notokrM, sans-serif; letter-spacing:-1px; line-height:20px; font-size:.938em; position:relative}
#contents #lnbWrap .gnb > li:first-child .dp1{ border-radius:5px 0 0 0}
#contents #lnbWrap .gnb > li .dp1 .xi{ margin-right:5px}
#contents #lnbWrap .gnb > li .dp1:before{font-family:xeicon!important; font-size:.688em; content:"\e93e"; position:absolute; right:0; top:0; width:30px; line-height:55px; text-align:center; color:#aaa}
#contents #lnbWrap .gnb > li.more .dp1:before{content:"\e935";}
#contents #lnbWrap .gnb > li .dp2{ padding:10px 20px 10px 20px; border-bottom:1px solid #ddd; position:relative; display:none}
#contents #lnbWrap .gnb > li .dp2 > li{ margin:1px 0}
#contents #lnbWrap .gnb > li .dp2 > li > a{ display:block; height:30px; text-align:left; font-size:.813em; position:relative; color:#666}
#contents #lnbWrap .gnb > li .dp2 > li > a:before{font-family:xeicon!important; content:"\e97e"; position:absolute; left:15px; top:10px; text-align:center; color:#aaa}
#contents #lnbWrap .gnb > li .dp2 > li > a .va_tt{ padding-left:30px}
#contents #lnbWrap .gnb > li .dp2 > li > a:after{ font-family:xeicon!important; content:"\ea40"; position:absolute; right:7px; top:3px; text-align:center; color:#aaa; opacity:0; font-size:1.5em}
#contents #lnbWrap .gnb > li.hover .dp1,
#contents #lnbWrap .gnb > li:hover .dp1{
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
#contents #lnbWrap .gnb > li:hover .dp1 .va_tt{margin-left:5px;}
#contents #lnbWrap .gnb > li.hover:hover .dp1 .va_tt{margin-left:0;}
#contents #lnbWrap .gnb > li.hover .dp1:before{content:"\e92f";}
#contents #lnbWrap .gnb > li.hover .dp1:before,
#contents #lnbWrap .gnb > li:hover .dp1:before{ background:rgba(0,0,0,.04); color:#333}
#contents #lnbWrap .gnb > li.on:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #008cd4; border-top:none; box-sizing:border-box}
#contents #lnbWrap .gnb > li.on:first-child:after{ border-radius:5px 0 0 0}
#contents #lnbWrap .gnb > li.on .dp1{ color:#fff; background:#005aa6;
background: rgb(0,90,166); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,90,166,1) 0%, rgba(0,71,131,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,90,166,1) 0%,rgba(0,71,131,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,90,166,1) 0%,rgba(0,71,131,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005aa6', endColorstr='#004783',GradientType=0 ); /* IE6-9 */
}
#contents #lnbWrap .gnb > li.on .dp1:before{ background:rgba(0,0,0,.2); color:#fff}
#contents #lnbWrap .gnb > li.on .dp1 .va_tt{ margin-left:0}
#contents #lnbWrap .gnb > li.on .dp2{ display:block}
#contents #lnbWrap .gnb > li.on .dp2 *{ position:relative; z-index:1}
#contents #lnbWrap .gnb > li .dp2 > li:hover > a{ background:#f5f5f5; border-radius:30px; color:#111}
#contents #lnbWrap .gnb > li .dp2 > li:hover > a:after{ opacity:1}
#contents #lnbWrap .gnb > li .dp2 > li.on > a{ background:#777; border-radius:30px; color:#fff}
#contents #lnbWrap .gnb > li .dp2 > li.on > a:before{ color:#fff}
#contents #lnbWrap .gnb > li .dp2 > li.on > a:after{ opacity:1; color:#fff}

#contents #conWrap .sub_tit{ font-size:1.313em; border-bottom:1px dashed #ccc; font-family:notokrM, sans-serif; background:url(../images/inc/icon_page_tit.png) no-repeat left 0; padding:0 0 14px 30px}
#contents #conWrap .doc{ padding:15px 0}

/**/
.login_wrap{ position:absolute; left:0; top:0; width:100%; height:100%}
.login_wrap .login_bg{position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/main/login_bg.jpg) no-repeat center top; background-size:cover; background-color:#333; transform:scale(1,1); transition:2s}
.Ani .login_wrap .login_bg{transform:scale(1.1,1.1);}
.login_wrap .login{ position:relative}
.login .site_tit{ font-size:2.25em; color:#fff; font-family: Verdana, notokrB, sans-serif; letter-spacing:1px; font-weight:normal; text-align:center}
.login .login_tt{ font-size:.938em; color:#bbb; text-align:center; padding:30px 0 40px 0; line-height:1.5}
.login .login_form{ width:400px; max-width:100%; margin:0 auto; font-family:notokrM, sans-serif}
.login .login_form .check_wrap{ margin-bottom:15px}
.login .login_form .check_wrap .tit{ background:#047dc2; color:#fff; font-size:1.125em; line-height:55px; filter:alpha(opacity=80);opacity:0.8;}
.login .login_form .check_wrap .di_wrap{}
.login .login_form .check_wrap .di_li{ width:50%; }
.login .login_form .check_wrap .di_li .in{ display:block; border-left:1px solid #aaa; background:#f1f1f1; padding:10px 0; color:#666; font-size:.938em}
.login .login_form .check_wrap .di_li:first-child .in{ border-left:none}
.login .login_form .check_wrap .di_li .in.label_st.de:not(.cssbrowser) .xi{ position:static}

.login .login_form .inp_wrap{ position:relative}
.login .login_form .inp_wrap .icon{ position:absolute; left:0; top:17px; width:15%; text-align:center}
.login .login_form .inp_wrap .icon .xi{ font-size:1.5em; color:#aaa}
.login .login_form .inp_wrap .inp{ width:80%; border:none; padding:15px 5% 15px 15%; line-height:30px; height:30px; font-weight:600; background:#f1f1f1; border-top:1px solid #aaa; font-family:Verdana, notokrM, Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:-1px; box-sizing:content-box}
.login .login_form .inp_wrap .inp::-webkit-input-placeholder{font-size:.875em; color:#999;}
.login .login_form .inp_wrap .inp::-moz-placeholder{font-size:.875em; color:#999;}
.login .login_form .inp_wrap .inp:-moz-placeholder{font-size:.875em; color:#999;}
.login .login_form .inp_wrap .inp:-ms-input-placeholder{font-size:.875em; color:#999;}

.login .login_form .btn_wrap{ overflow:hidden}
.login .login_form .btn_wrap .btn{ line-height:60px; background:#00437b; border:2px solid transparent; font-size:1.25em; width:100%; color:#fff; filter:alpha(opacity=90);opacity:0.9; -webkit-transition:.3s; transition:.3s;}
.login .login_form .btn_wrap .btn .xi{ margin-right:5px}
.login .login_form .btn_wrap .btn:hover{filter:alpha(opacity=100);opacity:1;}

.login .login_link{ text-align:center; padding-top:20px}
.login .login_link > li{ display:inline-block; *display:inline; zoom:1;}
.login .login_link > li > a{ display:block; color:#aaa; padding:0 20px; font-size:.813em; position:relative}
.login .login_link > li > a:before{ content:""; position:absolute; left:0; top:25%; width:1px; height:60%; background:#999;}
.login .login_link > li:first-child > a:before{ display:none}
.login .login_link > li > a:hover{ color:#fff}

/**/
.search_box{ padding:10px 20px; background:#fff; border:1px solid #ddd; border-top:2px solid #999; margin-bottom:20px; border-radius:0 0 5px 5px; position:relative; box-shadow:0 1px 3px rgba(0,0,0,.1);
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 50%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 50%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */}
.search_box .search_wrap{ margin:0 -10px -10px 0; overflow:hidden}
.search_box .search_wrap > li{}
.search_box .search_wrap .search{ margin:0 10px 10px 0}
.search_box .search_wrap .search .inp{ display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:5px 10px 9px 10px; height:40px; border:1px solid #ddd; border-left-width:0; box-sizing:border-box; width:100px; font-size:.813rem; color:#666}
.search_box .search_wrap .search .inp.tit{ width:auto; padding-left:10px; padding-right:13px; font-weight:bold; color:#111; font-size:.875rem; line-height:23px}
.search_box .search_wrap .search .inp.w1{ width:180px}
.search_box .search_wrap .search select.inp{ width:auto; padding-right:30px}
.search_box .search_wrap .search .inp.label{ width:auto; padding:3px 20px 11px 10px; background:#fff}
.search_box .search_wrap .search .inp.label label{ margin-left:15px}
.search_box .search_wrap .search .inp.label label:first-child{ margin-left:0}
.search_box .search_wrap .search .inp.tit .xi{ margin-right:2px; vertical-align:middle}
.search_box .search_wrap .search > li:first-child .inp{ border-radius:3px 0 0 3px; border-left-width:1px}
.search_box .search_wrap .search > li:last-child .inp{ border-radius:0 3px 3px 0}
.search_box .search_wrap .search .tt{ padding:0 10px; line-height:40px}
.search_box .search_wrap .search .tt + li .inp{ border-radius:3px; border-left-width:1px}

.search_box .search_wrap .search_btn{ padding:0 20px; height:39px; background:#666; color:#fff; font-size:.813em; border-radius:3px; font-weight:bold; border:none; position:relative}
.search_box .search_wrap .search_btn:before,
.search_box .search_wrap .search_btn:after{ content:""; position:absolute; width:0; height:100%; left:50%; top:0; background:#00437b; transition:.4s}
.search_box .search_wrap .search_btn:before{ left:auto; right:50%}
.search_box .search_wrap .search_btn i{ position:relative; z-index:1; vertical-align: top}
.search_box .search_wrap .search_btn .xi{ margin:1px 0 0 8px; font-size:1.125em}
.search_box .search_wrap .search_btn:hover:before,
.search_box .search_wrap .search_btn:hover:after{ width:50%}
.search_box .search_wrap .search_btn.c1{ background:#00437b}

.search_box.st_board{ padding:0 15px 0 0; border:none; border-top:none; margin-bottom:10px; box-shadow:none; background:none}

.table_st{ table-layout:fixed; font-size:.813rem; border-top:2px solid #008cd4}
.table_st > tbody > tr > th,
.table_st > tbody > tr > td{ height:28px}
.table_st > tbody > tr > th{ padding:7px 5px; border:1px solid #ddd;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */}
.table_st > tbody > tr > td{ padding:7px 5px; border:1px solid #ddd; text-align:center; color:#333}
.table_st > tbody > tr:hover > td{ background:#fafafa}

.table_st.form > tbody > tr > th,
.table_st.form > tbody > tr > td{ height:22px; padding-top:4px; padding-bottom:4px}
.table_st.form > tbody > tr > th{ border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.table_st.form > tbody > tr > td{ text-align:left; padding-left:15px; padding-right:15px}
.table_st.form > tbody > tr:hover > td{ background:none}
.table_st.size1 > tbody > tr > th,
.table_st.size1 > tbody > tr > td{ height:45px}
.table_st.size2 > tbody > tr > th,
.table_st.size2 > tbody > tr > td{ height:30px}

.table_st.st1{ font-size:.938em; border-top:1px solid #ddd}
.table_st.st2{ border-top:none; margin-top:-1px}

.table_st label{ padding-right:1px}

.cell_st1 > td,
.cell_st1 > th,
.cell_st1{ background:#f5f5f5 !important}
.cell_st1:hover > td,
.cell_st1:hover > th,
.cell_st1:hover{ background:#f5f5f5 !important}

.cell_st2{ height:auto !important}

.cell_st3{ background:#fff !important}

td.in_table_wrap{ padding:0 !important}
.in_table{ table-layout:fixed}
.in_table > tbody > tr > th,
.in_table > tbody > tr > td{ border:1px solid #ddd; border-bottom:none; border-right:none; padding:5px; box-sizing:border-box; height:30px}
.in_table > tbody > tr:first-child th,
.in_table > tbody > tr:first-child td{ border-top:none}
.in_table > tbody > tr > th:first-child,
.in_table > tbody > tr > td:first-child{ border-left:none}
.in_table > tbody > tr > td{ text-align:left}

.line_l{ border-left:1px solid #ddd}

table .w_check{ width:60px}
table .w_no{ width:50px}
table .w_no2{ width:100px}
table .w_no3{ width:200px}
table .w_hit{ width:80px}
table .w_center{ width:70px}
table .w_center2{ width:150px}
table .w_center3{ width:150px}
table .w_name{ width:70px}
table .w_name2{ width:150px}
table .w_nameS{ width:200px}
table .w_date{ width:70px}
table .w_date2{ width:100px}
table .w_date3{ width:200px}
table .w_day{ width:80px}
table .w_place{ width:100px}
table .w_place2{ width:150px}
table .w_tel{ width:100px}
table .w_auto{ width:auto}
table .w_car{ width:120px}
table .w_carno{ width:100px}
table .w_paytime{ width:100px}
table .w_email{ width:150px}
table .w_time{ width:120px}
table .w_time2{ width:100px}
table .w_time3{ width:70px}
table .w_time4{ width:30px}
table .w_timeT{ width:170px}
table .w_btn0{ width:50px}
table .w_btn{ width:80px}
table .w_btn2{}
table .w_btn3{ width:250px}
table .w_etc{ width:220px}
table .w_etc2{ width:100px}
table .w_edu{ width:100px}
table .w_score{ width:70px}
table .w_memo{ width:350px}
table .w_distance{ width:60px}
table .w_price{ width:75px}
table .w_price2{ width:95px}
table .w_file{ width:60px}
table .w_level{ width:80px}
table .w_subject{ width:200px}
table .w_state{ width:80px}
table .w_note{ width:120px}
table .w_right{ width:13%}


table .w_form_tit{ width:20%}
table .w_form_tit2{ width:20%}
table .w_form2{ width:30%}
table .w_form_tit3{ width:12.33%}
table .w_form3{ width:21%}
table .w_form_tit4{ width:8%}
table .w_form4{ width:17%}

table .w_form_st1_1{ width:100px}
table .w_form_st1_2{ width:200px}

table .w_form_st2_1{ width:180px}
table .w_form_st2_2{ width:150px}
table .w_form_st2_3{ width:80px}
table .w_form_st2_4{ width:200px}

.table_st.st_board th,
.table_st.st_board td{ border-left:none; border-right:none}
.table_st.st_board a{ display:block; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}

.no_con{ padding:100px 0 !important}
.no_con:hover{ background:none !important}

.table_st.st_board.st_view{}
.table_st.st_board.st_view tr:hover td{ background:#fff}
.table_st.st_board.st_view .view_tit{ font-size:1.063em; font-weight:bold; color:#111; text-align:left}
.table_st.st_board.st_view th{ text-align:left; padding-left:15px}
.table_st.st_board.st_view th .xi{ width:20px; vertical-align:middle}
.table_st.st_board.st_view td{ padding-left:20px; padding-right:20px; text-align:left}
.table_st.st_board.st_view a:hover{ text-decoration:underline}

.table_st.st_board.st_view .view_icon_tit:before{content:"\e9d8"}
.table_st.st_board.st_view .view_icon_name:before{content:"\e9f2"}
.table_st.st_board.st_view .view_icon_date:before{content:"\e9a4"}
.table_st.st_board.st_view .view_icon_hit:before{content:"\e951"}
.table_st.st_board.st_view .view_icon_file:before{content:"\ea7f"}
.table_st.st_board.st_view .view_icon_prev:before{content:"\ea43"}
.table_st.st_board.st_view .view_icon_next:before{content:"\ea44"}
.table_st.st_board.st_view .view_icon_filedown:before{content:"\ea8b"}
.table_st.st_board.st_view .view_icon_pw:before{content:"\e966"}
.table_st.st_board.st_view .view_icon_check:before{content:"\e92e"}

.table_st.st_board.st_view .file_list{ border:1px solid #fff; border-radius:5px; padding:0 5px; line-height:25px; color:#777; margin-left:-8px}
.table_st.st_board.st_view .file_list:hover{ border-color:#ddd; text-decoration:none; color:#333; background:#f9f9f9}

.table_st.st_board .w_no{ width:80px}
.table_st.st_board .w_tit{ width:auto}
.table_st.st_board .w_file{ width:80px}
.table_st.st_board .w_name{ width:80px}
.table_st.st_board .w_name2{ width:120px}
.table_st.st_board .w_date{ width:100px}
.table_st.st_board .w_hit{ width:80px}
.table_st.st_board .w_form_tit{ width:150px}
.table_st.st_board .w_form_tit3{ width:10%}
.table_st.st_board .w_form3{ width:23.3333%}

.table_st.st_board .cell_notice td{ background:#f8fbff}
.table_st.st_board .cell_reply td{ background:#f5f5f5}

.board_view_con{ padding:20px; text-align:left}

.board_icon.xi{}
.board_icon.xi:before{font-size:1.125em}
.board_icon.new:before{content:"\e9a8"; color:#008cd4}
.board_icon.notice:before{ content:"\ea5b"; color:#00437b}
.board_icon.reply:before{ content:"\e981"; color:#aaa}
.board_icon.file:before{ content:"\ea7f"; color:#999; font-size:.875em}

.tt_state1{ color: #FF3333}
.tt_state2{ color:#009933}
.tt_state3{ color:#999}

.xi.btn_st{ width:15px}
.xi.btn_st + i{ margin-left:2px}
.xi.btn_st.modify:before{content:"\ea39"}
.xi.btn_st.ok:before{ content:"\ea8c"}
.xi.btn_st.list:before{ content:"\e998"}
.xi.btn_st.file:before{ content:"\eb7c"}
.xi.btn_st.write:before{ content:"\ea39"}
.xi.btn_st.s1{ line-height:20px; width:10px}

.label_group_wrap{ margin:0 -5px -5px 0}
.label_group_wrap .in{ border:1px solid #999; border-top:none; margin:0 5px 5px 0;}
.label_group{ font-size:.75em; margin-top:5px; position:relative}
.label_group:first-child{ margin-top:0}
.label_group:before{ content:""; position:absolute; width:100%; height:5px; left:-1px; top:-6px; border:1px solid #fff; border-top:1px solid #999; border-bottom:none}
.label_group:first-child:before{ display:none}
.label_group > dt{ color:#111; font-weight:bold; position:relative; border-bottom:3px double #999; border-top:2px solid #333;}
.label_group > dt label span{ font-size:1.063em}
.label_group > dd{ padding:5px 5px; position:relative}
.label_group .label_st{ display:block; border-bottom:1px solid #ddd}
.label_group > dt .label_st{ margin:5px}
.label_group > dt .label_st:first-child{ border-bottom:none}
.label_group:hover > dt{ background:#f5f5f5}

.subject_list{ text-align:left}
.subject_list > li{ font-size:.813rem; width:25%}

.btn_wrap{ text-align:center; margin-top:20px; font-size:.938em}
.btn_wrap.mg1{ margin-top:-10px; padding-bottom:10px}

.page_topwrap{ overflow:hidden; font-size:.875em; margin-bottom:10px}
.page_topwrap .left{ float:left}
.page_topwrap .right{ float:right}
.page_topwrap .btnWrap{ }

.cation_st{ background:#008cd4; text-align:center; border-radius:5px 5px 0 0; color:#fff; font-weight:bold; padding:10px; font-size:.938em}

.page_sec{ margin-top:20px}
.page_sec2{ margin-top:10px}

.file_add > li{ margin-top:5px}
.file_view{ display:block; word-break: break-all;word-wrap: break-word;  white-space: pre-wrap; line-height:30px; padding:0 5px; padding-right:40px; position:relative; border-radius:5px; border:1px solid #ddd; transition:.3s; letter-spacing:0}
.file_view:hover{ background:#999; border-color:#999; color:#fff}

/**/
.calendar_tab > li .tab{ width:50px; line-height:45px; border-radius:0 5px 5px 0; border:1px solid #ddd; text-align:center; margin-left:-1px}
.calendar_tab > li:first-child .tab{ border-radius:5px 0 0 5px; margin-left:0}

.calendar_tit{ text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; padding-bottom:10px}
.calendar_tit .tit{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; line-height:1}
.calendar_tit .tit .t1{ display:block; color:#aaa; font-size:.813em; letter-spacing:2px; padding-left:4px}
.calendar_tit .tit .t2{ display:block; color:#111; font-size:2.5em; letter-spacing:-2px}
.calendar_tit .tit .t2 .ts{ font-size:.313em; color:#666; vertical-align: baseline; padding-left:5px}
.calendar_tit .calendar_btn{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; border:1px solid #ddd; text-align:center; width:30px; line-height:30px; border-radius:30px; margin-top:16px; color:#777}
.calendar_tit .calendar_btn.prev{ padding-right:1px; margin-right:30px}
.calendar_tit .calendar_btn.next{ padding-left:1px; margin-left:30px}
.calendar_tit .calendar_btn.prev:before{content:"\e93c"}
.calendar_tit .calendar_btn.next:before{content:"\e93f"}
.calendar_tit .calendar_btn:hover{ color:#111;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */}

.calendar_table{ font-size:.875em}
.calendar_table th,
.calendar_table td{ border:1px solid #ddd}
.calendar_table .row_day th{ border-top:2px solid #008cd4; color:#111; padding:10px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */}
.calendar_table .row_week th{ background:#f9f9f9; color:#333; padding:8px}
.calendar_table .row td{ height:40px}

.calendar_table .dataWrap{ display:block; padding:5px 30px 5px 10px; text-align:center; background:#f1f1f1; font-size:.938em; border:2px solid #fff; color:#fff; position:relative; opacity:.9}
.calendar_table .dataWrap .more{ position:absolute; z-index:1; right:0; top:0; width:30px; height:100%; background:rgba(0,0,0,.1); color:#fff}
.calendar_table .dataWrap .more .xi:before{content:"\e942"}
.calendar_table .dataWrap .t1,
.calendar_table .dataWrap .t2,
.calendar_table .dataWrap .t3{ display:block; font-weight:bold; line-height:1.2}
.calendar_table .dataWrap .t3{ text-align:center; padding:3px; margin-bottom:3px; background:rgba(0,0,0,.3); font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; letter-spacing:0}
.calendar_table .dataWrap .tt_list{ margin-top:8px; border-top:1px dotted #fff; padding-bottom:5px}
.calendar_table .dataWrap .tt_list > li{ margin-top:5px; padding-left:10px; text-indent:-8px; line-height:1; font-size:.938em}
.calendar_table .dataWrap:hover{ box-shadow:1px 1px 3px rgba(0,0,0,.3); opacity:1}
.calendar_table .dataWrap.complete{ background:#ddd !important; color:#999; cursor:default; padding-left:50px; padding-right:15px}
.calendar_table .dataWrap.complete .more{ display:none}
.calendar_table .dataWrap.complete .state{ position:absolute; left:0; top:0; width:45px; height:100%; background:#aaa; color:#fff; font-size:.938em; line-height:1.1}
.calendar_table .dataWrap.complete:hover{ box-shadow:none; opacity:.9}

.calendar_table .row:nth-child(11n-9) .dataWrap{ background:#6e95dd}
.calendar_table .row:nth-child(11n-8) .dataWrap{ background:#f58b79}
.calendar_table .row:nth-child(11n-7) .dataWrap{ background:#dab436}
.calendar_table .row:nth-child(11n-6) .dataWrap{ background:#c5818b}
.calendar_table .row:nth-child(11n-5) .dataWrap{ background:#5f9ea8}
.calendar_table .row:nth-child(11n-4) .dataWrap{ background:#9e7999}
.calendar_table .row:nth-child(11n-3) .dataWrap{ background:#a18e6e}
.calendar_table .row:nth-child(11n-2) .dataWrap{ background:#569a6b}
.calendar_table .row:nth-child(11n-1) .dataWrap{ background:#4a93bb}
.calendar_table .row:nth-child(11n) .dataWrap{ background:#89ad34}

.calendar_table .row .dataWrap.st1{ text-align:left; padding-left:10px; padding-right:10px; opacity:1}
.calendar_table .row .dataWrap.st1:hover{ box-shadow:none}
.calendar_table .row .dataWrap.edu1{ background:#6e95dd !important}
.calendar_table .row .dataWrap.edu2{ background:#89ad34 !important}

.calendar_table .sun{ color: #e62b2b !important}
.calendar_table .sat{ color: #1b99ea !important}

/**/
.loadBefore{ border:1px solid #ddd; padding:150px 0; text-align:center; position:relative; z-index:1; background:#fff}
.loadBefore .xi{ display:block; font-size:3em; color:#aaa}
.loadBefore .tt{ display:block; font-size:.875em; color:#666; margin-top:10px}

.loadAfter{ display:none}

#calendar a.dataWrap .title{ text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
#calendar a.dataWrap .title.t1{ padding-top:10px; font-weight:bold}
#calendar a.dataWrap .title.t2{ padding-bottom:10px}

#calendar a.dataWrap{ border:none !important; opacity:.9; overflow:hidden; font-size:.938em; position:relative; padding:0 5px}
#calendar .fc-content-skeleton table tr:nth-child(6n-5) a.dataWrap{ background:#6e95dd}
#calendar .fc-content-skeleton table tr:nth-child(6n-4) a.dataWrap{ background:#89ad34}
#calendar .fc-content-skeleton table tr:nth-child(6n-3) a.dataWrap{ background:#dab436}
#calendar .fc-content-skeleton table tr:nth-child(6n-2) a.dataWrap{ background:#c5818b}
#calendar .fc-content-skeleton table tr:nth-child(6n-1) a.dataWrap{ background:#5f9ea8}
#calendar .fc-content-skeleton table tr:nth-child(6n) a.dataWrap{ background:#569a6b}

/*
#calendar .fc-content-skeleton table tr:nth-child(11n-9) a.dataWrap{ background:#6e95dd}
#calendar .fc-content-skeleton table tr:nth-child(11n-8) a.dataWrap{ background:#f58b79}
#calendar .fc-content-skeleton table tr:nth-child(11n-7) a.dataWrap{ background:#dab436}
#calendar .fc-content-skeleton table tr:nth-child(11n-6) a.dataWrap{ background:#c5818b}
#calendar .fc-content-skeleton table tr:nth-child(11n-5) a.dataWrap{ background:#5f9ea8}
#calendar .fc-content-skeleton table tr:nth-child(11n-4) a.dataWrap{ background:#9e7999}
#calendar .fc-content-skeleton table tr:nth-child(11n-3) a.dataWrap{ background:#a18e6e}
#calendar .fc-content-skeleton table tr:nth-child(11n-2) a.dataWrap{ background:#569a6b}
#calendar .fc-content-skeleton table tr:nth-child(11n-1) a.dataWrap{ background:#4a93bb}
#calendar .fc-content-skeleton table tr:nth-child(11n) a.dataWrap{ background:#89ad34}
*/

#calendar .fc-content-skeleton table tr a.dataWrap.type1{ background:#6e95dd}
#calendar .fc-content-skeleton table tr a.dataWrap.type2{ background:#89ad34}

#calendar tr.dataWrap{ display:block; position:relative}
#calendar a.dataWrap:hover{ opacity:1}

#calendar a.dataWrap.complete{ padding:0 25px}
#calendar a.dataWrap.complete .completeTT{ position:absolute; left:0; bottom:0; width:20px; height:99%; color:#fff; font-size:.875em; line-height:1; border-radius:2px; background:rgba(0,0,0,.2)}
#calendar a.dataWrap.complete.s1{ background:#666 !important}
#calendar a.dataWrap.complete.s1 .completeTT{ background:#555}
#calendar a.dataWrap.complete.s2{ background:#ddd !important; color:#777; cursor:default}
#calendar a.dataWrap.complete.s2 .completeTT.s1{background:#888}
#calendar a.dataWrap.complete.s1.s2{ padding-left:40px; padding-right:5px}
#calendar a.dataWrap.complete.s2{ padding:0 25px}
#calendar a.dataWrap.complete.s1.s2 .completeTT.s1{left:21px}
#calendar a.dataWrap.complete.s1.s2:hover{ opacity:.9}

#calendar a.dataWrap.complete.a0{ background:#ffc000 !important; color:#000; }
#calendar a.dataWrap.complete.a1{ background:#ffff00 !important; color:#000;}
#calendar a.dataWrap.complete.a2{ background:#92d050 !important; color:#000;}
#calendar a.dataWrap.complete.a3{ background:#00b0f0 !important; color:#000;}
#calendar a.dataWrap.complete.a4{ background:#C0504D !important; color:#000;}
#calendar a.dataWrap.complete.v{ background:#7030a0 !important; color:#fff;}
#calendar a.dataWrap.complete.r{ background:#000000 !important; color:#fff;}

.change{ position:absolute; right:2px; top:2px; width:7px; height:7px; border-radius:100%; box-shadow:0 0 1px #666;
background: rgb(255,57,57); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,57,57,1) 0%, rgba(188,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,57,57,1) 0%,rgba(188,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,57,57,1) 0%,rgba(188,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3939', endColorstr='#bc0000',GradientType=0 ); /* IE6-9 */
}
#calendar tr.dataWrap .change{ position:static; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:10px}

.addT1{position:absolute; right:2px; top:2px; width:18px; line-height:15px; height:18px; border-radius:100%; box-shadow:0 0 1px #666; background:#222; color:#fff; font-size:.813em; text-align:center; font-weight:bold}

#calendar .fc-listMonth-view{}
#calendar .fc-listMonth-view .dataWrap.complete .completeTT{ display:none}
#calendar .fc-listMonth-view .dataWrap .title{ display:inline-block; *display:inline; zoom:1; padding:5px 0}
#calendar .fc-listMonth-view .dataWrap .title.t1{ padding-left:10px}

.calendar_wrap{ position:relative}
.calendar_wrap .calendar_state{ position:absolute; right:13px; top:15px; z-index:10}
.calendar_wrap .calendar_state > li{ float:left; margin-left:10px; position:relative}
.calendar_wrap .calendar_state > li .color{ display:inline-block; *display:inline; zoom:1; width:30px; height:20px; border-radius:3px; margin-right:5px; border:1px solid transparent}
.calendar_wrap .calendar_state > li .tt{ display:inline-block; *display:inline; zoom:1; line-height:20px; font-size:.813em}
.calendar_wrap .calendar_state > li .down{ font-size:1.25em; margin-left:5px; color:#aaa; line-height:20px}
.calendar_wrap .calendar_state > li .down:before{content:"\e938"}
.calendar_wrap .calendar_state > li.state1 .color{ background:#aaaaaa}
.calendar_wrap .calendar_state > li.state2 .color{ background:#666}
.calendar_wrap .calendar_state > li.state3 .color{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#19b8f2+0,ffc619+100 */
background: rgb(25,184,242); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(25,184,242,1) 0%, rgba(255,198,25,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(25,184,242,1) 0%,rgba(255,198,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(25,184,242,1) 0%,rgba(255,198,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19b8f2', endColorstr='#ffc619',GradientType=1 ); /* IE6-9 */
}
.calendar_wrap .calendar_state > li.state4 .color{ background:#6e95dd}
.calendar_wrap .calendar_state > li.state5 .color{ background:#89ad34}
.calendar_wrap .calendar_state > li.state6 .color{ border:1px solid #ccc; background:#fff; position:relative}
.calendar_wrap .calendar_state > li.state7 .color{ border:1px solid #ccc; background:#fff; position:relative}
.calendar_wrap .calendar_state > li.state7 .addT1{ width:12px; line-height:10px; height:12px; font-size:.625em}

.calendar_wrap .calendar_state > li .cList{ position:absolute; left:-10px; top:30px; background:#fff; width:100%; border-radius:5px; box-shadow:0 1px 3px rgba(0,0,0,.3); cursor:default; height:0; overflow:hidden; font-size:.938em}
.calendar_wrap .calendar_state > li .cList > li{ float:none; margin-top:5px}
.calendar_wrap .calendar_state > li .cList > li:first-child{ margin-top:0}
.calendar_wrap .calendar_state > li .cList .color.ct1{ background:#ffc000}
.calendar_wrap .calendar_state > li .cList .color.ct2{ background:#92d050}
.calendar_wrap .calendar_state > li .cList .color.ct3{ background:#C0504D}
.calendar_wrap .calendar_state > li .cList .color.ct4{ background:#ffff00}
.calendar_wrap .calendar_state > li .cList .color.ct5{ background:#00b0f0}
.calendar_wrap .calendar_state > li .cList .color.ct6{ background:#7030a0}

.calendar_wrap .calendar_state > li.more{ cursor:pointer; padding-bottom:10px}
.calendar_wrap .calendar_state > li.more:hover > .tt{ font-weight:bold}
.calendar_wrap .calendar_state > li.more:hover .down{ color:#111}
.calendar_wrap .calendar_state > li.more:hover .cList{ border:1px solid #ddd; padding:10px; height:auto}

.cPopSubject{ padding:10px; background:#eee; color:#666; border-radius:5px; margin-top:10px}

#calendar.calendar_st1{}
#calendar.calendar_st1 div.fc-row.fc-week.fc-widget-content{ height:85px !important}


#calendar .fc-list-empty-wrap2{ position:relative; overflow:hidden; padding:100px 0}
#calendar .fc-list-empty-wrap2 .fc-list-empty{ background:none}

/**/
.timetable_wrapH{ min-height:420px}
.timetable_wrap{margin-top:20px;}
.timetable_tit{ background:#f5f5f5; text-align:center; padding:10px; font-size:1em; font-weight:bold; color:#111; letter-spacing:0; border:1px solid #ddd; border-radius:5px 5px 0 0; margin-bottom:-1px}
.timetable{ padding-right:1px; position:relative}
.timetable:before{ position:absolute; left:0; bottom:0; width:100%; height:1px; content:""; background:#ddd}
.timetable:after{ position:absolute; right:0; bottom:0; width:1px; height:100%; content:""; background:#ddd}
.timetable > li{ width:20%}
.timetable > li .in{ border:1px solid #ddd; margin-right:-1px; font-size:.813em; position:relative; z-index:1}
.timetable > li .in .time{ padding:0 20px 0 10px; font-size:1.063em; font-weight:bold; letter-spacing:0; color:#555; line-height:40px; height:40px; border-bottom:1px solid #ddd}
.timetable > li .in .time label{ display:block}
.timetable > li .in .time label span{ padding-top:0; padding-bottom:0}
.timetable > li .in .con{ padding:10px 20px 10px 40px; color:#666}
.timetable > li .in .subject{ padding:10px 40px 10px 10px; color:#333; cursor: move; position:relative; background:#fff; opacity:.9}
.timetable > li .in .icon{ position:absolute; right:10px; top:50px; font-size:.875em; width:20px; line-height:20px; border-radius:100%; border:1px solid #ddd; text-align:center; cursor:pointer; background:#fff}
.timetable > li .in .sjt_Time{ position:absolute; left:50%; margin-left:50px; top:8px; height:25px; padding-left:5px;}
.timetable > li .in .time_icon{ position:absolute; left:50%; margin-left:-70px; top:9px; font-size:1.5em; color:#aaa}
.timetable > li .in .time_icon:before{content:"\ea1f"}
.timetable > li .in .icon:before{content:"\e941"}
.timetable > li .in:hover{ border-color:#666; z-index:2}
.timetable > li .in:hover .time{ background:#f7f7f7}

.timetable > li .in.on { z-index:3;}
.timetable > li .in.on .subject{background:#00437b; color:#fff}
.timetable > li .in.on .icon:before{ content:"\e944"}

.timetable > li.none .in .time{ border-bottom-color:#fff}
.timetable > li.none .in:hover{ border-color:#ddd}
.timetable > li.none .in:hover .time{ background:#fff}
.timetable > li.none .in:hover .subject{ cursor:default}

.timetable_wrap.st1 .timetable_tit{}
.timetable_wrap.st1 .timetable{}

.edu_info .edu_tit{ font-weight:bold; font-size:1.313em; color:#333; font-family:notokrM, sans-serif; line-height:40px}
.edu_info .edu_con{ border:1px solid #ddd; border-radius:5px; padding:5px 15px}
.edu_info .edu_con .tt{font-size:.875em; color:#666; padding:5px 0}
.edu_info .edu_con .tt .xi{ color:#aaa; margin-top:-2px}

#hiddenSelect{ position:absolute; left:-1px; width:100%; z-index:10; background:#fff; border:1px solid #666; display:none; box-shadow:0 0 2px #666}
#hiddenSelect.bottom{ bottom:-1px}
#hiddenSelect li{ padding:7px 10px; border-top:1px solid #ddd; font-size:.938em; cursor:pointer; color:#111; line-height:1.1}
#hiddenSelect li:hover{ background:#00437b; color:#fff}
#hiddenSelect li:first-child{ border-top:none}
#hiddenSelect li.disable{ background:#f5f5f5; color:#aaa; cursor:default}

.ui-datepicker{ font-size:1em !important}

.lecture_time{ text-align:right; padding-right:1px; margin-bottom:8px}
.lecture_time > li{}
.lecture_time > li .in{border:1px  dashed #999; margin-right:-1px; padding:0 15px; font-size:.813em; line-height:30px}
.lecture_time > li .in *{ vertical-align:top}
.lecture_time > li .in .xi{ margin-top:2px}
.lecture_time > li.s1 .in .xi:before{content:"\e9a4"; padding-right:3px}
.lecture_time > li.s2 .in .xi:before{content:"\e9a2"; padding-right:3px}
.lecture_time > li .in .tit{ font-weight:bold; color:#111}
.lecture_time > li .in .no{ font-size:1.5em; padding:0 3px 0 7px; color:#008cd4}
.lecture_time > li .in .tt{ color:#888}

.add_row_btn{ float:right}
.add_row_btn:after{ content:""; display:block; clear:both}
.add_row_btn .xi{ margin-left:2px; color:#999; font-size:1.5em; cursor:pointer}
.add_row_btn .plus:before{content:"\e917"}
.add_row_btn .plusM:before{content:"\e917"}
.add_row_btn .plusW:before{content:"\e917"}
.add_row_btn .plusE:before{content:"\e917"}
.add_row_btn .plusH:before{content:"\e917"}
.add_row_btn .plusB:before{content:"\e917"}
.add_row_btn .plusP:before{content:"\e917"}
.add_row_btn .plusA:before{content:"\e917"}
.add_row_btn .minus:before{content:"\e91e"}
.add_row_btn .minus{ opacity:0; cursor:default}
.add_row_btn .minus.able{ opacity:1; cursor:pointer}

.tab_st{ border-bottom:2px solid #008cd4; position:relative; z-index:1; padding-right:1px}
.tab_st > li > a{ border:1px solid #ddd; border-bottom:none; text-align:center; line-height:35px; font-size:.813em; font-weight:bold; margin-bottom:-1px; margin-right:-1px}
.tab_st > li:first-child > a{ border-radius:5px 0 0 0}
.tab_st > li:last-child > a{ border-radius:0 5px 0 0}
.tab_st > li.on > a{ background:#008cd4; border-color:transparent; color:#fff}

.doc_no_wrap{ position:relative; padding-right:200px}
.doc_no_wrap .doc_no{ position:absolute; right:0; top:0; text-align:right}
.doc_no_wrap .doc_no .tt{ font-weight:bold; font-size:.875em; padding-right:5px; line-height:28px}
.doc_no_wrap .doc_no .input_st{ width:150px; font-size:.875em}

@media screen and (max-width:1400px){
.fc-toolbar .fc-center{ display:block !important}
}
@media screen and (min-width:1025px and max-width:1200px){
table .w_time3{ width:60px}
table .w_etc2{ width:70px}
}