@charset "utf-8";



.header .util .btn_back {display:none;}

.navWrap,
.sub .contWrap {
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}



/* 로그인 페이지 :: S */
html body.login-page {}


@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){

}

@media screen and (max-width:960px){

}

@media screen and (max-width:768px){
  /* 모바일 전용 뒤로가기 버튼 - 로그아웃 바로 아래 줄 중앙 */
  .header .util .btn_back {display:inline-flex !important; align-items:center; justify-content:center; width:34px; height:34px; margin:0 !important; padding:0 !important; position:fixed; right:12px; top:46px; z-index:9999;}
  .header .util .btn_back img {display:block; width:30px; height:20px;}

}

@media screen and (max-width:1024px){
  .header .util .btn_back {display:inline-flex !important;}
}
/* 공통 모바일 검색 레이아웃 - 모바일 전용 */
@media screen and (max-width: 768px) {
  .srch_box { padding-top: 4px !important; margin-top: 0 !important; }
  .srch_box .row1 { display: flex !important; flex-direction: column !important; gap: 4px !important; }
  .srch_box .row1 .left.clear { display: flex !important; align-items: center !important; gap: 8px !important; }
  .srch_box .row1 .right.clear { display: flex !important; flex-direction: column !important; gap: 4px !important; width: 100% !important; }
  .srch_box .row1 .right.clear .mobile-row2,
  .srch_box .row1 .right.clear .mobile-row3 { display: flex !important; align-items: center !important; gap: 4px !important; flex-wrap: nowrap !important; width: 100% !important; }
  /* 기간 버튼 */
  .mobile-row2 .mobile-period-btn { margin-right: 6px !important; white-space: nowrap !important; }
  .mobile-row2 p.select, .mobile-row2 .select { flex: 0 0 80px !important; min-width: 80px !important; max-width: 80px !important; }
  /* 검색 줄 */
  .mobile-row3 p.select, .mobile-row3 .select { flex: 0 0 68px !important; min-width: 68px !important; max-width: 68px !important; }
  .mobile-row3 .input, .mobile-row3 .input.sm.word, .mobile-row3 .input.word { display: inline-flex !important; align-items: center !important; margin-right: 4px !important; }
  .mobile-row3 .input, .mobile-row3 .input.word, .mobile-row3 .input.sm.word { width: 200px !important; min-width: 200px !important; max-width: 200px !important; }
  .mobile-row3 .form_btn.srch, .mobile-row3 .form_btn.srch.clear, .mobile-row3 .form_btn.srch.clear.sm { display: inline-flex !important; align-items: center !important; }
  /* 두 번째 줄 왼쪽 정렬 보장 */
  .srch_box .row1 .right.clear .mobile-row2 { justify-content: flex-start !important; text-align: left !important; }
  #main .loginWrap .login_box .left .img {padding:0 20px; box-sizing:border-box;}
  #main .loginWrap .login_box .right {padding:0 40px; box-sizing:border-box;}
}

/* 공통: PC 아님(태블릿 포함)에서 페이지당 목록수 콤보박스 폭/높이 통일 */
@media screen and (max-width:1024px){
  /* 위치가 화면마다 달라 .table_box 유무 모두 대응 */
  .table_tit p.select.small,
  .table_box .table_tit p.select.small { min-width:70px !important; max-width:70px !important; width:70px !important; display:inline-flex !important; align-items:center !important; }
  .table_tit p.select.small select,
  .table_box .table_tit p.select.small select { width:70px !important; height:25px !important; line-height:25px !important; padding:0 6px !important; box-sizing:border-box !important; }
  /* 페이지당 목록수 아래 여백 제거 - 목록과 붙임 */
  .table_tit, .table_box .table_tit { margin-bottom: 0 !important; padding-bottom: 0 !important; }
  .table_tit + .table_con, .table_box .table_tit + .table_con { margin-top: 0 !important; padding-top: 0 !important; }
}

@media screen and (max-width:640px){
  #main .loginWrap .login_box .left .img {padding:0 10px;}

  #main .loginWrap .login_box .right {padding:0 20px;}
}

@media screen and (max-width:560px){
  html body.login-page {padding:50px 0;}

  #main .loginWrap .login_box {height:auto;}
  #main .loginWrap .login_box .left {width:100%; float:none;}
  #main .loginWrap .login_box .left .img {padding:15px;}

  #main .loginWrap .login_box .right {width:100%; float:none; padding:30px 15px;}
  #main .loginWrap .login_box .right .input_form {margin-top:0;}
  #main .loginWrap .login_box .right .input_form .copy {margin-top:30px;}
}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}
/* 로그인 페이지 :: E */



