@import url("./font.css");
@import url("./common.css");
@import url("./status-custom.css"); /* 에러페이지, 로딩페이지 */
/* @import url("./contents_admin.css");
@import url("./contents_user.css"); */
@import url("./buttons.css");
@import url("./animation_effect.css");
@import url("./explorer.css");

@import url("./tinymce-custom.css");


/* JAYLEE 2020-11-03 : timer clock */
#countdown {width:100%; justify-content:space-evenly;}

.timer-box {position:relative; display:inline-flex; margin:0 auto; color:#333; text-align:center; flex-wrap:wrap;}
.timer-box h1 {position:relative; display:inline-flex; width:100%; height:28px; margin-bottom:3px; font-weight:400; font-size:14px; justify-content:center; align-items:center;}
.timer-box #countdown > ul li {display:inline-block; width:50px; padding:0 1px; font-size:8px; list-style-type:none;}
.timer-box #countdown > ul li span {display:inline-flex; height:31px; margin-bottom:8px; font-size:3.2rem; color:#333; align-items:center; justify-content:center;}
/* -- -- */

/* wrap */
.wrap {position:relative; min-height:100%; height:100%; min-width:1280px;}
.wrap:after {display:block;clear:both;content:"";}
.free-define {} /* class만으로 정의하는 형식 없는 wrap*/

/* 2016.04.07 수정 */
.innerWrap {padding:30px 3% 100px 3%; height:100%;}
.innerWrap:after {display:block;clear:both;content:"";}
.box-line.step > .innerWrap{padding:8% 10%;}

#container{position:relative;z-index:1; width:100%; min-width:1280px; max-width:1920px; height:auto; min-height:100%; padding-top:68px;padding-left:240px; box-sizing:border-box;}
#contents{width:100%; min-width:1040px; height:100%; min-height:100%;}

/* JAYLEE 2021-02-02 : half일 때 왼쪽 표 너비 조정 !!중요!! */
@media screen and (max-width:1670px) {
  .half .left .box-list table {min-width:488px; max-width:670px; word-break: break-all;}

/*
  table.list {border-bottom:1px solid #333;}
  table.list th {position:relative;height:50px;font-weight:700;font-size:1.2rem;color:#333;line-height:1.2rem;border-bottom:1px solid #333;background:url("../images/common/line_th.png") no-repeat 0 50%;}
  table.list th .arrow-up {padding-right:17px;background:url("../images/ico/arrow_up.png") no-repeat 100% 40%;}
  table.list th .arrow-down {padding-right:17px;background:url("../images/ico/arrow_down.png") no-repeat 100% 40%;}
  table.list tr{cursor:pointer;}
  table.list thead th:first-child {background:none;}
  table.list tbody tr:first-child td {border-top:1px solid #333;}
  table.list td {position:relative;height:50px;font-size:12px;color:#707070;text-align:center;border-top:1px solid #ececec; padding:0 5px; box-sizing:border-box;}
  table.list td span.txt-1line{line-height:26px;}
  table.list td a {font-size:13px;color:#707070;}
  table.list tbody tr td:first-child {border-left:1px solid #fff;}
  table.list tbody tr td:last-child {border-right:1px solid #fff;}
  table.list tbody tr:hover td {border-top:1px solid #f8946b;border-bottom:1px solid #f8946b;}
  table.list tbody tr:hover td:first-child {border-left:1px solid #f8946b;}
  table.list tbody tr:hover td:last-child {border-right:1px solid #f8946b;}

  table.write th {position:relative;height:50px;padding-left:1rem;font-weight:700;font-size:1.2rem;color:#333;text-align:left; white-space:nowrap;}
  table.write th.sub-tit {height:50px;padding-left:22px;font-weight:400;font-size:1.2rem;color:#777777;text-align:left; white-space:nowrap;}
  table.write td {position:relative; height:50px;font-size:12px;color:#333333;padding:5px 5px; box-sizing:border-box;}
  table.write tr {border-top:1px solid #ececec;}
  table.write tr:first-child {border-top:0px;}
  table.write .txt {display: inline-flex; align-items: center; min-height:18px; font-size:1.2rem;color:#777777;font-weight:400;}

  table a{font-size:12px;color:#516fc8;font-weight:400;text-decoration: underline;}
  table a:focus, table a:hover, table a:active {font-size:12px;color:#516fc8;font-weight:400;text-decoration: underline;}
*/
}


/* Header */
#header {display:inline-flex; position:fixed; top:0; width:calc(100% - 240px); max-width:1680px; height:68px; margin-left:240px; align-items:center; justify-content:flex-end; z-index:999; box-sizing:border-box; border-bottom:1px solid #e6e6e6; background-color:#fff;} 
/* 2020-11-25 min-width 설정에 따른 admin header 설정 */
@media screen and (max-width:1290px) {
  .wrap #header {display:inline-flex; position:sticky; position:-webkit-sticky; min-width:1040px; height:68px; top:0; right:0; left:240px; margin-left:240px; padding:0; background-color:#fff;}
  #header .info-admin {display:inline-flex; min-width:1040px; height:100%; right:0; align-items:center; justify-content:flex-end; float:right;}
  #container {margin-top:-68px;}
  #nav {height:calc(100% + 68px); /* #container의 margin-top 높이와 맞춰야 함 */ left:0; top:0;}
} /* 가로 너비가 1290px보다 좁아질 때 상단 sticky로 변경 : sticky 적용해야 버튼영역이 가로 스크롤 따라서 움직이는 이슈 없어짐 */

@media screen and (min-width:1930px) {
  #header {border-right:1px solid #e6e6e6;}
  #container {border-right:1px solid #e6e6e6;}
} /* max-width보다 화면이 커질 때 화면 오른쪽에 시스템 화면과 여백의 구분선 나타나도록 */

/* 2020.07 add */
#header .wrap-tgl .tg-list-item{margin:21px 0px 0px 10px;}
/* 2020.07 add end */
#header .info-admin {display:inline-flex; height:100%;align-items:center; vertical-align:middle;} /* 고객사별 로고 표출을 위한 로고 div css 설정 */
#header .info-admin .levelWrap{display:table-cell; height:36px; padding:0px 8px 0px 50px; vertical-align:middle;}
#header .info-admin .levelWrap.level3{background:url("../images/common/admin_level3.png") no-repeat 0px 50%; background-size:35px auto;}
#header .info-admin .txtWrap{display:table-cell;border-right:1px solid #e5e5e5;padding-right:10px;}
#header .info-admin .txtWrap .name {font-size:12px;color:#444; font-weight:900;}
#header .info-admin .txtWrap .position {font-size:12px;color:#7d7d7d;}
#header .info-admin .btnWrap{display:table-cell;vertical-align:middle;}
/* -- -- */
/* 2024. 10월   add */
#header .info-admin .clientLogo{width:180px; height:55px; margin-right:10px; display:flex; align-items:center; justify-content: center;} /* 고객사별 로고 표출을 위한 로고 div css 설정 */
/* -- -- */

/* LNB */
/* 2020.07 modify */ 
#nav {position:absolute;left:0;top:0;z-index:3;width:240px;min-height:900px;height:100%;background-color:#27527a;overflow-x:hidden;overflow-y:auto;}
#nav .upper {width: 100%;height: 68px;background-color: #27527a;box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;}
/* 2020.07 modify end */ 
#nav h1 {height:100%;text-indent:-10000em;background:url("../images/common/logo_webcat.png") no-repeat 48% 50%; background-size:145px auto;}
#nav .lower {margin:0 auto;padding:0 10px; overflow:auto;
	/* 불필요한 텍스트 선택 방지 */
    user-select: none; /* standard syntax */
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}

