@charset "UTF-8";
/* reset */
html, body, header, footer, nav, section, article, aside, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, fieldset, legend, caption, blockquote, input, button, select, textarea, button { margin: 0; padding: 0; }

body { min-width: 1200px; /*height:100%;*/ text-align: left; border: 0 none; }

html { overflow-y: scroll; font-family: "맑은 고딕", Malgun Gothic, "돋움", dotum, AppleGothic, NanumGothic, gulim, Arial, sans-serif; font-size: 13px; line-height: 1.385em; color: #333; }

header, footer, nav, section, article, aside { display: block; }

ul, ol { list-style-type: none; }

fieldset { border: none; }

legend { display: none; }

table { table-layout: fixed; border-collapse: collapse; border-spacing: 0; }

table caption { line-height: 0; font-size: 0; }

address, em, i { font-style: normal; }

ruby rt { font-size: 1em; }

hr { display: none; }

img { border: 0; vertical-align: top; }

a { text-decoration: none; outline: none; color: #333; }

a:hover { text-decoration: underline; }

input, textarea, button, select { font-family: "맑은 고딕", Malgun Gothic, "돋움", dotum, AppleGothic, NanumGothic, gulim, Arial, sans-serif; font-size: 13px; }

button { border: 0 none; background: none; overflow: visible; outline: none; cursor: pointer; }

button, input[type=text], input[type=password], input[type=tel], input[type=number], input[type=button], input[type=submit] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0 none; border-radius: 0; background: none; overflow: visible; }

textarea { border-radius: 0; }

button::-moz-focus-inner { padding: 0; border: 0; }

button:disabled { cursor: default; }

::-webkit-input-placeholder { color: #bbb; }

::-moz-placeholder { color: #bbb; opacity: 1; }

:-ms-input-placeholder { color: #bbb; }

.blind { position: absolute; overflow: hidden; margin: -1px; padding: 0; width: 1px; height: 1px; border: none; clip: rect(0, 0, 0, 0); }
/*
.spurl, .btn_close_off, .wrap_report .drag_area .btn_close, .wrap_filter .unit .btn_close, .btn_close_on, .wrap_report .drag_area .btn_cr:hover .btn_close, .wrap_report .drag_area .btn_cr.on_drag .btn_close, .wrap_filter .unit .btn_close:hover, .btn_ltr_n, .ipt_combo .navi .dir_right, .btn_ltr_o, .ipt_combo .navi .dir_right:hover, .btn_more, .lineinfo .more, .btn_nav_close, #header.over .btn_menu, .btn_nav_open, #header .btn_menu, .btn_plus_off, .wrap_filter .btn_add, .btn_plus_on, .wrap_filter .btn_add:hover, .btn_rtl_n, .ipt_combo .navi .dir_left, .btn_rtl_o, .ipt_combo .navi .dir_left:hover, .close_n, .lyrpop .btn_close, .close_o, .lyrpop .btn_close:hover, .ico_arrow_9x5_off, .s_norbox .tgt:after, .ico_arrow_9x5_on, .s_norbox .tgt.on:after, .ico_arrow_down, .wrap_report .btn_opt.cls:after, .ico_arrow_next, .s_locabox:after, .ico_arrow_off, .s_locabox .tgt:after, .ico_arrow_on, .s_locabox .tgt.on:after, .ico_arrow_up, .wrap_report .btn_opt:after, .ico_bul, .tit2:before, .ico_check_off, .s_norbox .slct .ico_check, .ico_check_on, .s_norbox .slct .i_chk:checked + label .ico_check, .ico_noti_next, .lineinfo .navi button.next:after, .ico_noti_next_ov, .lineinfo .navi button.next:hover:after, .ico_noti_prev, .lineinfo .navi button.prev:after, .ico_noti_prev_ov, .lineinfo .navi button.prev:hover:after, .ico_report, .ico_sibling_next, .siblings_list .next:before, .ico_sibling_prev, .siblings_list .prev:before, .ico_smarrow_down, .ico_smarrow_up, .icon_ADnetwork, .icon_admin, .icon_calendar, .icon_check, .outside_join .inr:before, .icon_excel, .icon_file, .icon_fold_c, .fold_close, .icon_fold_o, .fold_open, .icon_guide, .icon_logout, .icon_man, .icon_man2, .icon_notice, .icon_partner, .icon_publisher, .icon_refresh, .icon_regi, .icon_search, .icon_tooltip, .icon_tooltip2, .icon_tooltip3, .icon_txttip:after { display: inline-block; background-image: url("../../images/publisher/sprite.png"); background-repeat: no-repeat; }
*/
.btn_close_off, .wrap_report .drag_area .btn_close, .wrap_filter .unit .btn_close { width: 9px; height: 9px; background-position: -226px -42px; }

.btn_close_on, .wrap_report .drag_area .btn_cr:hover .btn_close, .wrap_report .drag_area .btn_cr.on_drag .btn_close, .wrap_filter .unit .btn_close:hover { width: 9px; height: 9px; background-position: -226px -23px; }

.btn_ltr_n, .ipt_combo .navi .dir_right { width: 30px; height: 30px; background-position: -72px -80px; }

.btn_ltr_o, .ipt_combo .navi .dir_right:hover { width: 30px; height: 30px; background-position: -112px -80px; }

.btn_more, .lineinfo .more { width: 20px; height: 20px; background-position: 0px -168px; }

.btn_nav_close, #header.over .btn_menu { width: 24px; height: 24px; background-position: -160px -80px; }

.btn_nav_open, #header .btn_menu { width: 24px; height: 24px; background-position: 0px -134px; }

.btn_plus_off, .wrap_filter .btn_add { width: 26px; height: 44px; background-position: 0px -80px; }

.btn_plus_on, .wrap_filter .btn_add:hover { width: 26px; height: 44px; background-position: -36px -80px; }

.btn_rtl_n, .ipt_combo .navi .dir_left { width: 30px; height: 30px; background-position: -160px -40px; }

.btn_rtl_o, .ipt_combo .navi .dir_left:hover { width: 30px; height: 30px; background-position: -160px 0px; }

.close_n, .lyrpop .btn_close { width: 70px; height: 70px; background-position: -80px 0px; }

.close_o, .lyrpop .btn_close:hover { width: 70px; height: 70px; background-position: 0px 0px; }

.ico_arrow_9x5_off, .s_norbox .tgt:after { width: 9px; height: 5px; background-position: -226px -159px; }

.ico_arrow_9x5_on, .s_norbox .tgt.on:after { width: 9px; height: 5px; background-position: -226px -174px; }

.ico_arrow_down, .wrap_report .btn_opt.cls:after { width: 13px; height: 7px; background-position: -194px -198px; }

.ico_arrow_next, .s_locabox:after { width: 11px; height: 20px; background-position: -200px -26px; }

.ico_arrow_off, .s_locabox .tgt:after { width: 11px; height: 6px; background-position: -226px -82px; }

.ico_arrow_on, .s_locabox .tgt.on:after { width: 11px; height: 6px; background-position: -226px -98px; }

.ico_arrow_up, .wrap_report .btn_opt:after { width: 13px; height: 7px; background-position: -171px -198px; }

.ico_bul, .tit2:before { width: 7px; height: 11px; background-position: -226px -61px; }

.ico_check_off, .s_norbox .slct .ico_check { width: 14px; height: 14px; background-position: -48px -198px; }

.ico_check_on, .s_norbox .slct .i_chk:checked + label .ico_check { width: 14px; height: 14px; background-position: -24px -198px; }

.ico_noti_next, .lineinfo .navi button.next:after { width: 9px; height: 5px; background-position: -226px -189px; }

.ico_noti_next_ov, .lineinfo .navi button.next:hover:after { width: 9px; height: 5px; background-position: 0px -222px; }

.ico_noti_prev, .lineinfo .navi button.prev:after { width: 9px; height: 5px; background-position: -226px -129px; }

.ico_noti_prev_ov, .lineinfo .navi button.prev:hover:after { width: 9px; height: 5px; background-position: -226px -144px; }

.ico_report { width: 16px; height: 16px; background-position: -168px -168px; }

.ico_sibling_next, .siblings_list .next:before { width: 16px; height: 10px; background-position: -160px -114px; }

.ico_sibling_prev, .siblings_list .prev:before { width: 16px; height: 10px; background-position: -145px -198px; }

.ico_smarrow_down { width: 9px; height: 5px; background-position: -226px -204px; }

.ico_smarrow_up { width: 9px; height: 5px; background-position: -226px -114px; }

.icon_ADnetwork { width: 22px; height: 22px; background-position: -100px -134px; }

.icon_admin { width: 22px; height: 22px; background-position: -164px -134px; }

.icon_calendar { width: 18px; height: 16px; background-position: -140px -168px; }

.icon_check, .outside_join .inr:before { width: 24px; height: 23px; background-position: -34px -134px; }

.icon_excel { width: 18px; height: 18px; background-position: -30px -168px; }

.icon_file { width: 13px; height: 17px; background-position: -200px -158px; }

.icon_fold_c, .fold_close { width: 15px; height: 13px; background-position: -97px -198px; }

.icon_fold_o, .fold_open { width: 15px; height: 13px; background-position: -72px -198px; }

.icon_guide { width: 14px; height: 16px; background-position: -200px -56px; }

.icon_logout { width: 14px; height: 16px; background-position: -200px -132px; }

.icon_man { width: 14px; height: 16px; background-position: -200px -82px; }

.icon_man2 { width: 12px; height: 13px; background-position: -226px 0px; }

.icon_notice { width: 16px; height: 14px; background-position: -200px -108px; }

.icon_partner { width: 22px; height: 22px; background-position: -132px -134px; }

.icon_publisher { width: 22px; height: 22px; background-position: -68px -134px; }

.icon_refresh { width: 18px; height: 18px; background-position: -58px -168px; }

.icon_regi { width: 17px; height: 17px; background-position: -113px -168px; }

.icon_search { width: 13px; height: 13px; background-position: -122px -198px; }

.icon_tooltip { width: 17px; height: 17px; background-position: -86px -168px; }

.icon_tooltip2 { width: 14px; height: 14px; background-position: 0px -198px; }

.icon_tooltip3, .icon_txttip:after { width: 16px; height: 16px; background-position: -200px 0px; }

.sub { height: 100%; background: #FFFFFF; }

@media screen and (min-width: 1920px) { .sub { background-size: contain; } }

#wrap { overflow: hidden; position: relative; min-height: 100%; margin: 0 auto; }

#header { width: 100%; height: 105px; background: #363636; z-index: 1003; position: absolute; }

#header .bg { display: none; position: absolute; top: 105px; width: 100%; background: #464646; }

#header.fix { position: fixed; height: 65px; background: none; }

#header.fix .logo { top: 20px; }

#header.fix .gnb { display: none; }

#header.fix .nav { top: 0px; }

#header.fix .bg { top: 65px; }

#header.fix .btn_menu { top: 20px; }

#header.fix:after { display: block; content: ""; z-index: 3; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #363636; }

#header.fix .h_wrap { z-index: 4; }

#header.fix .nav { height: 65px; }

#header.fix .nav .dep1 > li { height: 65px; }

#header.fix .nav .dep1 > li > a { line-height: 65px; }

#header .h_wrap { position: relative; width: 90%; height: 100%; min-width: 1200px; margin: 0px auto; }

@media screen and (max-width: 1200px) { #header .h_wrap .logo { left: 40px; }
  #header .h_wrap .btn_menu { right: 20px; }
  #header .h_wrap .gnb { right: 20px; } }

#header .logo { position: absolute; top: 60px; left: 0; width: 130px; height: 23px; background: url("/images/tms_logo_1.png") no-repeat 0 0; }

#header .logo a { width: 100%; height: 100%; display: block; }

#header .btn_menu { right: 0px; top: 59px; position: absolute; z-index: 100; }

#header .nav { top: 35px; left: 200px; width: 87.5%; height: 70px; max-width: 1200px; min-width: 1048px; position: relative; }

#header .nav .dep1 > li { position: relative; float: left; width: 16.6%; height: 70px; text-align: left; }

#header .nav .dep1 > li:first-child { margin-left: 0; }

#header .nav .dep1 > li:last-child { width: 14.2%; }

#header .nav .dep1 > li:last-child .dep2 { width: 117%; }

#header .nav .dep1 > li > a { width: 100%; height: 100%; position: relative; display: block; font-size: 18px; line-height: 70px; text-decoration: none; }

#header .nav .dep1 > li > span { width: 100%; height: 100%; position: relative; display: block; font-size: 18px; line-height: 70px; text-decoration: none; }

#header .nav .dep1 > li > a.on, #header .nav .dep1 > li > a.on:hover, #header .nav .dep1 > li > a:hover, #header .nav .dep1 > li > a.hover { color: #ff8e66; }

#header .nav .dep1 > li > span.on, #header .nav .dep1 > li > a.on:hover, #header .nav .dep1 > li > a:hover, #header .nav .dep1 > li > span.hover { color: #ff8e66; }

#header .nav .dep1 > li.hover > a { font-weight: bold; color: #fff; }

.dep1_sel { font-weight: bold; color: #FF8E66; }
.dep1_hover { font-weight: bold; color: #FF8E66; }
.dep1_nosel { font-weight: bold; color: #CCCCCC; }

#header .nav .dep2 { display: none; min-width: 176px; padding: 17px 20px 11px 0; box-sizing: border-box; text-align: left; }

#header .nav .dep2 li > a { display: block; margin-bottom: 7px; color: #7d7d7d; font-size: 14px; }

#header .nav .dep2 li > a:hover { font-weight: bold; color: #fff; text-decoration: none; }

#header .nav .dep3 a { font-size: 14px; color: #333333; margin-bottom: 6px; display: inline-block; }

#header .nav .dep3 a:hover, #header .nav .dep3 a.on { color: #ff8e66; font-weight: bold; text-decoration: none; }

#header .nav .dep3 li:last-child a { margin-bottom: 0px; }

#header .gnb { position: absolute; top: 13px; right: 0px; }

#header .gnb ul { overflow: hidden; }

#header .gnb li { float: left; margin-left: 20px; }

#header .gnb li a { line-height: 16px; font-size: 12px; color: #999; }

#header .gnb .num { background: #ef3dc7; border-radius: 10px; padding: 0px 4px 1px; color: #ffffff; margin-left: 7px; font-size: 11px; vertical-align: top; }

#header .gnb .ico { margin: -3px 5px 0 0; vertical-align: middle; }

#header .notibox { overflow: hidden; margin: 167px 0 20px -10px; }

#header .notibox .board { float: left; width: 50%; height: 56px; }

#header .notibox .board .box { position: relative; overflow: hidden; margin: 0 10px; padding: 19px 90px 20px 109px; height: 55px; border-radius: 28px; box-sizing: border-box; color: #fff; background: #6f8db1; background: rgba(255, 255, 255, 0.2); }

#header .notibox .board .title { position: absolute; top: 20px; left: 20px; margin: 0 12px 0 0; padding-right: 12px; border-right: 1px solid rgba(255, 255, 255, 0.3); font-size: 16px; line-height: 16px; }

#header .notibox .board ul { overflow: hidden; height: 30px; }

#header .notibox .board li { overflow: hidden; position: relative; padding: 0 80px 12px 0; padding-right: 100px\9; }

#header .notibox .board li .subj { position: relative; display: inline-block; padding-right: 29px; max-width: 100%; box-sizing: border-box; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

#header .notibox .board li .ico_new { position: absolute; top: 1px; right: 0; color: #FFD800; font-size: 12px; font-family: Arial; }

#header .notibox .board li .date { position: absolute; top: 0; right: 0; width: 18%; text-align: right; }

#header .notibox .board .more { position: absolute; top: 20px; right: 20px; float: right; display: block; margin: -3px 0 0 0; width: 45px; height: 22px; line-height: 22px; text-align: center; border-radius: 10px; font-size: 12px; color: #607386; font-family: Arial; background: #e3eaf3; background: rgba(255, 255, 255, 0.8); }

#header .notibox .board .more:hover { color: #2f465d; background: white; text-decoration: none; }

.footer { width: 100%; min-width: 1200px; margin: 0 auto; padding: 32px 0 30px; background: #252525; }

.footer .copy { text-align: center; font-size: 13px; color: #666; font-family: Arial; }

.container { margin: 133px auto 50px; min-height: 600px; width: 90%; min-width: 1200px; }

.pagetit { border-bottom: 2px solid #333; font-size: 20px; line-height: 42px; color: #333; font-weight: normal; }

.g_unit { margin-bottom: 20px; }

.g_unit .inr { border: 1px solid #dbdbdb; background: #fff; }

.g_unit .topline { overflow: hidden; padding: 12px; box-sizing: border-box; color: #333; }

.g_unit .topline h1 { display: inline-block; margin-right: 10px; font-size: 16px; line-height: 32px; }

.g_unit .topline .lt { float: left; }

.g_unit .topline .rt, .g_unit .topline .board_list .tbl_col td .align_both.in_box .ipt_txt_rt, .board_list .tbl_col td .align_both.in_box .g_unit .topline .ipt_txt_rt { float: right; }

.g_unit .topline + .cont { border: none; }

.g_unit .topline .label { margin-right: 16px; }

.g_unit .topline .selbox, .g_unit .topline .btn_def { vertical-align: top; }

.g_unit .subline { padding: 15px 15px 15px 20px; margin-bottom: 20px; border-bottom: 1px solid #f3f3f3; font-size: 14px; color: #999; }

.g_unit .location { font-size: 14px; color: #333; }

.g_unit .location a { color: #666666; text-decoration: none; }

.g_unit .cont .g_head { margin: 20px 0; }

.g_unit .cont.top { padding: 10px 10px 20px 10px; }

.g_unit #containerList { content: ""; display: block; float: none; clear: both; }

.g_unit .help_box { padding: 0px 20px 20px 20px; font-size: 12px; }

.sit_board { margin-top: -20px; }

.sit_board .box { margin-top: 20px; }

.sit_board .box .inr { height: 188px; border: 1px solid #dbdbdb; background: #fff; box-shadow: none; }

.sit_board .title { padding: 15px; background: #f8f8f8; }

.sit_board .title h2 { font-size: 14px; color: #333; }

.sit_board .cont { padding: 20px; }

.sit_board li { margin-top: 10px; }

.sit_board li:first-child { margin-top: 0; }

.sit_board .box.type1 { text-align: center; }

.sit_board .box.type1 .inr { height: 230px; border: none; box-shadow: none; position: relative; }

.sit_board .box.type1 .title { background: #fff; padding: 2px 0px 8px; }

.sit_board .box.type1 .title h2 { font-size: 18px; color: #333; position: relative; display: inline-block; min-width: 110px; padding: 0px 10px; }

.sit_board .box.type1 .title h2:after { content: ""; display: block; position: absolute; width: 100%; height: 1px; background: #30465d; bottom: -11px; left: 0px; }

.sit_board .box.type1 .title h2 a { text-decoration: none; }

.sit_board .box.type1 .date { border-radius: 10px; border: 1px solid #d8dbde; width: 112px; height: 25px; line-height: 23px; display: inline-block; box-sizing: border-box; font-size: 12px; }

.sit_board .box.type1 .cont { border: none; padding: 15px; }

.sit_board .box.type1 .cont .mdl { font-size: 20px; color: #666; margin-top: 53px; }

.sit_board .box.type1 .cont .t_big { font-size: 30px; }

.sit_board .box.type1 .blue { color: #4074a8; }

.sit_board .box.type1 .grean { color: #55a57b; }

.sit_board .box.type1 .org { color: #ff8e66; }

.sit_board .box.type1 .sm_lst { position: absolute; bottom: 0px; right: 10px; }

.sit_board .box.type1 .sm_lst li { list-style-type: square; text-align: left; font-size: 12px; margin: 0px 0px 5px; }

.sit_board .nodata { min-height: auto; padding-top: 35px; }

.g_head { margin: 12px 0; }

.g_head .liftbtn { margin-top: -37px; margin-right: 12px; }

.c_unit + .c_unit { margin-top: 30px; }

.list_box { overflow: hidden; margin-left: -20px; }

.list_box.no2 li { width: 50%; }

.list_box.no3 li { width: 33.33%; }

.list_box.no4 li { width: 25%; }

.list_box.no5 li { width: 20%; }

.list_box li { float: left; }

.list_box li .b_inr { margin-left: 25px; }

.list_box li .b_inr .box { padding: 20px; border: 1px solid #dbdbdb; }

.list_box .tit_h3 { font-size: 13px; color: #333; font-weight: bold; }

.col2, .col3, .col4 { overflow: hidden; margin-left: -20px; }

.col2 .g_unit, .col2 .box, .col3 .g_unit, .col3 .box, .col4 .g_unit, .col4 .box { float: left; }

.col2 .g_unit .inr, .col2 .box .inr, .col3 .g_unit .inr, .col3 .box .inr, .col4 .g_unit .inr, .col4 .box .inr { margin-left: 20px; }

.col2 .g_unit .inr2, .col2 .box .inr2, .col3 .g_unit .inr2, .col3 .box .inr2, .col4 .g_unit .inr2, .col4 .box .inr2 { margin: 20px 0; padding: 0 20px; }

.col2 .box + .box .inr2, .col3 .box + .box .inr2, .col4 .box + .box .inr2 { border-left: 1px solid #dbdbdb; }

.col2 .g_unit, .col2 .box { width: 50%; }

.col3 .g_unit, .col3 .box { width: 33.33%; }

.col4 .g_unit, .col4 .box { width: 25%; }

/* layer popup */
body.popup { min-width: 100% !important; }

.dimmed_bg { position: fixed; top: 0; left: 0; z-index: 1003; width: 100%; height: 100%; background: #000; opacity: 0.7; filter: alpha(opacity=70); }

.lyrpop { font-size: 14px; background-color: #fff; }

.lyrpop h2 { margin: 0; padding: 25px 0 0 20px; height: 70px; background-color: #f0f1f4; box-sizing: border-box; font-size: 20px; font-weight: normal; color: #333; }

.lyrpop h2:before { display: inline-block; content: ''; width: 3px; height: 20px; margin-right: 10px; background: #7b7de5; vertical-align: top; }

.lyrpop .pagetit { border-bottom: none; line-height: 1em; }

.lyrpop .btn_close { position: absolute; top: 0; right: 0; }

.lyrpop .closebox { overflow: hidden; padding: 10px; height: 55px; box-sizing: border-box; border-top: 1px solid #e7e7e7; background: #f3f3f3; }

.lyrpop .closebox .chbox { float: left; margin-top: 6px; display: inline-block; }

.lyrpop .closebox .btn { float: right; }

.lyrpop .board_desc { padding: 30px 20px; color: #666; }

.lyrpop .addfile { border-top: 1px solid #e7e7e7; }

.lyrpop .lyrpop_body { padding: 20px; }

.lyrpop .g_unit { margin-bottom: 0; }

.lyrpop.logout { overflow: hidden; position: fixed; z-index: 1004; left: 50%; top: 50%; margin-top: -200px; margin-left: -280px; width: 560px; height: 400px; min-width: 560px; border-radius: 5px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); }

/*.lyrpop.logout .img { height: 170px; background-image: url("../../images/publisher/page/img_relogin.png"); background-repeat: no-repeat; background-position: 50% 100%; background-color: #ecebec; background-color: -moz-linear-gradient(top, #ecebec 0%, #f4f4f4 48%); background-color: -webkit-linear-gradient(top, #ecebec 0%, #f4f4f4 48%); background-color: linear-gradient(to bottom, #ecebec 0%, #f4f4f4 48%); }
*/
.lyrpop.logout .desc { padding: 40px 20px 30px 20px; font-size: 14px; line-height: 22px; color: #666; }

.lyrpop.logout .btn_group { margin-top: 30px; }

/* common */
/* input style */
input, select { vertical-align: middle; }

textarea { resize: none; }

textarea.text { padding: 0 9px 2px; border: 1px solid #ddd; background: #fff; }

label i { vertical-align: middle; margin: -2px 5px 0 0; }

/* select */
.selbox { padding: 6px; height: 32px; vertical-align: middle; font-weight: bold; color: #333; border: 1px solid #ddd; }

.selbox:disabled { min-width: 100px; color: #b5b5b5; border-color: #e5e5e5; background-color: #c6c6c6; }

/* select shape lst */
.g_unit .slct_wrap { padding: 0px 20px; }

.g_unit .slct_wrap .location { height: 49px; }

.slct_box { position: relative; }

.slct_box a { text-decoration: none; }

.slct_box .tgt { display: inline-block; }

.slct_box .tgt span { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.slct_box .slct { position: absolute; top: 31px; left: 0px; width: 132px; z-index: 3; display: none; }

.slct_box .slct a, .slct_box .slct label { font-size: 14px; width: 100%; height: 39px; padding: 0px 10px; display: block; line-height: 40px; border: 1px solid #e7e7e7; border-top: none; background: #ffffff; text-align: center; text-decoration: none; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.slct_box .slct a.on, .slct_box .slct label.on { color: #518dde; }

.slct_box .slct a:hover, .slct_box .slct label:hover { background: #f5fafd; }

.slct_box .slct li:first-child a { border-top: 1px solid #e7e7e7; }

.s_locabox { position: relative; float: left; }

.s_locabox:after { content: ""; display: inline-block; vertical-align: middle; position: absolute; top: 16px; right: 0px; }

.s_locabox:last-child:after { display: none; }

.s_locabox .tgt_sing { display: inline-block; min-width: 78px; height: 49px; line-height: 49px; padding: 0px 15px 0px 6px; color: #333333; }

.s_locabox .tgt_sing.center { text-align: center; }

.s_locabox .tgt_sing span { display: inline-block; vertical-align: middle; }

.s_locabox .tgt { width: 182px; height: 49px; line-height: 49px; font-size: 14px; text-align: center; color: #666666; padding: 0 10px; }

.s_locabox .tgt span { max-width: 150px; vertical-align: middle; }

.s_locabox .tgt:after { content: ""; display: inline-block; vertical-align: middle; margin: 0px 10px 0px 10px; }

.s_locabox .slct { top: 49px; left: 10px; width: 168px; }

.s_btnbox { display: inline-block; width: 125px; }

.s_btnbox + .btn_rud2 { margin-left: 6px; }

.s_btnbox .tgt { width: 100%; }

.s_btnbox .slct { top: 30px; left: 0px; width: 100%; }

.s_btnbox .slct a { font-size: 12px; text-overflow: clip; }

.s_norbox { width: 132px; }

.s_norbox .tgt { width: 100%; height: 32px; padding: 0px 20px 0px 10px; line-height: 31px; font-size: 12px; border: 1px solid #c8c8c8; box-sizing: border-box; color: #333; background: #fff; position: relative; }

.s_norbox .tgt span { width: 100%; height: 100%; }

.s_norbox .tgt:after { content: ""; display: inline-block; position: absolute; top: 50%; margin-top: -2px; right: 10px; }

.s_norbox .slct { width: 100%; border: 1px #c8c8c8 solid; box-sizing: border-box; }

.s_norbox .slct a, .s_norbox .slct label { width: 100%; height: auto; line-height: 16px; padding: 6px 6px; font-size: 12px; text-align: left; border: none; }

.s_norbox .slct a:hover, .s_norbox .slct label:hover { background: #f5fafd; }

.s_norbox .slct li { position: relative; }

.s_norbox .slct li:first-child a { border-top: none; }

.s_norbox .slct .border_top { border-top: 1px #c8c8c8 solid; }

.s_norbox .slct.on_scroll { max-height: 186px; overflow-y: auto; }

.s_norbox .slct .i_chk { display: none; }

.s_norbox .slct .ico_check { content: ""; position: absolute; left: 4px; top: 7px; }

.s_norbox .slct label { padding: 6px 6px 6px 22px; word-wrap: break-word; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 42px; display: -webkit-box; }

.tool_box { position: relative; display: inline-block; margin-right: 14px; }

.tip_box { display: none; position: absolute; white-space: pre; z-index: 99999; top: 38px; left: 0px; background: #8292a1; color: #ffffff; line-height: 18px; padding: 6px 9px; border-radius: 3px; font-weight: 100; min-width: 100%; text-align: left; }

.tooltip_bg_trng, .icon_txttip:hover:before, .board_list table th .icon_tooltip:hover:after { content: ""; width: 1px; display: block; border: 5px solid #8292a1; border-top: 0px solid transparent; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; z-index: 2; }

.icon_txttip { line-height: 34px; font-size: 13px; padding-right: 21px; color: #666666; text-decoration: none; cursor: pointer; }

.icon_txttip:after { content: ""; display: inline-block; position: absolute; top: 50%; margin-top: -8px; right: 0px; }

.icon_txttip:hover + .tip_box { display: block; }

.icon_txttip:hover:before { top: 33px; right: 3px; }

.icon_txttip input[type="checkbox"] { margin-top: -2px; }

.tbl_col .tool_box { margin-right: 0px; }

.tbl_col .icon_txttip { font-size: 12px; line-height: 14px; }

.tbl_col .icon_txttip:before { top: 25px; }

.tbl_col .icon_txttip:after { margin-top: -10px; }

.tbl_col .tip_box { top: 30px; }

/* calendar box */
.calbox { position: relative; display: inline-block; vertical-align: top; }

.calbox .date { padding: 6px 9px; width: 118px; height: 18px; border: 1px solid #ddd; vertical-align: middle; background: #fff; }

.calbox .icon_calendar { position: absolute; top: 9px; right: 9px; }

/* textbox */
input.text { padding: 0 9px 2px; height: 30px; *height: 26px; line-height: 30px; vertical-align: middle; font-weight: bold; font-size: 14px; color: #666; border: 1px solid #ddd; background: #fff; }

input.text:disabled { color: #b3c0ce; border-color: #ddd; background-color: #c6c6c6; }

input.text.numeric { text-align: right; }

.text.round { border-radius: 4px; }

input.text::-webkit-input-placeholder { color: #b3c0ce; }

input.text::-moz-placeholder { color: #b3c0ce; opacity: 1; }

input.text:-ms-input-placeholder { color: #b3c0ce; }

input.text:placeholder-shown { color: #b3c0ce; }

.inp_box { display: inline-block; font-size: 0; }

.inp_box input.text + .btn_def { margin-left: 10px; }

/* file */
.fileupload { margin: 5px 0; }

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

.fileupload .btnbox { float: left; position: relative; width: 70px; height: 34px; vertical-align: top; overflow: hidden; }

.fileupload .btnbox .btn_def { position: absolute; top: 0; right: 0; }

.file_hidden { position: absolute; top: 0; right: 0; z-index: 2; width: 80px; height: 30px; background: transparent; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }

.file_hidden::-webkit-file-upload-button { cursor: pointer; }

.fileupload .b2 { margin-left: 10px; }

.filesize { clear: both; font-size: 11px; color: #999; }

.text_file { float: left; margin-right: 4px; width: 200px; vertical-align: top; }

/* font-color */
.c_red { color: #ff0000; }

.c_org { color: #f7941d; }

.c_green { color: #00a651; }

.c_blue { color: #0087ff; }

.c_purple { color: #7b7de5; }

.def_point { color: #7b7de5; }

.def_point.finish { color: #ff0000; }

.def_point.limit { color: #f7941d; }

.def_point.stop { color: #00a651; }

.def_point.Progress { color: #0087ff; }

.icon_tooltip2 { margin-left: 2px; vertical-align: middle; }

.tempTit { padding: 10px; display: inline-block; background: darkseagreen; margin: 30px 0 10px 0; }

.tempdesc { margin-top: -10px; padding-bottom: 10px; font-size: 12px; list-style: square; }

/* tab */
.tab ul, .tab_head ul { overflow: hidden; margin-bottom: -1px; }

.tab li, .tab_head li { float: left; min-width: 80px; }

.tab li a, .tab_head li a { display: block; margin-left: -1px; padding: 0 15px; text-align: center; height: 35px; line-height: 35px; border: 1px solid #dbdbdb; font-size: 12px; color: #666; background: #f8f8f8; transition: background .2s; }

.tab li a:hover, .tab_head li a:hover { background: #e8e8e8; text-decoration: none; }

.tab li a.on, .tab_head li a.on { color: #fff; background: #404040; border-color: #404040; }

.tab li:first-child a, .tab_head li:first-child a { margin-left: 0; }

.tab_head { margin-bottom: 10px; border-bottom: 1px solid #dbdbdb; }

.tab_head ul { position: relative; padding: 30px 30px 0 30px; background: #e7e7e7; }

.tab_head li { min-width: 120px; margin-right: 2px; }

.tab_head li a { position: relative; color: #666; font-size: 15px; background: #d4d4d4; }

.tab_head li a:hover { font-weight: bold; background: #fff; }

.tab_head li a.on { position: relative; z-index: 1; border-color: #d4d4d4; font-weight: bold; color: #333; background: #fff; }

.tab_head.gray ul:after { bottom: 1px; }

.tab_head.gray ul:before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #fff; }

.tab_head.gray li a:hover { background: #d4d4d4; }

.tab_head.gray li a.on { border-bottom: 1px solid #fff; background: #fff; }

.tab_head.gray li a.on:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: calc(100% - 2px); height: 35px; border: 1px solid #fff; border-bottom: 0; }

/* button */
.btn_group { margin: 10px 0 !important; }

.btn_group_main { margin: 40px 0 30px 0 !important; }

.btn_rud { display: inline-block; padding: 4px 12px 6px; border-radius: 3px; font-size: 12px; line-height: 12px; color: #fff; background: #898989; transition: background .2s; text-decoration: none !important; }

.btn_rud:hover { background: #a1a1a1; text-decoration: none; }

input.btn_rud { font-size: 11px; line-height: 12px; color: #fff; cursor: pointer; border-radius: 3px !important; background: #898989; }

input.btn_rud:hover { background: #a1a1a1; }

.btn_rud2 { display: inline-block; padding: 9px; min-width: 60px; height: 32px; vertical-align: middle; text-align: center; box-sizing: border-box; border-radius: 3px; border: 1px solid #dbdbdb; font-size: 12px; line-height: 12px; color: #666; background: #f8f8f8; transition: background .2s; }

.btn_rud2:hover { text-decoration: none; border-color: #dedede; }

.btn_rud2:hover .icon_refresh { -webkit-animation: rotate 2s infinite; animation: rotate 2s infinite; /* Safari 4.0 - 8.0 */ }

@-webkit-keyframes rotate { from { transform: rotate(1deg); }
  to { transform: rotate(360deg); } }

@keyframes rotate { from { transform: rotate(1deg); }
  to { transform: rotate(360deg); } }

.btn_rud2 .icon { margin: -2px 7px 0px -1px; vertical-align: middle; }

.btn_rud2 .icon_r { margin: -2px 0px 0px 7px; vertical-align: middle; }

.btn_rud2 .icon_refresh { margin: -2px 4px 0 -4px; }

.btn_rud2 input { font-size: 12px; line-height: 13px; color: #666; cursor: pointer; }

.btn_rud2.s_small { padding: 5px 10px; min-width: 42px; height: auto; font-size: 11px; line-height: 12px; }

.btn_def { display: inline-block; padding: 10px 12px 12px; min-width: 70px; background: #404040; vertical-align: middle; box-sizing: border-box; border-radius: 3px; text-align: center; font-size: 13px; line-height: 18px; color: #fff; text-decoration: none !important; transition: background .2s; }

input.btn_def { background: #404040; border-radius: 3px; cursor: pointer; }

.btn_def:hover { text-decoration: none; background: #666; }

.btn_def.c_orange { background: #ff8e66; }

.btn_def.c_orange:hover { background: #f46e3f; }

.btn_def.c_gray { background: #898989; }

.btn_def.c_gray:hover { background: #a1a1a1; }

.btn_def.c_navy { background: #2f465d; }

.btn_def.c_navy:hover { background: #1f2d3c; }

.btn_def.c_lightnavy { background: #8292a2; }

.btn_def.c_lightnavy:hover { background: #5e7287; }

.btn_def.disable { background: #ccc !important; cursor: default !important; }

.btn_def.disable:hover { background: #ccc !important; }

.btn_def.s_small { min-width: 48px; padding: 5px 10px; font-size: 11px; line-height: 12px; }

.btn_def.s_medium { min-width: 70px; padding: 10px; font-size: 12px; line-height: 12px; }

.btn_def.s_medium2 { min-width: 54px; padding: 10px; font-size: 12px; line-height: 12px; }

.btn_def .icon { margin: -6px 5px -2px -1px; vertical-align: middle; }

.btn_radio { overflow: hidden; display: inline-block; width: 74px; border-radius: 3px; }

td > .btn_radio { margin-top: 5px; }

.btn_radio button { position: relative; display: inline-block; float: left; width: 36px; height: 22px; color: #999; }

.btn_radio button span { display: block; width: 36px; height: 20px; line-height: 20px; border: 1px solid #dbdbdb; font-size: 11px; color: #999; text-align: center; background: #f3f3f3; }

.btn_radio button:hover { text-decoration: underline; }

.btn_radio button.on { z-index: 1; }

.btn_radio button.on:hover { text-decoration: none; }

.btn_radio button.on span { color: #fff; border-color: #8292a2; background: #8292a2; }

.btn_radio.size2 { width: 90px; }

.btn_radio.size2 button { width: 45px; }

.btn_radio.size2 button span { width: 43px; }

/* title type */
.tit1 { border-bottom: 2px solid #333; font-size: 20px; line-height: 42px; color: #333; font-weight: normal; }

.tit2 { margin-bottom: 19px; font-weight: normal; font-size: 16px; color: #666; }

.tit2:before { display: inline-block; content: ''; margin-right: 10px; }

.label { line-height: 32px; font-size: 13px; color: #666; }

/* align */
.align_c { margin: 0 auto; text-align: center !important; }

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

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

.align_both { overflow: hidden; margin: 0 12px; }

td .align_both { margin-top: 10px; }

.align_both .align_r { margin-bottom: 9px; }

.align_both .align_r > span { margin-left: 16px; }

.align_both .lt { overflow: hidden; float: left; }

.align_both .lt + .lt { margin-left: 10px; }

.align_both .lt > li { margin-top: 8px; }

.align_both .lt > li:first-child { margin-top: 0; }

.align_both .rt, .board_list .tbl_col td .align_both.in_box .ipt_txt_rt { overflow: hidden; float: right; }

.align_both .rt > span, .board_list .tbl_col td .align_both.in_box .ipt_txt_rt > span { margin-left: 16px; }

.align_both.tool_wrap { overflow: visible; }

.align_both.tool_wrap .lt { overflow: visible; }

.align_both .tit_h3 { padding: 7px 0 0; }

.align_both_no .btn_rud2 { margin-bottom: 8px; }

.align_both_no .lt { float: left; }

.align_both_no .rt, .align_both_no .board_list .tbl_col td .align_both.in_box .ipt_txt_rt, .board_list .tbl_col td .align_both.in_box .align_both_no .ipt_txt_rt { float: right; }

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

/* table */
.board_list { width: 100%; overflow: hidden; }

.board_list.no_ov { overflow: visible; }

.board_list table { width: 100%; border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; font-size: 12px; }

.lyrpop .board_list table { min-width: 100%; }

.board_list table.align_c td { text-align: center; }

.board_list table.nobdr { border-top: 1px solid #dbdbdb; }

.board_list table thead tr { background: #fafafa; }

.board_list table thead th { height: 37px; min-height: 100%; text-align: center; color: #666; }

.board_list table tfoot td { background: #f2f2f2; font-weight: bold; color: #333; }

.board_list table td { height: 40px; padding: 0 10px; background: #fff; text-align: right; }

.board_list table td a { text-decoration: underline; }

.board_list table td .ellipsisbtn { position: relative; padding-right: 63px; min-height: 22px; line-height: 22px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.board_list table td .ellipsisbtn .btn_rud { position: absolute; top: 0; right: 0; }

.board_list table thead tr:hover td, .board_list table tbody tr:hover td { background: #f7f7ff; }

.board_list table tr.on td, .board_list table tr.on:hover td { background: #e6f2fa; font-weight: bold; }

.board_list table.mouseover .hover { background: #f7f7ff; }

.board_list table.mouseover .hover td { background: #f7f7ff; }

.board_list table th, .board_list table td { overflow: hidden; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; white-space: nowrap; text-overflow: ellipsis; }

.board_list table th { position: relative; overflow: visible; white-space: normal; border-bottom: 1px solid #dbdbdb; text-overflow: visible; line-height: 14px; font-size: 13px; font-weight: normal; }

.board_list table th .icon_tooltip { position: absolute; top: 0; left: 0; }

.board_list table th .icon_tooltip:hover + .tip_box { display: block; }

.board_list table th .icon_tooltip:hover:after { top: 33px; left: 12px; }

.board_list table .subj { text-align: left !important; }

.board_list .tbl_combine { border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; }

.board_list .tbl_combine .hover { background: #fff; }

.board_list .tbl_combine .hover td { background: #fff; }

.board_list .tbl_combine th, .board_list .tbl_combine td { border-right: none; padding: 0 2px; text-align: center; }

.board_list .tbl_combine th:first-child, .board_list .tbl_combine td:first-child { border-left: none; }

.board_list .tbl_combine .rt_line { border-right: 1px solid #dbdbdb; }

.board_list .tbl_combine .listcell { border-left: 1px solid #dbdbdb; text-align: left; }

.board_list .tbl_combine .listcell .cellbox { overflow: hidden; }

.board_list .tbl_combine .listcell li { padding: 4px 0; overflow: hidden; }

.board_list .tbl_combine .listcell span { display: block; float: left; text-align: center; }

.board_list .tbl_combine .listcell .per10 { width: 10%; }

.board_list .tbl_combine .listcell .per15 { width: 15%; }

.board_list .tbl_combine .listcell .per20 { width: 20%; }

.board_list .tbl_combine .listcell .per25 { width: 25%; }

.board_list .tbl_combine .listcell .per30 { width: 30%; }

.board_list .tbl_combine .listcell .per35 { width: 35%; }

.board_list .tbl_combine .listcell .per40 { width: 40%; }

.board_list .tbl_combine .listcell .per45 { width: 45%; }

.board_list .tbl_combine .listcell .per50 { width: 50%; }

.board_list .tbl_combine .listcell .per55 { width: 55%; }

.board_list .tbl_combine td.listcell .cellbox { margin: 5px 0; }

.board_list .tbl_col { border-left: none; }

.board_list .tbl_col th, .board_list .tbl_col td { padding: 7px 10px; box-sizing: border-box; text-align: left; border-width: 1px 0; }

.board_list .tbl_col th { position: static; background: #fafafa; width: 130px; padding: 7px 10px 5px; }

.board_list .tbl_col td label { margin-right: 10px; }

.board_list .tbl_col td p { margin: 15px 0; }

.board_list .tbl_col td .in_box { margin: 0px 5px 5px 17px; padding-left: 20px; white-space: normal; }

.board_list .tbl_col td .txt_effect { background: #f3f3f3; margin-top: 12px; padding: 8px 20px; }

.board_list .tbl_col td .align_both.in_box { width: 382px; margin-top: 26px; }

.board_list .tbl_col td .align_both.in_box + .in_box { margin-top: 10px; }

.board_list .tbl_col td .align_both.in_box:last-child { margin-bottom: 16px; }

.board_list .tbl_col td .align_both.in_box div.rt, .board_list .tbl_col td .align_both.in_box div.ipt_txt_rt { padding-right: 18px; }

.board_list .tbl_col td .align_both.in_box .ipt_txt_rt { text-align: right; padding: 0px 18px; }

.board_list .tbl_col td .txt_blue { color: #518edf; }

.board_list .tbl_col .nocnt { font-size: 12px; color: #999; }

.board_list .tbl_col .nocnt strong { color: #666; font-weight: normal; }

.board_list .tbl_col .rptarea { border: 1px solid #ddd; }

.board_list .tbl_board tr:hover td { background: #fafafa; }

.board_list .tbl_board td { text-align: center; }

.board_list .tbl_board td a { text-decoration: none; }

.board_list .tbl_board td a:hover { text-decoration: underline; }

.board_list .tbl_board.type2 tr:hover td { background: none; }

.board_list .tbl_board.type2 th, .board_list .tbl_board.type2 td { font-size: 13px; line-height: 20px; text-align: left; }

.board_list .tbl_board.type2 th { padding: 0 20px; font-weight: normal; }

.board_list .tbl_board.type2 > tbody > tr > td { padding: 0; }

.board_list .tbl_board.type2 .subj { padding: 20px; color: #666; white-space: inherit; }

.popup .board_list .tbl_board.type2 .subj { overflow-y: auto; display: block; padding: 20px 20px 0; height: 425px; }

.popup .board_list .tbl_board.type2 .subj:after { content: ''; display: block; height: 20px; }

.board_list .tbl_board.type2 .subj address, .board_list .tbl_board.type2 .subj em, .board_list .tbl_board.type2 .subj i { font-style: italic; }

.board_list .tbl_board.type2 .subj hr { display: block; margin: .5em auto; border-style: inset; border-width: 1px; }

.board_list .tbl_board.type2 .subj ol { display: block; list-style-type: decimal; margin: 1em 0; padding: 0 0 0 40px; }

.board_list .tbl_board.type2 .subj ul { display: block; list-style-type: disc; margin: 1em 0; padding: 0 0 0 40px; }

.board_list .tbl_board.type2 .subj table { table-layout: auto; min-width: auto !important; width: auto; border-width: 1px; border-color: #000; border-collapse: separate; border-style: solid; }

.board_list .tbl_board.type2 .subj table th, .board_list .tbl_board.type2 .subj table td { padding: 3px; height: auto !important; background: none; border-color: #000; }

.board_list .tbl_board .bf_file { padding-left: 43px; }

.board_list .tbl_board .bf_file .icon_file { margin: 0 10px 0 -23px; }

.board_list .tbl_reply { margin-top: 1px; border-top: 1px solid #dbdbdb; border-left: none; }

.board_list .tbl_reply th, .board_list .tbl_reply td { padding: 10px 15px; text-align: left; border-width: 1px 0; }

.board_list .tbl_reply th { background: #fafafa; }

.board_list .tbl_reply td { background: #fff; }

.board_list input.text, .board_list textarea { padding: 0 2px 0 3px; font-size: 11px; }

.board_list .sort { position: relative; z-index: 1; display: inline-block; padding-right: 15px; vertical-align: middle; }

.board_list .sort:hover { text-decoration: none; }

.board_list .sort:before, .board_list .sort:after { content: ''; display: block; position: absolute; top: 50%; right: 0; z-index: 1; width: 0; border: 5px solid #b5bec6; border-left: 4px solid transparent !important; border-right: 4px solid transparent !important; }

.board_list .sort:before { margin-top: -6px; border-top: 0; }

.board_list .sort:after { margin-top: 2px; border-bottom: 0; }

.board_list .sort.up:before { border-color: #ff0000; }

.board_list .sort.down:after { border-color: #0087ff; }

.board_list .align_both .tab, .board_list .align_both .tab_head { margin-top: 8px; }

.board_list .align_both .rt .btn_def, .board_list .tbl_col td .align_both.in_box .ipt_txt_rt .btn_def, .board_list .align_both .rt .btn_rud2, .board_list .tbl_col td .align_both.in_box .ipt_txt_rt .btn_rud2, .board_list .align_both .rt .btn_def, .board_list .tbl_col td .align_both.in_box .ipt_txt_rt .btn_def { margin-bottom: 12px; }

.board_list .rt, .board_list .tbl_col td .align_both.in_box .ipt_txt_rt { float: right; }

.board_list .star { margin-left: 2px; font-size: 0; text-indent: -999px; }

.board_list .star:before { content: '*'; display: inline-block; font-size: 13px; line-height: 13px; text-indent: 0; color: #FF5D23; }

.board_list .addfile, .board_list .siblings_list { overflow: hidden; margin-top: -1px; border: 1px solid #e7e7e7; }

.board_list .addfile { border-top: none; }

.tit1 + .cont .board_list .tbl_col { margin-top: -1px; }

.addfile { background: #fff; }

.addfile li { margin-top: -7px; padding: 0 20px 17px 20px; }

.addfile li:first-child { margin-top: 0; padding-top: 15px; border-top: 1px solid #e7e7e7; }

.addfile button:hover { text-decoration: underline; }

.addfile .icon_file { margin-right: 6px; }

.icon_file { vertical-align: middle; font-size: 0; text-indent: -999px; }

.siblings_list { padding: 20px; background: #f3f3f3 !important; }

.siblings_list li { margin-top: 13px; }

.siblings_list li:first-child { margin-top: 0; }

.siblings_list .dt { margin-right: 30px; }

.siblings_list .dt:before { content: ''; display: inline-block; margin-right: 6px; }

.tbl_wrap { position: relative; overflow-y: auto; }

.tbl_wrap table { min-width: 1400px; }

.tbl_wrap table.align_c { margin: 0; }

.tbl_wrap .lyr { position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px; }

.no_scrly { overflow-y: auto !important; }

.no_scrly table { min-height: 100%; }

.no_scrlx { overflow-x: auto !important; }

.no_scrlx table { min-width: 100%; }

.cellOn { margin: 20px 30px 15px 30px; }

.cellOn p { margin: 10px 0; }

.ipt_combo { overflow: hidden; }

.ipt_combo .combounit { float: left; }

.ipt_combo .combounit .text { margin-right: 10px; width: 222px; }

.ipt_combo .combounit .selmulti { overflow: auto; margin: 10px 0 0 0; padding: 6px 0; width: 298px; height: 122px; border: 1px solid #dddddd; font-size: 12px; line-height: 18px; color: #666; }

.ipt_combo .combounit .selmulti option { padding: 1px 9px; }

.ipt_combo .combounit .selmulti option:checked { color: #fff; background: #666; }

.ipt_combo .navi { float: left; margin: 95px 20px 0; }

.iptlist { margin-bottom: 10px; }

.iptlist:last-child { margin-bottom: 0; }

.iptlist .text { text-align: center; }

.tit_h3 { padding: 10px; font-size: 16px; color: #666; }

.list_input th, .list_input td { height: 34px; }

.list_input th { text-align: right; }

.list_input td { padding-left: 10px; }

.list_input td label { margin-right: 20px; }

.list_input td label input { vertical-align: middle; }

.nodata { min-height: 160px; padding-top: 70px; box-sizing: border-box; background: #fff; }

.nodata .nd_desc { text-align: center; font-size: 14px; color: #999; }

/* pagination */
.pagination { margin-top: 12px; text-align: center; font-size: 15px; }

.pagination span, .pagination a { display: inline-block; margin-right: -4px; padding: 0 10px 0 11px; vertical-align: top; min-width: 14px; height: 28px; line-height: 27px; color: #999999; }

.pagination a:first-child { background: none; }

.pagination a:hover, .pagination a:hover span { text-decoration: none; color: #333; }

.pagination a.on, .pagination span.on { font-weight: bold; text-decoration: underline; color: #333; }
/*
.pagination .pnav { padding: 27px 0 0; width: 24px; height: 1px; overflow: hidden; background: url("../../images/publisher/common/btn_page.gif") no-repeat; }
*/
.pagination .p_first { background-position: 0 0; }

.pagination .p_first:hover { background-position: -33px 0; }

.pagination .p_prev { background-position: 0 -28px; }

.pagination .p_prev:hover { background-position: -33px -28px; }

.pagination .p_prev + a { background: none; }

.pagination .p_next { background-position: 0 -56px; }

.pagination .p_next:hover { background-position: -33px -56px; }

.pagination .p_last { background-position: 0 -84px; }

.pagination .p_last:hover { background-position: -33px -84px; }

.asidebox { padding: 30px 20px 20px; min-height: 60px; }
/*
.asidebox .noti_cont { margin-bottom: -30px; padding-left: 155px; background: url("../../images/publisher/page/img_tip.png") no-repeat 0 0; min-height: 60px; }
*/
.asidebox .noti_cont li { position: relative; padding-bottom: 30px; }

.asidebox .noti_cont li:before { content: ''; display: inline-block; position: absolute; top: 6px; left: -12px; width: 6px; height: 6px; border-radius: 6px; background: #666; }

.asidebox img { display: block; margin: 0 auto; }

/*sticky table*/
.sticky-table { max-width: 100%; overflow: auto; padding: 0 !important; }

.sticky-table table { margin-bottom: 0; width: 100%; max-width: 100%; border-spacing: 0; padding: 0 !important; border-left: none; }

.sticky-table table tr.sticky-row th, .sticky-table table tr.sticky-row td { background-color: #fff; border-top: 0; position: relative; z-index: 5; }

.sticky-table table td.sticky-cell, .sticky-table table th.sticky-cell { background-color: #fff; position: relative; z-index: 10; }

.sticky-table table td.sticky-cell:first-child, .sticky-table table th.sticky-cell:first-child { border-left: 1px solid #dbdbdb; }

.sticky-table table th.sticky-cell { background-color: #f3f3f3; }

.sticky-table table tr.sticky-row td.sticky-cell, .sticky-table table tr.sticky-row th.sticky-cell { z-index: 15; }

.wrap_report.cont { padding-bottom: 52px; }

.wrap_report .tbl_col td { padding: 7px 5px; }

.wrap_report .btn_cr { font-size: 12px; color: #666; width: 100px; height: 30px; padding: 5px 8px; margin: 6px 5px; border-radius: 25px; border: 1px solid #c4c4c4; display: block; text-decoration: none; box-sizing: border-box; position: relative; text-decoration: none; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; }

.wrap_report .btn_cr:hover, .wrap_report .btn_cr.on_drag { border-color: #635ca4; }

.wrap_report .btn_cr.on { border-color: #635ca4; background: #635ca4; color: #fff; }

.wrap_report table th, .wrap_report table td { overflow: auto; white-space: normal; }

.wrap_report .drag_area { border: 1px solid #dbdbdb; border-top: none; position: relative; padding: 16px 0px; }

.wrap_report .drag_area .lt, .wrap_report .drag_area .rt1, .wrap_report .drag_area .rt2 { float: left; min-height: 126px; padding: 0px 15px; box-sizing: border-box; }

.wrap_report .drag_area .lt { width: 50%; }

.wrap_report .drag_area .rt1 { width: 41%; }

.wrap_report .drag_area .rt2 { width: 9%; padding: 0px 16px; text-align: center; }

.wrap_report .drag_area .rt2 .btn_def { margin: 6px auto; }

.wrap_report .drag_area .btn_close { text-indent: -1000px; display: block; position: absolute; top: 10px; right: 9px; }

.wrap_report .drag_area .btn_cr { padding-right: 20px; }

.wrap_report .drag_area .align_both { position: relative; }

.wrap_report .drag_area .align_both:before, .wrap_report .drag_area .align_both:after { content: ""; display: block; position: absolute; width: 1px; background: #dbdbdb; height: 100%; margin-left: -1px; }

.wrap_report .drag_area .align_both:before { left: 50%; }

.wrap_report .drag_area .align_both:after { left: 91%; }

.wrap_report .btn_opt { width: 100%; padding: 9px 0px 10px; text-align: center; display: block; background: #f8f8f8; color: #666; font-size: 14px; border: 1px solid #dbdbdb; border-top: none; box-sizing: border-box; }

.wrap_report .btn_opt:hover { text-decoration: none; background: #e8e8e8; }

.wrap_report .btn_opt:after { content: ""; display: inline-block; margin: -2px 0px 0px 8px; vertical-align: middle; }

.wrap_report .btn_opt.cls { border-top: 2px solid #333; }

.wrap_report .btn_opt.cls:after { content: ""; display: inline-block; margin-left: 8px; }

.wrap_report + .cont { padding-top: 40px; }

.wrap_filter { position: relative; margin-bottom: 2px; width: 100%; padding-left: 56px; box-sizing: border-box; }

.wrap_filter .tit { font-size: 14px; line-height: 44px; color: #333333; margin-left: 12px; }

.wrap_filter td { vertical-align: top; }

.wrap_filter .unit { height: 44px; box-sizing: border-box; background: #f3f3f3; padding: 6px 8px; border-radius: 3px; margin-right: 12px; margin-bottom: 12px; float: left; }

.wrap_filter .unit .slct_box { float: left; }

.wrap_filter .unit .slct_box + .btn_close { margin-left: 8px; }

.wrap_filter .unit .slct_box + .slct_box { margin-left: 6px; }

.wrap_filter .unit .btn_def { float: left; margin: 0px 8px 0px 6px; }

.wrap_filter .unit .btn_close { float: left; display: block; overflow: hidden; text-indent: -1000px; margin-top: 12px; }

.wrap_filter .btn_add { content: ""; display: inline-block; overflow: hidden; text-indent: -9999px; vertical-align: middle; float: left; }

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

html { height: 100%; }

.main { height: 100%; background: #363636; }

.main #wrap { overflow: inherit; position: relative; height: 100%; min-height: 800px; box-sizing: border-box; }

.main #wrap .footer { position: absolute; left: 0; bottom: 0; width: 100%; padding: 27px 0 28px; background: none; }

.main .loginbox { position: absolute; left: 50%; top: 50%; width: 580px; height: 500px; margin: -285px 0 0 -285px; padding: 50px 65px 48px; box-sizing: border-box; background: #fff; }
.main .loginbox .logo { display: block; width: 442px; height: 60px; margin: 0 auto 30px; background: url("/images/tms_logo_2.png") no-repeat 50% 0; font-size: 0; }

.main .loginbox .btn_login { display: block; width: 100%; height: 72px; background: #7b7de5; border-radius: 3px; line-height: 72px; text-align: center; font-size: 24px; font-weight: bold; color: #fff; cursor: pointer; }

.main .loginbox .btn_login:hover { background: #9597ea; }

.main .loginbox .btn_login:active { background: #6264b7; }

.main .loginbox .box_inp { position: relative; margin-bottom: 20px; }
/*
.main .loginbox .box_inp.id:before { display: inline-block; content: ''; position: absolute; left: 30px; top: 50%; margin-top: -11px; width: 20px; height: 21px; background: url("../../images/publisher/common/ico_login.png") no-repeat 0 0; }

.main .loginbox .box_inp.pw:before { display: inline-block; content: ''; position: absolute; left: 30px; top: 50%; margin-top: -11px; width: 20px; height: 23px; background: url("../../images/publisher/common/ico_login.png") no-repeat 0 -27px; }
*/
.main .loginbox .box_inp label { position: absolute; top: 0; left: 80px; line-height: 72px; font-weight: bold; color: #ccc; font-size: 24px; }

.main .loginbox .box_inp input { width: 444px; height: 66px; line-height: 66px; background: #ebeff2; border-radius: 3px; border: 3px solid #ebeff2; text-indent: 80px; font-weight: bold; font-size: 24px; color: #333; }

.main .loginbox .box_inp input:hover, .main .loginbox .box_inp input:focus { background: #fff; border-color: #7b7de5; }

.main .loginbox .box_captcha { overflow: hidden; margin-bottom: 20px; }

.main .loginbox .box_captcha .captcha { float: left; width: 150px; height: 50px; text-align: center; }

.main .loginbox .box_captcha .inp { float: right; width: 230px; height: 50px; padding: 0 20px; box-sizing: border-box; background: #ebeff2; border-radius: 3px; border: 3px solid #ebeff2; line-height: 50px; font-weight: bold; font-size: 24px; color: #333; }

.main .loginbox .box_captcha .inp:hover, .main .loginbox .box_captcha .inp:focus { background: #fff; border-color: #7b7de5; }

.gtmix { overflow: hidden; }

.gtmix .g_lt { float: left; width: 32%; }

.gtmix .g_rt { float: right; width: 66%; }

.gtmix .g_rt table { min-width: 760px; }

.gtmix .gbox { padding: 20px; border: 1px solid #dbdbdb; }

.gtmix .boxheader { overflow: hidden; padding: 12px 12px 6px 12px; }

.gtmix .boxheader .tit_h3 { float: left; padding-left: 0; }

.gtmix .boxheader .selbox { float: right; }
/*
.page404 { background: #f3f3f3 url("../../images/publisher/page/bg_dline.png") repeat 50% 0; }
*/
.page404 .box404 { margin: 50px auto; padding: 100px; width: 500px; background: #fff; }

.page404 .box404 .logo { margin-bottom: 60px; }

.page404 .box404 .tit_desc { font-size: 18px; line-height: 30px; color: #333; }

.page404 .box404 .tit_desc:after { content: ''; display: block; margin-top: 40px; overflow: hidden; width: 50px; height: 3px; border-radius: 2px; background: #333; }

.page404 .box404 .desc { padding: 40px 0 60px 0; font-size: 13px; line-height: 18px; color: #666; }

.notice_list { margin: 0 10px; }

.notice_list li { overflow: hidden; margin: 15px 0; }

.notice_list .subj { float: left; }

.notice_list .date { float: right; }

.notice_list .ico_new { color: #FF7342; font-size: 12px; font-family: Arial; }

.txt_update { margin-right: 16px; vertical-align: middle; font-size: 12px; color: #999; }

.form_detail { margin: 0 3px 14px; }

.form_detail .tit { display: block; margin: 20px 0 8px 0; }

.form_detail li { overflow: hidden; margin-bottom: 10px; }

.form_detail input.text { padding-right: 10px; }

.form_detail .rt, .form_detail .board_list .tbl_col td .align_both.in_box .ipt_txt_rt, .board_list .tbl_col td .align_both.in_box .form_detail .ipt_txt_rt { float: right; }

.form_detail .rt .txt, .form_detail .board_list .tbl_col td .align_both.in_box .ipt_txt_rt .txt, .board_list .tbl_col td .align_both.in_box .form_detail .ipt_txt_rt .txt { display: inline-block; margin-top: 5px; }

.form_detail .lt { float: left; margin-top: 5px; }

.outside_join { padding: 14px 0 0 0; height: 50px; box-sizing: border-box; text-align: center; background: #fffeeb; }

.outside_join .inr { position: relative; display: inline-block; padding-left: 33px; height: 23px; line-height: 23px; font-size: 16px; font-weight: bold; color: #666; }

.outside_join .inr:before { content: ''; display: inline-block; position: absolute; top: 0; left: 0; }

.sec_authority { overflow: hidden; }

.sec_authority .a1 { overflow: hidden; float: left; width: 22%; }

.sec_authority .a1 label { display: block; float: left; height: 40px; font-size: 0; cursor: pointer; }

.sec_authority .a1 label input[type=radio] { margin: 13px 15px 14px; vertical-align: top; }

.sec_authority .a1 ul { margin-bottom: -1px; overflow-y: auto; }

.sec_authority .a1 li { position: relative; overflow: hidden; padding: 0 10px 0 0; border-bottom: 1px solid #dbdbdb; }

.sec_authority .a1 .a_cont span { display: inline-block; padding-left: 15px; height: 40px; line-height: 40px; font-size: 11px; border-left: 1px solid #dbdbdb; }

.sec_authority .a1 .btn_rud { position: absolute; top: 9px; right: 9px; }

.sec_authority .a2 { float: left; width: 37%; }

.sec_authority .a2 .wrap { padding-left: 4.76%; }

.sec_authority .a2 .a_cont { padding: 20px 5px; height: 246px; }

.sec_authority .a3 { float: left; width: 41%; }

.sec_authority .a3 .wrap { padding-left: 4.36%; }

.sec_authority .a3 .a_cont { padding: 20px; height: 246px; }

.sec_authority .a3 li { margin-top: 11px; }

.sec_authority .a3 li:first-child { margin-top: 0; }

.sec_authority .a_title { display: block; height: 48px; line-height: 48px; min-height: 100%; border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; text-align: center; font-size: 12px; background: #f3f3f3; }

.sec_authority .a_cont { overflow: auto; height: 286px; border: 1px solid #dbdbdb; }

.sec_authority .align_both { min-height: 34px; margin-bottom: 8px; }

.bdr_box { overflow: auto; padding: 10px; box-sizing: border-box; border: 1px solid #dbdbdb; }

.topline_dash { overflow: hidden; margin-bottom: 20px; }

.topline_dash .lt { overflow: hidden; width: 100%; float: left; }

.topline_dash .rt, .topline_dash .board_list .tbl_col td .align_both.in_box .ipt_txt_rt, .board_list .tbl_col td .align_both.in_box .topline_dash .ipt_txt_rt { float: right; margin-top: 8px; }

.lineinfo { position: relative; float: left; margin-left: 1%; padding: 0px 10px 0; box-sizing: border-box; width: 49.5%; height: 40px; border: 1px solid #dbdbdb; background: #e0e3e7; }

.lineinfo:first-child { margin-left: 0; }

.lineinfo .title { float: left; margin-right: 11px; font-size: 14px; line-height: 37px; color: #30465d; }

.lineinfo .title i { margin: -1px 10px 0 0; vertical-align: middle; }

.lineinfo .inner { overflow: hidden; box-sizing: border-box; position: relative; float: left; background: #fff; max-width: 685px; width: 76%; width: calc(100% - 130px); height: 23px; margin-top: 8px; }

.lineinfo .inner ul { margin-top: 0px; }

.lineinfo .inner .unit { font-size: 13px; line-height: 22px; color: #333; font-family: '맑은 고딕'; height: 23px; overflow: hidden; padding: 0px 10px; }

.lineinfo .inner i { display: inline-block; margin: 0 4px 0px 6px; font-size: 0; }

.lineinfo .inner i:after { content: ''; display: inline-block; width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; }

.lineinfo .inner i.up:after { border-bottom: 9px solid #f00; }

.lineinfo .inner i.up + span { color: #f00; }

.lineinfo .inner i.down:after { border-top: 9px solid #0087ff; }

.lineinfo .inner i.down + span { color: #0087ff; }

.lineinfo .navi { margin: 1px -4px 0 0; position: absolute; top: 8px; right: 20px; }

.lineinfo .navi button { position: relative; display: block; width: 15px; height: 11px; }

.lineinfo .navi button:after { content: ''; position: absolute; top: 3px; left: 3px; }

.lineinfo .more { position: absolute; top: 9px; right: 8px; }

.lineinfo.noti { background: #fff; }

.lineinfo.noti .title { margin-right: 0px; }

.lineinfo.noti .title:after { content: ''; display: inline-block; margin-left: 11px; width: 1px; height: 13px; vertical-align: middle; background-color: #97a2ae; }

.lineinfo.noti .inner { max-width: 710px; width: calc(100% - 105px); margin-left: 10px; }

.lineinfo.noti .unit { padding: 0px; }

.lineinfo.noti .subj { max-width: 100%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; padding-right: 29px; position: relative; }

.lineinfo .ico_new { color: #FF7342; font-size: 12px; font-family: Arial; position: absolute; top: 1px; right: 0px; }

.fold_open { margin: 3px 3px 0 0; vertical-align: top; }

.fold_close { margin: 3px 3px 0 0; vertical-align: top; }

.js-tableThFixWrap { position: relative; }

.js-tableThFixWrap .tbl_wrap { position: static; }

.js-tableThFixWrap .new_list { overflow: hidden; position: absolute; top: 0; left: 0; z-index: 1002; padding: 0; border-top: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; background: #fff; }

.js-tableThFixWrap .new_list ul { overflow: hidden; }

.js-tableThFixWrap .new_list li { float: left; font-size: 12px; line-height: 14px; border-bottom: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: #f3f3f3; }

.js-tableThFixWrap .new_list li:after { display: inline-block; width: 1px; height: 100%; content: ''; vertical-align: middle; }

.js-tableThFixWrap .new_list li.th { padding: 1px; font-weight: bold; text-align: center; background: #fafafa; }

.js-tableThFixWrap .new_list li.td { padding: 0 10px; background: #fff; }

.js-tableThFixWrap .new_list li.on { background: #e6f2fa; font-weight: bold; }

.js-tableThFixWrap .new_list li .btn_rud { float: right; margin-top: 9px; }

.js-tableThFixWrap .new_list .icon_tooltip { position: absolute; top: 0; left: 1px; width: 24px; height: 24px; }

.js-tableThFixWrap .th_list { position: absolute; top: 0; left: 0; right: 0; }

div.tree-multiselect > div.selected > div.item { overflow: hidden; }

div.tree-multiselect span.section-name { font-size: 11px; font-style: initial !important; color: #aaa; letter-spacing: -1px; }


/*# sourceMappingURL=style.css.map */