/* 공통 헤더 영역 :: S */
#header {}

.navWrap .sideToggle {display:block; width:60px; height:30px; text-align:center; position:absolute; top:0; right:-60px; background:#005bac; border-radius:0 3px 3px 0; margin:0; padding:10px 0; box-sizing:border-box; display:none;}
.navWrap .sideToggle img {display:block; max-width:100%; vertical-align:top; margin:0 auto;}


@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){
  .navWrap {width:200px;}
  .navWrap .gnb > ul > li > a {padding:0 20px; height:50px; line-height:50px; box-sizing:border-box; font-size:1.4rem;}
  .navWrap .gnb > ul > li.arrow > a:after {right:20px;}
  .navWrap .gnb > ul > li > a > span {padding-left:25px;}
  .navWrap .gnb > ul > li > ul > li {padding-left:30px;}
  .navWrap .gnb > ul > li > ul > li > a {height:50px; line-height:50px; padding-left:10px; font-size:1.4rem;}


  .sub .contWrap {padding-left:200px;}
}

@media screen and (max-width:960px){
  .header .inner {padding:0 20px; box-sizing:border-box;}


  .navWrap .sideToggle {display:block;}

  .navWrap .gnb > ul > li > a {padding:0 15px; height:40px; line-height:40px; font-size:1.2rem;}
  .navWrap .gnb > ul > li.arrow > a:after {right:15px;}
  .navWrap .gnb > ul > li > a > span {padding-left:25px;}
  .navWrap .gnb > ul > li > ul > li {padding-left:25px;}
  .navWrap .gnb > ul > li > ul > li > a {height:40px; line-height:40px; padding-left:8px; font-size:1.2rem;}


  #sub.sub .navWrap {width:180px; left:-180px;}
  #sub.sub .contWrap {width:100%; padding-left:0;}
  #sub.sub.mobileOpen .navWrap {left:0;}
  #sub.sub.mobileOpen .navWrap .sideToggle {}
  #sub.sub.mobileOpen .navWrap .sideToggle img {transform:rotate(180deg);}
  #sub.sub.mobileOpen .contWrap {/* padding-left:180px; */ margin-left:180px;}
}

@media screen and (max-width:768px){
  .header {height:50px;}
  .header .inner {padding:0 15px; box-sizing:border-box;}

  .header .logo > a {height:34px; line-height:34px; margin:8px 0;}
  .header .logo > a img {max-width:100px;}

  .header .util {height:50px; line-height:50px;}
  .header .util .ico_alarm .cnt {width:12px; height:12px; line-height:12px; bottom:28px; left:-2px;}
  .header .util .ico_alarm span {line-height:50px;}
  .header .util .btn_logout {width:60px; height:24px; line-height:24px; margin-left:8px;}
}

@media screen and (max-width:640px){

}

@media screen and (max-width:560px){

}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}
/* 공통 헤더 영역 :: E */



/* 공통 컨텐츠 영역 :: S */
html body .lineLimit {display:block; height:20px; overflow:hidden;}

.myinfo .profile_con .table_con.horizontal table tr th {padding:10px 12px;}


@media screen and (max-width:1280px){
  .sub {min-height:800px;}
  .sub .contWrap > .inner {padding:30px 25px 60px;}
  .sub .cont_tit {margin-bottom:35px;}

  #sub .cont_box .cont {margin-top:40px;}

  .dashboard .cont1 .left {width:100%; float:none; margin-left:0; margin-bottom:1%;}
  .dashboard .cont1 .right {width:100%; float:none; margin-left:0; margin-bottom:1%;}

  .sub .srch_box {padding:20px 15px; box-sizing:border-box; margin-bottom:20px;}
  .sub .srch_box .row {margin-right:0; margin-left:0;}
  .sub .srch_box .row .left,
  .sub .srch_box .row .right {width:100%; float:none; padding:0 !important; margin:5px auto;}
}

@media screen and (max-width:1080px){
  .sub .contWrap > .inner {padding:30px 20px 50px;}
  .sub .cont_tit {margin-bottom:30px;}

  #sub .cont_box .cont {margin-top:35px; overflow-y:auto;}

  .sub .srch_box {padding:16px 12px; box-sizing:border-box; margin-bottom:16px;}
}

