@charset "utf-8";
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap'); */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
/* @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap'); font-family:'Nanum Gothic',Noto Sans KR', sans-serif;  */

/* Reset */
 * {outline:0 !important;}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
html, body{width:100%; }
body{transition: all 0.5s}
/* html{-webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);} */
body{width:100%; background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body,input,select,textarea,button {border:none;font-size:15px; font-family:Pretendard, sans-serif; color:#727272;}
/* {'Noto Sans KR',  letter-spacing: -0.6px; } */
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,caption,legend{line-height:0;font-size:1px;overflow:hidden;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#000;text-decoration:none;}

/* Form */
textarea { border:1px solid #dbdbdb;}
select {    height: 30px; padding: 4px 8px; font-size: 13px; color: #373737;  border: 1px solid #c6ced7; background: #fff; border-radius: 4px; line-height: 13px;}
input[type=tel],input[type=time],input[type=text],input[type=password],input[type=search],input[type=email],input[type=file],input[type=url],input[type=number],
input[type=date],textarea {width:100%; height:36px; font-size:15px; color:#373737; border:1px solid #c7c7c7; background:#fff; text-indent:8px; border-radius: 5px; transition: all 0.5s; vertical-align:middle;}
input::-webkit-input-placeholder{color:#b5b5b5; font-size:15px; line-height:100%;}
textarea { padding:5px 0;}
select:focus,
textarea:focus,
input:focus { border: 1px solid #727272;}

input[type=tel][readonly],input[type=text][readonly],input[type=text][disabled],input[type=password][readonly],input[type=email][readonly],input[type=search][readonly],input[type=tel][disabled],input[type=text][disabled],input[type=password][disabled],input[type=search][disabled],
input[type=email][disabled]{background:#eaeaea; border-color:#c0c0c0; color:#666; -webkit-appearance:none;font-size:15px;}
textarea[readonly],textarea[disabled]{padding:11px; font-size:16px; color:#666; font-weight:normal; line-height:140%; height:78px; background:#eaeaea;border:1px solid #c0c0c0;}

/* global*/
.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}

.img-fluid{ max-width: 100%}
.title_section{ margin: 0 0 25px; position: relative; }
.title_section .btn_zone{ display: block; margin: 10px 0 0 0;}
.box_container .btn_zone{ margin: 0 0 14px;}
.box_container .btn_zone span{ margin: 0; padding: 0}
.btn_zone{ width: 100%; display: inline-block; clear: both;     /*display: flex;*/ justify-content: space-between; flex: 0 0 60px;}
.btn_zone div{ }
.btn_zone div input{ width: auto;}
.btn_zone .total{ margin: 0 0 0 10px}
.btn_zone .link{ margin: 0 10px 0 9px; text-decoration: underline;}

.btn_zone.fst_section{     padding: 15px 0 0px 0; border-top: 1px solid #d9d9d9; }

.btn_zone .alert_notice{    padding: 5px 10px 10px; color: #fc0000; font-size: 12px; font-weight: 600;}
.btn_zone .title{ margin: 0 10px 0 0; padding: 0 0 0 10px;    background: url(../image/ic_bul.png) no-repeat left center;}

.table_section {margin: 0 0 15px; position: relative; }
.box_container{ margin: 0 0 30px ; background: #FFFFFF;    border: 1px solid #e8e8e8;box-sizing: border-box;box-shadow: 0px 0px 12px rgb(39 41 46 / 8%);border-radius: 8px;padding: 30px 30px 30px;}
.mypage_section{    background: #FFFFFF;border: 1px solid #e8e8e8;box-sizing: border-box;box-shadow: 0px 0px 12px rgb(39 41 46 / 8%);border-radius: 8px;padding: 30px 30px;}
.mypage_section .info_pic img{    width: 110px; height: 110px; border-radius: 55px; margin: 0 20px 0 0;}
.mypage_section .info_pic .info{vertical-align: middle; display: inline-block;}
.mypage_section .info_pic .info span{    font-size: 16px; font-weight: 600; display: block;}
.mypage_section .info_pic .info strong{ display: inline-block; font-size: 24px; margin: 5px 0 0 0; color: #1964EB;}
.mypage_section .info_pic .info .btn{display: block; clear: both; width: 45px; font-size: 12px; text-align: center; padding: 7px 15px; margin: 5px 0 0 0;}
.mypage_section .info_section{padding: 20px 0 0 0; border-top: 1px solid #dedede; margin: 20px 0 0 0;}
.mypage_section .info_section li{ margin: 7px 0; font-size: 16px;}
.mypage_section .info_section em{ font-weight: 600}
.mypage_section .info_section em:after{ content: ":"; display: inline-block; margin: 0 5px;}
.mypage_section .info_section span{}

.fr{ float: right;}
.fl{ float: left;}
.dpn{ display: none;}


/* The switch - the box around the slider */
.switch {position: relative;display: inline-block;width: 48px;height: 28px;}
/* Hide default HTML checkbox */
.switch input {opacity: 0;width: 0;height: 0;}
/* The slider */
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 20px;width: 20px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #fcb613;}
input:focus + .slider {box-shadow: 0 0 1px #fcb613;}
input:checked + .slider:before {-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}

/* Rounded sliders */
.slider.round {border-radius: 34px;}

.slider.round:before {border-radius: 50%;}

.email_alram{    margin: 30px 0 0 5px; }
.email_alram label{ display:inline-block!important;}
.email_alram li{    display: flex; width:400px; justify-content: space-between;}
.email_alram li span{    font-size: 16px; font-weight: 600; line-height: 24px;}
.email_alram li div{ font-size: 12px; font-weight: 600}
.email_alram li div label{ font-size: 12px!important;}

.more_box{height: 400px; overflow: hidden;}
.more_box.active{ height: auto;}

.sel_person{ display: none; background: #fafafa; border: 1px solid #c7c7c7; border-top: none; position: absolute; top: 30px; z-index: 999; width: 250px; height: 190px; overflow: auto;}
.sel_person .btn{ font-size: 12px; padding: 5px;    height: 14px;}
.sel_person li{ padding:10px;   display: flex; justify-content: space-between; font-size: 13px;}
.sel_person li:hover{ background: #1E99CD}
.sel_person li span{ font-weight: 600; line-height: 24px;}

.disk_place{ float: right; font-size: 12px; margin: -8px 0 0 0}
.disk_place strong{ display: block; margin: 0 0 3px}
.disk_place .space{background: #ececec; width: 300px; height: 14px; position: relative;     border-radius: 4px 0 0 4px;}
.disk_place .space span{height: 14px; background: #FCB613; display: block;     border-radius: 4px 0 0 4px;}
.disk_place .space em{     font-size: 10px; position: absolute; padding: 2px 0 0 0; font-weight: 700;}
.disk_place .space em::after{    display: block; width: 1px; height: 20px; background: #8d8d8d; content: ""; position: absolute; right: 0; top: -20px;}
.disk_place .space .step01{ right: 210px;}
.disk_place .space .step02{ right: 120px;}
.disk_place .space .step03{ right: 0;}

.disk_place2{    border: 1px solid #e8e8e8; box-shadow: 0px 0px 12px rgb(39 41 46 / 8%); display: inline-block; border-radius: 8px; font-size: 12px; margin: 10px 0 20px 0; background: #ffffff; padding: 20px;}
.disk_place2 strong{     display: block;margin: 0px 0 7px;font-size: 20px;}
.disk_place2 strong span{ font-size: 14px}
.disk_place2 .space{background: #ececec; width: 300px; height: 22px; position: relative; border: 1px solid #e8e8e8; border-radius: 4px;}
.disk_place2 .space span{height: 22px; background: #FCB613; display: block;     border-radius: 4px 0 0 4px;}
.disk_place2 .space em{     font-size: 10px; position: absolute; padding: 2px 0 0 0; font-weight: 700;}
.disk_place2 .space em::after{    display: block; width: 1px; height: 20px; background: #8d8d8d; content: ""; position: absolute; right: 0; top: -20px;}
.disk_place2 .space .step01{ right: 210px;}
.disk_place2 .space .step02{ right: 120px;}
.disk_place2 .space .step03{ right: 0;}

.main_notice{ display: inline-block; font-size: 16px;}
.main_notice li{ margin: 7px 0}
.sb_dash{display: flex; align-items: center;     gap: 30px;}

/* */
.modal.active{ display: block;}
.modal{ display: none;}
.modal .bg{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.4); z-index:999}
.modal_content{overflow: auto; overflow-x: hidden; max-height: 700px; border-radius: 8px; background: #ffffff; display: block; position: fixed; top: 65px; left: 210px; z-index: 1000; width: 1070px;  padding: 60px 15px 0px;}
.modal .cls{position: absolute; right: 5px; top: 5px;}

.modal{position: fixed; width: 100%; height: 100%;  top: 0; left: 0; display: none; z-index: 99999;}
.modal_content{    width: 300px; border-radius: 10px; position: relative; top: 20%; left: 50%; margin-top: -100px; margin-left: -120px; box-sizing: border-box; padding: 30px 20px 20px; line-height: 23px; cursor: pointer;}
.modal_content .membership_section{background-color: #ffffff;}
.modal_content  .membership_section .btn_zone{ left: 20px;}
.login_section .membership_section{}

.t3 .modal_content{    width: 800px; left: 30%}

.modal_content .modal_title{ margin: 0 0 10px;}
.modal_content .modal_title strong{ display: block; font-size: 20px; margin: 0 0 7px;}
.modal_content .modal_title span{word-break: keep-all;}
.modal_content .cont{ margin:0 0 20px;}
.modal_content .cont .idname{padding: 9px 0;     margin: 0 0 10px; background-color: #1E99CD; vertical-align: top; position: relative; font-weight: 800;}
.modal_content .cont .idname span {font-size: 12px;background-color: #ffffff;padding: 5px 9px;border-radius: 8px;font-weight: 800;border: 1px solid #f4b012;margin: 0 0 0 5px;}
.modal_content .cont .line_box{    padding: 15px;
    border: 1px solid #c9c9c9;}
.modal_content .cont .form{ margin: 10px 0}
.modal_content .cont .form .title{margin: 0 0 3px; display: block; font-size: 13px;}
.modal_content .cont input[type="password"],.modal_content .cont input[type="text"]{ height: 32px; font-size: 12px;}
.modal_content .cont input[type="file"]{      padding: 8px 0; height: 23px;}
.modal_content .cont select{height: 32px; font-size: 14px; width: 100%;    border: 1px solid #c7c7c7;}

.header{top:0;  z-index: 1;  border-bottom: 1px solid #e1e1e1;position: fixed;padding: 14px 15px 14px;width: calc(100% - 30px);background: #ffffff;}
.header .m_menu{ display: none;}
.header .logo{ margin: 0 0 0 15px;}
.header .logo img{ cursor:pointer; height: 50px;}

/* .m_dashboard{ border-radius: 15px; margin: 0px 0 30px 0; display: block; position: relative; top: 20px;
  box-shadow: 0px 0px 12px rgb(39 41 46 / 8%); border: 1px solid #e6e6e6; padding: 10px; width: calc(100% - 20px); }
.m_dashboard .cont .tit{     display: block; font-weight: 900; font-size: 44px;     line-height: 56px;}
.m_dashboard .cont li{    border-radius: 10px; vertical-align: top; height: 90px; border-left: 1px solid #dfdfdf; padding: 15px 15px; width: 176px; display: inline-block; text-align: center; margin: 7px 0 0 0px;}
.m_dashboard .cont li:first-child{ border: none;}
.m_dashboard .cont li span{     display: inline-block; padding: 6px 15px; font-size: 13px; background: #ffedc3; border-radius: 8px; font-weight: 800; margin: 9px 0 0 0;}
.m_dashboard .cont li.normal a:hover{background-color: #FCB613; color: #FCB613;}
.m_dashboard .cont li.normal a:hover span{background-color: #FCB613; color: #333333;}

.m_dashboard .cont li.dim a{    color: #d4d4d4; cursor: default;}
.m_dashboard .cont li.dim span{ color: #acacac; background: #eeeeee;}
.m_dashboard .cont li.server.ok {background: #a2e0b2;}
.m_dashboard .cont li.server.ok:hover{ background: #62b276}
.m_dashboard .cont li.server.error {background: #ffe0e0;}
.m_dashboard .cont li.server.error:hover{    background: #ff7e7e;}
.m_dashboard .cont li.server.error span{    background: #ff7e7e;}
.m_dashboard .cont li.server strong{    font-weight: 800; font-size: 22px; display: block; line-height: 42px;}
.m_dashboard .cont li.server em{ display: block; font-size: 12px;     font-size: 12px;}
.m_dashboard .cont li.server span{ color: #ffffff; background:#62b276;     margin: 5px 0 0 0;} */

.d_title{ position: absolute; font-size: 13px; font-weight: 800; padding: 3px 12px;}
.m_dashboard{ border-radius: 15px; margin: 0px 0 30px 0; display: block; position: relative; top: 20px;
  box-shadow: 0px 0px 12px rgb(39 41 46 / 8%); border: 1px solid #e6e6e6; padding: 10px; width: calc(100% - 20px); }
.m_dashboard ul{ text-align: right;}
.m_dashboard li{  display: inline-block; border-right: 1px solid #a7a7a7; height: 20px; position: relative;}
.m_dashboard li:last-child{ border: none}
.m_dashboard li a{ margin:0 20px 0 10px;}
.m_dashboard li a:hover strong{      background-color: #FCB613;}
.m_dashboard li a:hover{}
.m_dashboard .cont li strong{margin: 0 6px 0 0; display: inline-block; padding: 3px 9px; font-size: 13px; background: #ffedc3; border-radius: 8px; font-weight: 800;}
.m_dashboard ul:after{ display: block; content: ""; clear: both;}
.m_dashboard .cont li.server.ok strong {background: #a2e0b2;  color: #333333;}
.m_dashboard .cont li.server.ok.active strong,.m_dashboard .cont li.server.ok:hover strong{ background: #62b276; color: #ffffff;}

.m_dashboard .cont li.server.error strong{background: #ffe0e0;  color: #333333;}
.m_dashboard .cont li.server.error.active strong,.m_dashboard .cont li.server.error:hover strong{ background: #ff7e7e; color: #ffffff;}

.m_dashboard li span{font-size: 12px; font-weight: 800;}

.m_dashboard .cont li.server .detail_info{ display: none; top: 30px; box-shadow: 0px 0px 12px rgb(39 41 46 / 8%); padding: 10px 10px;
    position: absolute; background: #f1f1f1; width: 240px; border-radius: 8px; min-height: 190px; z-index: 999; border: 1px solid #c2c2c2; left: 0;}
.m_dashboard .cont li.server .detail_info li{ border: none}
.m_dashboard .cont li.server .detail_info li:first-child{    border-bottom: 1px solid #8c8c8c; padding: 10px 0 12px; margin: 0 0 8px;}
.m_dashboard .cont li.server .detail_info li{    padding: 5px 5px; float: none; display: block; }
.m_dashboard .cont li.server .detail_info li em{ font-size: 13px; font-weight: 800;     margin: 2px 0 0 0; float: left;}
.m_dashboard .cont li.server .detail_info li:hover em{ background: none; color: #333333}
.m_dashboard .cont li.server .detail_info li span{ font-size: 13px;}
.m_dashboard .cont li.server .detail_info li span a{ margin: 0}

.m_dashboard .cont li.server .detail_info .cls{position: absolute; color: #ffffff; top: 18px; right: 10px; margin: 0; border-radius: 8px; font-size: 12px; font-weight: 800; border: none; background: #333333; padding: 5px 10px 3px; }
.btn_refresh{ border: 2px solid #333333; padding: 2px 8px 2px 5px; border-radius: 8px; margin: 0!important}
.btn_refresh img{ position: relative; top: -1px}
.btn_refresh:hover{ background: #ffffff}

.navbar{    width: 1280px; position: relative; display: block; margin: 0 auto;}

.nav_section{ display: inline-block; vertical-align: middle;}
.navbar li{ float: left; font-size: 18px; font-weight: 500; margin: 0 20px;}
.navbar li a{color: #27282C;   padding: 20px 0 25px;}
.navbar li a:hover{border-bottom: 2px solid #1ECB9C; color: #333333;}
.pr_section{ position: absolute;right: 0px; top:-6px;}
.pr_section a{ display: inline-block; margin: 0 6px; vertical-align: top; position: relative;  font-weight: 800;}
.pr_section a:last-child{ margin: 0 0 0 6px}
.pr_section a em{ text-indent: -5000px; display:block;}

.pr_section .alert_section .cls{    position: absolute; top: -5px; right: 15px;}
.pr_section .alert_section .cls:after{ padding: 5px 10px;  content: "X"; display: inline-block; background-color: #333333; border-radius: 8px; color: #ffffff; text-align: center; font-size: 20px; font-weight: 800; vertical-align: middle;}
.pr_section .alert_section li{    margin:0 10px 5px; display: block; float: none; width: 90%; list-style: disc!important;}
.pr_section .alert_section li a{text-align: center; display: block; font-size: 13px; background-color: #ffffff; padding: 5px 9px; border-radius: 8px; font-weight: 800; border: 1px solid #1E99CD; margin: 0 0 0 5px;}
.pr_section .alert_section li a:hover{  text-decoration: none; background-color: #bbe2f3db;}
.pr_section .alert_section li.disable a:hover{  text-decoration: none; background-color: #ffffff; cursor: default;}
.pr_section .alert_section li a span{     font-weight: 600; display: inline-block; font-size: 11px; margin: 0 0 0 5px; background: #000000; color: #ffffff; padding: 3px 10px; border-radius: 8px;}
.pr_section .alert_section li.disable a span{     font-weight: 600; display: inline-block; font-size: 11px; margin: 5px 0 0 0; background: #eaeaea; color: #333333; padding: 3px 10px; border-radius: 8px;}
.pr_section .alert_section li.reset a{ cursor: default;}
.pr_section .alert_section li.reset a span{ cursor: pointer;}

.alert_section{text-align: right; display: none; background-color: #1E99CD; width:180px;    position: absolute;top:40px; padding: 12px 0px;border-radius: 12px; right: 6px;}

h2.title{    margin: 0 0 15px 0; color: #333333; padding: 0 0 10px 10px; font-size: 26px; font-weight: 800; border-bottom: 1px solid #e6e6e6;}

.global_tab::after{ content: ""; display: block; clear: both;}
.global_tab ul{position: relative; top: 1px;}
.global_tab li{     display: flex; float: left; margin:0 2px 0 0;}
.global_tab li a{background: #e8e8e8;     color: #a6a6a6;border: 1px solid #e8e8e8;padding:13px 24px;font-size: 14px; font-weight: 300; border-radius: 8px 8px 0 0;border-bottom: 0;}
.global_tab .btn_ul{ background: none; text-decoration: underline; border: none;}
.global_tab .btn_ul.disable{ text-decoration: none;}
.global_tab .btn_ul.disable:active{ background: none; color: #333333}

.global_tab li.active a{ background: #ffffff; color: #000000; font-weight: 800; padding:13px 24px;}
.global_tab .btn_zone{    clear: none; float: right; width: auto;}

.info_pic img{ border-radius: 12px; width: 56px; height: 56px}
.btn_logout{    font-size: 12px; font-weight: 600; border-radius: 12px;   background: url('../image/ic_logout.png') no-repeat  center 11px;background-color: #e4e4e4;  width: 56px; height: 56px;  }
.btn_logout span{     display: block; margin: 33px 0 0 0; text-align: center; font-size: 12px;}
.info_alert{     font-size: 14px; padding: 10px 30px 10px 15px; border-radius: 12px; background: url(../image/ic_select.png) no-repeat right center; background-color: #1E99CD; }
/* .info_alert:hover{background-color: #B5EAD6;} */
/* .info_alert span{     background-color: #FCB613;color: #ffffff;font-weight: 600;padding: 5px 10px;border-radius: 20px;position: absolute;right: -10px;top: -10px;z-index: 5;} */
.info_alert span{font-size: 12px; background-color: #ffffff; padding: 5px 9px; border-radius: 8px; font-weight: 800; border: 1px solid #E3F0FF; margin: 0 0 0 5px;}
.info_dark{ border-radius: 12px;   background: url('../image/ic_dark.png') no-repeat 20px center ;background-color: #e4e4e4;  width: auto; height: 56px;  }
.info_dark em{ text-indent: 0!important;  padding: 18px 20px 0 50px;;}

.admin_container{margin: 0 auto; width: 1280px; position: relative; top: 48px;}
.sidebar{ padding: 20px 0 0 0; height: calc(100% - 20px); position:absolute;; width: 260px; display: inline-block; vertical-align: top; border-right: 1px solid #ffffff;}
.main_container{padding: 20px 0 40px 30px; left: 265px; width: calc(100% - 290px); display: inline-block; position: relative;}
.main_container.login_section{ margin: 0 auto; display: block; left: 0}
.main_container.login_section .form .result {font-size: 16px;font-weight: 500;color: #727289;}
.main_container.login_section .form .result input[type="text"]{    display: inline-block; width: 150px; margin: 0 0 0 7px;}

.l_menu{    border-radius: 15px; box-shadow: 0px 0px 12px rgb(39 41 46 / 8%); border: 1px solid #e6e6e6;}
.l_menu .title{     border-radius: 15px 15px 0 0; padding:15px 20px 15px 20px; background-color:#1E99CD;  font-size: 17px;}
.l_menu .title a{ color: #4b3400; font-weight: 600}
.l_menu .nav{padding:10px 0px 10px 0px;}
.l_menu .nav li {}
.l_menu .nav li a{    padding: 10px 20px 10px 40px; display: block; margin: 0 0 0 10px; border-radius: 12px;}
.l_menu .nav li a:hover{/*background-color: #EAF6F3;*/    color: #32ADE1; text-decoration: underline; border-radius: 0 12px 12px 0; border-radius: 0 12px 12px 0;}
.l_menu .nav li a.active{background: url('../image/ic_l_m01_ov.png') no-repeat 10px 7px;color: #32ADE1; text-decoration: underline; border-radius: 0 12px 12px 0;}

.l_menu .nav li span{    display: block;position: relative;padding-left: 20px;}
.menu01{background: url('../image/ic_l_m01.png') no-repeat 10px 7px;}
.menu01:hover{background: url('../image/ic_l_m01_ov.png') no-repeat 10px 7px;}

.title_section .cont_title{font-size: 32px; line-height: 60px; color: #333333;  font-weight: 800; display: none}
/* .title_section .bread_cb{ position: absolute; right: 0; top:16px; font-size: 15px;} */
.title_section .bread_cb{    font-size: 22px; display: block; margin: 20px 0; font-weight: 500;}
.title_section .bread_cb em:first-child{padding: 0 13px 0 0px;}
.title_section .bread_cb em{ font-weight: 500;    background: url(../image/ic_arr.svg) no-repeat right center;padding: 0 13px 0 7px;}
.title_section .bread_cb em:last-child{ background: none; font-weight: 600; color: #333333;}


.table_section .sub_title{ font-size:20px; color:#27282C; display: block; margin: 0 0 10px;}
.table_section .writer{ display: block; margin: 0 0 18px; font-size: 12px;}
.table_section .writer strong{ font-weight: 600}

/* table */
.table-responsive {margin: 0 0 20px 0; display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;}
table {table-layout: fixed;width: 100%;border-collapse: collapse; border-bottom: 1px solid #d9d9d9;}
tbody td {padding: 13px 8px; word-break: break-word;     vertical-align: top;  border-bottom: 1px solid #d9d9d9;}
tbody td.disable label,tbody td.disable input[type="radio"]{ pointer-events:none;   opacity:0.4; }
table td.txt_left,table th.txt_left{ text-align: left!important;}
tbody td .link{ font-weight: 500; color: #1964EB; }
table th { font-size: 15px; background-color: #f1f1f1; padding: 15px 10px; text-align: left; word-break: break-word;}
table th .sort{padding: 0 16px 0 0;  position: relative;}
table th .sort:after{ content: "";top: 10px;right: 0;position: absolute;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #b1b1b1;
}
table th .sort:before{ content: "";position: absolute;top: 0;right: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 7px solid #b1b1b1;
}
table th .sort.up:before{ border-bottom: 7px solid #333333; }
table th .sort.down:after{ border-top: 7px solid #333333; }
tbody td label{ margin: 0 0 0 8px}
thead, tfoot {}
thead th, tfoot th, tfoot td {}
tbody tr:nth-child(odd) {}
tbody tr:nth-child(even) {}

table .btn_ud{ display: block; font-size: 14px; color: #727272}
table .stat_red{background-color: #FFE0E0; color: #FF4444; display: inline-block;padding: 4px 10px;border-radius: 8px;word-break: keep-all;font-size: 12px;}
table .stat_blue{background-color: #E3F0FF; color: #378AEF; display: inline-block;padding: 4px 10px;border-radius: 8px;word-break: keep-all;font-size: 12px;}
.table_btnzone{ clear: both;}
.table_btnzone::after{ content: ""; display: block; clear: both;}

.table td a:hover{ text-decoration: underline;     color: #1964EB; transition: all 0.15s}

.table input[type="checkbox"]{    width: 25px; height: 20px; margin: -2px 3px 0 4px;}

.smart_list td,.smart_list th{ font-size: 13px; padding: 11px 4px;}
.smart_list a{ text-decoration: underline;}

table .btn{ border: 1px solid #32ADE1; font-size: 12px; font-weight: 600; background-color: #1E99CD; padding: 4px 10px; display: inline-block; word-break: keep-all; border-radius: 8px;}
.btn{     border: 1px solid #1E99CD; font-size: 14px;font-weight: 600;color: #ffffff; background-color:#1E99CD; padding: 9px 15px;display: inline-block;word-break: keep-all;border-radius: 8px;}
.btn.cancel{     border: 1px solid #333333; color: #ffffff;background-color: #333333;}
.btn.action{     border: 1px solid #c7c7c7; color: #333333;background-color: #ffffff;}
.btn:active{     background-color: #32ADE1; color: #ffffff;}
.active_btn.active{background-color: #32ADE1; color: #ffffff;}
.btn.disable {    border: 1px solid #c7c7c7;color: #ffffff;background-color: #c9c9c9;cursor: not-allowed;}

.more_btn{    border: 1px solid #c5c5c5; background: #ffffff; width: 500px; text-align: center; display: block; margin: 0 auto;}

.pagination{ display: flex;justify-content: center;margin: 5px 0 25px;}
/* Pagination links */
.pagination a { color: black; float: left; padding: 8px 13px; text-decoration: none; transition: background-color .3s; margin: 0 1px!important; font-size: 14px; border-radius: 8px;}
/* Style the active/current link */
.pagination a.active { background-color: #4f659b; color: white;}
/* Add a grey background color on mouse-over */
.pagination a:hover:not(.active) {background-color: #ddd;}

.table.tc th,.table.tc td{ text-align: center;}
.table .point{color:#de0000}

.allow_scroll{    height: 400px; overflow-y: auto; overflow-x: hidden;}
.allow_application { width: 920px;}
.allow_application li{    width: 265px; padding: 12px 15px; position: relative; display: inline-block; margin: 0 3px 10px; border: 1px solid #c3c3c3; border-radius: 7px;}
.allow_application.fixed li:hover{    background: #1E99CD;}
.allow_application .tit{display: block;}
.allow_application.fixed li .tit a{ display: none;float: right; font-size: 12px; text-decoration: underline; color: #f20000;}
.allow_application.fixed li:hover .tit a{ display: inline-block;   }
.allow_application .result{display: block; margin: 5px 0 8px;}
.allow_application .folder{}
.allow_application .folder span{     font-size: 13px; display: block; font-weight: 800; margin: 4px 0 0 0;}
.allow_application .folder span label:first-child{ margin: 0 15px 0 0}
.allow_application .folder span input{ margin: 0 3px 0 0}
.allow_application .folder .blue{ color: #1964eb;}

.regist_list {margin: 0 0 20px 0;min-height: 200px; }
.regist_list input{ height: 30px;}
.form_section{    vertical-align: top; width: 49%; margin: 0 0 20px; display: inline-block; padding: 10px 0 0 0;}
/* .fix_server{border: 1px solid #dadada; width: 300px; padding: 20px 20px; border-radius: 10px;} */
.fix_server .result:hover{     background: #1E99CD;}
.fix_server .result:hover em{ display: block;}
.fix_server .result em{  display: none;   font-size: 12px; float: right;}
.fix_server .result em a{ text-decoration: underline; color: red}
.regist_list .fix_server .form .result{ font-size: 14px; padding: 15px;}
.regist_list .fix_server .title{ margin: 0; font-size: 15px;}

.regist_list .table_section{ padding: 0 0 15px; border-bottom: 1px solid #dedede;}
.regist_list .title{display: block;margin: 0 0 11px;font-size: 18px; position: relative;     height: 20px;}
.regist_list .title label{ display: inline-block!important;}
.regist_list .title .notice{     font-size: 12px; letter-spacing: -0.6px; margin: 0 0 0 8px; color: #8e8e8e;}
.regist_list .title .btn{ margin: 0 0 0 10px}
.regist_list .title a{ font-size: 13px; color: #969696; margin: 0 0 0 10px; text-decoration: underline;}
.regist_list .title a:hover{ color: #b86c31}
.form_section .content{}
.form_section .content{border: 1px solid #acacac; padding: 15px 20px 10px; width: calc(100% - 40px); display: block; margin: 0 auto 10px auto; border-radius: 15px;}
.form_section .content li{ display: inline-block; clear: both; margin: 0 0 3px; width: 100%;}
.form_section .content li .tit{line-height: 25px; font-size: 15px;}
.form_section .content li .cont{ text-align: right; display: inline-block; line-height: 25px; float: right; padding: 0; font-size: 15px;}
.form_section .content li .cont em{ font-weight: 600; color: #333333;}
.form_section .content li .cont .point{color:#d99800}
.form_section .content li .cont label{ margin: 0}

.filter_section{text-align: right; display: block; margin: 0 0 10px;}
.filter_section .btn{padding: 5px 15px;}
.filter_list,.filter_section form{ display: inline-block;}
.filter_list{ float: left; margin: 0 0 0 0px}
.filter_list li{ display: inline-block; margin: 0 5px 0 0}
.filter_list li a{border-radius: 8px; padding: 8px 20px; background: #1E99CD;}
.filter_list li a:hover{ color: #ffffff; background-color: #FCB613;}

.addfilter_section{display: flex;  justify-content: space-between;}
.andor_box{border-bottom: 1px solid #d9d9d9; padding: 7px 10px; display: flex; justify-content: space-between; background: #ffffff;}
.filter_option{    padding: 5px 15px 15px; background: #f1f1f1; text-align: left; }
.all_period{ flex-direction: column; gap: 10px; display: flex; align-items: center; padding: 30px 10px 20px;}
.all_period input[type='date']{display: inline-block; width: 170px; border-radius: 6px; font-size: 18px; padding: 6px 10px 6px 0;}
.all_period .notice{ font-size: 13px;}
.all_period .btn{ padding:14px}

.filter_option .cont_section{    background: #ffffff; padding: 7px 7px;}
.fil_box{    border: 1px solid #d9d9d9;background: #ffffff;display: inline-block;padding: 5px 7px;margin: 2px 1px;border-radius: 8px;}
.fil_box select{ }
.fil_box select:first-child{}
.fil_box input[type='text'],.fil_box input[type='date']{       display: inline-block;height: 30px; width: 115px; padding: 0 10px 0px 0px; border-radius: 4px; font-size: 13px;}
.fil_box input[type='text']::placeholder {font-size: 13px;}
.fil_box a {    position: relative; margin: 0 0 0 3px; z-index: 999;}
.fil_box a img{ height: 20px}
.fil_box .cls{ }
.addf_btn{display: inline-block; line-height: 22px; background-color: #ffffff; font-size: 13px; font-weight: 800; border: 1px solid #333333; padding: 2px 8px 2px 5px; border-radius: 8px;}
.addf_btn:hover{background-color: #FCB613; border-color: #FCB613; }
.filter_reset{     text-decoration: underline; height: 22px; margin: 0 0 0 10px; font-weight: 600; padding: 10px 2px 1px; font-size: 12px; display: inline-block;}

.regist_list .sv_list{ border-radius: 10px; padding:10px 20px; text-align: left; border: 1px solid #e1e1e1; width: 260px; height: 160px; overflow-y: auto;}
.regist_list .sv_list li{ margin: 5px 0; padding: 3px 0; font-size: 18px;}
/* .regist_list .form {display: inline-block; width: 31%; margin: 0.4% 1%;} */
.regist_list .form {display: inline-block; width: 100%; margin: 0% 1% 10px 1%; position: relative;}
.regist_list .form input, .regist_list .form textarea{width: 250px}
.regist_list .form textarea{width: 350px; height: 120px; resize: none;}
.regist_list .form input[type='checkbox'], .regist_list .form input[type='radio']{     width: 25px; height: 20px;  margin: -2px 3px 0 4px;}
.regist_list .form label{ position: relative; display:block; font-size: 18px; margin: 0 0 10px;}
.regist_list .form .counter{    position: absolute;right: 10px;top: 1px;}
.regist_list .form .result{    line-height: 23px; padding: 0 0 8px; font-size: 15px;display: block;}
.regist_list .form .result a{ text-decoration: underline;}
.regist_list .form .result em{     font-size: 14px; color: #4a8afc; font-weight: 800;}
.regist_list .form .result .point{color:#de0000}
.regist_list .form .result .notice{     font-size: 12px; display: inline-block; margin: 10px 0 0 0px; letter-spacing: -0.6px;}

.form .info{     color: #b4b4b4; font-size: 20px;}
.form .info .ip{ margin: 0 0 0 10px}

.qr_code{border-radius: 30px; background: #f9f9f9; padding: 20px; text-align: center; border: 1px solid #e1e1e1; width: 260px;}
.qr_code span{display: block; color: #333333; font-weight: 500; font-size: 16px; margin: 8px 0 0}
.qr_code input[type="text"]{ margin: 10px 0}
.qr_code .btn{width: calc(100% - 40px);}
.ip_form{ background-color: #ffffff; position: absolute; top: 30px; display: none;}
.ip_form.active{ display: block;}
.qr_code .activation{display: none; margin:80px 0}
/* .form .info::before{ display: inline-block; content: "·"; font-weight: 800; padding: 0 5px 0 5px;} */


.membership_section { margin: 60px 0 150px 0;align-items: stretch; display: flex; position: relative; width: 100%; /*min-height: 100%;*/ min-height: calc(100vh - 607px);     flex-direction: column;}
.membership_section .btn_zone{    position: absolute; width: 90%; bottom: 30px;}
.membership_section .btn_zone .btn{ width:42%; display: inline-block;}
.membership_section .btn_zone .btn.full{ width:90%}
.membership_section .btn_zone .btn.reset{    border-color: #c1b4ac; background: #c1b4ac; color: #ffffff;}
.membership_section .btn_zone .btn.reset:active{     background-color: #b1841d;color: #ffffff;}
.active_btn.active{background-color: #b1841d;color: #ffffff;}
.alert_cont{    margin: 50px 0; text-align: center; font-size: 19px; line-height: 24px;}
.step_btn{     color: #4b3400; padding: 10px 0; margin: 0 auto; display: block; text-align: center; text-decoration: underline; font-size: 15px; font-weight: 600;}
.step_btn:hover{ color: #b1841d}

.member_slider { display: flex; flex: 1 1 auto;}
.member_process {position: relative; background-color: #ffffff; flex: 1 1 auto; margin-left: auto; margin-right: auto; max-width: 520px;padding:1rem 2rem 1rem;}
.member_process .logo{ display: block; text-align: center; margin: 0 0 20px 0;}
.member_process .logo img{ height: 37px;}
.member_process .logo span{font-size: 20px;font-weight: 600;margin: 0 0 0 10px;}
.member_process .logo:hover{ text-decoration: none; color:#333333;}
.membership_section .row { position: relative; width:440px; height: 550px; border: 1px solid #f7f7f7;padding: 30px 30px 30px;border-radius: 8px;margin: auto auto;-moz-box-shadow: 5px 14px 20px 8px rgba(0,0,0,0.09);-webkit-box-shadow: 5px 14px 20px 8px rgb(0 0 0 / 9%);box-shadow: 5px 14px 20px 8px rgb(0 0 0 / 9%);}
.membership_section .m_logo {display: inline-block;margin:0 0 0 10px; height: 40px;}
.membership_section .title{ vertical-align: top; color: #4b3400; margin: 3px 0 25px 10px; text-align: left; display: inline-block; font-weight: 800; font-size: 24px;}
.membership_section .title em{    font-size: 24px; display: inline-block; margin: 0 5px 0 0; font-weight: 800}
.membership_section .title .content{display: block; font-size: 17px;  color: #585858; font-weight: 500;}
.membership_section .cont_start{     text-align: center; font-size: 19px; font-weight: 600; margin: 40px 0 80px;}
.membership_section .cont_start img{ display: block; margin: 0 auto 30px;}
.membership_section .etc_btn_zone { text-align: right;}
.membership_section .etc_btn_zone a{     font-size: 14px; background: #ffe495; display: inline-block; width: auto; padding: 8px 19px;}

.membership_section .step{    position: absolute; right: 30px; top: 30px; border-radius: 20px; padding: 1px 10px 1px 3px; background: #fcb613;}
.membership_section .step ul{ margin: 0 0 0 7px}
.membership_section .step li.active{     background-color: #4b3400;}
.membership_section .step li{    display: inline-block; color: #ffffff; border-radius: 50%; text-align: center; width: 16px; height: 16px; margin: 5px -3px 5px; padding: 5px;}
.membership_section .step li em{position: relative; font-size: 13px; font-weight: 800; top: -1px;}

.membership_section .notice_info {    font-size: 13px; color: #7D869B; margin:0 0 30px 15px; display: block; padding: 0 0 0 13px;}
.membership_section .notice_info  li{     list-style: circle; line-height: 17px; padding: 0 0 5px;     word-break: keep-all;}
.membership_section .form .title {    color: #727272;  text-align: left; font-weight: 500;display: block;margin: 0 0 7px;font-size: 16px;}
.membership_section .form {display: inline-block;width: 100%;margin: 0% 1% 20px 1%;}
.membership_section .form .result{    font-size: 20px; font-weight: 600; color: #4b3400;}
.membership_section .form .ipt{width: calc(100% - 180px); display: inline-block; margin: 0 0 0 9px;}
.membership_section .form .ipt_tit{    font-size: 15px; font-weight: 600;}
.membership_section .form .w80{width: calc(100% - 30px); display: inline-block; margin: 0 9px 0 0;}
.membership_section .btn{    display: block; width: 90%; text-align: center; margin: 0 auto; padding: 15px; font-size: 18px;}
.membership_section .form input[type='checkbox'], .membership_section .form input[type='radio']{ width: auto;  margin: -2px 3px 0 4px;}
.membership_section .form .notice{     padding: 5px 0 0px 0px; font-size: 12px; display: block; color: #6394d0; font-weight: 600;}
.membership_section .form #nameMsg{     font-size: 14px; color: #ff2121; font-weight: 500; display: none; margin: 5px 0 0 12px;}
.membership_section .form label .sub_txt{    margin: 0 0 0 10px; display: inline-block; width: auto;}

.membership_section .member_qr{     text-align: center; margin:0px 0 20px 0;}
.membership_section .member_qr #qrImg{width: 160px;margin: 0 auto;display: inline-block;}
.membership_section .member_qr img{ display: inline-block; height: 160px; vertical-align: top}
.membership_section .member_qr  div{     width: 57%; display: inline-block; margin: 0 0 0 12px; vertical-align: top;}
.membership_section .member_qr .cont{display: block; word-break: keep-all; margin: 0 0 25px;}
.membership_section .member_qr .title{margin: 20px 0 15px; font-size: 16px; word-break: keep-all;}
.membership_section .member_qr .code{color: #333333; font-size:17px; display: block; border-radius: 12px; background: #ffebbd; padding: 20px 0;}

.certified label{    display: inline-block; position: relative; width: 70%;}
.certified .counter{    position: absolute;right: 10px;top: 10px;}
.certified .btn{  width: 17%;   border: 1px solid #C6CED7; font-size: 14px; font-weight: 800; color: #3E4956; background-color: #ffffff; padding: 9px 15px; display: inline-block; word-break: keep-all; border-radius: 8px;}
.certified input{ margin: 0 0 3px;}

.agree label{  display: inline-block; margin: 8px 0;}
.agree .term_all{    width: auto; display: inline-block; font-size: 12px; padding: 4px 10px; margin: 0 0 0 10px;}
.agree hr{ margin: 10px 5px; display: block; border-top: 1px solid #dfdfdf;}

.find_idps{    text-align: center; margin: 20px 0 0;}
.find_idps a{    margin: 0 5px; display: inline-block; padding: 10px 15px;}

.tab_section{padding: 0 0 0;margin: 0 0 30px;font-size: 16px;line-height: 26px;}
.tab_section .tabs{ height: 50px;}
.tab_section .tabs li{  float: left; font-size: 15px; font-weight: 500; margin: 0 5px 0 0 }
.tab_section .tabs li a{display: inline-block; padding: 10px 20px; transition: all 0.4s;}
.tab_section .tabs li.active a,.tab_section .tabs li a:hover{ text-decoration: none; background-color: #e4e4e4; color: #333333; border-radius: 8px;}
.tab_section .tabs li.active a{}
.tab_section .tab_container{font-size: 14px;  clear: both;padding: 25px 30px 30px 30px; border-top: 1px solid #F9FAFC; background-color: #F9FAFC; border-radius: 8px; }
.tab_section .tab_container .sub_title{font-size: 16px; margin: 0 0 10px;}

.dashboard{background: url('../image/img_dash.png') no-repeat  left 490px;}
.dashboard .half_section{ width:49%; display: inline-block; vertical-align: top;}
.dash_title{font-size: 16px; padding: 13px 14px; background-color: #1E99CD; border-radius: 8px; font-weight: 800; color: #333333;}
.dash_title a{    font-size: 13px; font-weight: 400; color: #3c3c3c; float: right; line-height: 20px;}
.dash_title a:after{content: ">";font-family: cursive;margin: 0 0 0 5px;}
.dashboard .content{    box-shadow: 0px 0px 12px rgb(39 41 46 / 8%);
    border: 1px solid #e6e6e6; padding: 10px; width: calc(100% - 40px); display: block; margin: 0 auto 20px auto; border-radius: 15px;}
.dashboard .content li{ display: inline-block; clear: both; margin: 0 0 7px; width: 100%;}
.dashboard .content li .tit{line-height: 25px; font-size: 15px;}
.dashboard .content li .cont{ text-align: right; display: inline-block; line-height: 25px; float: right; padding: 0; font-size: 15px;}
.dashboard .content li .cont em{ font-weight: 600; color: #333333;}
.dashboard .content li .cont .point{color:#d99800}
.dashboard .cont{ padding: 15px 15px 0px;}
.dashboard .cont.scroll{ height: 290px; overflow: auto; overflow-y: scroll;}

.dashboard.list_section{ width:100%; display: inline-block; vertical-align: top; background: none;}
.dashboard.list_section .content{    width: calc(50% - 36px); display: inline-block; margin: 0 6px 18px;}
.dashboard.list_section .no_result{ text-align: center; padding: 40px 0 50px; background: url(../image/img_noresult.png) no-repeat center  40px;height: 350px;}
.dashboard.list_section .no_result span{    font-size: 20px; display: block; margin: 325px 0 0; font-weight: 600;}


.stat_red{    line-height: 16px; background-color: #FFE0E0; color: #FF4444; display: inline-block;padding: 4px 10px;border-radius: 8px;word-break: keep-all;font-size: 12px;}
.stat_blue{    line-height: 16px; background-color: #E3F0FF; color: #378AEF; display: inline-block;padding: 4px 10px;border-radius: 8px;word-break: keep-all;font-size: 12px;}





































































/* 반응형 */
@media all and (max-width:1024px) {
  .header {height: 54px; padding: 5px; background-color: #333333; width: calc(100% - 10px);}
  .header .logo img{ cursor: pointer; height: 50px;}
  .header .m_menu{     display: block; position: absolute; right: 15px; top: 15px;}
  .header .m_menu span{background: url('../image/ic_menu.svg') no-repeat 0 0;    display: block; width: 30px; height: 30px; background-color: #333333; text-indent: -9999px;}
  .admin_container {top: 64px;}
  .title_section {margin: 0 10px 25px;}
  .title_section .cont_title {font-size: 24px;line-height: 46px;}
  .l_menu {background: #333333;}
  .l_menu .nav li a {color: #ffffff;}
  .menu01 {background: url(../image/ic_l_m01_dk.png) no-repeat 10px 7px;}
  .nav_section{ display: none;}
   body {}

    table th{ font-size: 12px;}
    .regist_list .form {display: inline-block; width:100%;     margin: 0% 1% 15px 1%; }
    .regist_list .form input, .regist_list .form textarea{width: 65%}
    .regist_list .form textarea{width: 100%; height: 120px}

   .nav_section.active{ display: block;}
   .sidebar{ display: none; opacity: 0; transition: all 0.5s}
   .sidebar.mob_menu{ display: block; opacity: 1; width: 100%; height: auto; background: #ffffff; z-index: 1; margin: 0; padding: 0; transition: all 0.5s }

   .main_container{    width: calc(100% - 30px); left: 0; padding: 20px 15px;}
   .box_container { padding: 20px 15px;}
   .membership_section .row {padding: 30px 20px 30px;}

}


/* 다크모드 */
.darkmode input[type=tel],
.darkmode input[type=time],
.darkmode input[type=text],
.darkmode input[type=password],
.darkmode input[type=search],
.darkmode input[type=email],
.darkmode input[type=file],
.darkmode input[type=url],
.darkmode input[type=number],
.darkmode input[type=date],
.darkmode textarea,
.darkmode select
 {    color: #ffffff;border: 1px solid #555555;background: #555;}

 .darkmode input[type=tel][disabled],
 .darkmode input[type=text][disabled],
 .darkmode input[type=password][disabled],
 .darkmode input[type=search][disabled],
 .darkmode input[type=email][disabled]{background: #232323; border-color: #232323;; color:#666; -webkit-appearance:none;font-size:15px;}

body.darkmode{ background-color: #171B1C; transition: all 0.5s}

.darkmode .table-responsive::-webkit-scrollbar {width: 10px;  }
.darkmode .table-responsive::-webkit-scrollbar-thumb {background-color: #4E5457;  }
.darkmode .table-responsive::-webkit-scrollbar-track {background-color: grey;  }

.darkmode .l_menu .title{  background-color: #385951; }
.darkmode .l_menu .nav li a{color: #BABCBD}
.darkmode .l_menu .nav li a:hover{  /*background-color: #385951;*/ color: #1964EB;}
.darkmode .menu01{background: url('../image/ic_l_m01_dk.png') no-repeat 10px 7px;}
.darkmode .menu01:hover{background: url('../image/ic_l_m01_ov.png') no-repeat 10px 7px;}

.darkmode .title_section .bread_cb em{background: url(../image/ic_arr_dk.svg) no-repeat right center;}
.darkmode .title_section .bread_cb em:last-child{ background: none;}

.darkmode .header{background-color:#2B3236; border-bottom: 1px solid  #2B3236;}
.darkmode .navbar li a{ color: #ffffff;}
.darkmode .pr_section a{ background-color: #4E5457; color:#ffffff;}
.darkmode .info_alert{ background: url('../image/ic_dk_alert.png') no-repeat center;}
.darkmode .info_dark{ background: url('../image/ic_dk_dark.png') no-repeat 20px center;}

.darkmode .title_section .cont_title{ color: #ffffff;}
.darkmode .admin_container {color: #A4A7B2;}
.darkmode .box_container{ background-color: #2B3236; border: 1px solid #2B3236;}
.darkmode .table_section .sub_title{color: #ffffff;}
.darkmode  .sidebar{border: 1px solid #171b1c;}
.darkmode table {border-bottom: 1px solid #2b3236;}
.darkmode table th {background-color: #394247;}
.darkmode table .stat_red {  background-color: #715757;color: #fa4242;}
.darkmode table .stat_blue { background-color: #33455a;color: #aad0ff;}
.darkmode .pagination a {color: #A4A7B2;}
.darkmode .regist_list .table_section {border-bottom: 1px solid #171B1C;}
.darkmode .membership_section .row{background-color: #2B3236;    border: 1px solid #2B3236;}

.darkmode .membership_section .form .title {color: #A4A7B2;}
.darkmode .membership_section .title .content{color: #A4A7B2;}
.darkmode .find_idps a{color: #A4A7B2;}

.darkmode .btn { border: 1px solid #0f6951; color: #ffffff; background-color: #0f6951;}
.darkmode .agree hr{border: none; border-top: 1px solid #171B1C;}


/*aaaaa*/