/* @media screen and (max-height:950px) {
	#nav .lower {max-height:610px;}
} 화면에서 스크립트로 대체할 것 */


/* 1depth */
/* 2020.07 modify */ 
#nav .lower > ul{border-top:1px solid #476c8e;padding-top:10px;}
/* 2020.07 modify end */ 
#nav .lower ul > li{padding: 5px 0px; box-sizing:border-box;}
#nav .lower ul > li a {display:block;z-index:1;height:100%;padding-left:20px;font-size:15px;color:#d5dbef;line-height:52px; font-weight:700;}
#nav .lower ul > li a:hover {color:#fff;}
#nav .lower ul > li a .icon {display:inline-block;width:45px;height:45px;vertical-align:middle;}
#nav .lower ul > li:hover > a {color:#fff;}

#nav .lower ul > li.has-depth {background:url("../images/common/arrow_has_depth.png") no-repeat 185px 25px;}
#nav .lower ul > li.has-depth:hover {background:url("../images/common/arrow_has_depthon.png") no-repeat 185px 25px;}
#nav .lower ul > li.active {background:none;}
#nav .lower ul > li.active > a {color:#444444; background:none; background-color:#fff; border-radius:5px;}
#nav .lower ul > li.has-depth.active > a {color:#444444; background:url("../images/common/arrow_open_depth.png") #fff no-repeat 183px 23px; border-radius:5px;}