@media screen and (max-width:960px){
  html body .lineLimit {height:18px;}

  .sub .contWrap > .inner {padding:30px 15px 40px;}
  .sub .cont_tit {margin-bottom:25px;}

  #sub .cont_box .cont {margin-top:30px;}

  .sub .table_box .table_con table tr th,
  .sub .table_box .table_con table tr td,
  .sub .table_box .table_con table tbody tr td {padding:8px 15px; font-size:1.4rem;}
  .myinfo .profile_con .table_con.horizontal table tr th {padding:8px 10px;}

  .sub .srch_box {padding:15px 10px; box-sizing:border-box; margin-bottom:15px;}
}

@media screen and (max-width:768px){
  html body table colgroup col.col_10p {width:10% !important;}
  html body table colgroup col.col_20p {width:20% !important;}
  html body table colgroup col.col_30p {width:30% !important;}
  html body table colgroup col.col_40p {width:40% !important;}
  html body table colgroup col.col_50p {width:50% !important;}
  html body table colgroup col.col_60p {width:60% !important;}
  html body table colgroup col.col_70p {width:70% !important;}
  html body table colgroup col.col_80p {width:80% !important;}
  html body table colgroup col.col_90p {width:90% !important;}
  html body table colgroup col.col_100p {width:100% !important;}

  html body .lineLimit {height:16px; height:auto !important;}

  .sub .contWrap > .inner {padding:30px 10px 30px;}
  .sub .cont_tit {margin-bottom:20px;}

  #sub .cont_box .cont {margin-top:25px;}

  .sub .table_box .table_tit {min-height:36px;}

  .sub .table_box .table_con table tr th,
  .sub .table_box .table_con table tr td,
  .sub .table_box .table_con table tbody tr td {padding:6px 10px; font-size:1.3rem;}
  .myinfo .profile_con .table_con.horizontal table tr th {padding:6px 8px;}


  .dashboard .cont1 > .clear {width:100%; margin-left:0;}
  .dashboard .cont1 .left .profile_list .profile_img {width:160px;}
  .dashboard .cont1 .left .profile_list > ul {padding:25px 0; padding-left:160px;}
  .dashboard .cont1 .left .profile_list > ul:before {width:90px; left:140px;}
  .dashboard .cont1 .left .profile_list > ul > li > .th {width:70px;}
  .dashboard .cont1 .left .profile_list > ul > li > .td {padding-left:70px;}
  .dashboard .cont1 .left .profile_list > ul > li > .td span {padding:0 25px;}

  #sub .cont .button_box {margin-top:25px;}
  #sub .cont .button_box > a {max-width:220px; height:46px; line-height:46px; border-radius:23px;}


  html body .table_con table tr td .form-control {height:36px; line-height:36px; font-size:13px;}
  html body .table_con table tr td .form-control.form-textarea {line-height:22px;}
  html body .table_con table tr td .form-control.form-content {padding:8px 6px; line-height:22px;}


  .sub .srch_box {padding:10px 10px; box-sizing:border-box; margin-bottom:12px;}
  .sub .srch_box .row .txt {line-height:36px;}
  .sub .srch_box .row .select {height:auto;}
  input[type='text'],
  input[type='password'],
  input[type='tel'],
  input[type='email'],
  input[type='number'],
  input[type='url'],
  select {height:36px; line-height:34px; padding:0 10px; font-size:13px;}
  .sub .srch_box .calendar:after {font-size:22px;}
  .sub .srch_box .calendar_box > span {height:34px; line-height:34px;}
  .sub .srch_box .row .form_btn button,
  .sub .srch_box .row .form_btn a {height:36px; line-height:36px; font-size:12px;}


  .registerForm .btnArea {margin:25px auto 0;}
  .registerForm .btnArea a {height:40px; line-height:40px; font-size:13px; padding:0 30px; border-radius:20px;}
  .registerForm .btnArea a.border {line-height:36px;}
}

