@charset "utf-8";
/* --- 파일 정보  --- */
/* LARIS */
/* 파일명: default.css */
/* 작성 시작일: 2019년 5월 */



@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: local(※), url("../font/NotoSansKR-Light.woff2") format('woff2'),
       url("../font/NotoSansKR-Light.woff") format('woff'),
       url("../font/NotoSansKR-Light.otf") format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: local(※), url("../font/NotoSansKR-Regular.woff2") format('woff2'),
        url("../font/NotoSansKR-Regular.woff") format('woff'),
        url("../font/NotoSansKR-Regular.otf") format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: local(※), url("../font/NotoSansKR-Medium.woff2") format('woff2'),
        url("../font/NotoSansKR-Medium.woff") format('woff'),
        url("../font/NotoSansKR-Medium.otf") format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: local(※), url("../font/NotoSansKR-Bold.woff2") format('woff2'),
        url("../font/NotoSansKR-Bold.woff") format('woff'),
        url("../font/NotoSansKR-Bold.otf") format('opentype');
}

@font-face {
 font-family: 'Material Icons';
 font-style: normal;
 font-weight: 400;
 src: url(../iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
 src: local('Material Icons'),
     local('MaterialIcons-Regular'),
     url(../iconfont/MaterialIcons-Regular.woff2) format('woff2'),
     url(../iconfont/MaterialIcons-Regular.woff) format('woff'),
     url(../iconfont/MaterialIcons-Regular.ttf) format('truetype');
 }


/* 전역적으로 쓰이는 CSS */
html, body {
    height:100%; font:normal 13px/150% 'Noto Sans KR'; font-weight:400; color:#555; margin:0; color:#2f3743;
}
/* body.hidden { overflow-x:auto; overflow-y:hidden;} */
.clear {clear:both}
.blind {
    position:absolute; top:-999999px; left:-999999px; height:0; padding:0; margin:0; font-size:0; line-height:0
}
table caption {
    position:relative; overflow:hidden; _visibility:hidden; padding:0; margin:0; height:0; font-size:0;
    line-height:0
}
*:first-child+html table caption {visibility:hidden; padding:0; margin:0; height:0; font-size:0; line-height:0}
table th, table td {table-layout:fixed; word-break:break-all; word-wrap: break-word;}
table th *, table td * {word-break:break-all; word-wrap: break-word;}

pre {min-height:21px; padding:0; margin:0;}

.margin-b5 {margin-bottom:5px !important}
.margin-b10 {margin-bottom:10px !important}
.margin-b20 {margin-bottom:20px !important}
.margin-b30 {margin-bottom:30px !important}
.margin-b40 {margin-bottom:40px !important}
.no-margin {margin-bottom:0 !important; padding-bottom:0 !important}


input[type='text'] {
    height:31px; padding:7px; border:1px solid #c8c8c8; box-sizing:border-box; border-radius:2px; box-sizing:border-box;
}
input[type='text'].date {position:relative; width:120px; padding-right:25px; background:#fff url('../image/icon_calendar.png') no-repeat center right;}
input[type='text'].count {width:80px;}
input[type='text'].full, select.full {width:100%;}
textarea {
    width:100%; min-width:200px; min-height:140px; padding:7px; border:1px solid #c8c8c8; border-radius:2px; overflow-y:auto;
    box-sizing:border-box;
}
select {height:31px; border:1px solid #c8c8c8; border-radius:2px;  font-size:14px !important;}

input[type='text']:hover {border-color:#00224b !important}
input[type='text']:focus {border-color:#00224b !important}
input[type='file'] {font-size:13px;}

input[type='text'][disabled='disabled'],
select[disabled='disabled'],
textarea[disabled='disabled'],
input[type='text'][disabled],
select[disabled],
textarea[disabled] {/* border:none; background:transparent; */ color:inherit;}
select[disabled='disabled'],
select[disabled]
textarea[disabled='disabled'],
textarea[disabled] {appearance:none; -moz-appearance:none; -webkit-appearance:none; color:inherit;}
textarea[disabled='disabled'],
textarea[disabled] {min-width:200px; width:100%; max-width:100%; padding:0; color:inherit;}
input[type='checkbox']:checked + label,
input[type='radio']:checked + label {font-weight:bold !important; color:#2d2d2d !important}
.iframe-area {width:300px; height:100%;}
input[type='checkbox'][disabled='disabled'] + label,
input[type='radio'][disabled='disabled'] + label {cursor:text;}

a:link,
a:visited {color:#22303d; text-decoration:none}
a:hover,
a:active {color:#02acc5; text-decoration:underline}
a.link {color:#008bcd; text-decoration:underline}

p {padding:0; margin:0 0 20px 0; line-height:160%}
.important {color:#e52742}
.important-b {color:#0060a5}
.small-txt {font-size:12px}
p.dsc {position:relative; margin-bottom:5px; padding:0 0 0 16px; font-size:13px; color:#f37060; table-layout:fixed;
word-break:break-all;}
p.dsc:before {position:absolute; top:1px; left:0; font-family:'Material Icons'; font-size:15px; content:"\e86c";}

span.dsc {margin:0 0 0 5px; font-size:13px; color:#000;}
span.dsc_1 {position:relative; margin-bottom:5px; padding:0 0 0 16px; font-size:13px; color:#f37060; table-layout:fixed;
word-break:break-all;}
span.dsc_1:before {position:absolute; top:1px; left:0; font-family:'Material Icons'; font-size:15px; content:"\e86c";}
table.center th,
table.center td,
th.center,
td.center {text-align:center !important}
th.left,
td.left {text-align:left !important}

.list-slt {padding:0; margin:0; list-style:none; *zoom:1;}
.list-slt:after {clear:both; display:block; content:''}
.list-slt li * {vertical-align:middle; line-height:170%}
.list-slt li {float:left; height:31px; padding:3px 0; margin:0 15px 0 0; box-sizing:border-box;}
.list-slt li,
.list-slt label,
.list-slt input {vertical-align:middle}
.list-slt li:last-child {margin-right:0;}
.list-slt li input[type='text'] {margin:-3px 0}

.list-slt-ve {padding:0; margin:0; list-style:none; *zoom:1;}
.list-slt-ve li {min-height:27px; line-height:150%}
.list-slt-ve li * {vertical-align:middle}

.list-slt-f130 {padding:0; margin:0; list-style:none; *zoom:1;}
.list-slt-f130:after {clear:both; display:block; content:''}
.list-slt-f130 li {float:left; width:130px; margin:0 15px 0 0}
.list-slt-f130 li,
.list-slt-f130 label,
.list-slt-f130 input {vertical-align:middle}

.list-slt-f300 {padding:0; margin:0; list-style:none; *zoom:1;}
.list-slt-f300:after {clear:both; display:block; content:''}
.list-slt-f300 li {float:left; width:300px; margin:0 15px 0 0}
.list-slt-f300 li,
.list-slt-f300 label,
.list-slt-f300 input {vertical-align:middle}

.material-icons {
 font-family: 'Material Icons';
 font-weight: normal;
 font-style: normal;
 font-size: 24px;  /* Preferred icon size */
 display: inline-block;
 line-height: 1;
 text-transform: none;
 letter-spacing: normal;
 word-wrap: normal;
 white-space: nowrap;
 direction: ltr;

 /* Support for all WebKit browsers. */
 -webkit-font-smoothing: antialiased;

 /* Support for Safari and Chrome. */
 text-rendering: optimizeLegibility;

 /* Support for Firefox. */
 -moz-osx-font-smoothing: grayscale;

 /* Support for IE. */
 font-feature-settings: 'liga';
 }

div#head-tab {
    position:relative; width:100%; min-width:1280px; height:60px; padding:5px; box-sizing:border-box;
    background:#0f3e8e; box-shadow:0 2px 5px rgba(0,0,0,.2); text-align:right;
}
div#head-tab h1#logo {
  position:absolute; top:0; left:0; height:60px; padding:12px; margin:0 50px 0 0; box-sizing:border-box;
}
div#head-tab h1#logo button {height:35px; line-height:35px; background:transparent; border:0; color:#fff; text-decoration:none;}
div#head-tab {vertical-align:middle;}
div#head-tab span.name {display:inline-block; margin:0 10px; color:#fff; font-size:15px;}
div#head-tab span.name i {vertical-align:middle; color:#7a9dd9;}
div#head-tab button.logout {display:inline-block; padding:4px 12px; margin:0 10px; background:#0c3375; border-radius:30px;  color:#6f96d7; font-size:12px; border:0;}
div#head-tab button.logout:hover {transition:all .3s; background:#2556a9; color:#fff;}
div#head-tab .system-link {
    display:inline-block; margin:0 5px 0 0; padding:13px 0; min-width:125px; height:50px; box-sizing:border-box;
    text-align:center; font-size:15px; border-radius:2px; background:#2556a9; border:0; color:#98b4e1; vertical-align:middle;
}
div#head-tab .system-link:hover {text-decoration:none; color:#fff; transition:all .3s;}
div#head-tab .system-link.active {font-weight:bold; background:#fff; color:#0f3e8e;}


div.container {min-width: 280px; margin:0 auto; padding-bottom:30px; min-height:calc(100vh - 120px); box-sizing:border-box; *zoom:1;}
div.container:after {clear:both; display:block; content:''}
div.container div#gnb-wrap {
  float:left; width:200px; margin-top:30px;
}
div.container div.gnb {padding:10px; border:1px solid #ddd;}


div.container .con-wrap {
  float:left; min-height:calc(100vh - 120px); padding:30px 0 30px 30px;
}

div.container {width:1280px;}
div.con-wrap {width:1050px;}
/*
div.container .con-wrap .wrap {width:100%; min-width:1000px; max-width:1070px;}
div.container .con-wrap .wrap.main {padding:40px; }

div.container .con-wrap.active {float:left; min-width:calc(100vw - 510px);}
div.container .con-wrap.active .wrap {width:100%; min-width:auto; max-width:100%}
div.working-area {
  display:none; position:relative; min-width:300px; height:100%; padding:40px 20px; margin:0;
  border-left:1px solid #ddd; overflow-x:hidden; overflow-y:auto; box-sizing:border-box;
}*/
div.working-area .tbl-compact td input[type='text'] {width:100%;}
div.working-area.active {display:block;}
div.working-area button.self-close {
  position:absolute; top:0; right:0; width:45px; height:45px; background:transparent; border:0;
}
div.working-area button.self-close i {color:#888;}
div.working-area button.self-close:hover {background:#f0f0f0; transition:all .3s;}
div.working-area button.self-close:hover i {color:#222;}

div#footer {
    width:100%; min-width:1280px; height:35px; padding:10px 0; text-align:center; color:#666; border-top:1px solid #aaa; font-size:12px; line-height:150%;
}

div.container div.gnb,
div.container div.con-wrap,
div.container div.working-area {box-sizing:border-box;}


/* Style the sidenav links and the dropdown button */

.gnb .dropdown-btn {box-sizing:border-box;}
.gnb .dropdown-btn.researcher i {color:#7385da;}
.gnb .dropdown-btn.researcher.active i {color:#fff;}
.gnb .child-menu, .dropdown-btn {
  display:block; position:relative; padding:8px; text-align:left;
  text-decoration:none; font-size:14px; color:#585858; border:none; background:none; width:100%; cursor: pointer;
}
.gnb .child-menu:hover, .dropdown-btn:hover {background:#f0f0f0}
.dropdown-btn i.first-ico {margin:2px 3px 0 0; vertical-align:top; font-size:17px; color:#aaa;}
.dropdown-btn i.last-ico {position:absolute; display:block; top:11px; right:10px; font-size:17px; color:#aaa;}


/* Add an active class to the active dropdown button */
.gnb .child-menu.active, .dropdown-btn.active, .gnb .child-menu.active:hover, .dropdown-btn.active:hover {
  background:#5569c8; color:#fff;
}
.gnb a.active i, .dropdown-btn.active i {color:#fff}
/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display:none; padding:10px; background:#e7ecff; letter-spacing:-0.03em; box-sizing:border-box;
}
.dropdown-container .child-menu {display:block; width:100%; padding:5px 10px; box-sizing:border-box; font-size:13px; background:transparent; border:0; text-align:left;}
.dropdown-container .child-menu.active,
.dropdown-container .child-menu:hover {background:#d2daf5; color:#5569c8;}

/* related sites */
div#related-sites {padding:10px; margin-top:10px; background:#f0f0f0;}
div#related-sites a {
    position: relative;
    display: block;
    padding-left: 12px;
    text-decoration: none;
    color: #555;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.05rem;
    box-sizing: border-box;
}
div#related-sites a:before {position:absolute; top:7px; left:5px; width:2px; height:2px; background:#aaa; content:''}
div#related-sites a:hover {background:#f0f0f0; color:#5569c8;}
div#related-sites a i {font-size:14px; color:#888;}

/* main page */
div.wrap.main {*zoom:1;}
div.wrap.main:after {clear:both; display:block; content:''}
div.info-area {
  float:left; width:290px; margin-right:30px;
}
div.info-area div.user-info {position:relative; padding:20px; margin-bottom:20px; background:#f0f0f5}
div.info-area div.user-info span {position:absolute; top:20px; right:20px; font-size:13px; color:#777;}
div.info-area h2 {display:inline-block; padding:0; margin:0; text-align:center; font-size:15px;}
div.info-area h2 * {vertical-align:middle; }
div.info-area div.accounting {
  position:relative; padding:15px 20px; margin-top:-20px; margin-bottom:20px; border:1px solid #f0f0f5; font-size:12px;
}
div.info-area div.accounting div.bill {position:absolute; top:15px; right:20px;}
div.info-area div.accounting dl {padding:0; margin:0; }
div.info-area div.accounting dt {width:100px;}
div.info-area div.accounting dd {width:140px; text-align:right;}
div.info-area div.accounting dt,
div.info-area div.accounting dd {display:inline-block; padding:0; margin:0;}
div.info-area div.accounting a {font-weight:bold; color:#d51c1c;}
div.info-area ul.btn-area {padding:0; margin:0; list-style:none; *zoom:1;}
div.info-area ul.btn-area li {float:left; width:50%; box-sizing:border-box;}
div.info-area ul.btn-area a {
  display:block; padding:7px 10px; text-align:center; text-decoration:none; background:#2a408b; color:#fff;
  line-height:140%; box-sizing:border-box;
}
div.info-area ul.btn-area li:first-child a {background:#3c57a5; border-radius:5px 0 0 5px}
div.info-area ul.btn-area li:last-child a {border-radius:0 5px 5px 0}


div.notice {float:left; width:300px; height:200px; padding:20px; border:1px solid #ddd; box-sizing:border-box;}
div.notice h2 {padding:0; margin:0 0 10px 0; font-size:16px;}
div.notice table {border:0;}
div.notice td {padding:3px 5px; border:0;}
div.notice td:first-child {padding-left:0;}
div.notice td a {position:relative; padding-left:7px;}
div.notice td a:before {position:absolute; left:0; top:9px; display:block; width:2px; height:2px; background:#444; content:''}
div.notice td a:hover {color:#02acc5;}
div.notice td.date {text-align:right; font-size:12px; color:#999;}

div.calendar {
  float:left; width:420px; height:200px; margin-right:30px; padding:15px 20px; border:1px solid #ddd; box-sizing:border-box;
}
div.calendar .tbl-cal-mini {
  float:left; width:180px; border:0; font-size:12px; text-align:center;
}
div.calendar .tbl-cal-mini th {padding:1px; border:0; border-bottom:1px solid #ddd;}
div.calendar .tbl-cal-mini th i {vertical-align:middle; color:#aaa;}
div.calendar .tbl-cal-mini td {padding:1px; border:0; color:#777; cursor:pointer; _cursor:hand;}
div.calendar .tbl-cal-mini .sat {color:#3c57a5;}
div.calendar .tbl-cal-mini .sun {color:#e33e1e;}
div.calendar .tbl-cal-mini .active {background:#02acc5; color:#fff;}
div.calendar div.today {margin-left:200px;}

/* login */

@media all and (min-width:300px) and (max-width:1024px) {
  body#bg-wrap { font-family:'Noto Sans KR';}
  div#login-area {display:block; width:100%; padding:0 20px; box-sizing:border-box; background:#fff;}
  div#login-area h1#logo {margin:0 auto; width:210px; height:102px; background:url(image/snu-logo.png) 0 0 no-repeat;}
  div#login-area div.input-area {border-radius:3px; border:1px solid #dcdcdc;}
  div#login-area div.input-area span.m-line {display:block; width:100%; height:1px; background:#dcdcdc}
  div#login-area input.id {padding:0 10px; width:100%; height:45px; border:0; font-size:12px; font-family:Noto Sans KR;}
  div#login-area input.pw {padding:0 10px; width:100%; height:45px; border:0; border-radius:3px; box-sizing:border-box; font-size:12px; font-family:Noto Sans KR;}
  div#login-area button#btn-login {margin:14px 0 0 0; width:100%; height:45px; border-radius:3px; border:0; text-align:center; font-size:16px; font-family:Noto Sans KR; cursor:pointer; background:#23316e; color:#fff;}
  div#login-area div#help-line {margin:28px 0 0 0; height:19px; background:url(image/login-helpline.png) center no-repeat;}
  div#login-area a {display:block; text-align:center; font-size:13px; color:#919191;}
  div#login-area a.find-idpw {margin:12px 0 0 0;}
  div#login-area a.find-idpw strong {font-weight:normal; text-decoration:underline; color:#5569c8;}
  div#login-area a.sign-up {margin:7px 0 0 0;}
  div#login-area a.sign-up strong {font-weight:normal; text-decoration:underline; color:#f34c38;}
  div#login-snuid-dsc {margin:0 auto; padding:10px 20px;}
  div#login-snuid-dsc button {
    display:block; width:100%; padding:7px 9px; margin-bottom:2px; color:#fff; text-decoration:none;
    vertical-align:middle; box-sizing:border-box; font-size:12px; background:#5569c8; border-radius:3px;
    border:0; text-align:left; cursor:pointer;
  }
  div#login-snuid-dsc button i {display:none;}
  div#login-snuid-dsc button.nonmember {padding:10px; background:#777;}
  div#login-foot {margin:25px 0 0 0; text-align:center; font-weight:lighter; font-size:12px; color:#a5a5a5;}
}
@media all and (min-width:1025px) {
  body#bg-wrap {height:665px; background:#f0f0f0; font-family:'Noto Sans KR';}
  div#login-area {margin:100px auto 0 auto; padding:0 45px; width:410px; height:520px; box-sizing:border-box; border:1px solid #e5e5e5; border-radius:3px; background:#fff;}
  /* div#login-area h1#logo {margin:48px auto 26px auto; width:210px; height:102px; background:url(image/login-logo.png) 0 0 no-repeat;} */
  div#login-area h1#logo {margin:30px auto 20px auto; width:210px; height:102px; background:url(image/snu-logo.png) 0 0 no-repeat;}
  div#login-area div.input-area {border-radius:3px; border:1px solid #dcdcdc;}
  div#login-area div.input-area span.m-line {display:block; width:100%; height:1px; background:#dcdcdc}
  div#login-area input.id {padding:0 15px; width:100%; height:50px; border:0; font-size:12px; font-family:Noto Sans KR;}
  div#login-area input.pw {padding:0 15px; width:100%; height:50px; border:0; border-radius:3px; box-sizing:border-box; font-size:12px; font-family:Noto Sans KR;}
  div#login-area button#btn-login {margin:14px 0 0 0; width:100%; height:55px; border-radius:3px; border:0; text-align:center; font-size:16px; font-family:Noto Sans KR; cursor:pointer; background:#23316e; color:#fff;}
  div#login-area button#btn-login:hover {background:#172251; transition:all .3s;}
  div#login-area div#help-line {margin:28px 0 0 0; width:318px; height:19px; background:url(image/login-helpline.png) 0 0 no-repeat;}
  div#login-area a {display:block; text-align:center; font-size:13px; color:#919191;}
  div#login-area a.find-idpw {margin:12px 0 0 0;}
  div#login-area a.find-idpw strong {font-weight:normal; text-decoration:underline; color:#5569c8;}
  div#login-area a.find-idpw:hover {color:#5569c8;}
  div#login-area a.sign-up {margin:7px 0 0 0;}
  div#login-area a.sign-up strong {font-weight:normal; text-decoration:underline; color:#f34c38;}
  div#login-area a.sign-up:hover {color:#f34c38;}
  div#login-snuid-dsc {width:410px; margin:5px auto;}
  div#login-snuid-dsc button {
    position:relative; display:block; width:100%; height:51px; padding:15px 25px; margin-bottom:3px; color:#fff; text-decoration:none;
    vertical-align:middle; box-sizing:border-box; font-size:13px; transition:all .3s; background:#5569c8; border-radius:3px;
    border:0; text-align:left; cursor:pointer;
  }
  div#login-snuid-dsc button i {position:absolute; top:18px; right:27px; font-size:21px; color:rgba(0,0,0,0.4); transition:right .3s; vertical-align:middle;}
  div#login-snuid-dsc button:hover {background:#3b50b0; box-shadow:3px 3px 5px rgba(0,0,0,0.3);}
  div#login-snuid-dsc button:hover i {position:absolute; right:20px; color:#fff;}
  div#login-snuid-dsc button.nonmember {height:41px; padding:10px 25px; background:#777;}
  div#login-snuid-dsc button.nonmember i {top:11px;}
  div#login-foot {margin:22px 0 0 0; text-align:center; font-weight:lighter; font-size:12px; color:#a5a5a5;}
}

/* IE8일때 */
div#IE8Alert {
  position:absolute; top:0; left:0; display:none; width:100%; padding:10px; box-sizing:border-box; color:#fff;
  background:#dd0000; text-align:center; z-index:9999; font-family:'Noto Sans', 'malgun gothic';
}
div#IE8Alert a {text-decoration:underline; color:#fff;}

/*---------------------------------------------------------------
 이데아인포 추가 - ksy
---------------------------------------------------------------*/
a:hover, a:focus {text-decoration: none;}

div.container { width: 100%; margin: auto;}
div.container div#gnb-wrap {width: 250px;}
div#head-tab {height: 80px; padding: 15px 20px;min-width: 320px; box-shadow: none;}
div#head-tab h1#logo {top: 50%; transform: translateY(-50%);}
div#head-tab h1#logo button {font-weight: 700; font-size: 30px;}
div.con-wrap {width: calc(100% - 260px);}
div#footer {width: 100%; min-width: unset;border-top: 1px solid #ddd; padding: 30px 0; line-height: 1; height: unset;}

/*NEW*/
.hd_cate { display:none; }
.cate_wrap .cate_menu_wrap { display:none; position:relative;}

/* 스크롤 커스텀 */
.scrollbar {overflow-y: scroll;}
.scrollbar::-webkit-scrollbar {width: 10px;}
.scrollbar::-webkit-scrollbar-thumb {background: #ccc; border-radius: 10px;}
.scrollbar::-webkit-scrollbar-track {background: #eee;}

@media screen and (max-width : 1400px) {
 #head-tab .pc_show {display: none}
 div.container div#gnb-wrap {display: none;}
 div.con-wrap { width: 100%;}
 div.container .con-wrap {padding: 30px 0;}

 /*모바일*/
 .hd_cate { display:block; position:absolute; right:20px; top: 50%; transform: translateY(-50%); line-height: 1; width: 35px; height: 22px;cursor:pointer; z-index:15; }
 .menu-trigger { margin:0; display:inline-block; position:relative; width:35px; height:22px; }
 .menu-trigger, .menu-trigger span { display:inline-block; transition:all 0.4s; box-sizing:border-box; }
 .menu-trigger span { position:absolute; left:0; width: 100%; height:2px; background-color:#fff; border-radius:0px; }
 .menu-trigger span:nth-of-type(1) { top:0; }
 .menu-trigger span:nth-of-type(2) { top:10px;}
 .menu-trigger span:nth-of-type(3) { bottom:0; }

 .menu-trigger.active-1 span { background-color:#fff; }
 .menu-trigger.active-1 span:nth-of-type(1) { transform:translateY(10px) rotate(-45deg); }
 .menu-trigger.active-1 span:nth-of-type(2) { opacity:0; }
 .menu-trigger.active-1 span:nth-of-type(3) { transform:translateY(-10px) rotate(45deg); }

 .cate_wrap { display:unset; right:0; opacity:0; width:0; height:100%; transition:0.3s; z-index:9999; position:fixed; top:0; background:#fff; box-sizing:border-box; box-shadow: 0 0 10px rgba(0, 0, 0, .2);overflow-y: auto; overflow-x: hidden;}
 .cate_wrap .cate_menu_wrap { width:100%; height:auto; }
 .cate_wrap.on { right:0; opacity:1; width:340px; }
 .cate_wrap.on .cate_menu_wrap { display:block; }

 .cate_wrap .hd-box {background-color: #0f3e8e; color: #fff; height: 60px; line-height: 60px; padding: 0 60px 0 20px; text-align: left;}
 .cate_wrap .hd-box::after {content: ""; display: block; clear: both;}
 .cate_wrap .hd-box h2 {font-size: 22px;display: inline-block;}
 .cate_wrap .hd-box .admin-btn {border:1px solid #fff; border-radius:2px; background-color: #0f3e8e; color:#fff;height: 35px;padding: 0 10px; margin-top: 13px; float: right; transition:all 0.3s; font-weight: 500}
 .cate_wrap .hd-box .admin-btn:hover{background-color: #fff; color: #0f3e8e;/*#062f76*/}

 .cate_wrap .info-box {background-color: #062f76; color: #fff;text-align: center;}
 .cate_wrap .info-box::after {content: ""; display: block; clear: both;}
 .cate_wrap .info-box > div {display: block;height: 100%; position:relative;}
 .cate_wrap .info-box .info-inner {float: left; width: calc(100% - 110px);padding: 10px 0;}
 .cate_wrap .info-box .info-inner > span {color:#fcd73a; font-size: 16px; font-weight: 500; margin-right: 5px}
 .cate_wrap .info-box .btn-box {float: right; width: 110px;background-color: #00225b;transition: all 0.3s; margin-top: 0}
 .cate_wrap .info-box .btn-box .logout {height: 100%; color: #fff; line-height: 60px; width: 100%; display: inline-block; text-align: center}
 .cate_wrap .info-box .btn-box .logout::before {content:""; display: inline-block; background: url(../images/logout-icon.png) no-repeat; width: 16px; height: 14px; background-size: 100%; margin-right: 5px;}
 .cate_wrap .info-box .btn-box:hover {background-color: #0f3e8e; }

 .cate_wrap .link-box {height: 50px; background-color: #e0e6f0; display:flex; border-bottom: 1px solid #abb3c1;;}
 .cate_wrap .link-box button {float: left; flex-grow:1; height: 100%; color: #333; border-right:1px solid #abb3c1;font-size: 14px; font-weight: 600; transition: all 0.3s;}
 .cate_wrap .link-box button:hover {background-color: #c7d1e2}

 /* deps1 시작 */
 .cate_wrap ul.dep1 li.dep1 { border-bottom:1px #ccc solid; }
 .cate_wrap ul.dep1 li.dep1 > button { position:relative; display:block; width:100%; height:50px; line-height:50px; color:#111; font-size:15px; font-weight: 600; padding-left:10px; text-align:left; box-sizing:border-box; cursor:pointer; z-index:1;letter-spacing: -0.5px;transition: all 0.2s;}

 .cate_wrap ul.dep1 li.dep1 > button.dep1-arrow::after { display:block; position:absolute; right: 20px; top: 20px; width: 7px; height: 7px; border: solid #aaa; border-width: 0 2px 2px 0; content:''; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
 .cate_wrap ul.dep1 li.dep1 > button.dep1-arrow:hover::after { border-color: #fff; }
 .cate_wrap ul.dep1 li.dep1 > button.dep1-arrow.on::after { top: 20px; border-width: 2px 0 0 2px; border-color: #fff; }

 .cate_wrap ul.dep1 li.dep1 > button:hover,
 .cate_wrap ul.dep1 li.dep1 > button:active,
 .cate_wrap ul.dep1 li.dep1 > button.on {color: #001675; background-color: #0f3e8e; color:#FFF;}

 /* deps2 시작 */
 .cate_wrap ul.dep1 li.dep1 div.dep2 { height:0; overflow:hidden; display: none; }
 .cate_wrap ul.dep1 li.dep1.on div.dep2 { height:auto !important; transition:all .4s; display:block; }

 .cate_wrap ul.dep1 li.dep1 ul.dep2 { border-top:1px #ccc solid; box-sizing:border-box; background:#efefef; }
 .cate_wrap ul.dep1 li.dep1 ul.dep2 > li { padding:7px 20px; text-align:left; border-bottom:1px solid #fff; }
 .cate_wrap ul.dep1 li.dep1 ul.dep2 > li > a { position:relative; color:#333; font-size:16px; line-height:40px; height:40px; vertical-align:middle; display:inline-block; width:100%; box-sizing:border-box; text-align:left;}

 .cate_wrap ul.dep1 li.dep1 div.dep2-box {min-width: 235px; width: 100%; float: left; display: none; height: 100%; background: #f5f5f5;border-bottom: 1px solid #0f3e8e}
 .cate_wrap ul.dep1 li.dep1.on div.dep2-box { height:auto !important; transition:all .4s; display:block; }
 .cate_wrap ul.dep1 li.dep1 div.no-deps {display: block; text-align: center;padding: 40px 0; font-size: 16px; color: #bbbbbb;}

 .cate_wrap ul.dep1 li.dep1 ul.dep2-ul { box-sizing:border-box; background:transparent; }
 .cate_wrap ul.dep1 li.dep1 ul.dep2-ul > li.dep2 { border-bottom: 1px solid #ddd; box-sizing: border-box; background: transparent; text-align:left; }
 .cate_wrap ul.dep1 li.dep1 ul.dep2-ul > li.dep2:last-child {border-bottom: 0}
 .cate_wrap ul.dep1 li.dep1 ul.dep2-ul > li.dep2 > a {font-weight: 500; position:relative; color:#333; font-size:14px; line-height:20px; padding:10px; vertical-align:middle; display:inline-block; width:100%; box-sizing:border-box; text-align:left;transition: all 0.3s;letter-spacing: -0.5px;}
 .cate_wrap ul.dep1 li.dep1 ul.dep2-ul > li.dep2 > a::before {content:""; width: 4px; height: 4px; border-radius:4px; background-color: #888; display: inline-block; position: relative; top: -3px; margin-right: 5px;}

 .cate_wrap ul.dep1 li.dep1 ul.dep2-ul > li.dep2 > a.dep2-arrow::after { display:block; position:absolute; right: 20px; top: 20px; width: 7px; height: 7px; border: solid #aaa; border-width: 0 2px 2px 0; content:''; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
 .cate_wrap ul.dep1 li.dep1 ul.dep2-ul > li.dep2 > a.dep2-arrow:hover::after { border-color: #001675; }
 .cate_wrap ul.dep1 li.dep1 ul.dep2-ul > li.dep2 > a.dep2-arrow.on::after { top: 20px; border-width: 2px 0 0 2px; border-color: #001675; }

 .cate_wrap ul.dep1 li.dep1 ul.dep2-ul > li.dep2 > a:hover,
 .cate_wrap ul.dep1 li.dep1 ul.dep2-ul > li.dep2 > a:active,
 .cate_wrap ul.dep1 li.dep1 ul.dep2-ul > li.dep2 > a.on { color: #001675; text-decoration: underline;}

 .hd_cate_off { position:absolute; right:20px; top:5px; width:25px; height:22px; line-height:22px; margin:10px 0 0 0; cursor:pointer; z-index:999999; }
 .menu-trigger-off { margin:0; display:inline-block; position:relative; width:25px; height:22px; }
 .menu-trigger-off, .menu-trigger-off span { display:inline-block; transition:all 0.4s; box-sizing:border-box; }
 .menu-trigger-off span { position:absolute; right:0; width: 100%; height:2px; background-color:#fff; border-radius:0px; }
 .menu-trigger-off span:nth-of-type(1) { top:0; transform:translateY(10px) rotate(-45deg); }
 .menu-trigger-off span:nth-of-type(2) { top:10px; width:20px; opacity:0; }
 .menu-trigger-off span:nth-of-type(3) { bottom:0; transform:translateY(-10px) rotate(45deg); }

}

 @media screen and (max-width: 600px) {
  .cate_wrap.on {width: 100%;}
 }

  @media screen and (max-width: 425px) {
  .cate_wrap .info-box .info-inner > span {font-size: 14px;}

 }

  @media screen and (max-width: 375px) {
  .hd_cate_off {top: 15px;}
  .cate_wrap .hd-box {padding: 0 60px 0 20px;}
  .cate_wrap .hd-box .admin-btn {height: 35px; padding: 0 10px; font-size: 12px; margin-top: 20px;}
 }


/* 251014 - ksy 추가 */
.wd50 {width: 50% !important;}
.wd80 {width: 80% !important;}
.wd100 {width: 100% !important;}

.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mb10 {margin-bottom: 10px !important;}
.mr5 {margin-right: 5px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}

.left {float: left;}
.right {float: right;}

.check-box {display: inline-block; margin-right: 5px;}
.check-box:last-child {margin-right: 0;}

input[type='text'].date {cursor: pointer;background-position: center right 7px;}

.txtR {text-align: right !important;}
.txtL {text-align: left !important;}
.txtC {text-align: center !important;}

.bold {font-weight: bold !important;}

/* 251024 - kki 추가 */
.readonly { background-color: #f5f5f5; color: #999; border: 1px solid #ccc; }

/* 251029 - ksy 추가 */
p.dsc {margin-bottom: 10px;color: #db214d;letter-spacing: -.4px; padding: 0 0 0 20px;}

.header-top-box {top: 50%; transform: translateY(-50%); position: absolute; right: 0;}
div#head-tab .system-li-box {display: inline-block;vertical-align: middle;}
div#head-tab .system-link {padding: 0 20px;min-width: unset;height: 40px;line-height: 40px;border-radius: 30px; background: transparent; color: #fff; font-weight: 500}
div#head-tab .system-link:hover {background-color: #1450b5;}
div#head-tab .system-link.active {color: #222;}
div#head-tab .system-link.active:hover {background-color: #fff}

div#head-tab .hd_right_box {display: inline-block; vertical-align: middle; margin: 0 20px;}

div#head-tab button.logout {padding: 10px 15px; margin: 0; background: transparent; border-radius: 30px; color: #fff; font-size: 14px; height: unset; line-height: unset; vertical-align: bottom;font-weight: 600; transition: all 0.3s; border: 1px solid transparent;}
div#head-tab button.logout.btn_tyA::before{content:""; background: url(../images/logout-icon.png) no-repeat; width: 18px; height: 16px; display: inline-block;vertical-align: sub; margin-right: 5px;}
/*div#head-tab button.logout.btn_tyA:hover {background: #fcd73a; border:1px solid #fcd73a; color: #111;}*/
div#head-tab button.logout.btn_tyA:hover {background-color: #1450b5; border: 1px solid #fff}

div#head-tab .hd_right_box button.logout.btn_tyB {background-color: #e0e6f0; color: #333; border-radius: 20px;padding: 5px 10px 5px 6px; margin-bottom: 3px; border:1px solid #e0e6f0;}
div#head-tab .hd_right_box button.logout.btn_tyB::before {content: "!"; background-color: #fff; width: 20px; display: inline-block; height: 20px; border-radius: 10px; border: 1px solid #333; margin-right: 5px;}
div#head-tab .hd_right_box button.logout.btn_tyB:hover {background-color: #b1bdd1; border: 1px solid #b1bdd1}

div#head-tab span.name {font-size: 15px;height: unset; line-height: 40px; vertical-align: bottom;font-weight: 600; margin: 0; padding: 0 10px;}
div#head-tab span.name i {display: none}
div#head-tab span.name #myIdHeader {color: #fcd73a; font-weight: 500; font-size: 14px; padding: 0 5px}

div.container {padding-bottom: 0}
div.container .con-wrap {padding: 30px 25px;}
div.container div#gnb-wrap {margin-top: 0;box-sizing: border-box;height: 100%; margin: 20px 0 10px 10px;}
div.container div.gnb {padding: 10px; border-radius: 10px;}
.gnb .child-menu, .dropdown-btn {padding: 10px}
.gnb .dropdown-btn {font-weight: 500; color: #494949; letter-spacing: -.2px; font-size: 15px;padding: 15px 10px; border-bottom: 1px solid #eaeaea; position: relative;}
.gnb .dropdown-btn::before {display: block; position: absolute; right: 10px; top: 50%; content: ""; width: 23px; height: 23px; border: 1px solid #ddd; background-color: #fff; background-image: url(../images/snb_arr.png); background-repeat: no-repeat; background-position: 50%;border-radius: 5px; transform: translateY(-50%);}
.gnb .dropdown-btn.none-child::before { display: none !important; content: none; }
/*.dropdown-btn i.first-ico {display: none}*/

.gnb .child-menu:hover,
.dropdown-btn:hover {background: unset; color: #0f3e8e; }
.dropdown-container {background: #f3f3f3; padding: 0 10px; border-top: 2px solid #0f3e8e;}
.dropdown-container .child-menu {border-bottom: 1px dashed #ddd; font-weight: 500; font-size: 15px; color: #666;}
.dropdown-container .child-menu:last-child {border-bottom: 0}
.dropdown-container .child-menu::before {content: ""; width:4px; height: 4px; background-color: #aaa; display: inline-block;border-radius: 4px; position: relative; top: -2px; left: -5px;}
.gnb .child-menu.active,
.dropdown-btn.active,
.gnb .child-menu.active:hover,
.dropdown-btn.active:hover {color: #0f3e8e; background-color: unset}

.gnb .dropdown-btn.researcher.active i {color:#0f3e8e;}

/* .arrow - jsp 추가후 수정할것*/
.gnb .dropdown-btn.active {border-bottom: 0;background-color: #f0f7ff;}
.gnb .dropdown-btn:hover::before {border-color: #0f3e8e;background-color: #0f3e8e; background-image: url(../images/snb_arr_ov.png);}
.gnb .dropdown-btn.active::before { border-color: #0f3e8e; background-color: #0f3e8e; background-image: url(../images/snb_arr_ac.png);}
/* //.arrow - jsp 추가후 수정할것*/

.gnb a.active i,
.dropdown-btn.active i {color: #0f3e8e;}
.dropdown-container .child-menu.active,
.dropdown-container .child-menu:hover {color: #0f3e8e !important;}
.dropdown-container .child-menu:hover::before {background-color: #0f3e8e;}

/* 251202 - ksy 추가 */
.btm_txt {text-align: center; margin: 5px 0; line-height: 1;background-color: #f3f3f3; padding: 10px; font-size: 15px; font-weight: 500; color: #333;}
.notice_01 {position: relative; display: inline-block;}
.notice_01::BEFORE {    content: ""; background: url(../images/notice_01.png) no-repeat; display: block;width: 22px; height: 21px; position: absolute; left: -30px; top: 50%; transform: translateY(-50%); background-size: 100%;}

.td_wd_xs {width: calc(100% - 542px) !important;}
.td_wd_sm {width: calc(100% - 200px) !important;}
.td_wd_md {width: calc(100% - 145px) !important;}
.td_wd_lar{width: calc(100% - 150px) !important;}
.td_wd_xl {width: calc(100% - 68px) !important;}


/* 250106 - ksy 추가 - 메인화면 */
/* left : contact us */
.ibc-info {background-color: #f0f0f0; padding: 10px; margin-top: 10px; border-radius: 5px;}
.ibc-info em { color: #333; font-weight: 600; font-size: 17px; margin-bottom: 10px; display: block;}
.ibc-info .contact_dl {font-weight: 500; color: #333; font-size: 12px;}
.ibc-info .contact_dl::after {content: ""; display: block; clear: both;}
.ibc-info .contact_dl dt {float: left; width: 50px; vertical-align: top; margin-right: 10px;}
.ibc-info .contact_dl dd {float: left; width: calc(100% - 60px); }
.ibc-info .contact_dl dd p {line-height: 1.5;}

.cate_menu .ibc-info {margin: 10px; border-radius: 0;}
.cate_menu .ibc-info em {text-align: left;}

.main_dash .main_tit { font-size: 21px; letter-spacing: -.8px; margin-bottom: 20px;}
.main_dash .main_tit .bg_txt {font-weight: 500; font-size: 14px; background-color: #d3e0f9; border-radius: 20px; padding: 6px 10px; line-height: 1; display: inline-block; margin-right: 5px;     position: relative; top: -2px;}

/* lst */
.main_dash .lst {margin-bottom: 40px; width: 100%; }
/* .main_dash .lst.li_box03,
.main_dash .lst.li_box04 {margin-bottom: 0;} */
.main_dash .lst ul::after {content: ""; display: block; clear: both;}
.main_dash .lst ul li {float: left; background-color: #f9fbff; margin-right: 10px; border: 1px solid #c0d3f7;  border-radius: 10px; box-sizing: border-box; padding: 15px; display: inline-block; position: relative;}
.main_dash .lst ul li:last-child {margin-right: 0;}

.main_dash .lst.li_box01 ul li {width: calc(100% / 9 - 9px);}
.main_dash .lst.li_box01 ul.w8 li {width: calc(100% / 8 - 9px);}
.main_dash .lst.li_box02 ul li {width: calc(100% / 7 - 9px);}
.main_dash .lst.li_box02 ul.w6 li {width: calc(100% / 6 - 9px);}

.main_dash .lst.li_box03 ul {display: flex;}
.main_dash .lst.li_box03 ul li {width: calc(100% / 3 - 7px);min-width: 220px; transition: all 0.3s;}
.main_dash .lst.li_box04 ul li {width: 100%;}

.main_dash .lst ul li .li_tit_bl {color: #111; font-size: 15px; margin-bottom: 25px;}
.main_dash .lst ul li .num_box {text-align: right;}
.main_dash .lst ul li .num_box em {color: #8baae5; font-size: 17px; letter-spacing: 2px;}
.main_dash .lst ul li .num_box .number {font-weight: 700; font-size: 27px; /*width: calc(100% - 16px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display: inline-block; line-height: 1.25;*/}

.main_dash .lst ul li.bl_bg {background-color: #0f3e8e; border: 1px solid #0f3e8e;}
.main_dash .lst ul li.bl_bg .all_img {background: url(../images/all_icon.png) no-repeat; width: 37px; height: 37px; background-size: 100%; display: inline-block; position: absolute; top: 15px; right: 15px;}
.main_dash .lst ul li.bl_bg .li_tit_wh {color: #fff; font-size: 15px; margin-bottom: 25px; font-weight: 600;}
.main_dash .lst ul li.bl_bg .num_box {color: #fff;}
.main_dash .lst ul li.bl_bg .num_box .number {color: #fff;}
.main_dash .lst ul li.bl_bg .num_box .number:hover {color: #02acc5;}

/* 3row_box */

/* 회의 */
.meet_tit {font-size: 19px; letter-spacing: -.8px; margin-bottom: 20px;}
.meet_tit::before {content: ""; background: url(../images/meet_icon.png) no-repeat; width: 24px; height: 23px; background-size: 100%; display: inline-block; margin-right: 8px; position: relative; top: 4px;}

.main_dash .row_box {display: flex; gap: 30px;}
.main_dash .row_box .row.row1 { flex: 1;}
.main_dash .row_box .row.row2 { width: 220px}

.main_dash .row_box .row.meet { flex: 1; height: 152px; padding: 25px; box-sizing: border-box; background: linear-gradient(45deg, #d4e8ff, #9ccaff); border-radius: 10px; position: relative;}
.main_dash .row_box .row.meet::after {content: ""; background: url(../images/meet_img.png) no-repeat; width: 259px; height: 132px; display: inline-block; position: absolute; right: 0; bottom: 0; background-size: 100%; transition: all 0.3s;}

.main_dash .row_box .row.meet .dl_box dl::after {content: ""; display: block; clear: both;}
.main_dash .row_box .row.meet .dl_box dt{float: left;  color: #444;}
.main_dash .row_box .row.meet .dl_box dd{float: left;padding: 0 10px;}
.main_dash .row_box .row.meet .dl_box dd .number {font-weight: 700; font-size: 21px; margin-left: 10px;}
.main_dash .row_box .row.meet .dl_box dd .number:first-child {margin-left: 0;}

.main_dash .row_box .row.meet .dl_all {margin-bottom: 10px;}
.main_dash .row_box .row.meet .dl_half::after {content: ""; display: block; clear: both;}
.main_dash .row_box .row.meet .dl_half dl {float: left; margin-right: 10px; position: relative;}
.main_dash .row_box .row.meet .dl_half dl:last-child {margin-right: 0;}
.main_dash .row_box .row.meet .dl_half dl::after {content: ""; width: 1px; height: 10px; background-color: #83bdff; display: inline-block; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.main_dash .row_box .row.meet .dl_half dl:last-child:after {display: none;}

.main_dash .row_box .mo_cont {display: flex; flex: 1.5; gap: 30px;}


.board_cont::after {content: ""; display: block; clear: both;}
.board_cont .board_lst {float: left; width: calc(100% / 2 - 180px); margin-right: 30px; border: 1px solid #c0d3f7; border-radius: 10px; transition: all 0.3s; box-sizing: border-box;}
.board_cont .board_lst .hd {padding: 15px 15px 15px 55px; border-bottom: 1px solid #c0d3f7; position: relative;}

.board_cont .board_lst .hd p {font-weight: 600; font-size: 19px; letter-spacing: -.8px; display: inline-block; vertical-align: bottom;}
.board_cont .board_lst .hd p::before { content: ""; width: 44px; height: 44px; display: inline-block; background-color: #0f3e8e; position: absolute; top: 50%; transform: translateY(-50%); left: 0; border-radius: 0 8px 8px 0;}
.board_cont .board_lst .hd p.brd_1ic::after {content: ""; background: url(../images/brd_1ic.png) no-repeat; width: 22px; height: 22px; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); left: 10px; }
.board_cont .board_lst .hd p.brd_2ic::after {content: ""; background: url(../images/brd_2ic.png) no-repeat; width: 17px; height: 22px; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); left: 14px; }

.board_cont .board_lst .hd .more_btn {background-color: #c0d3f7; width: 40px; height: 40px; display: inline-block; border-radius: 50%; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); transition: all 0.3s;}
.board_cont .board_lst .hd .more_btn::after {content: ""; background: url(../images/more_icon.png) no-repeat; width: 11px; height: 11px; display: inline-block; transition: all 0.3s;}
.board_cont .board_lst .hd .more_btn:hover { background-color: #0f3e8e;}
.board_cont .board_lst .hd .more_btn:hover::after { background: url(../images/more_icon_ov.png) no-repeat; transform: rotate(90deg);}

.board_cont .board_lst .view_box {padding: 15px; height: 134px;}
.board_cont .board_lst .view_box ul li a {display: block;line-height: 1.6;}
.board_cont .board_lst .view_box ul li a::after {content: ""; display: block; clear: both;}
.board_cont .board_lst .view_box ul li a:hover .txt {text-decoration: underline;}
.board_cont .board_lst .view_box ul li a .txt {width: calc(100% - 80px); display: inline-block; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board_cont .board_lst .view_box ul li a .date {float: right; color: #888; width:80px; text-align: right;}

.board_cont .link_cont {float: left; width: 300px;transition: all 0.3s;}
.board_cont .link_cont ul li {height: 68px; margin-bottom: 10px;}
.board_cont .link_cont ul li:last-child {margin-bottom: 0;}
.board_cont .link_cont ul li a {display: block; height: 100%; border: 1px solid #c0d3f7; border-radius: 10px; transition: all 0.3s;}
.board_cont .link_cont ul li a::after {content: ""; display: block; clear: both;}
.board_cont .link_cont ul li a .img_box {float: left; width: calc(100% - 60px); height: 100%; display: flex; justify-content: left; align-items: center; box-sizing: border-box; padding: 0 20px;}
.board_cont .link_cont ul li a .img_box img {width: auto; height: 40px;}
.board_cont .link_cont ul li a .link_more {float: right; background-color: #c0d3f7; border-radius: 0 7px 7px 0; color: #fff; width: 50px; text-align: center; height: 48px; line-height: 1; padding: 10px 5px; transition: all 0.3s; position: relative;}
.board_cont .link_cont ul li a .link_more::after {content: ""; background: url(../images/link_more.png) no-repeat; width: 24px; height: 11px; display: block; margin-top: 8px; transition: all 0.3s;position: absolute; right: 50%; transform: translateX(50%); bottom: 10px;}
.board_cont .link_cont ul li a:hover {border: 1px solid #0f3e8e;}
.board_cont .link_cont ul li a:hover .link_more {background-color: #0f3e8e;}
.board_cont .link_cont ul li a:hover .link_more::after {transform: translateX(-7px)}

@media screen and (max-width: 1830px) {
  .main_dash .lst.li_box03 ul li {min-width: unset;}
    .main_dash .row_box .row.row2 { width: 180px; }
}

@media screen and (max-width: 1540px) {
  .main_dash .row_box .row.meet::after {width: 220px; height: 112px;}
}

@media screen and (max-width: 1480px) {
 .main_dash .row_box {display: block;}
 .main_dash .row_box .mo_cont {display: flex; gap: 30px;}
 .main_dash .row_box .row.row2 { width: 33%; }
 .main_dash .row_box .row.meet::after { width: 259px; height: 132px; }


}

@media screen and (max-width: 1400px) {
 .cate_wrap .info-box .btn-box {margin-top: 0;}
 .cate_wrap .info-box .btn-box .logout {text-align: center;}

 .main_dash .scr_x_box {overflow-x: scroll; border: 1px solid #c0d3f7; padding: 10px; border-radius: 10px; margin-bottom: 40px;}
 .main_dash .scr_x_box .lst {margin-bottom: 0; display: flex;}
 .main_dash .lst ul {display: flex;}
 .main_dash .lst.li_box01 ul li {min-width: 150px;}
 .main_dash .lst.li_box01 ul.w8 li {min-width: 160px;}
 .main_dash .lst.li_box02 ul li {min-width: 180px;}
 .main_dash .lst.li_box02 ul.w6 li { min-width: 200px; }
 .main_dash .lst.li_box03 ul li:last-child {margin-right: 0;}
 .main_dash .lst ul li:last-child { margin-right: 10px;}

 .board_cont .board_lst {width: calc(100% / 2 - 15px); margin-bottom: 20px;}
 .board_cont .board_lst:nth-child(2) {margin-right: 0;}
 .board_cont .link_cont {display: block; width: 100%;}
 .board_cont .link_cont ul::after {content: ""; display: block; clear: both;}
 .board_cont .link_cont ul li {float: left; width: calc(100% / 3 - 7px);margin-bottom: 0; margin-right: 10px;}
 .board_cont .link_cont ul li:last-child {margin-right: 0;}
 .board_cont .link_cont ul li a .img_box {padding: 0; justify-content: center;}
}

@media screen and (max-width: 850px) {
  .main_dash .row_box .row.meet::after { width: 220px; height: 111px;}

  .board_cont .link_cont ul li { height: 65px;}
  .board_cont .link_cont ul li a .img_box img {height: 33px;}
  .board_cont .link_cont ul li a .link_more {height: 45px;}
}

@media screen and (max-width: 768px) {
  .main_dash .lst.li_box01 ul li,
  .main_dash .lst.li_box01 ul.w8 li,
  .main_dash .lst.li_box02 ul li,
  .main_dash .lst.li_box02 ul.w6 li { min-width: 130px; }

  .main_dash .row_box .mo_cont {display: block;}
  .main_dash .row_box .row.meet {display: block;margin-bottom: 40px;}
  .main_dash .row_box .row.row2 { width: 100%; }

  .board_cont .board_lst {width: 100%; margin-right: 0; margin-bottom: 40px;}
  .board_cont .link_cont ul li { height: auto; }
  .board_cont .link_cont ul li a { display: block; height: 100%; border: 1px solid #c0d3f7; border-radius: 10px; transition: all 0.3s; }
  .board_cont .link_cont ul li a .img_box { display: block; width: 100%; padding: 10px; text-align: center; line-height: 1; }

  .board_cont .link_cont ul li a .link_more {display: inline-block; padding: 10px; width: 100%; height: unset; border-radius: 0 0 6px 6px; box-sizing: border-box; text-align: left;}
  .board_cont .link_cont ul li a .link_more::after {right: 20px;}
  .board_cont .link_cont ul li a .link_more br {display: none;}

}

@media screen and (max-width: 600px) {
  .board_cont .link_cont ul li { width: 100%; margin-bottom: 10px; margin-right: 0; }
}

@media screen and (max-width: 500px) {
  .main_dash .row_box .row.meet::after { width: 180px; height: 92px;}
}

@media screen and (max-width: 460px) {
  .main_dash .row_box .row.meet {padding: 15px; height: auto;overflow: hidden;}
  .main_dash .row_box .row.meet::after { width: 160px; height: 81px;}
  .main_dash .row_box .row.meet .dl_box dd .number {margin-left: 5px;}
}

@media screen and (max-width: 425px) {
  div.container .con-wrap {padding-bottom: 0;}
  .main_dash .scr_x_box {margin-bottom: 20px;}
  .main_dash .main_tit { font-size: 19px;margin-bottom: 15px;}
  .main_dash .lst ul li .li_tit_bl {font-size: 14px; word-break: keep-all;}
  .main_dash .lst ul li.bl_bg .li_tit_wh {font-size: 14px; word-break: keep-all;}

  .main_dash .lst.li_box01 ul li,
  .main_dash .lst.li_box01 ul.w8 li,
  .main_dash .lst.li_box02 ul li,
  .main_dash .lst.li_box02 ul.w6 li { min-width: 115px; }
  .main_dash .lst.li_box03,
  .main_dash .lst.li_box04 {margin-bottom: 20px;}
  .main_dash .lst.li_box03 ul li .li_tit_bl { margin-bottom: 10px; height: 44px; line-height: 150%;}
  .main_dash .lst.li_box03 ul li .li_tit_wh { margin-bottom: 10px; height: 44px; line-height: 150%;}

  .main_dash .lst ul li .li_tit_bl {margin-bottom: 15px;}
  .main_dash .lst ul li .num_box .number {font-size: 25px;}

  .main_dash .lst ul li.bl_bg .li_tit_wh {margin-bottom: 15px;}
  .main_dash .lst ul li.bl_bg .all_img {display: none;}

  .meet_tit {margin-bottom: 15px;}
  .main_dash .row_box .row.meet { margin-bottom: 20px; }
  .main_dash .row_box .row.meet::after {right: -20px;}

  .board_cont .board_lst {margin-bottom: 20px;}
  .board_cont .board_lst .hd { padding: 15px 15px 15px 50px;}
  .board_cont .board_lst .hd p {font-size: 17px;}
  .board_cont .board_lst .hd p::before {width: 40px; height: 40px;}
  .board_cont .board_lst .hd p.brd_1ic::after {width: 19px; height: 19px; background-size: 100%;}
  .board_cont .board_lst .hd p.brd_2ic::after {width: 15px; height: 20px; background-size: 100%; left: 12px;}

  .board_cont .link_cont ul li a .img_box {padding: 10px}
  .board_cont .link_cont ul li a .img_box img { height: 36px; }
  .board_cont .link_cont ul li a .link_more {display: none;}

}

@media screen and (max-width: 390px) {
  .main_dash .row_box .row.meet::after {display: none;}
  .main_dash .row_box .row.meet .dl_all {margin-bottom: 5px;}
  .main_dash .row_box .row.meet .dl_box dt {width: 60px;}
  .main_dash .row_box .row.meet .dl_box dd {width: calc(100% - 60px); padding: 0; text-align: right;}
  .main_dash .row_box .row.meet .dl_half dl {width: calc(50% - 10px); margin-right: 20px;}
  .main_dash .row_box .row.meet .dl_half dl:last-child {margin-right: 0;}
  .main_dash .row_box .row.meet .dl_half dl::after {right: -10px;}
}

@media screen and (max-width: 375px) {
  .main_dash .lst.li_box01 ul li,
  .main_dash .lst.li_box01 ul.w8 li,
  .main_dash .lst.li_box02 ul li,
  .main_dash .lst.li_box02 ul.w6 li{ min-width: 98px; }
  .main_dash .lst ul li .li_tit_bl {line-height: 1;}
  .main_dash .lst ul li .num_box .number { font-size: 21px; }

  .main_dash .lst ul li.bl_bg .li_tit_wh {line-height: 1;}
}

div#footer {min-width: 320px;}

/* 260109 - ksy */
.check-box {display: inline-block;}

/* 체크박스 */
.check {display: inline-block; position: relative; min-height: 18px; padding-left: 15px; line-height: 1.2; white-space: nowrap; vertical-align: middle; cursor: pointer;}
.check > input[type="checkbox"] {width: 0; height: 0; font-size: 0;}
.check > span,
.check > label {display:inline-block; vertical-align: middle; margin-left: 2px;}

.check > label {cursor: pointer;}
.check > span::before,
.check > label::before {content:''; position:absolute; top: 50%;left: 0;transform: translateY(-50%); width: 18px; height: 18px; border: 1px solid #ddd; background-color: #fff; box-sizing: border-box;}
.check > span::after,
.check > label::after {content:''; position:absolute; top: 14px; left: 4px; width: 10px; height: 7px; border-left: 2px solid #1942cc; border-bottom: 2px solid #1942cc; opacity: 0; transform: rotate(-45deg); box-sizing: border-box;}

/* checked */
.check > input[type="checkbox"]:checked + span::before,
.check > input[type="checkbox"]:checked + label::before {border-color: #1942cc;}
.check > input[type="checkbox"]:checked + span::after,
.check > input[type="checkbox"]:checked + label::after {opacity: 1;}

/* disabled */
.check > input[type="checkbox"]:disabled + span::before,
.check > input[type="checkbox"]:disabled + label::before {border-color: #bcbcbc; background-color: #dddddd;}
.check > input[type="checkbox"]:disabled + span,
.check > input[type="checkbox"]:disabled + label {color: #bcbcbc;}
.check > input[type="checkbox"]:checked:disabled + span::before,
.check > input[type="checkbox"]:checked:disabled + label::before {border-color: #bcbcbc;}
.check > input[type="checkbox"]:checked:disabled + span::after,
.check > input[type="checkbox"]:checked:disabled + label::after {border-color: #bcbcbc;}

.btn-area-right .clear::after {content: ""; display: block; clear: both;}
.btn-area-right .float-left {float:left;}
.btn-area-right .float-right {float:right;}

.text-area {display: block; margin-bottom: 10px;}
.tip01 {font-size: 13px;}
.linkA {line-height: 1.5; border: 1px solid #1b83d3; color: #1b83d3; padding: 2px 4px; display: inline-block; font-weight: 400; border-radius: 2px; margin-left: 5px;}
.linkA:hover {color: #fff;background-color: #1b83d3; text-decoration: none;}