#nav .lower ul > li:nth-child(1) > a .icon {background:url("../images/ico/ic_nav_01.png") no-repeat 0 50% !important; opacity:0.4;}
#nav .lower ul > li:nth-child(2) > a .icon {background:url("../images/ico/ic_nav_02.png") no-repeat 0 50% !important; opacity:0.4;}
#nav .lower ul > li:nth-child(3) > a .icon {background:url("../images/ico/ic_nav_03.png") no-repeat 0 50% !important; opacity:0.4;}
#nav .lower ul > li:nth-child(4) > a .icon {background:url("../images/ico/ic_nav_04.png") no-repeat 0 50% !important; opacity:0.4;}
#nav .lower ul > li:nth-child(5) > a .icon {background:url("../images/ico/ic_nav_05.png") no-repeat 0 50% !important; opacity:0.4;}
#nav .lower ul > li:nth-child(6) > a .icon {background:url("../images/ico/ic_nav_06.png") no-repeat 0 50% !important; opacity:0.4;}
#nav .lower ul > li:hover > a .icon {opacity:1;}
#nav .lower ul > li:nth-child(1).active > a .icon {background:url("../images/ico/ic_nav_01on.png") no-repeat 0 50% !important; opacity:1;}
#nav .lower ul > li:nth-child(2).active > a .icon {background:url("../images/ico/ic_nav_02on.png") no-repeat 0 50% !important; opacity:1;}
#nav .lower ul > li:nth-child(3).active > a .icon {background:url("../images/ico/ic_nav_03on.png") no-repeat 0 50% !important; opacity:1;}
#nav .lower ul > li:nth-child(4).active > a .icon {background:url("../images/ico/ic_nav_04on.png") no-repeat 0 50% !important; opacity:1;}
#nav .lower ul > li:nth-child(5).active > a .icon {background:url("../images/ico/ic_nav_05on.png") no-repeat 0 50% !important; opacity:1;}
#nav .lower ul > li:nth-child(6).active > a .icon {background:url("../images/ico/ic_nav_06on.png") no-repeat 0 50% !important; opacity:1;}

/* 2depth */
#nav .lower .depth2 {padding:8px 8px;background-color:#234a6e;margin:13px 0;border-radius:5px; display:none;}
#nav .lower .depth2 li:first-child {padding-top:0;}
#nav .lower .depth2 li {height:auto;background:url("../images/common/line_depth.png") no-repeat 15px 19px !important;padding:0px; box-sizing:border-box;}
#nav .lower .depth2 li.active,
#nav .lower .depth2 li:hover {background:url("../images/common/line_depth_on.png") no-repeat 15px 19px !important; }
#nav .lower .depth2 li a {min-height:40px;padding-top:13px; padding-left:35px;font-size:15px;line-height:20px;box-sizing:border-box; }
#nav .lower .depth2 li.active a,
#nav .lower .depth2 li:hover a {color:#ecc451 !important;background-color:transparent; background:none;}


/* footer nav */
#nav .footer{position:absolute; bottom:20px; width:240px; padding:20px; box-sizing:border-box;}
#nav .footer .footer-nav{display:inline-block; width:100%; border-top:1px solid #9098b1; border-bottom:1px solid #9098b1; padding:8px 0;}
#nav .footer .footer-nav ul{clear:both;}
#nav .footer .footer-nav li{float:left;width:50%;}
#nav .footer .footer-nav li a{color:#fff; font-size:12px; line-height:28px; background:url("../images/common/arrow_footer_nav.png") no-repeat 2px 3px; padding-left:12px;}

#nav .footer .copyright{margin-top:33px; color:#a7abb9; font-size:11px; line-height:16px;}