@media screen and (max-width:640px){
  .sub {min-height:0;}

  .dashboard .cont1 .left .profile_list .profile_img {width:120px;}
  .dashboard .cont1 .left .profile_list .profile_img .back_img {width:100%; padding:10px; box-sizing:border-box; background-position:center center; background-size:80% 80%;}
  .dashboard .cont1 .left .profile_list > ul {padding:20px 0; padding-left:120px;}
  .dashboard .cont1 .left .profile_list > ul:before {width:80px; left:120px;}
  .dashboard .cont1 .left .profile_list > ul > li > .th {width:70px;}
  .dashboard .cont1 .left .profile_list > ul > li > .td {padding-left:70px;}
  .dashboard .cont1 .left .profile_list > ul > li > .td span {padding:0 20px;}

  .sub .table_box .table_tit {min-height:32px;}

  #sub .cont .button_box {margin-top:20px;}
  #sub .cont .button_box > a {max-width:200px; height:40px; line-height:40px; border-radius:20px;}

  .attachCol .attachBtn {}
  .attachCol .attachBtn img {max-width:14px;}

  html body .cont_box .cont .srch_box .row {}
  html body .cont_box .cont .srch_box .row .calendar_box,
  html body .cont_box .cont .srch_box .row .input {padding:0;}
  html body .cont_box .cont .srch_box .row > div {text-align:center;}
  html body .cont_box .cont .srch_box .row > div.top {text-align:left;}
  html body .cont_box .cont .srch_box .row > div > * {display:inline-block; float:none; position:relative; vertical-align:top; text-align:left;}
  html body .cont_box .cont .srch_box .row .period {width:80px;}
  html body .cont_box .cont .srch_box .row .calendar_box {width:calc(100% - 85px);}
  html body .cont_box .cont .srch_box .row .form_btn {width:100% !important; text-align:right; margin:5px auto 0;}
  html body .cont_box .cont .srch_box .row .form_btn a,
  html body .cont_box .cont .srch_box .row .form_btn button {display:inline-block; float:none; width:auto !important; margin:0 3px 0 0; padding:0 10px;}
  html body .cont_box .cont .srch_box .row .filter {width:calc(50% - 5px) !important; margin:0 !important;}
  html body .cont_box .cont .srch_box .row .filter.ea_2 {width:calc(25% - 2.5px) !important;}
  html body .cont_box .cont .srch_box .row .filter.ea_3 {width:calc(16.66666666666667% - 2.5px) !important;}
  html body .cont_box .cont .srch_box .row .word {width:50% !important;}
  html body .cont_box .cont .srch_box .row .word.full {width:100% !important;}


  html body .table_con table tr td .form-control {height:32px; line-height:32px; font-size:12px;}
  html body .table_con table tr td .form-control.form-textarea {line-height:20px;}
  html body .table_con table tr td .form-control.form-content {padding:6px 6px; line-height:20px;}


  .sub .srch_box {padding:6px 6px; box-sizing:border-box; margin-bottom:10px;}
  .sub .srch_box .row .txt {line-height:32px;}
  input[type='text'],
  input[type='date'],
  input[type='password'],
  input[type='tel'],
  input[type='email'],
  input[type='number'],
  input[type='url'],
  select {height:32px; line-height:30px; padding:0 5px; font-size:12px;}
  .sub .srch_box .calendar:after {right:5px; font-size:20px;}
  .sub .srch_box .calendar_box > span {height:32px; line-height:32px;}
  .sub .srch_box .row .form_btn button,
  .sub .srch_box .row .form_btn a {height:32px; line-height:32px; font-size:11px;}


  .registerForm .btnArea {margin:20px auto 0;}
  .registerForm .btnArea a {height:32px; line-height:32px; font-size:12px; padding:0 15px; border-radius:16px;}
  .registerForm .btnArea a.border {line-height:28px;}
}

@media screen and (max-width:560px){
  html body .lineLimit {height:14px;}

  .sub .table_box .table_con table tr th,
  .sub .table_box .table_con table tr td,
  .sub .table_box .table_con table tbody tr td {padding:4px 6px; font-size:13px; line-height:20px}
  .myinfo .profile_con .table_con.horizontal table tr th {padding:6px 6px;}

  .attachCol .attachBtn {}
  .attachCol .attachBtn img {max-width:12px;}


  html body .pagenate {margin:20px auto 0;}
  html body .pagenate li {margin:0 2px 0 0;}
  html body .pagenate li:last-child {margin:0;}
  html body .pagenate li a {width:20px; height:20px; font-size:12px; line-height:20px; margin-left:0;}
  html body .pagenate li a i {vertical-align:top !important; line-height:20px !important;}
}

@media screen and (max-width:480px){
  .dashboard .cont1 .left .profile_list .profile_img {width:80px;}
  .dashboard .cont1 .left .profile_list > ul {padding:18px 0; padding-left:80px;}
  .dashboard .cont1 .left .profile_list > ul:before {width:60px; left:80px;}
  .dashboard .cont1 .left .profile_list > ul > li > .th {width:60px;}
  .dashboard .cont1 .left .profile_list > ul > li > .td {padding-left:60px;}
  .dashboard .cont1 .left .profile_list > ul > li > .td span {padding:0 15px;}

  #sub .cont .button_box {margin-top:15px;}
  #sub .cont .button_box > a {max-width:180px; height:36px; line-height:36px; border-radius:18px;}

  .attachCol .attachBtn {}
  .attachCol .attachBtn img {max-width:10px;}
}

