@charset "utf-8";
/************************************************************************
 * 프로젝트   : 케스코사업관리시스템
 * 파일명      : reset.css
 * 설명         : 사업관리시스템
 * 작성일      : 2023.01.12
 * 작성자      : LEE
 * 버   전      : 1.0
************************************************************************/

/* 레이아웃 */
.wrap { position:relative; min-width:1700px }
.header_wrap {  width:100%; height:70px; background-color:#223cd5; }
.header_wrap:after {display:table;clear:both;content:"";table-layout:fixed}
.head_in { width:1700px; overflow:hidden; margin:0 auto; }
.logo_box { float:left}
.logo_box .link_kesco {float:left;width:70px;height:70px;box-sizing:border-box; background:#162a8a url(../images/smp-home.png) 50% 50% no-repeat}
.logo_box .link_logo {float:left; margin:0px 10px 0px; width:170px;height:70px;box-sizing:border-box; background: url(../images/kesco-logo.png) no-repeat; background-position: 4px}
.logo_box .link_logo:after {display:inline-block;position:absolute;top:10px;left:0;z-index:1;width:1px;height:100%;content:"";cursor:default}

.gnb {display:block; float:left; }
.gnb .gnb_menu>li {float:left; border-left:1px solid #162a8a; line-height:0; transition: all 0.4s ease-in-out;}
.gnb .gnb_menu>li:first-child {margin-left:0; }
.gnb .gnb_menu>li:last-child {border-right:1px solid #162a8a; }
.gnb .gnb_menu>li>a.bul {display:inline-block; padding:25px 25px;color:#fff;font-size:17px;letter-spacing:-1px;line-height:20px;min-width:140px; text-align:center; }

.depth2 li {position: relative; transition: all 0.3s ease-in-out;}
.depth2>ul>li>a{ display:block; overflow:hidden; font-size:13px; line-height:18px; padding:10px 10px; border-bottom:1px solid #CCC; color: #171f46; }
.depth2 li:first-child { border-bottom:0px !important }
.depth3>li>a{ display:block; overflow:hidden; font-weight: normal; font-size:13px; line-height:18px; padding:10px 10px; border-bottom:1px solid #CCC; color: #171f46; transition: all 0.3s ease-in-out;}
.depth3 li:first-child { border-bottom:0px !important }

.bul:hover, .bulon{background:#162a8a; transition: all 0.2s ease-in; color:rgba(255,255,255,1); }
.depth1 { display:inline-block}
.depth2 { display: none; position: absolute; min-width:140px;  top:70px;  box-sizing: border-box; background-color:#FFF; border:1px solid #CCC;  z-index:9998; transition: all 1s ease-in-out;}
.depth3 { display: none; position: absolute; top: -1px; right: -171px; min-width:170px; background-color:#FFF; border:1px solid #CCC; transition: all 0.4s ease-in-out;}

/* 메뉴호버시 dep 오픈 시작 - jsj  */
.depth1:hover, .depth2>ul>li:hover {background-color: #162a8a; }
.depth2>ul>li:hover>a {color: #fff !important;}
.depth1:hover .depth2  {display: block;}
.depth3>li:hover a {background-color: #162a8a; font-weight: bold !important; color: #fff;}
.depth2 li:hover .depth3 {display: block;}

.dep3_icon::after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 15px; height: 15px; background-image: url(../images/ic-noti4.png); background-repeat: no-repeat; background-size: 100%;}
.depth2>ul .dep3_icon:hover::after {background-image: url(../images/ca_arrow_next_img.png);}
/* 메뉴호버시 dep 오픈 끝  */


.allMenu-wrap { display:none; overflow:hidden; width:100%; height:300px; position:relative; left:0px; top:0px; background-color:#666; z-index:99999}
.gnb_bg { position:absolute; left:0px; top:70px; background-color:#FFF; width:100%; min-height:300px; border-bottom:2px solid #F0F; z-index:9998}

.log_inner_wrap {padding: 100px 0 100px; background: url(../images/log_bg_img.png) center no-repeat;}
.logbox { background:#FFF; width:800px; min-height: 460px; box-sizing: border-box; margin: 0 auto; border-style: solid; border-width: 1px; border-color: #ebebeb #c8c8c8 #c8c8c8 #ebebeb;}
.sub_Title_box { margin: 20px auto 0; padding: 0 10px; box-sizing: border-box; text-align:center; border-bottom:1px solid #CCC}
.sub_Title_box h2.title { display:inline-block; color:#003471;font-size:30px; font-weight:bold; }
.sub_Title_box h2.title:after {content:''; display:block; width:100%; height:1px; margin:10px auto -1px; background:#003471;}
.log_inner_wrap .input_form { margin: 30px 100px 15px; }
.input_box { display:block; }
.input_box::after {content:""; display:block; clear:both;}
.input_box .input_log { width: 100%; height: 50px; box-sizing: border-box; border: 1px #d2d2d2 solid; font-size: 16px; font-weight:700; position:relative; padding-left: 10px;  }
textarea { box-sizing: border-box; border: none; position: relative; z-index: 2; background: transparent; resize: none; }
.input_box > .change_password { width:24%;float:left; line-height:50px; color: #434a5d; font-weight:bold; font-size:14px; padding-left:2px; box-sizing:border-box; }
.input_box .change_input_log { width: 76%; height: 50px; box-sizing: border-box; border: 1px #d2d2d2 solid; font-size: 16px; font-weight:700; position:relative; padding-left: 10px;   }
.input_box .change_password_text {float:right; margin-top:2px;width:76%;font-size:12px;}
.login_Btn { width: 100%; height: 50px; background: #434a5d; font-size:18px; color: #fff !important;font-weight:600; text-align: center; display: inline-block; line-height: 50px; cursor: pointer; }
.login_Btn:hover{background:#162a8a; transition: all 0.2s ease-in; color:rgba(255,255,255,1); }

.help_text { border:1px solid #f0f0f0; background-color:#f0f0f0; margin:10px 100px 10px; padding:10px }

select.sellog,
input.input_log {height: 50px;display:inline-block;border: 1px solid #e0e0e0;box-sizing: border-box;vertical-align: top;background-color:#fff;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;min-width: 50px;color: #6b6b6b;margin: 0 1px; cursor: pointer}
select.sellog {background: #fff url(../images/dash_select2.png) no-repeat center right 8px; font-size:16px}
input.input_log:hover, select.sellog:hover {border-color:#686868}
input.input_log:disabled {background:#e9ecef!important }
input.input_log:disabled:hover { border: 1px solid #b8b8b8;}


.header_wrap .utility {float:right;}
.header_wrap .utility>li {float:left;position:relative}
.header_wrap .utility>li.total_menu {position:static}
.header_wrap .utility .menu {display:inline-block;margin-right:20px;padding:25px 0;color:#fff;font-size:16px;letter-spacing:-1px;line-height:20px}

.total_menu {border-left:1px solid #344bb8;line-height:0}
.total_menu .btn_menu.btn_total, .total_menu .btn_menu.btn_logout, .total_menu .btn_menu.btn_my_page  {display:inline-block;position:relative;width:70px;height:70px; background-color:#162a8a;}
.total_menu .btn_menu.btn_total:after {display:inline-block;position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;width:20px;height:20px;background:url(../images/spr_gnb_top.png) 0 -60px no-repeat;content:""}
.total_menu .btn_menu.btn_logout:after {content: ''; display:inline-block;position:absolute;top:50%;left:50%; transform: translate(-50%, -50%); width:50px; height:50px;background:url(../images/logout_icon.png) no-repeat center; background-size: 100%; filter: brightness(0.85);}
.total_menu .btn_menu.btn_my_page:after {content: ''; display:inline-block;position:absolute;top:50%;left:50%; transform: translate(-50%, -50%); width:50px; height:50px;background:url(../images/my_page_icon.png) no-repeat center; background-size: 100%; filter: brightness(0.85);}
.total_menu .layer_total {display:none;position:absolute;top:65px;left:0;width:100%;background-color:#fff;box-shadow:0 7px 10px 1px rgba(0, 0, 0, 0.1)}

.Userinfo_box {background:#fff; border-style:solid; border-width:1px; border-color:#ebebeb #c8c8c8 #c8c8c8 #ebebeb; padding:10px; overflow: hidden; text-align: center;}
.userInfo {display:inline-block; overflow:hidden; position:relative; vertical-align: middle;}
.ustit { font-size:17px; line-height:18px; padding-left:24px }
.ustit:before {display:inline-block;position:absolute; left:0px; top:50%; transform: translateY(-50%); width:18px; height:18px; background: url(../images/btn_all_01.png) -2px -37px no-repeat; content:""}

.all_content {position:relative;margin:0 auto; min-width:1700px; min-height:500px;box-sizing:border-box; }

.admi_section { position:relative; width:1700px; margin:20px auto 30px auto; z-index:9997}
.admi_section:after {content:'';clear:both;display:block;}
.sec_container {position:relative;margin:0 auto; min-width:1700px; min-height:500px;box-sizing:border-box; }
.sec_container:after {display:table;clear:both;content:"";table-layout:fixed}
.aside_left { float:left; width:230px; display:none; }/* 2023-02-16 변경- left메뉴 삭제 */
.sec_aside_wrap {position:relative; }
.sub_in {position:relative; border-color:#ebebeb #c8c8c8 #c8c8c8 #ebebeb; border-radius:8px;box-sizing:border-box;background:#fff}
/* .side_content { float:right; width:1450px; } */
/* 2023-02-16 변경 */
.side_content { width:100%; overflow:hidden; display:block  }

.content_doc{ background:#fff; border-style:solid; border-width:1px; border-color:#ebebeb #c8c8c8 #c8c8c8 #ebebeb; padding:10px;}
.sub_head {display:block; height:80px;  box-sizing: border-box; padding: 10px 0 10px 10px; border-bottom:3px solid #CCC; }
.content_doc .sub_head h2.titlesb {display:inline-block; font-size:24px; color: #171f46;  position:relative; margin-top: 23px; }
.content_doc .sub_head h2.titlesb::after {content:''; position: absolute; top: 142%; left: 50%; transform: translate(-50%, -50%); width:100%; height:3px !important; background-color:#003471; z-index: 10;}

.lnbTle{width: 100%;height: 90px;background: #1d3a63;border-radius: 15px 15px 0 0;color: #fff;font-family: 'SCoreDream';text-align: center;padding-top: 18px;box-sizing: border-box;position: relative;overflow: hidden;}
.lnbTle:before{content: '';width: 78px;height: 79px;background: url(../img/common/lnbBg.png) no-repeat center;display: block;position: absolute;bottom: -20px;right: -16px;animation:lnbBg 1s both 1s}
.lnbTle span{font-size: 15.5px;opacity: 0.5;font-weight: 200;letter-spacing: 0.45px;display: block;line-height: 20px;}
.lnb .lnbTle span b{font-weight: 600}
.lnb .lnbTle h2{font-size: 26px;font-weight: 600;letter-spacing: 0;position: relative;}

.tit4{line-height: 25px;width:auto;height:auto;display:block; position:relative;color:#000;padding-left:15px;text-align:justify; font-weight:600; font-size:19px;color:#464646;letter-spacing:-0.5px; margin-left:5px; margin-top:15px; letter-spacing:-1px}
.tit4:before{content:''; width:4px; height:8px; position:absolute; top:9px; left:4px; background:#000; -webkit-transform:skew(-45deg, 0deg); -moz-transform:skew(-45deg, 0deg); -ms-transform:skew(-45deg, 0deg); -o-transform:skew(-45deg, 0deg); transform:skew(-45deg, 0deg);}

/* 콘텐츠 소제목 */
.stitle01 {position:relative; margin:10px 0; padding-left:16px; font-size:20px; color:#171616; font-weight:700; line-height:1.33;}
.stitle01:before {position:absolute; top:2px; left:0; width:8px; height:20px; border-radius:4px; background:#108ad3; content:'';}
.stitle02 {position:relative; margin:0px 0 15px; padding-left:19px;  font-size:18px; color:#171616; font-weight:700; line-height:1.33;}
.stitle02:before {position:absolute; top:5px; left:0; width:11px; height:11px; border-radius:3px; background:#0d2d4f; content:'';}
.stitle03 {position:relative; margin-bottom:15px; padding-left:20px; font-size:20px; color:#171616; font-weight:700; line-height:1.33;}
.stitle03:before {position:absolute; top:8px; left:0; width:11px; height:11px; border-radius:3px; background:#0d2d4f; content:'';}
.ctn_txt {background: url(../images/blist3.png) no-repeat left 6px; padding: 5px 0 10px 10px; font-size: 16px; line-height: 20px; color: #171616; }
.ctn_txt:before { content: ''; border-bottom: 1px solid #000 }

/* 네비게이션 */
.loacation_area {position:absolute; right:10px; top:10px; padding:5px 0;}
.loacation_area ol {list-style:none}
.loacation_area ol li a{position:relative; display:inline-block; font-size:14px; line-height:15px; color:#4c4f57}
.loacation_area ol li .home {display:inline-block; overflow:hidden;  vertical-align: middle; width:15px; height:16px; background: url(../images/ico_loc_home.png) no-repeat; background-size:100% 100%; margin-top:-4px;}
.loacation_area ol li{position:relative; display:inline-block; font-size:14px; letter-spacing:-1px}
.loacation_area ol li + li{margin-left:5px; padding-left:15px}
.loacation_area ol li + li:after{content:""; position:absolute; top:3px; left:0; width:8px; height:11px; background: url(../images/ico_loc_arrow_right.png) no-repeat; background-size:100% 100%}

.SearchBox { border:1px solid #aac4eb; background:#f1f5fa; }
.SearchBox > * {font-size: 12px;}
.SearchBox .btn_align .btn_a_src_02, .SearchBox .btn_align .btn_a_src_01 {font-size: 12px; line-height: 25px;}
.SearchBox .search_btn {line-height: 17px; height: 100% !important;}
.SearchBox select.form,.SearchBox input.form,.SearchBox .inp_date{height: 25px; }
.SearchBox .radio input[type="radio"] + label:before {width: 15px; height: 15px;}
.SearchBox .radio input[type="radio"]:checked + label:after{top: 49.35%; left: 8px; transform: translate(-54.5%, -62%); margin: 0;}
.SearchBox .radio input[type="radio"] + label {font-size: 13px;}
.filterForm_in {padding:15px;box-sizing: border-box;height: auto;overflow: hidden;}

.SearchBox .row{float: left; position: relative; width: calc(100% / 5); margin: 2px 0; align-items: center;}
.SearchBox .row-2 {width: calc(100% / 2);}
.SearchBox .row-3 {width: calc(100% / 3);}
.SearchBox .row-4 {width: calc(100% / 4);}
.SearchBox .row-6 {width: calc(100% / 6);}
.SearchBox .row-7 {width: calc(100% / 7);}
.SearchBox .row-8 {width: calc(100% / 8);}
.SearchBox .row-9_1 {width: calc(100% / 9 + 5px);}
.SearchBox .row-9 {width: calc(100% / 9);}

.SearchBox dl {height: 28px; line-height: 25px;}
.SearchBox dt{height: 100%; padding-left: 10px; box-sizing: border-box; float: left; font-weight: 500; line-height: 25px;}
.SearchBox dt:after { content:':'; padding:0 5px; line-height: 25px;}
.SearchBox dd{width: 70%; padding-right: 10px; color: #555; box-sizing: border-box; float: left; }
.btn_wrap{width: 100%; display: table; }
.btn_align { padding: 0px 15px ; float:right }
.sim { line-height:30px; }

/* 서브메뉴 */
.sub_menu {position:relative; overflow:hidden;}
.sub_menu ul {margin:0;padding:0;list-style:none;background:#fff;}
.sub_menu li { position:relative; vertical-align:top;*zoom:1; background-color:#f2f6f9 }
.sub_menu li a{display:block;position:relative;padding:18px 10px;text-decoration:none;background: #f2f6f9; font-weight:bold;color:#FFF !important;border-bottom:1px solid #d3d3d3;}
.sub_menu li a span { font-size:15px; color:#1e2742}
.sub_menu li a .i{position:absolute;top:50%;left:100%;width:13px;height:13px;margin:-8px 0 0 -30px;color:#ccc; background: url(../images/ico_sub.png) no-repeat left top}
.sub_menu li li {margin:0; }
.sub_menu li li a{padding:8px 10px;border:0; font-weight:normal;font-size:12px; background-color:#F4F4F4 !important; }
.sub_menu li li a span{color:#666 !important;}
.sub_menu .active{z-index:2; }
.sub_menu li.active .i{background-position:0 -36px}
.sub_menu li.active ul{display:block;}
.sub_menu li.active li.active_s a{background: #C5E2ED !important;}
.sub_menu li.active li.active_s a span{font-weight:500;color:#042e6f;letter-spacing:-1px; }
.sub_menu li.active li a:hover {color:#233db5; font-weight:500; background-color:#aac4eb !important}
.sub_menu li.active a{background:#295cb0;color:#FFF;}
.sub_menu li.active a span { color:#FFF; font-weight:500;    }
.sub_menu li:last-child {border-bottom:none;}

/* 메인대시보드  */
.Dashbd { display:block; overflow:hidden}
.doc_dhd {clear:both; overflow:hidden; margin-left:-7px;  margin-right:-7px;}
.doc_dhd li {width: calc(100% / 7) !important;}
.doc_dhd li .docBx {display:block; width:100%; text-align:center; margin:4px 0;  position:relative; border:1px solid #d2d2d2 }
.doc_dhd li .docBx > span {display:block; text-align:center;}
.doc_dhd li .docBx > .sTit { position:relative; font-size:22px; font-weight:bold; color:#171f46; margin:15px 0 15px; letter-spacing:-0.05em; }
.doc_dhd li .docBx > .sTit:after {position:absolute; left:25px; right:25px; bottom:-15px; height:1px; background:#d0d0d6;  content:'';}
.doc_dhd li .docBx > .link_tab { padding:15px 25px 15px; }
.Count { font-size:28px; font-weight:600; color:#EB5529; line-height:30px;  }
.doc_dhd li {float:left; width:20%; padding:0 7px;}
.doc_dhd li a {transition: all 0.3s ease-in-out;}
.doc_dhd li a:hover {background-color: rgba(0, 0, 0, 0.1);}
[class*='Dashbd'] .col-1 > li{width:100%;text-align:left;}
[class*='Dashbd'] .col-2 > li{width:50%;}
[class*='Dashbd'] .col-3 > li{width:33.33333%;}
[class*='Dashbd'] .col-4 > li{width:25%;}
[class*='Dashbd'] .col-5 > li{width:20%;}
[class*='Dashbd'] .col-6 > li{width:16.66666%;}

/* 대시보드  */
.Pgs_info { display:block; overflow:hidden;}
.Pgs_info ul li {float: left; width: 16.6666666667%;}
.Pgs_info ul li:nth-child(n+2) { border-left: 1px solid #eee;}
.Pgs_info ul li a { height: 70px; text-align: center;}
.Pgs_info ul li a .pgstitle { font-size:19px; font-weight:bold; line-height:20px; color:#171f46; }
.Pgs_info ul li a .number_pgs { font-size: 42px; color:#EB5529; letter-spacing: 0; line-height: 55px; font-weight: 700; margin-top: 7px; }
.infoTitlebox { padding: 0 14px; height:50px; position:relative;}
.infoTitlebox h3 { position:absolute; top:8px; left:10px; display: inline-block; height: 32px; line-height: 32px; padding: 0 12px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #f0f0f0; font-size: 19px; letter-spacing: -1px; color: #1a1a1a;}

/* footer_wrap  */
.footer_wrap { display: block; clear: both; position: relative; z-index: 10; margin-top: 50px; width: 100%; border-top: 1px solid #dbe3e8; }
.in_footer { margin:0 auto; width: 1400px;}
.copyright { display:block; position:relative; height:150px; overflow:hidden; width:1300px; }
.copyright .address { position:absolute; top:40px; font-size:15px; line-height:18px; width:900px; text-align:center; left:50%; transform: translate(-50%);  } 
.copyright .copy_tx { position:absolute; top:80px; font-size:15px; line-height:19px; width:900px; text-align:center; left:50%; transform: translate(-50%); }

/* 게시판 목록- 이미지박스(jsj) */
.notice_box {display: inline-block; width: 100%; line-height: 50px; width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left;}
.notice_img {display: inline-block; width: 100px; height: 100px; vertical-align: middle; overflow: hidden;}
.notice_img img {width: auto; height: 100%; max-height: 100px !important; max-width: 100px !important;}
.notice_title {vertical-align: middle; line-height: normal;}

/* 만족도 별 디자인 */
.star_box .rating-group {display: inline-flex;}
.star_box .rating__icon {pointer-events: none;}
.star_box .rating__input {position: absolute !important; left: -9999px !important;}
.star_box .rating__input--none {display: none;}
.star_box .rating__label {cursor: pointer; padding: 0 0.1em; font-size: 1.5rem; text-decoration: unset !important;}
.star_box .rating__label:hover {text-decoration: unset !important;}
.star_box .star_icon {color: orange;}
.star_box .rating__input:checked ~ .rating__label .star_icon {color: #ddd;}
.star_box .rating-group:hover .rating__label .star_icon {color: orange;}
.star_box .rating__input:hover ~ .rating__label .star_icon {color: #ddd;}

.table_typC {overflow-y: auto; width: 100%; height: 700px; position: relative; border-collapse: collapse; padding-top: 0px; padding-bottom: 0px;}
.table_typC table {position: relative; table-layout: fixed; box-sizing: border-box; margin: 0px !important; border-top: none !important;}
.table_typC thead {position: sticky; top: 0px; border-top: 2px solid #333;}
.table_typC tfoot {position: sticky; bottom: 0;}
.table_typC tr:nth-of-type(1) th { border-top: 2px solid #333 !important; }
.table_typC tfoot td {border-bottom: 1px solid #ddd;}