@charset "utf-8";

/* ----------------------------------------
 * Created : 2018 v01
 	최신수정 jw 202102
 --------------------------------------- */
/* ==========================================================================
   Base styles & import
   ========================================================================== */



/* container */
.container{position:relative; width:100%;clear: both;overflow: hidden;}
.container .con_wrap{position: relative;width:1280px;max-width: 1280px;margin:0 auto;padding-bottom:80px;clear: both;}
.container section{position: relative;float:left; padding:40px 10px 60px 40px;min-height:800px;width:100%; max-width:1050px; margin-left:0;background:#fff; transition:all 0.5s ease;}
.container section > h3{float: left;}
.container article{clear:both;overflow:hidden;}
.container article > h3{height:0;overflow: hidden;display: none;}
.container.left_gnb_none .left_gnb{display: none;}
.container.left_gnb_none section{margin-left:0;}
.content{overflow: hidden;padding: 0 0 60px 40px;min-height: 800px;margin-left: 230px;background: #fff;transition:all 0.5s ease;}
.m_navigation{display: none;}
.h3_box{position:relative;padding-bottom:36px;min-height:40px;z-index:10}
.h3_box h3{max-width:1040px;text-align: left;font-weight:600;font-size:28px;}
.navigation{float:right}
.navigation:after{clear:both;overflow:hidden;}
.navigation li{display: inline-block;float:left;padding-left:15px;font-size:14px;color:#afafaf;margin-right:12px;background:url('images/common/navigation_line.png') no-repeat 0 50%;}
.navigation li:first-child span{display:block; width:14px;height:15px;text-indent: -9999em;background:url('images/common/navigation_home.png') no-repeat 0 0;}
.navigation:after{clear:both;overflow:hidden;}
section .navigation{padding-top:13px;padding-right:40px;}
.navigation li:first-child{background:none;padding-left: 0;}
.navigation li:last-child{margin-right:0;margin-right:0;color:#7a7a7a;font-weight:600;}
.navigation li{display: inline-block;float:left;padding-left:15px;font-size:14px;color:#636363;margin-right:12px;background:url('images/common/ic_gt.png') no-repeat left center;}

/* aside 왼쪽 서브 메뉴 */
aside.left_gnb{width: 230px;float:left; padding-bottom:0;transition:all 0.5s ease;}
aside.left_gnb .left_gnb_title{display:block; width:100%;border-bottom:1px solid #ccc;}
aside.left_gnb .left_gnb_title .left_gnb_title_box{display:table;width:100%;}
aside.left_gnb .left_gnb_title h2{display:table-cell; width:100%;height: 117px;text-align: left;padding-top:20px;padding-right:20px; padding-left:25px; font-weight: 600;font-size: 24px;color: #222;vertical-align:middle;}
aside.left_gnb nav{text-align: left;display: block;background:#eeeeee;}
.gnb_list .sub_gnb ul{border-top:1px solid #ccc;}
.gnb_list {width:100%;padding:0;}
.gnb_list > ul > li {}
.gnb_list a{padding:20px 0 20px 8px;font-weight:600; color:#222;}
.gnb_list > ul > li .tit a{display:block;padding:20px 0 20px 8px;margin:0 20px;font-weight:600; color:#222;}
.gnb_list > ul > li.open .tit a,
.gnb_list > ul > li.on .tit a{}
.gnb_list > ul > li .tit a span {display:inline-block;}
.gnb_list > ul > li.on .tit a  {color:#222;font-weight:600;}
.gnb_list > ul > li.open .tit a  {color:#222;font-weight:600;}
.gnb_list > ul > li .sub_gnb {display:none;}
.gnb_list > ul > li.open .sub_gnb,
.gnb_list > ul > li.on .sub_gnb {display: block;}
.gnb_list .sub_gnb ul{margin: 0 20px;}
.gnb_list .sub_gnb ul li:first-child a{border-top:none;}
.gnb_list .sub_gnb ul li a {display:block; padding:20px 0 20px 20px;color:#222;border-top:1px solid #222; }
.gnb_list .sub_gnb ul li a:before{display: inline-block;vertical-align: middle;margin-right:5px; width:2px;height:2px;content: "";background:#fff;}

.banner_wrap{}
.banner_wrap{margin-top:50px;}
.banner_wrap .banner_ul li{border:1px solid #e1e5e6;}
.banner_wrap .banner_ul li + li{margin-top:10px;}
.banner_wrap .banner_ul li a{display: block;padding:0;width:100%;height: 80px; background: #fafafa;}
.banner_wrap .banner_ul li a p + p{margin-top:10px;}
.banner_wrap .banner_ul li a  img{width: 100%;height:100%;}
.banner_wrap .banner_ul li a p.date{text-align: right;}

/* 헤딩 */
h4{font-size: 18px;color: #666666;}
h4:before{display: inline-block;vertical-align: middle;margin-right:5px; width:8px;height:8px;content: "";background:#666666;border-radius:4px;}
.h4_style{font-size: 18px;color: #666666;}
.h4_style:before{display: inline-block;vertical-align: middle;margin-right:5px; width:8px;height:8px;content: "";background:#666666;border-radius:4px;}
h5{font-size: 15px;color: #666666;padding-bottom: 15px;}
.h5_style{font-size: 15px;color: #666666;padding-bottom: 15px;}
.p_style{font-size: 15px;color: #666666;padding-bottom: 15px;}
.p_style:before{display: inline-block;vertical-align: middle;margin-right:5px; width:2px;height:2px;content: "";background:#666666;}

/*display  */
.d_b{display: block !important;}
.d_inb{display: inline-blockblock;}

/* Skip */
#skipnavigation{z-index:9999;position:absolute;left:0;top:0;width:100%;text-align:center}
#skipnavigation *{list-style:none;margin:0;padding:0;}
#skipnavigation a{display:block;width:100%;height:0;overflow:hidden;white-space:nowrap;}
#skipnavigation a:focus,
#skipnavigation a:active{display:block;width:100%;height:36px;color:#fff;background:#000;line-height:36px;text-decoration:underline !important;font-size:14px;}

/*no result*/
.NO_RESULT{align-items:center;justify-content:center;width:100%;height:100px;text-align:center;line-height:100px}
.NO_RESULT p,
.no_result p{display:inline-block;padding-left:25px;background:url(./images/common/no_result_ic.png) no-repeat 0 50%;color:#bdbdbd}
td.NO_RESULT{opacity:0}
.NO_RESULT.load{opacity:1}

/* no_left_gnb */
.no_left_gnb .left_gnb{display: none;}
.no_left_gnb section{margin-left: 0; }

/* toTop */
/* .btn_top{display:none;position:fixed;right:30px;bottom:30px;width:45px;height:45px;font-size:0;text-indent:-9999em;text-align:center;color:#fff;border:1px solid #cacaca; background:#fff url('images/common/btn_top.png') no-repeat center center;background-size:22px auto; z-index:10;opacity: 0.8;}
.btn_top.hove{opacity:0.8;} */

/* 탑버튼 */
/* .btn_top{ display: none;opacity: 0;position: fixed; right: 10px; bottom: 10px;z-index: 10;opacity:0.6 !important; text-indent: -9999em;width: 50px;border:1px solid #cacaca; height: 50px; background:#fff url('images/common/btn_top.png') no-repeat center center; background-size:22px auto;} */
.btn_back{display:none;}

/* 퀵링크 */
.link_wrap{position:fixed; left: 10px; bottom:15px;z-index:5;}
.link_wrap li a{display: table;width:50px;height:50px;padding:5px;    background: #fafafa;    border: 1px solid #e1e5e6;text-align: center;}
.link_wrap li a span{display: table-cell;vertical-align: middle;}
.link_wrap li + li{margin-top:10px;}
.link_wrap .title{display: none;width:50px;text-align:center;padding:10px 0; transition:all 0.5s ease;}


/* 검색 폼 */
.table_wrap + .search_form{margin-top:30px;}
.user_data + .search_form{margin-top:30px;}
.search_form + .table_wrap{margin-top:30px;}
.search_form .select + .select{margin-left:8px;}
.search_form{position: relative;border:1px solid #e5eaf0;background:#f6faff;padding:22px 20px;}
.search_form li{text-align: left;}
.search_form li:first-child{padding-top:0;}
.search_form.t_center li{padding-top:10px;text-align: center;}
.search_form li .search_title{display: table-cell;font-size:13px;height:40px;vertical-align: middle;color:#333333;}
.search_form .btn_search{display: inline-block;height:34px;line-height:34px;margin-left:10px;width:95px;text-align: center;color:#fff;background: #009fd9;border: 1px solid #009fd9;vertical-align: top;border-radius:3px;}
.search_form .btn_search:active{transform:scale(0.95)}
.search_form .select select{min-width:130px;vertical-align: middle;}
.popup_guide_line .search_form select{min-width:100px;}
.search_form input[type="text"]{width:200px;}
.search_form input[type="text"].hasDatepicker{width:120px !important;}
.search_form li dd.in_select input[type="text"].hasDatepicker{float:none; width:140px !important;}
.search_form .search_input{margin-left:30px;display: inline-block;}
.search_form .search_input input{width:290px;}
.search_form .search_input .btn_search{display: inline-block;height:34px;line-height:34px;margin-left:-5px;width:70px;text-align: center;color:#fff;background: #009fd9;border: 1px solid #009fd9;vertical-align: top;border-radius:0;}
.search_form .search_input .btn_search:active{transform:scale(0.95)}
.search_form{padding:15px 15px 8px;margin-bottom:30px;background: #f9f9f9;border:1px solid #e1e5e8;}
.search_form{clear: both;overflow: hidden;}
.search_form li{float:left;width: 100%;}
.search_form li .ul_inblock{display: block;}
.search_form li .ul_inblock li{display: inline-block;width: auto;}
.search_form li .ul_inblock li .check{height:40px;line-height: 40px;}
.search_form li .ul_inblock li .check input{top:12px;}
.search_form li .ul_inblock li .radio{height:40px;line-height: 40px;}
.search_form li .ul_inblock li .radio input{top:12px;}
.search_form .search_bar_wrap{width:100%}
.search_form li dd.in_select input[type="text"]{float:left;width:calc(100% - 299px);}
.search_form li dd.in_select .cd{float: left;}
.search_form li dl{display: inline-block;width:50%; float: left;margin-bottom:8px}
.search_form li.dl_3 dl{width:33.33%}
.search_form li.dl_3 select,
.search_form li.dl_3 .comm_set,
.search_form li.dl_3 .cdDiv{width:100%;}
.search_form li.dl_3 dl:last-child .comm_set{padding-right:0}
.search_form li dl dt{float:left; width:120px;  font-size:13px;color:#333333;font-weight:600; padding-right:9px; vertical-align: middle;}
.search_form li dl dd{overflow:hidden;float:left;width:calc(100% - 120px);padding-right:20px;}
.search_form li dl.wid100p{width:100%;}
.search_form li dl.wid100p dd{float:left;}/*width:calc(100% - 330px);*/
.search_form li dl.type1.type2{width:100%;}
.search_form li dl dd.in_text input[type="text"]{width:100%;}
.search_form li dl dd.in_select.in_text input[type="text"]{margin-left:5px;width:calc(100% - 140px);}
.search_form li dl dd.in_text .comm_set + input[type="text"]{margin-left:0}
.search_form .in_select2 .select{display:inline-block;max-width:50%}
.search_form .in_select2 .select select{width:100%}
.search_form .btn01{vertical-align:middle;margin-left:5px;padding:11px 5px;font-weight:600;display:inline-block;min-width:50px;border-radius:3px; text-align:center;font-size:13px;color: #303030;background: #ffffff;border: 1px solid #868686;opacity:1;}
.search_form .btn01:active{transform:scale(0.95)}
.search_form .btn01.col02{padding:12.5px 26px; min-width:auto; color: #fff;width:143px;}
.search_form .btn01.col02 span{padding-right:30px;padding:4px 30px 4px 0; background:url('images/common/btn_search.png') 100% 50% no-repeat;}
.search_form .btn01.col03{padding:9px 5px; min-width:50px;color: #fff;background:#afb8c0;border:1px solid #afb8c0;}
.search_form .btn01.col03 span{display:inline-block;width:20px;height:20px; background:url('images/common/btn_reset.png') 0 center no-repeat;text-indent: -9999em;}
.search_form .btn01.col04{padding:11.5px 10px;color:#fff;background:#666666;border:1px solid #666666; }
.search_form .btn01.col09{padding:11.5px 10px;color:#333333;background:#fafafa;border:1px solid #e1e1e1; }
.search_form dd select{height:40px;min-width:100px;line-height:40px}
.search_form  input[type="text"]{height:40px;line-height:40px;}
.search_form li:last-child .select_input{}
.search_form li:last-child .select_input input[type="text"]{}
.search_form li:last-child .select_input dd{width: calc(100% - 140px);}
.search_form li.btn_w{width:100%;padding-top:20px;text-align: center;padding-right:20px;}
.search_form .search_form.dl1  li.btn_w{width:auto;position: absolute;bottom:0;right: 0;}
.search_form .search_form.dl3  li.btn_w{width:auto;position: absolute;bottom:0;right: 0; }
.search_form .search_form.dl5  li.btn_w{width:auto;position: absolute;bottom:0;right: 0; }
.search_form .search_form.dl7  li.btn_w{width:auto;position: absolute;bottom:0;right: 0; }
.search_form .search_form.dl9  li.btn_w{width:auto;position: absolute;bottom:0;right: 0; }
.search_form .search_form.dl11  li.btn_w{width:auto;position: absolute;bottom:0;right: 0; }
.search_form .detail_box{display: none;}
.search_form.on .detail_box{}
.search_form li.detail_li {width:100% !important;position: relative !important;bottom:auto  !important;right: 0 !important}
.search_form li.detail_li dl{display: block;    width: 100%;padding-right: 0;}
.search_form li.detail_li dd{width:calc(100% - 39px);}
.search_form li.detail_li input[type="text"]{float:left;width:calc(100% - 290px);}
.search_form li.detail_li .det_btn{width:120px;}
.search_form li.detail_li .det_btn span{padding-right:16px; background:url('images/common/det_btn_bg.png') 100% 50% no-repeat;transition:all 0.5s ease;}
.search_form .on li.detail_li .det_btn span{background:url('images/common/det_btn_bg_on.png') 100% 50% no-repeat;}
.search_form .comm_set{float:left;padding-right:10px}
.search_form li dl.btn_.type1{width:100%;display: block;padding-right: 0;}
.search_form li dl.btn_.type1 dd{width:calc(100% - 146px);}
.search_form li dl.btn_.type1 input[type="text"]{float:left;width:calc(100% - 207px);}
.search_form li dl.btn_.type1 dd.in_select input[type="text"]{float:left;width:calc(100% - 349px);}
.search_form li dl.btn_.type1 dd.in_select .cd{float: left;}
.search_form li dl.btn_.type1 dd .select + input{margin-left:5px;}
.search_form li dl.btn_.type1 dd.in_select input[type="text"].hasDatepicker{float:none; width: 140px !important;}
.search_form li dl.btn_.type1.type2{}
.search_form li dl.btn_.type1.type2 dd{width: calc(100% - 39px);}
.search_form li dl.btn_.type1.type2 input[type="text"]{float:left;width:calc(100% - 349px);}
.search_form li dl.btn_.type1.type2 dd .cd{float: left;}
.search_form li dl.btn_.type1.type3{}
.search_form li dl.btn_.type1.type3 input[type="text"]{float:left;width:calc(100% - 339px);}
.search_form li dl.btn_.type1.type2.type3 input[type="text"]{float:left;width:calc(100% - 464px);}
.search_form li dl.btn_.type1.type_group{}
.search_form li dl.btn_.type1.type_group dd{width:calc(100% - 86px);}
.search_form li dl.btn_.type1.type_group input[type="text"]{float:left;width:calc(100% - 204px);}
.search_form li dl.btn_.type1.type_group .btn01.col08{float:left;    padding: 3px 8px;}
.search_form li dl.btn_.type1.type_group .btn01.col08 span{width:32px;height:32px; display:block; text-indent: -9999em;background:url('images/common/ic_g.png') 0 0 no-repeat;}
.search_form li dl.btn_ .select{float: left;}
.search_form li dl.li1{width:100% !important;}
.search_form li dl.li2{width:50% !important;}
.search_form li dl.li3{width:33.3333% !important;}
.search_form li dl.li3_2{width:66.6666% !important;}
.search_form li dl.li4{width:25% !important;}

/* 교수진관리 검색 */
.search_form.prof select {float:left; margin-right:10px;}
.search_form.prof .comm_set {padding-right:0;}
/* .search_form.prof li dl {width:auto;} */
.search_form.prof li dl dd {width:auto; padding-right:0;}

/*로딩*/
.loading{position:fixed;top:50%;left:50%;transform: translate(-50%,-50%); height: 70px;width: 70px;border:1px solid red;}
.loading_1{border-radius: 50%;border-top: 5px solid rgba(255, 255, 255, 0.5);border-right: 5px solid rgba(255, 255, 255, 0.5);border-bottom: 5px solid rgba(255, 255, 255, 0.5);border-left: 5px solid rgba(255, 255, 255, 1); animation: loader 1s cubic-bezier(.41,.25,.32,.83) infinite;}
@keyframes loader {
    0%{ transform: rotate(0); }
    100%{ transform: rotate(1turn); }
}

.ui-widget *{font-family:'Noto Sans' ,'돋움',Dotum, sans-serif}
.pop_line {display:none}

/* help_btn */
.help_btn{display:inline-block;width:20px;height:20px;margin-left:10px;border-radius:50%;background:#ccc;color:#fff;font-weight:500;font-size:13px;line-height:20px;text-align:center}
.templete_type .tab_type1 li a{height:50px;line-height:1.4}
.templete_type .img_wrap{border:1px solid #ddd}
.templete_type .img_wrap img{width:100%}
#cateList li{padding-top:8px;font-size:14px;}

/* comment reply nm */
.reply_back {display: inline;}
.reply_nm {/* background-color:rgba(0,0,0,0.3); */ color: rgba(6,95,212);}

/* menu help text */
.help_text { vertical-align: super; padding: 10px; }

/* ckeditor5 에디터 내부 css */
#cke_editor1 {display:none !important;}
.ck-content {min-height:400px; max-height:500px;}
.ck-content a {color:#0a90eb;}
.ck-content a:visited {text-decoration: underline; cursor: auto;}
.ck-content b {font-weight: bold;}
.ck-content blockquote {display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 40px; margin-right: 40px;}
.ck-content code {font-family: 'Noto Sans';}
.ck-content em {font-style: italic;}
.ck-content embed:focus	{outline: none;}
.ck-content figcaption	{display: block;}
.ck-content figure {display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 40px; margin-right: 40px;}
.ck-content h2 {display: block; font-size: 1.5em; margin-top: 0.83em; margin-bottom: 0.83em; margin-left: 0; margin-right: 0; font-weight: bold;}
.ck-content h3 {display: block; font-size: 1.17em; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; font-weight: bold;}
.ck-content h4 {display: block; color:#222; margin-top: 1.33em; margin-bottom: 1.33em; margin-left: 0; margin-right: 0; font-weight: bold;}
.ck-content h4::before {display:none;}
.ck-content hr {display: block; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: auto; margin-right: auto; border-style: inset; border-width: 1px;}
.ck-content i {font-style: italic;}
.ck-content img {display: inline-block;}
.ck-content label {cursor: default;}
.ck-content ol {display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 40px;}
.ck-content ol li {list-style-type: decimal;}
.ck-content p {display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0;}
.ck-content pre	{display: block; font-family: 'Noto Sans'; white-space: pre; margin: 1em 0;}
.ck-content s {text-decoration: line-through;}
.ck-content strong {font-weight: bold;}
.ck-content sub	{vertical-align: sub; font-size: smaller;}
.ck-content sup {vertical-align: super; font-size: smaller;}
.ck-content table {display: table; border-collapse: separate; border-spacing: 2px; border-color: gray;}
.ck-content tbody {display: table-row-group; vertical-align: middle; border-color: inherit;}
.ck-content td {display: table-cell; vertical-align: inherit;}
.ck-content tfoot {display: table-footer-group; vertical-align: middle; border-color: inherit;}
.ck-content th {display: table-cell; vertical-align: inherit; font-weight: bold; text-align: center;}
.ck-content thead {display: table-header-group; vertical-align: middle; border-color: inherit;}
.ck-content tr {display: table-row; vertical-align: inherit; border-color: inherit;}
.ck-content u {text-decoration: underline;}
.ck-content ul {display: block; margin-top: 1em; margin-bottom: 1 em; margin-left: 0; margin-right: 0; padding-left: 40px;}
.ck-content ul li {list-style-type: disc;}
.ck-widget.raw-html-embed .raw-html-embed__preview-content {text-align:inherit;}

/* ckeditor5 뷰페이지에서 상단패널(툴바) 숨기기 */
/* [DK][210527][ckEditor5 추가관련] */
[class*='ck5_view'] ~ .ck-editor .ck-sticky-panel{display:none !important;}
[class*='ck5_view'] ~ .ck-editor .ck-content{border:none !important;}

.page_result_box{padding:20px;margin-top:20px;border:1px solid #ddd;line-height:1.6;background:#fafafa}

.dataTables_wrapper .dataTables_paginate {float: none !important;text-align: center !important;padding-top: 2.25em !important;}
#score_board_length {display: none !important;}
#score_board_filter {float: none !important;text-align: center !important;margin-top: 2em !important;margin-bottom: 2em !important;}
#score_title {text-align: center;font-size: 40px;margin: 30px 0px 0px 0px;}

.menu_wrap label.switch {text-align: left;width: 80px;height: calc(150px/ 4);border-radius: 60px;background-color: #4ed164;display: inline-block;position: relative;cursor: pointer;}
.menu_wrap label.switch>span {display: block;width: 100%;height: 100%;}
.menu_wrap label.switch>input[type="checkbox"] {opacity: 0;position: absolute;}
.menu_wrap label.switch>span:before, .menu_wrap label.switch>span:after {content: "";cursor: pointer;position: absolute;}
.menu_wrap label.switch>input[type="checkbox"]:focus ~ span {box-shadow: 0 0 0 4px #43b556;}
.menu_wrap label.switch>input[type="checkbox"]:checked:focus ~ span {box-shadow: 0 0 0 4px #fff;}
.menu_wrap label.switch>span {border-radius: 60px;}
.menu_wrap label.switch>span:before {width: 100%;height: 100%;box-sizing: border-box;background-color: #f1f1f1;border-radius: 60px;transition: opacity .2s ease-out .1s, transform .2s ease-out .1s;transform: scale(1);opacity: 1;}
.menu_wrap label.switch>span:after {top: 50%;z-index: 3;transition: transform .4s cubic-bezier(0.44, -0.12, 0.07, 1.15);width: calc(80px/ 2);height: calc(80px/ 2);transform: translate3d(0, -50%, 0);background-color: #fff;border-radius: 100%;box-shadow: 0 2px 5px rgba(0, 0, 0, .3);}
.menu_wrap label.switch>input[type="checkbox"]:checked ~ span:before {transform: scale(0);opacity: .7;}
.menu_wrap label.switch>input[type="checkbox"]:checked ~ span:after {transform: translate3d(100%, -50%, 0);}

/* left menu */
.lnb-close-btn{display:none}
.left_gnb .menu_ctrl{padding:20px}
.left_gnb .menu_ctrl ul{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.left_gnb .menu_ctrl li{width:25px;height:25px;}
.left_gnb .menu_ctrl li + li{margin-left:5px}
.left_gnb .menu_ctrl li a{display:block;width:100%;height:100%;background:no-repeat 50% 50%;opacity:0.3}
.left_gnb .menu_ctrl li.open a{background-image:url(./images/common/menu_ctrl_ic_p.png)}
.left_gnb .menu_ctrl li.close a{background-image:url(./images/common/menu_ctrl_ic_m.png)}
.left_gnb .menu_ctrl li a:hover{opacity:1}

/* fxd_table */
.table_wrap.fxd_table table {border-collapse:separate; border-spacing:0;}
.table_wrap.fxd_table table.t_list thead{position:relative;z-index:10}
.table_wrap.fxd_table table.t_list thead tr th{position:sticky;position:-webkit-sticky;top:0;z-index:5;height:38px;border-bottom:1px solid #f0f0f0}
.table_wrap.fxd_table table.t_list thead tr:nth-child(2) th{top:35px}
.table_wrap.fxd_table table.t_list thead tr th::before{content:'';display:block;position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#E6E6E6;}
.table_wrap.fxd_table table.t_list thead tr th.both_fixed::before,
.table_wrap.fxd_table table.t_list thead tr:last-child th::before{background:/*#B81C2B*/}
.table_wrap.fxd_table[fixed-col] table.t_list tbody tr th:first-child,
.table_wrap.fxd_table[fixed-col] table.t_list tbody tr td:first-child,
.table_wrap.fxd_table table.t_list thead tr .fxd_td,
.table_wrap.fxd_table table.t_list tbody tr .fxd_td{position:sticky;position:-webkit-sticky;left:0;z-index:6;border-right:0;background:#fff}
.table_wrap.fxd_table table.t_list tr .fxd_line::after,
.table_wrap.fxd_table table.t_list tbody tr th::after,
.table_wrap.fxd_table[col-type="1"] table.t_list tbody tr td:first-child::after{content:'';display:block;position:absolute;top:0;right:0;width:1px;height:100%;background:#999;box-shadow:4px 0 12px 1px rgba(0,0,0,0.15);transform:translateY(0)}

.table_wrap.fxd_table[fixed-col] table.t_list thead tr:first-child th:first-child{left:0;z-index:15}
.table_wrap.fxd_table[fixed-row] table.t_list tbody td.fxd_row{position:sticky;position:-webkit-sticky;z-index:5;height:38px;background:#fff}
.table_wrap.fxd_table[fixed-row] table.t_list tbody td.fxd_row::before{content:'';display:block;position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#E6E6E6;}
.table_wrap.fxd_table[fixed-row] table.t_list tbody td.fxd_row_line::before{background:#999;}
.table_wrap.fxd_table[fixed-col] table.t_list tbody tr th:first-child.fxd_row,
.table_wrap.fxd_table[fixed-col] table.t_list tbody tr td:first-child.fxd_row,
.table_wrap.fxd_table[fixed-row] table.t_list tbody td.fxd_td.fxd_row{z-index:14}

/* fixed_setbox */
.fixed_setbox{display:flex;align-items:center;position:relative;padding:5px;padding-left:35px;border:1px solid #B81C2B;border-radius:5px;background:#FDF7F8 url(./images/common/maker_ic.png) no-repeat 10px 50%}
.fixed_set{display:flex;align-items:center;}
.fixed_set span{display:inline-block;padding-right:5px;}
.fixed_set input{width:50px}
.fixed_set > li + li{margin-left:10px}

/* flex_box */
.flex_box{display:flex}
.flex_between{display:flex;align-items:center;justify-content:space-between;overflow:visible}
.flex_date{display:flex;flex-wrap:wrap;align-items:center}
.flex_date .flex_box{padding:2px 0;align-items:center}
.flex_date .flex_box select{width:60px}
.flex_date .flex_box select[title="연도"]{width:80px}
.flex_date span{width:12px}

.fxd_set {position:fixed;z-index:100;padding:10px;border:1px solid #ddd;border-radius:5px;background:#fff;text-align:left;box-shadow:0 0 10px 2px rgba(0,0,0,0.05);white-space:nowrap;}
.fxd_set .btn01 {height:auto; line-height:1; padding:6px; border:1px solid #666; color:#666; border-radius:5px;}
.fxd_set .f_reset {display:block; margin-left:0 !important; margin-top:5px; background:#666; color:#fff;}

.board_table{max-height:600px}