@media screen and (max-width:360px){

}
/* 공통 컨텐츠 영역 :: E */


/* MY인사 > 내정보 페이지 :: S */
.myinfo .profile_con .profile_img {}

.myinfo .profile_con .table_con {}
.myinfo .profile_con .changePwdRect {width:100%; max-width:300px; position:relative; margin:0; padding:0;}
.myinfo .profile_con .changePwdRect > * {display:inline-block; position:relative; vertical-align:middle;}
.myinfo .profile_con .changePwdRect input {width:calc(100% - 48px); margin:0 1px 0 0;}
.myinfo .profile_con .changePwdRect a {}


@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){
  .myinfo .profile_con .profile_img {width:140px;}
  .myinfo .profile_con .profile_img .back_img {width:100%; margin:0; padding:10px; box-sizing:border-box; background-position:center center; background-size:80% 80%;}

  .myinfo .profile_con .table_con {padding-left:155px;}
}

@media screen and (max-width:960px){
  .myinfo .profile_con .profile_img {width:100px;}

  .myinfo .profile_con .table_con {padding-left:115px;}
}

@media screen and (max-width:768px){
  .myinfo .profile_con .profile_img {width:80px;}

  .myinfo .profile_con .table_con {padding-left:85px;}
}

@media screen and (max-width:640px){
  .myinfo .profile_con .profile_img {display:none;}

  .myinfo .profile_con .table_con {padding-left:0;}
}

@media screen and (max-width:560px){

}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}
/* MY인사 > 내정보 페이지 :: E */


/* MY인사 > 기안문서 작성 페이지 :: S */


@media screen and (max-width:1280px){
  .create .cont .draft_list {padding:20px;}
  .create .cont .draft_list > ul {display:block; width:100%; margin:0 !important; padding:0;}
  .create .cont .draft_list > ul > li {display:block; height:180px; float:left; width:calc(20% - 8px); margin:0 10px 10px 0;}
  .create .cont .draft_list > ul > li:nth-of-type(5n+5) {margin:0 0 10px 0;}
  .create .cont .draft_list > ul > li .btn_favorite {width:18px; height:18px; top:10px; right:10px;}
  .create .cont .draft_list > ul > li .btn_favorite span {font-size:18px; line-height:18px; text-align:center;}
  .create .cont .draft_list > ul > li .statusSel {width:60px; height:24px; line-height:24px; top:8px; right:8px;}
  .create .cont .draft_list > ul > li .list_box {padding:0 15px;}
  .create .cont .draft_list > ul > li .list_box .list_tit {padding:30px 0 10px;}
  .create .cont .draft_list > ul > li .list_box .list_tit b {font-size:18px; line-height:22px;}
  .create .cont .draft_list > ul > li .list_box .list_con {padding:10px 0 20px;}
  .create .cont .draft_list > ul > li .list_box .list_con div {font-size:14px; line-height:24px;}
}

@media screen and (max-width:1080px){
  .create .cont .draft_list > ul > li .list_box .list_tit b {font-size:17px; line-height:21px;}
}

@media screen and (max-width:960px){
  .create .cont .draft_list {padding:15px;}
  .create .cont .draft_list > ul {}
  .create .cont .draft_list > ul > li {width:calc(25% - 7.5px); margin:0 10px 10px 0;}
  .create .cont .draft_list > ul > li:nth-of-type(5n+5) {margin:0 10px 10px 0;}
  .create .cont .draft_list > ul > li:nth-of-type(4n+4) {margin:0 0 10px 0;}
  .create .cont .draft_list > ul > li .btn_favorite {width:16px; height:16px; top:8px; right:8px;}
  .create .cont .draft_list > ul > li .btn_favorite span {font-size:16px; line-height:16px;}
  .create .cont .draft_list > ul > li .statusSel {width:60px; height:22px; line-height:22px; top:6px; right:6px;}
  .create .cont .draft_list > ul > li .list_box {padding:0 12px;}
  .create .cont .draft_list > ul > li .list_box .list_tit {padding:25px 0 8px;}
  .create .cont .draft_list > ul > li .list_box .list_tit b {font-size:16px; line-height:20px;}
  .create .cont .draft_list > ul > li .list_box .list_con {padding:8px 0 15px;}
  .create .cont .draft_list > ul > li .list_box .list_con div {font-size:13px; line-height:22px;}
}

