@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;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;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;}
.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}

.table_wrap .table_wrap{border-top:0}

/* flex_box */
.flex_box{display:flex;align-items:center;}
.flex_box.gap5{gap:5px;}
.flex_box + .flex_box{margin-top:5px}
.flex_box input[type="text"]{width:100%}
.flex_box .btn01{white-space:nowrap}
.flex_box input + .btn01,
.flex_box input + input,
.flex_box input + .btn01{margin-left:5px}
.flex_box * + [type="hidden"],
.flex_box [type="hidden"] + *{margin:0}
.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}

/* tab */
.tab_cont {display:none;}
.tab_cont.on{display:block}
.js_tab{display:flex;overflow:hidden;border-radius:5px 5px 0 0;}
.js_tab > li{flex:1}
.js_tab > li > a{display:flex;align-items:center;justify-content:center;height:60px;text-align:center;background:#AF1B1D;color:#fff}
.js_tab > li > a:hover{opacity:1}
.js_tab > li.on a{background:#fff;font-weight:500;color:#AF1B1D}

/* excel_step */
.excel_step{padding:40px;background:#fafafa}
.excel_step .step_box{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;background:#fff}
.excel_step .step_box + .step_box{margin-top:20px}
.excel_step .step_box dl{display:flex;align-items:center;width:calc(100% - 300px)}
.excel_step .step_box .step{display:inline-block;padding:10px 20px;margin-right:10px;border-radius:50px;font-weight:600;font-size:14px;color:#37AACE;line-height:1;background:#EAF6FA}
.excel_step .step_box dt{font-size:20px;color:#000;white-space:nowrap}
.excel_step .step_box dd{position:relative;padding-left:24px;color:#666}
.excel_step .step_box dd::before{content:'';display:block;position:absolute;left:12px;top:50%;width:1px;height:12px;margin-top:-6px;background:#ddd}
.excel_step .step_box .warn{display:block;font-size:13px;color:#FC2B2E}
.excel_step .btn01{min-width:145px;border-color:#7B0812;color:#7B0812;font-size:14px;white-space:nowrap}
.excel_step .file_input{position:relative;width:400px}
.excel_step .file_input .file_img{position:absolute;left:7px;top:7px}
.excel_step .file_input .file_img .btn01{min-width:auto;width:35px;height:35px;border:1px solid #369CBB;border-radius:5px;background:#fff url(./images/common/btn_excel_ic.png) no-repeat 50% 50%;text-indent:-9999px}
.excel_step .file_input .file_img .btn01:hover{opacity:1}
.excel_step .file_input label{width:100%;height:50px;margin-right:5px;padding-left:50px;border:1px solid #E0E0E0;line-height:48px}
.image img{max-width:100%}

.load_ic{display:inline-block;width:14px;height:14px;margin-left:6px;border-radius:50%;border:2px solid #B6232E;border-color:#B6232E #B6232E #B6232E transparent;animation:load_ani 1s linear infinite;text-indent:-9999px}
@keyframes load_ani {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* input_dl_gp */
.input_dl_gp{display:flex;flex-wrap:wrap;padding:40px;border-radius:5px;background:#FAFAFA}
.input_dl_gp dl{display:flex;flex-wrap:wrap;align-items:center;width:50%;padding:10px}
.input_dl_gp dl dt{width:110px;color:#000;font-weight:500}
.input_dl_gp dl dd{width:calc(100% - 110px);}
.input_dl_gp input,
.input_dl_gp select,
.input_dl_gp .comm_set,
.input_dl_gp .cdDiv,
.input_dl_gp .cd{width:100%}
.input_dl_gp .btn01{height:40px;padding:0;line-height:40px;font-size:14px}
.input_dl_gp .image{display:flex;flex-wrap:wrap;width:100%;}
.input_dl_gp .image > div{max-width:200px}
.input_dl_gp .image .img_desc{width:calc(100% - 200px);max-width:100%;padding-left:15px}
.input_dl_gp .image .imageInfo{display:none}
.input_dl_gp .image .img_file{display:block;width:100%}
.input_dl_gp .image .desc{font-size:13px;color:#999}
.input_dl_gp .image .btn01{min-width:80px;height:36px;line-height:34px;font-size:14px}
.input_dl_gp .image .btn01 + .desc{margin-top:5px}
.input_dl_gp .text_box{padding:15px;background:#fafafa}
.input_dl_gp .star{display:inline-block;color:#ff0000}

/* join */
.join{width:100%;min-height:100vh;padding:120px 0;background:url(./images/common/join_bg.jpg) no-repeat 50% 50%;background-size:cover}
.join_wrap{max-width:920px;width:100%;margin:0 auto}
.join_wrap .join_tit{padding-bottom:30px;font-weight:600;font-size:36px;color:#fff;text-align:center}
.join_wrap .join_cont{width:100%;padding:40px;background:#fff}
.join_wrap .warn{padding-top:20px;font-weight:600;font-size:14px;color:#FC2B2E}
.join_wrap .join_box + .join_box{margin-top:40px}
.join_wrap .step{display:flex;margin-bottom:40px}
.join_wrap .step > li{flex:1;border:1px solid #E0E0E0;border-radius:5px;font-weight:500;color:#999;background:#fff no-repeat calc(100% - 25px) 50%;}
.join_wrap .step > li + li{margin-left:10px}
.join_wrap .step > li a{display:block;padding:25px 30px;}
.join_wrap .step > li:nth-child(1){background-image:url(./images/common/join_step_1.png)}
.join_wrap .step > li:nth-child(2){background-image:url(./images/common/join_step_2.png)}
.join_wrap .step > li:nth-child(3){background-image:url(./images/common/join_step_3.png)}
.join_wrap .step > li.on{border-color:#AF1B1D;background-color:#AF1B1D;color:#fff}
.join_wrap .step > li.on a{color:#fff}
.join_wrap .step > li.on:nth-child(1){background-image:url(./images/common/join_step_1_on.png)}
.join_wrap .step > li.on:nth-child(2){background-image:url(./images/common/join_step_2_on.png)}
.join_wrap .step > li.on:nth-child(3){background-image:url(./images/common/join_step_3_on.png)}
.join_wrap .step .num{display:inline-block;padding-bottom:5px;font-size:14px;}
.join_wrap .agree_list > li{border:1px solid #E0E0E0}
.join_wrap .agree_list > li + li{margin-top:20px}
.join_wrap .agree_tit{display:flex;align-items:center;height:60px;padding:0 30px;background:#F9F7F7}
.join_wrap .agree_tit .check{display:block;font-weight:500;color:#999}
.join_wrap .agree_tit .check .txt{display:block;padding:5px;padding-left:22px;background:url(./images/common/agree_chk.png) no-repeat 0 50%}
.join_wrap .agree_tit .check span:before{display:none}
.join_wrap .agree_tit .check input:checked + .txt{background-image:url(./images/common/agree_chk_on.png);color:#7B0812}
.join_wrap .agree_cont{padding:30px;font-size:14px;line-height:1.4;color:#666}
.join_wrap .agree_cont .cont_tit{margin-bottom:10px;font-weight:600;font-size:16px;color:#000}
.join_wrap .agree_cont .dot_list + .cont_tit{margin-top:20px}
.join_wrap .agree_all{margin-top:30px;border-radius:5px}
.join_wrap .btn_wrap{padding-top:40px;text-align:center}
.join_wrap .btn_wrap a.btn01{min-width:200px;font-size:16px}
.join_wrap .input_dl_gp{padding:65px 100px}
.join_wrap .input_dl_gp dl{width:100%}
.join_wrap .input_dl_gp .btn01{white-space:nowrap}
.join_wrap .input_dl_gp .warn{padding-top:5px}
.join_wrap .flex_box{flex-wrap:wrap}
.join_wrap .flex_box input{width:calc(100% - 115px)}
.join_wrap .flex_box .btn01{width:110px;min-width:auto;height:46px;line-height:44px;padding:0 10px;border-color:#7B0812;font-weight:500;color:#7B0812}
.join_wrap .flex_box .crtfcBtn{width:100%;margin-top:5px;margin-left:0}
.join_wrap .email_flex.auto input{width:100%}
.join_wrap input[type="text"],
.join_wrap input[type="password"]{height:46px;border:1px solid #ddd;border-radius:5px;text-align:left !important}
.join_wrap .dot_list li{position:relative;padding-left:10px;}
.join_wrap .dot_list li::before{content:'';display:block;position:absolute;top:9px;left:0;width:3px;height:3px;border-radius:50%;background:#AF1B1D}

.join_sucess{padding:120px 0;text-align:center}
.join_sucess .tit{width:100%;padding-top:270px;font-weight:600;font-size:24px;color:#000;background:url(./images/common/join_sucess_ic.png) no-repeat 50% 0}
.join_sucess .tit strong{color:#7d000e}

.mlt_msg li + li{margin-top:5px}

.ui-widget.ui-widget-content.dialog_loading{border:0;}
.dialog_loading.ui-dialog .ui-dialog-titlebar{display:none}
.dialog_loading + .ui-widget-overlay{background:#fff !important}
.dialog_loading .loading_box{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;width:160px !important;height:160px !important;padding:0 !important;margin:0 auto;border:1px solid #E6E6E6;border-radius:10px;background-color:#fff !important;box-shadow:0 0 15px 5px rgba(0,0,0,0.05);text-align:center;}
.dialog_loading .loading_box img{margin:0}
.dialog_loading .loading_box p{width:100%;margin-bottom:5px;font-size:13px;color:#333}





@media only screen and (max-width:1024px){
	.js_tab > li > a{height:46px}
	
	
	.input_dl_gp{padding:15px}
	.input_dl_gp dl{display:block;width:100%;padding:5px 0}
	.input_dl_gp dl dt{width:100%;padding-bottom:5px}
	.input_dl_gp dl dd{width:100%}
	.input_dl_gp .image{display:block}
	.input_dl_gp .image > div{max-width:100%}
	.input_dl_gp .image .img_file{text-align:center}
	.input_dl_gp .image .img_desc{width:100%;padding-left:0;padding-top:10px}
	.input_dl_gp .image .btn01 + .btn01{margin-left:0;margin-top:5px}
	
	
	.join{padding:40px}
	.join_wrap .join_tit{padding-bottom:20px;font-size:28px;}
	.join_wrap .join_cont{padding:20px}
	.join .step{display:block;margin-bottom:20px}
	.join_wrap .step > li + li{margin-left:0;margin-top:10px}
	.join_wrap .step > li a{padding:15px}
	.join_wrap .agree_tit{height:50px;padding:0 20px}
	.join_wrap .agree_cont{padding:20px}
	.join_wrap .warn{padding-top:10px;font-size:13px}
	.join_wrap .input_dl_gp{padding:20px}
	.join_wrap input[type="text"], 
	.join_wrap input[type="password"]{width:100%;height:40px}
	.join_wrap .flex_box{display:block;}
	.join_wrap .flex_box .btn01{width:100%;height:40px;margin-left:0;margin-top:5px;line-height:38px}
	.join_wrap .btn_wrap{padding-top:20px}
	.join_wrap .btn_wrap a.btn01{width:100%}
	.join_wrap .btn_wrap .btn01 + .btn01{margin-top:5px}
	.join_sucess{padding:60px 0;}
	.join_sucess .tit{padding-top:200px;background-size:180px;font-size:18px}
	
}