/* paging button */
.page {display:inline-block; z-index:1;padding-top:3px;}
.page button {display:inline-block;width:37px;height:28px;text-align:left;text-indent:-10000em;vertical-align:middle;}
.page span {display:inline-block;height:28px;margin:0 3px;font-size:1.1rem;color:#2d2d2d;line-height:28px;vertical-align:middle;}
.page span.active {display:inline-block;width:26px;height:26px;color:#f8946b;text-align:center;line-height:26px;vertical-align:middle;border:1px solid #f8946b;}
.page span.now {display:inline-block;height:26px;color:#f8946b;line-height:26px;vertical-align:middle;}
/* .page span.dash{color:#777777;margin:0 4px;} */
.page a {display:inline-block;width:28px;height:28px;margin:0 3px;font-size:14px;color:#2d2d2d;text-align:center;line-height:28px;vertical-align:middle;}
.page .btn-page-first {background:url("../images/btn/page_first.png") no-repeat 100% 50%;}
.page .btn-page-last {background:url("../images/btn/page_last.png") no-repeat 0 50%;}
/* -- -- */




/* home */
.box-float.homeL{width:100%;}
.box-float.homeR{width:100%; padding:30px 0 0 0;}

.box-line.calendar{padding:20px;}
.box-line.calendar .img_calendar{content:"　"; width:100%;height:740px; background:url("../images/tmp/calendar.png") no-repeat 0px 50%; background-size:100% 100%;}
.box-line.flip{padding:30px;}
.box-line.schedule{padding:30px;}

.table-upper .calendar-upper .title{line-height:26px; font-size:12px; background:url("../images/common/bul_dot_gray.png") no-repeat 0px 50%; padding-left:12px;}

.calendar-state{}
.calendar-state li{float:left;line-height:26px;}
.calendar-state li .progress {float:left; background:url("../images/common/bul_dot_calendar_green.png") no-repeat 0px 50%; padding-left:13px; font-size:12px; color:#777777;}
.calendar-state li .ing {float:left; background:url("../images/common/bul_dot_calendar_yellow.png") no-repeat 0px 50%; padding-left:13px; margin-left:20px; font-size:12px; color:#777777;}
.calendar-state li .end {float:left; background:url("../images/common/bul_dot_calendar_red.png") no-repeat 0px 50%; padding-left:13px; margin-left:20px; font-size:12px; color:#777777;}

.flip {float:left;box-sizing:border-box;max-width:273px; }
.flip .flipWrap {display:inline-block; width:100%;}
.flip .flipWrap > .title {font-size:15px;font-weight:700; color:#444444;}
.flip .flipWrap .flip-count {}
.flip .flipWrap .flip-count .box {float:left;width:35px;height:39px;line-height:36px;font-family:"NotoSansKR";font-size:25px;font-weight:900; color:#222222;  background:url("../images/common/bg_flip.png") no-repeat 0px 50%;text-align:center;}
.flip .flipWrap .flip-count .box strong {margin-left:-4px;}

.schedule{float:left;box-sizing:border-box;max-width:100%;width:calc(98% - 273px);  margin-top:0px; margin-left:2%;}
.schedule .scheduleWrap{display:inline-block; width:100%;}
.schedule .scheduleWrap > .title{font-size:16px;font-weight:900; color:#444444; padding-bottom:8px;}
.schedule .scheduleWrap .schedule-cont > .title{font-size:16px;font-weight:700; color:#444444; padding-bottom:8px;}
.schedule .scheduleWrap .schedule-cont > .title > .red{background:url("../images/common/bul_schedule_red.png") no-repeat 0px 50%; padding-left:15px;}
.schedule .scheduleWrap .schedule-cont > .title > .yellow{background:url("../images/common/bul_schedule_yellow.png") no-repeat 0px 50%; padding-left:15px;}
.schedule .scheduleWrap .schedule-cont > .title > .green{background:url("../images/common/bul_schedule_green.png") no-repeat 0px 50%; padding-left:15px;}
.schedule .scheduleWrap .schedule-cont > .text{font-size:12px;line-height:20px; font-weight:400; color:#555555;padding-right:10px;box-sizing:border-box;}

@media screen and (min-width:1400px){
  .box-float.homeL{width:68%;}
  .box-float.homeR{width:32%; padding:42px 0 0 2%;}

  .flip{float:none;}
  .schedule{float:none;max-width:273px;width:auto;margin-top:10px;margin-left:0px;}
}
/* -- -- */


/* Login 화면 */
/* JAYLEE 2020-08-06 : admin-Login 화면 */
#admin-bgimg {background-image: url('../images/common/background.png'); background-repeat:repeat; overflow:hidden; background-position:center center;}
#mainLogo {width:350px; height:auto; margin:15px; background-size:100% auto; background-repeat:no-repeat; background-position:center center;}

.admin-login-container {position:relative; display:inline-flex; width:100%; height:100%; min-height:700px; align-items:center; justify-content:center;}
.assr-main-container {position:relative; display:inline-flex; width:100%; min-width:1150px; height:100%; min-height:700px; align-items:center; justify-content:center;}
.login_background {position:absolute; width:100%; height:100%; display:block; overflow:hidden; margin:0; padding:0;}

/* JAYLEE 2020-09-11 : user-Login 화면 max-width:2560px; max-height:1440px; */
#user-bgimg {background-image: url('../images/common/background-colored.png'); background-repeat:repeat; overflow:hidden; background-position:center center;}
#userLogo {margin:15px; background-size:55% auto; background-repeat:no-repeat; background-position:center center;}
#userLogo__logged-in {background-image: url('../images/common/user-login-logo-rvrs.png'); margin:15px; background-size:55% auto; background-repeat:no-repeat; background-position:center center;
  animation: fadein 1.8s; -moz-animation: fadein 1.8s; /* Firefox */ -webkit-animation: fadein 1.8s; /* Safari and Chrome */ -o-animation: fadein 1.8s; /* Opera */}

.user_background {position:absolute; width:100%; height:100%; display:block; margin:0; padding:0;}

/* login layout */
.login-wrapper {position:relative; display:inline-flex; align-items:center; justify-content:center; max-width:1920px; max-height:1080px; margin:0.6rem; padding:0.6rem;} /*관리자 login 수정할 것!: <div class="login-wrapper w80p">*/
/* (admin) */
.login-wrapper .login-wrap {position:relative; display:flex; align-items:center; justify-content:center; min-height: inherit 100%; width: inherit 100%; padding:0.6rem;}  

.login-wrap .loginLeftLogo {position:relative; display:inline-flex; flex-direction: column; align-items:center; justify-content:center; min-width: 350px; /* 가로 너비 반응형-> */ width : calc(100% - 750px); width: -webkit-calc(100%- 750px); width: -moz-calc(100%- 750px); width: -0-calc(100%- 750px); width: -ms-calc(100%- 750px); /* <-가로 너비 반응형 */ min-height:600px; line-height:100%;} 
.loginLeftLogo .mainLogo {display:block; position:relative; align-items:center; justify-content:center; min-width:350px; min-height:300px; line-height:100%;}
.loginLeftLogo .mainTXT {display:block; position:relative; align-items:center; justify-content:center; margin:10px 0 30px 0; font-size:30px; font-weight:700; color:#e0e0e0;}

.login-wrap .loginRightMain {position:relative; display:inline-flex; left:0; flex-direction: column; align-items:center; justify-content:center; width:520px; height:auto; min-height:600px;} 
.loginRightMain .loginInfo {border:1px solid #27527a; border-radius:5px; position: relative; display: inline-flex; width:420px; min-height:550px; height: auto; align-items: center; justify-content: center; margin: 3em 0; background-color: #fff;}
/* (user) */
.login-wrapper .userLogin-wrap, .login-wrapper .assrLogin-wrap {position:relative; display:inline-flex; align-items:stretch; justify-content:center; width:950px; min-height:600px; padding:0.6rem;} 

.userLogin-wrap .userLogin-left, .assrLogin-wrap .assrLogin-left {position:relative; display:inline-flex; left:0; flex-direction: column; align-items:center; justify-content:center; width:475px; height:auto; min-height:600px; background-color: #fff;} 
.userLogin-left .loginInfo, .assrLogin-left .loginInfo {position:relative; display:inline-flex; width:390px; height:auto; align-items:center; justify-content:center; margin:3em 0;}
.userLogin-left .loginInfo h2, .assrLogin-left .loginInfo h2 {font-size:40px; line-height:1.2em; color:#303030; font-weight:700; letter-spacing:-0.02em; margin-bottom:40px;}

.userLogin-wrap .userLogin-right {position:relative; display:inline-flex; right:0; align-items:center; justify-content:center; width:475px; min-height:600px; background-color: #78ccd0;} 
.userLogin-right .mainLogo, .assrLogin-right .mainLogo {position:relative; display:block; align-items:center; justify-content:center; min-width:350px; min-height:300px; line-height:100%;}

.assrLogin-wrap .assrLogin-right {position:relative; display:inline-flex; right:0; align-items:center; justify-content:center; width:475px; min-height:600px; background-color: #27527a;} 

.loginInfo h2 {font-size:40px; line-height:1.2em; color:#F8946B; font-weight:700; letter-spacing:-0.02em; margin-bottom:40px;}

.loginInfo .InfoWrap {width:340px; height:auto;}

.loginInfo ul {}
.loginInfo li {width:100%;}
.loginInfo li:nth-child(n+2) {margin-top:20px;}
.loginInfo .Info-input {width:100%;}
.loginInfo .Info-input li input {width:inherit; height:50px; border:none; border-bottom:1px solid #666; border-bottom-left-radius:0; border-bottom-right-radius:0; font-weight:400; padding:0 ; font-size:16px; letter-spacing:-0.03em; color:#666 !important}
.loginInfo .Info-input .active input {color:#000 !important}

@media screen and (max-width:950px){ 
  /* 로그인 화면 너비가 좁아질 때 왼쪽 로고영역 사라짐 */
  .login-wrapper .login-wrap .loginLeftLogo {display:none;}
}
/* -- -- */


/* table */
/* table upper */
.table-upper:after {display:block;clear:both;content:"";}
.table-upper {margin-bottom:16px;}

.list-table-wrap {padding-left: 2px;border: 1px solid #ddd;border-radius: 5px;overflow-y: scroll;}

table.view tr:nth-child(odd) {background-color: #fff;} /* border-right: 1px solid #fafafa; */
table.view tr:nth-child(even) {background-color: #fafafa;}
table.view th {position:relative;border-right: 1px solid #fff;padding:5px 0;height:auto; font-weight:700;font-size:11px;color:#fff;background-color:#999; text-align:center;}
table.view td {position:relative;border-right: 1px solid #fff;height:auto;font-size:11px;color:#333333;text-align:center; padding:5px 5px;}
table.view td a {color: #516fc8;text-decoration: underline;}

table.view tr {border-bottom: 1px solid #fff;}
table.view tr:last-child td {border-bottom: 1px solid #eaeaea;}
table.view tr:only-child td {border-bottom: 1px solid #eaeaea;}
/* .contents .write .view tr:nth-child(even) {background-color: #fafafa;border-left: 1px solid #fafafa;border-right: 1px solid #fafafa;} */

/* table.view tr.child{border:0;}
table.view tr.child td:first-child {border-left:0px;}
table.view tr.child td:last-child {border-right:0px;} */


/* 게시판 리스트 */
table.list {} 
table.list th {position:relative;height:50px;font-weight:700;font-size:1.2rem;color:#333;line-height:1.2rem;border-bottom:2px solid #333;background:url("../images/common/line_th.png") no-repeat 0 50%;}
table.list th:first-child {background: none;border-top: 0px !important;}

table.list th .arrow-up {padding-right:17px;background:url("../images/ico/arrow_up.png") no-repeat 100% 40%;}
table.list th .arrow-down {padding-right:17px;background:url("../images/ico/arrow_down.png") no-repeat 100% 40%;}

table.list td {position: relative;height: 50px;font-size: 12px;color: #707070;text-align: center;border-top: 1px solid #ececec; padding: 0 5px; box-sizing: border-box;word-break: break-all;}
table.list td span.txt-1line{line-height:26px;}
table.list td a {font-size:13px;color:#707070;}

table.list tbody tr {cursor:pointer; background:none; border-bottom: 1px solid #ececec;}
table.list tbody tr.active {cursor:pointer; background:none; border:2px solid #f8946b !important;}

table.list tbody tr:last-child {cursor:pointer; background:none; border-bottom: 1px solid #333;}
table.list tbody tr td:first-child {border-left:1px solid #fff;}
table.list tbody tr td:last-child {border-right:1px solid #fff;}

table.list tbody tr:hover td {border-top:1px solid #f8946b;border-bottom:1px solid #f8946b;}
table.list tbody tr:hover td:first-child {border-left:1px solid #f8946b;}
table.list tbody tr:hover td:last-child {border-right:1px solid #f8946b;}
/* -- 게시판 리스트 -- */


table.write th {position:relative;height:50px;padding-left:1rem;font-weight:700;font-size:12px;color:#333;text-align:left; white-space:nowrap;}
table.write th.sub-tit {height:50px;padding-left:22px;font-weight:400;font-size:12px;color:#777777;text-align:left; white-space:nowrap;}
table.write td {position:relative; height:50px;font-size:12px;color:#333333;padding:5px 5px; box-sizing:border-box;}
/* table.write tr {border-top:1px solid #ececec;} */
.wrap-box > write tr:first-child {border-top:0px;}
table.write .txt {display: inline-flex; align-items: center; min-height:18px; font-size:12px;color:#777777;font-weight:400; word-break: break-word; line-height: 20px;}
table.write .txt12 {display: inline-flex; align-items: center; min-height:18px; font-size:12px;color:#777777;font-weight:400; word-break: break-word; line-height: 20px;}

table a{font-size:12px;color:#516fc8;font-weight:400;text-decoration: underline;}
table a:focus, table a:hover, table a:active {font-size:12px;color:#516fc8;font-weight:400;text-decoration: underline;}
/* 2020.07 add end*/

table.write .explan{font-size:11px;color:#a7a7a7; line-height:16px; vertical-align:middle;}
table.write tr.noline{border-top:0px;}
table.write tr.depth2 td{padding:0px;}
table.write tr.depth2 .detail{padding:4px 5px;}
table.write tr.depth2 .detail td{padding:4px 5px;}

table.write tbody tr.pd_none th, table.write tbody tr.pd_none td{height:auto;}


table.depth2-write{border-collapse: separate;border-spacing: 1px;}
/*table.depth2-write tr{border-top:1px solid #fff;}*/
table.depth2-write th{padding:5px 0;height:auto;font-weight:700;font-size:12px;color:#333;text-align:center; background-color:#f1f1f1;}
table.depth2-write td{height:auto;font-size:12px;color:#333333;padding:0px 5px; box-sizing:border-box;}
table.depth2-write.th-top td{padding:4px 5px 0px 5px;}

/* JAYLEE 추가 2020-07-17*/
table.depth2-normal-write{border-collapse: separate;border-spacing: 1px;}
table.depth2-normal-write th{padding:5px 0;height:auto;font-weight:700;font-size:12px;color:#333;text-align:center; background-color:#f1f1f1;}
table.depth2-normal-write td{height:auto;font-size:12px;color:#333333;padding:0px 5px; box-sizing:border-box;}
table.depth2-normal-write.th-top td{padding:8px 5px 8px 5px;}
/**/

table .dash{font-size:12px;}

.dot-required{position:absolute;display:block;vertical-align:middle;left:0px; /*margin-top:2px;*/ box-sizing:border-box;  font-size:1.2rem;color:#f8946b;font-weight:700;}
table.write th.sub-tit .dot-required{left:10px;}


/* 2020.07 add */
table.default th {position:relative;height:auto;font-weight:700;font-size:1.2rem;color:#333;text-align:left; white-space:nowrap;}
table.default td {position:relative;height:auto;font-size:12px;color:#333333;padding:0px;}
table.default tr {border-top:0px}



table.record-list td {position:relative;height:50px;font-size:12px;color:#777777;padding:5px 5px !important; box-sizing:border-box;text-align: center;}
table.record-list tr {border-top:0px;border-bottom:1px solid #ececec;}
table.record-list .divider-Line{position:relative; border-left: 1px solid #ececec;}
/* table.record-list .divider-Line:before{content:'　';position:absolute;top:8px; left:0px; display:inline-block;width:1px;height:34px;border-left:1px solid #cccccc;} */
table.record-list .graph-info span{font-size:12px;color:#777777;}
table.record-list .graph-info{display:inline-block;width:100%;}
/* 2020.07 add end */


/* table lower */
.table-lower:after {display:block;clear:both;content:"";}
.table-lower {position:relative;margin-top:27px;text-align:center;}
.table-lower .right-btn {position:absolute;right:0;top:0;z-index:2;}

/* ico */
.ico_file_pdf{display:inline-block;height:100%;line-height:35px;font-size:12px;text-decoration:underline; background-repeat:no-repeat;background-position:0 50%; white-space:nowrap;padding-left:28px;background-image:url("../images/ico/ico_file_pdf.png");}
.ico_file_pdf.default{color:#333333;}
.ico_file_pdf.download{color:#e20000;}
.ico_file_pdf.disable{color:#c6c6c6;}
/* 2020.07 add */
.textareaResize textarea{width:100%;height:47px;}
.textareaResize textarea.active{width:100%;height:280px;}

/* file */
.wrap_file{padding:20px;border:1px solid #ececec;}
/* 2020.07 add end */

/* popup */
.popup-area{position:fixed;display:table; width:100%;height:100%;top:0;left:0; z-index:9999; text-align:center;}
.popup-area .wrap-popup{display:table-cell;  z-index:9999;  vertical-align:middle;}
.popup{display:inline-block; border-radius:5px;background-color:#fff;}
.popup.shadow{box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1), 0 10px 30px 0 rgba(0, 0, 0, 0.08);}
.popup .innerWrap{padding:30px 50px; text-align:left;}
.popup.has-header .innerWrap{padding:20px 20px;}

.popup .innerWrap h2{font-size:14px;color:#444444;font-weight:400;}

.popup .header{position:relative; height:40px; background-color:#516fc8;text-align:left;padding:0 20px;  border-radius:5px 5px 0 0;}
.popup .header h1{line-height:40px;font-size:15px;color:#fff;}

.popup .header .btn-close-pop {position:absolute;right:20px;top:14px;width:13px;height:13px;text-indent:-10000em;background:url("../images/btn/btn_close_pop.png") no-repeat 50% 50%;}

.popup .btn-bottom{text-align: center;margin-bottom:20px;}
.popup .btn-bottom .btn-confirm {display:inline-block;min-width:90px; padding:0 12px;height:26px;font-weight:700;font-size:12px;color:#fff;vertical-align:middle;border-radius:3px;background:#f8946b;}
.popup .btn-bottom .btn-confirm span {display:inline-block;height:100%;line-height:25px;background-repeat:no-repeat;background-position:0 45%;}
.popup .btn-bottom .btn-confirm .ico-check {padding-left:18px;background-image:url("../images/btn/btn-check-white.png");}
.popup .btn-bottom .btn-cancel {display:inline-block;min-width:90px; padding:0 12px;height:26px;font-weight:700;font-size:12px;color:#333;vertical-align:middle;border-radius:3px;border:1px solid #c4c2c2;background:#f3f3f3;}
.popup .btn-bottom .btn-cancel span {display:inline-block;height:100%;line-height:25px;background-repeat:no-repeat;background-position:0 50%;}
.popup .btn-bottom .btn-cancel .ico-cancel {padding-left:18px;background-image:url("../images/btn/btn-cancel-gray.png");}

/* 2020.07 add */
.popup .btn-bottom .btn-del {display:inline-block;min-width:90px; padding:0 12px;height:26px;font-weight:700;font-size:12px;color:#333;vertical-align:middle;border-radius:3px;border:1px solid #c4c2c2;background:#f3f3f3;}
.popup .btn-bottom .btn-del span {display:inline-block;height:100%;line-height:25px;background-repeat:no-repeat;background-position:0 45%;}
.popup .btn-bottom .btn-del .ico-del {padding-left:18px;background-image:url("../images/btn/btn-del-gray.png");}

.popup .btn-bottom .btn-default{display:inline-block;min-width:90px; padding:0 12px;height:26px;font-weight:700;font-size:12px;color:#333;vertical-align:middle;border-radius:3px;border:1px solid #c4c2c2;background:#f3f3f3;}
/* 2020.07 add end */

.popup .title-cont h1 {font-weight:700; font-size:16px; float:none;}
.popup .title-cont h2 {font-weight:700; font-size:14px; float:none;}

.popup .title {    font-weight: 700;
    font-size: 14px;
    float: none;
    color: #333}

.popup table.list th {font-size:12px;}

.popup table.write th {font-size:12px;}
.popup table.write th.sub-tit {font-size:12px;}
.popup table.write tr{border-top:0px;}
.popup table.write tbody tr th, .popup table.write tbody tr td {height:20px;}
.popup .dot-required{font-size:12px;}

.popup .btn-left button {margin-right:5px;}
.popup .btn-right button {margin-left:5px;}