@media screen and (max-width:768px){
  .create .cont .draft_list {padding:10px;}

  #sub.approval.list .apprStatusBtns strong {height:36px; line-height:36px;}
  #sub.approval.list .apprStatusBtns .btns {padding:0 0 0 120px;}
  #sub.approval.list .apprStatusBtns .btns ul {height:36px;}
  #sub.approval.list .apprStatusBtns .btns ul li {height:36px;}
  #sub.approval.list .apprStatusBtns .btns ul li a {font-size:13px; line-height:36px; padding:0 15px; letter-spacing:-0.5px;}
  #sub.approval.list .apprStatusBtns .btns ul li.active {height:38px;}
  #sub.approval.list .apprStatusBtns .btns ul li a.active {}
}

@media screen and (max-width:640px){
  .create .cont .draft_list {}
  .create .cont .draft_list > ul {}
  .create .cont .draft_list > ul > li {width:calc(33.33333333333333% - 7px); height:160px; margin:0 10.5px 10px 0;}
  .create .cont .draft_list > ul > li:nth-of-type(5n+5) {margin:0 10.5px 10px 0;}
  .create .cont .draft_list > ul > li:nth-of-type(4n+4) {margin:0 10.5px 10px 0;}
  .create .cont .draft_list > ul > li:nth-of-type(3n+3) {margin:0 0 10px 0;}
  .create .cont .draft_list > ul > li .btn_favorite {top:6px; right:6px;}
  .create .cont .draft_list > ul > li .statusSel {width:55px; height:20px; line-height:20px; top:5px; right:5px;}
  .create .cont .draft_list > ul > li .list_box {padding:0 10px;}
  .create .cont .draft_list > ul > li .list_box .list_tit {padding:22px 0 6px;}
  .create .cont .draft_list > ul > li .list_box .list_tit b {font-size:15px; line-height:20px;}
  .create .cont .draft_list > ul > li .list_box .list_con {padding:6px 0 15px;}
  .create .cont .draft_list > ul > li .list_box .list_con div {font-size:12px; line-height:22px;}

  #sub.approval.list .apprStatusBtns strong {height:32px; line-height:32px;}
  #sub.approval.list .apprStatusBtns .btns {padding:0 0 0 120px;}
  #sub.approval.list .apprStatusBtns .btns ul {height:32px;}
  #sub.approval.list .apprStatusBtns .btns ul li {height:32px;}
  #sub.approval.list .apprStatusBtns .btns ul li a {font-size:12px; line-height:32px; padding:0 12px;}
  #sub.approval.list .apprStatusBtns .btns ul li.active {height:34px;}
  #sub.approval.list .apprStatusBtns .btns ul li a.active {}
}

@media screen and (max-width:560px){

}

@media screen and (max-width:480px){
  .create .cont .draft_list {}
  .create .cont .draft_list > ul {}
  .create .cont .draft_list > ul > li {width:calc(50% - 5px); height:150px; margin:0 10px 10px 0;}
  .create .cont .draft_list > ul > li:nth-of-type(5n+5) {margin:0 10px 10px 0;}
  .create .cont .draft_list > ul > li:nth-of-type(4n+4) {margin:0 10px 10px 0;}
  .create .cont .draft_list > ul > li:nth-of-type(3n+3) {margin:0 10px 10px 0;}
  .create .cont .draft_list > ul > li:nth-of-type(2n+2) {margin:0 0 10px 0;}
  .create .cont .draft_list > ul > li .btn_favorite {top:5px; right:5px;}
  .create .cont .draft_list > ul > li .list_box {padding:0 10px;}
  .create .cont .draft_list > ul > li .list_box .list_tit {padding:22px 0 5px;}
  .create .cont .draft_list > ul > li .list_box .list_tit b {font-size:15px; line-height:18px;}
  .create .cont .draft_list > ul > li .list_box .list_con {padding:5px 0 10px;}
  .create .cont .draft_list > ul > li .list_box .list_con div {font-size:12px; line-height:20px;}

  #sub.approval.list .apprStatusBtns strong {height:30px; line-height:30px;}
  #sub.approval.list .apprStatusBtns .btns {padding:0 0 0 100px; border-bottom:1px solid #005bac;}
  #sub.approval.list .apprStatusBtns .btns ul {height:30px;}
  #sub.approval.list .apprStatusBtns .btns ul li {height:30px; border:1px solid #005bac; border-bottom:0; margin:0 2px 0 0;}
  #sub.approval.list .apprStatusBtns .btns ul li:last-child {margin:0;}
  #sub.approval.list .apprStatusBtns .btns ul li a {font-size:11px; line-height:30px; padding:0 5px;}
  #sub.approval.list .apprStatusBtns .btns ul li.active {height:31px;}
  #sub.approval.list .apprStatusBtns .btns ul li a.active {}
}

@media screen and (max-width:360px){
  .create .cont .draft_list {}
  .create .cont .draft_list > ul {}
  .create .cont .draft_list > ul > li {width:100%; height:140px; margin:0 auto 10px !important;}
  .create .cont .draft_list > ul > li:last-child {margin:0 auto !important;}
}
/* MY인사 > 기안문서 작성 페이지 :: E */



/* 시스템 관리 > 관리권한제어 페이지 :: S */


@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){

}

@media screen and (max-width:960px){

}

@media screen and (max-width:768px){
  .authCtrlWrap .ctrlContainer {display:block; width:100%; margin:0 auto 20px; padding:15px;}
  .authCtrlWrap .ctrlContainer:last-child {margin:0 auto;}

  .authCtrlWrap .ctrlContainer .rsltBox {max-height:500px; overflow-y:auto;}
  .authCtrlWrap .ctrlContainer .rsltBox .rsltRect > * {font-size:13px;}
}

@media screen and (max-width:640px){
  .authCtrlWrap .ctrlContainer {margin:0 auto 15px; padding:10px;}
  .authCtrlWrap .ctrlContainer:last-child {margin:0 auto;}

  .authCtrlWrap .ctrlContainer .rsltBox {max-height:400px;}
  .authCtrlWrap .ctrlContainer .rsltBox .rsltRect > * {font-size:12px; line-height:18px;}
}

@media screen and (max-width:560px){

}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}
/* 시스템 관리 > 관리권한제어 페이지 :: E */



/* 기안문서 상세 페이지 :: S */


@media screen and (max-width:1280px){
  #sub.approval.view ._col.paperArea {width:calc(100% - 260px);}

  #sub.approval.view ._col.approvalArea {width:240px;}
}

@media screen and (max-width:1080px){
  #sub.approval.view ._col.paperArea {width:calc(100% - 210px);}

  #sub.approval.view ._col.approvalArea {width:200px;}
  #sub.approval.view ._col.approvalArea ._in {padding:10px;}
  #sub.approval.view ._col.approvalArea .area .tit {font-size:14px; margin:0 auto 10px;}
  #sub.approval.view ._col.approvalArea .area .apprMemo {font-size:12px;}

  #sub.approval.view ._col.paperArea .utilArea {margin:0 auto 40px;}
  #sub.approval.view ._col.paperArea .utilArea .apprLineArea {margin:12px auto 0; padding:12px 0 0 0;}
  #sub.approval.view ._col.paperArea .utilArea .apprLineArea .area .rect div {font-size:12px; padding:6px 4px;}
  #sub.approval.view ._col.paperArea .utilArea .apprLineArea .area .rect div:nth-child(2) {font-size:16px;}

  .registerForm .apprPaperTitle p {font-size:22px; line-height:26px; margin:0 auto 25px;}
  .registerForm .apprPaperTitle span {font-size:13px;}

  .registerForm .btnArea a.sm {height:32px; line-height:32px; padding:0 15px;}
}

@media screen and (max-width:960px){
  #sub.approval.view ._col.paperArea {width:calc(100% - 190px);}

  #sub.approval.view ._col.approvalArea {width:180px;}

  #sub.approval.view ._col.paperArea .utilArea {margin:0 auto 30px;}
  #sub.approval.view ._col.paperArea .utilArea .apprLineArea {margin:10px auto 0; padding:10px 0 0 0;}
  #sub.approval.view ._col.paperArea .utilArea .apprLineArea .area .rect div {width:75px;}
  #sub.approval.view ._col.paperArea .utilArea .apprLineArea .area .rect div:nth-child(2) {font-size:15px;}

  .registerForm .apprPaperTitle p {font-size:20px; line-height:24px; margin:0 auto 20px;}
  .registerForm .apprPaperTitle span {font-size:12px;}

  .registerForm .btnArea a.sm {height:30px; line-height:30px; padding:0 12px;}
}

@media screen and (max-width:768px){
  #sub.approval.view .cont_box {overflow:visible;}

  #sub.approval.view ._col.paperArea {width:100%; float:none;}

  #sub.approval.view ._col.approvalArea {width:300px; height:100%; max-height:100%; float:none; position:fixed; top:0; right:-300px; z-index:100;
  transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  }
  #sub.approval.view ._col.approvalArea.open {right:0;}
  #sub.approval.view ._col.approvalArea .area {height:100%; max-height:100%;}
  #sub.approval.view ._col.approvalArea .area #memo {height:calc(100% - 30px); min-height:0; max-height:calc(100% - 30px); overflow-y:auto;}

  #sub.approval.view ._col.approvalArea .area._memo {height:calc(100% - 200px); margin:0 auto 10px;}
  #sub.approval.view ._col.approvalArea .area._btns {height:100px;}
  #sub.approval.view ._col.approvalArea .area .utilArea {height:24px;}
  #sub.approval.view ._col.approvalArea .area .utilArea .form-rect .form-label {height:24px; line-height:24px;}

  #sub.approval.view ._col.approvalArea .toggleMemoBtn {display:block;}
}

@media screen and (max-width:640px){
  #sub.approval.view ._col.paperArea {}

  #sub.approval.view ._col.approvalArea {}

  #sub.approval.view ._col.paperArea .utilArea {margin:0 auto 20px;}
  #sub.approval.view ._col.paperArea .utilArea .apprLineArea .area .rect div {width:70px; font-size:11px; padding:4px 3px;}
  #sub.approval.view ._col.paperArea .utilArea .apprLineArea .area .rect div:nth-child(2) {font-size:14px;}

  #sub .cont_box .cont {margin-top:20px;}

  .registerForm .apprPaperTitle p {font-size:18px; line-height:22px; margin:0 auto 15px;}
  .registerForm .apprPaperTitle span {font-size:12px;}

  .registerForm .btnArea a.sm {height:32px; line-height:32px; padding:0 15px;}
}

@media screen and (max-width:560px){
  #sub.approval.view ._col.paperArea .utilArea .apprLineArea {display:none;}
}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}
/* 기안문서 상세 페이지 :: E */



/* 각종 팝업 영역 :: S */


@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){

}

@media screen and (max-width:960px){

}

@media screen and (max-width:768px){
  .customModalWrap .customModal .head {padding:10px;}
  .customModalWrap .customModal .head p,
  .customModalWrap .customModal .head a {font-size:15px; line-height:24px;}

  .customModalWrap .customModal .body {padding:10px;}

  .registerForm .dlArea dl dt {width:60px; font-size:12px;}
  .registerForm .dlArea dl dd {width:calc(100% - 60px);}

  .registerForm .tableArea .tit {margin:0 auto 8px;}
  .registerForm .tableArea .tit p {font-size:16px;}

  .registerForm .searchArea a {height:36px; line-height:36px;}
  .registerForm .searchArea select {width:100px;}
  .registerForm .searchArea select + input {width:calc(100% - 275px);}
  .registerForm .searchArea .search {width:50px;}
  .registerForm .searchArea .reset {width:100px;}

  #memberSearchModal .memberArea {margin:15px auto 0; padding:15px 0;}
  #memberSearchModal .memberArea > div {padding:0 15px;}
  #memberSearchModal .memberArea .tit p {font-size:15px;}
  #memberSearchModal .memberArea ul {max-height:390px; margin:10px auto 0;}
  #memberSearchModal .memberArea ul li {padding:12px 0;}
}

@media screen and (max-width:640px){
  .registerForm .searchArea a {height:32px; line-height:32px;}
  .registerForm .searchArea select {width:90px;}
  .registerForm .searchArea select + input {width:calc(100% - 265px);}
  .registerForm .searchArea .search {width:50px;}
  .registerForm .searchArea .reset {width:100px;}

  #memberSearchModal .memberArea {margin:10px auto 0; padding:10px 0;}
  #memberSearchModal .memberArea > div {padding:0 10px;}
  #memberSearchModal .memberArea .tit p {font-size:14px;}
  #memberSearchModal .memberArea ul {max-height:395px; margin:5px auto 0;}
  #memberSearchModal .memberArea ul li {padding:8px 0;}
  #memberSearchModal .memberArea ul li .btnWish {width:20px; height:20px; top:10px;}
  #memberSearchModal .memberArea ul li .btnWish img {width:100%; vertical-align:top;}
  #memberSearchModal .memberArea ul li .form-rect label {font-size:14px; line-height:18px;}
  #memberSearchModal .memberArea ul li .form-rect label p span {font-size:11px; line-height:14px; margin:0 2px 0 0; padding:0 5px 0 0;}
}

@media screen and (max-width:560px){

}

@media screen and (max-width:480px){

}

@media screen and (max-width:400px){
  #memberSearchModal .memberArea > div {width:100%; max-height:320px; float:none; margin:0 auto 10px; padding:0;}
  #memberSearchModal .memberArea > div:last-child {margin:0 auto;}
  #memberSearchModal .memberArea .tit p {height:15px; line-height:15px;}
  #memberSearchModal .memberArea ul {height:auto; max-height:300px;}
}

@media screen and (max-width:360px){

}
/* 각종 팝업 영역 :: E */