@charset "utf-8";
/* sk네트웍스구매플랫폼 - 2020.06.22 nmkim */

/* ====== Header ====== */
/*-- logo --*/
sc-mdi .toolbar {
	height: 35px !important;
}

sc-mdi .toolbar .mdiLogo {
	background-image: url(../img/custom/logo_buyer.png);
}

sc-mdi .toolbar .mdiLogo.buyer {
	background-image: url(../img/custom/logo_buyer.png);
}

sc-mdi .toolbar .mdiLogo.supplier {
	background-image: url(../img/custom/logo_buyer.png);
}

sc-mdi .toolbar .mdiLogo.fsSupplier {
	background-image: url(../img/custom/logo_fs.png);
}
/*-- 검색바 --*/
sc-mdi .mdi_srch {
	border: 1px solid #cfcfcf;
}

sc-mdi .mdi_srch div.srch_condtion ul {
	border: 1px solid #cfcfcf;
	border-top: 0;
}

*[field]>.field-container>.trigger-container .search:before {
	content: url(../img/custom/ico_search.png) !important; /*이미지*/
}

/*-- 로그인 --
sc-mdi .timerBtn{
	border: 1px solid #ebebeb;
}*/

/*-- 언어 --*/
sc-mdi .mdi_lan {
	background: #ebebeb url(../img/custom/buls_mdi.png) no-repeat 62px
		-294px;
}

sc-mdi .mdi_lan:hover {
	border: 1px solid #aaaaaa;
}

sc-mdi .mdi_lan .lan_list ul {
	background: #ebebeb;
	border: 1px solid #aaaaaa;
	border-top: 0;
}

/*-- icon --*/
#headWrap .toolbar .top_func sc-button, #headWrap .toolbar .top_func smartsuite-notice #alertIcon,
	#headWrap .toolbar .top_func a {
	background: transparent url(../img/custom/icons_func.png) no-repeat;
}

#headWrap .toolbar .top_func smartsuite-notice #alertIcon {
	background-position: 6px -46px;
}

/*-- Top Menu --*/
sc-mdi .gnbBar {
	background-color: #f5f5f5; /* 2020.04.07 nmkim */
	border-top: 0px solid #cfcfcf; /* 2020.04.07 nmkim */
	border-bottom: 2px solid #e51937; /* 2020.04.07 nmkim */
}
/*text*/
sc-mdi sc-mdi-topmenu .mdiTopMenu>li span {
	color: #111;
	border-left: none;
}
/*hover*/
sc-mdi sc-mdi-topmenu .mdiTopMenu>li:hover a span, sc-mdi sc-mdi-topmenu .mdiTopMenu>.selected a span
	{
	background: #e51937;
	color: #fff !important;
}

/* -- 화살표(좌우스크롤/접기) -- */
sc-mdi .topMenuLeftScroll span {
	background: #f5f5f5 url("../img/custom/glys_topmenu.png") no-repeat 10px
		9px; /*탭배경, left-arr*/
}

sc-mdi .topMenuLeftScroll span:hover {
	background: #f5f5f5 url("../img/custom/glys_topmenu.png") no-repeat
		-13px 9px; /*left-arr-hover*/
}

sc-mdi .topMenuRightScroll span {
	background: #f5f5f5 url("../img/custom/glys_topmenu.png") no-repeat 11px
		-41px; /*탭배경, right-arr*/
}

sc-mdi .topMenuRightScroll span:hover {
	background: #f5f5f5 url("../img/custom/glys_topmenu.png") no-repeat
		-12px -41px; /*right-arr-hover*/
}
/*접기버튼*/
sc-mdi .utilAreaUp {
	height: 31px;
}

sc-mdi .utilAreaUp span {
	background: #f5f5f5 url("../img/custom/glys_topmenu.png") no-repeat 7px
		-93px; /*탭배경, 펼쳐졌을때*/
}

sc-mdi .utilAreaUp span:hover {
	background: #f5f5f5 url("../img/custom/glys_topmenu.png") no-repeat
		-16px -93px;
}

sc-mdi .utilAreaDown span {
	background: #f5f5f5 url("../img/custom/glys_topmenu.png") no-repeat
		-16px -143px; /*눌렀을때*/
}

sc-mdi .utilAreaDown span:hover {
	background: #f5f5f5 url("../img/custom/glys_topmenu.png") no-repeat
		-16px -143px;
}

sc-mdi .utilAreaDown {
	height: 30px !important;
}
/*Depth(상세메뉴) Menu*/
sc-mdi .topSubMenuListDiv ul, sc-mdi .topSubMenuListDiv ul ul {
	border: 1px solid #e51937; /*전체 보더*/
}

sc-mdi .topSubMenuListDiv li:hover, sc-mdi .topSubMenuListDiv li.expandable:hover,
	sc-mdi .topSubMenuListDiv li ul li a:hover, sc-mdi-tabbar .tabListDiv li a:hover
	{
	background-color: #fef4ee; /*마우스오버:background-color*/
}

sc-mdi .topSubMenuListDiv li.expandable {
	background: url("../img/custom/buls_mdi.png") no-repeat right -93px
		!important; /*화살표image*/
}

sc-mdi .topSubMenuListDiv li.expandable:hover {
	background-image: url("../img/custom/buls_mdi.png") no-repeat right
		-143px !important;
}

sc-mdi .topSubMenuListDiv li.expandable:hover>a, sc-mdi .topSubMenuListDiv li:hover>a
	{
	background-color: transparent;
}

sc-mdi .topSubMenuListDiv li a {
	background: url(../img/custom/buls_mdi.png) no-repeat 7px 11px
		!important; /*list-style:image*/
}

/* ======  Aside ====== */
/*-- Side Bar --*/
.leftSplitter aside {
	background: #9b9da1; /*배경*/
}

.leftSplitter aside li {
	background: none;
}

.leftSplitter aside li.leftSideIcon:hover, .leftSplitter aside li.leftSideIcon.select
	{
	background: #e51937 !important; /*마우스오버,선택시 배경*/
}

.leftSplitter aside li.favor:before, .leftSplitter aside li.link:before
	{
	border-left: 7px solid #e51937 !important; /*arr색상*/
}

.leftSplitter aside>ul li a[id="leftSideBarCloseBtn"] { /*arr배경색상*/
	height: 24px;
	background-color: #e51937;
	background-position: 8px -44px;
	opacity: unset;
}

.leftSplitter aside li.leftSideIcon { /*아이콘배경색*/
	background: #9b9da1;
	border-bottom: 0px;
}

.leftSplitter aside li.leftSideIcon:nth-child(1)>a {
	opacity: 1 !important;
}
/*image*/
.leftSplitter aside li a {
	background: url(../img/custom/icons_sidebar.png) no-repeat;
	/*화살표 및 side메뉴*/
}

sc-mdi-leftmenu .lnbMenu .selected a span {
	background: url(../img/custom/buls_mdi.png) no-repeat 5px -193px;
}

sc-mdi-leftmenu .lnbMenu li ul.lnb2depth li.selected a span {
	background: url(../img/custom/buls_mdi.png) no-repeat 0 -242px;
}

/*-- Side Cont --*/
/*top메뉴*/
sc-mdi-leftmenu .leftTabArea {
	background: #f7f7f7; /*메뉴펼쳤을때 상단 background*/
}

sc-mdi-leftmenu .leftTabArea, sc-mdi-leftmenu .menuList {
	border-right: 1px solid #006a84; /*border색*/
}

sc-mdi-leftmenu .leftCloseBtn span {
	background: url(../img/custom/icons_sidebar.png) no-repeat -48px -45px;
	/*화살표*/
	opacity: inherit;
}

sc-mdi-leftmenu .leftCloseBtn span:hover {
	opacity: 0.5;
}
/*depth메뉴*/
sc-mdi-leftmenu .lnbMenu li a:hover, .leftSplitter aside .fav_content li:hover,
	.leftSplitter aside .link_content li:hover {
	background: #f7f7f7;
} /*메뉴펼쳤을때 li:background*/

/*Favorite cont*/
.leftSplitter aside .fav_content li a:hover {
	border: 0px solid #716f6d;
	color: #111;
}
/*System Link cont*/
.leftSplitter aside .link_content li a:hover {
	border: 1px solid #716f6d;
	background: #fff;
}
/*달력 스케줄 정보 팝업-2020.06.23추가*/ 
.calendar-tb-form tr:first-child th, .tb-form tr:first-child td {
    border-top: 1px solid #d2d2d2 !important; /*테이블 보더 탑*/
} 
.calendar-tb-form th {
    background: #f4f4f4 !important; /*테이블 배경*/
}
/* ======  Content ====== */
/*-- Tab --*/
sc-mdi-tabbar .mdiTabsDiv {
	background: #fff; /*tab:전체배경색*/
	border-bottom: 1px solid #d6d6d6; /*tab:border색*/
	height: 23px; /*tab height값*/
}

sc-tabbar>div.content {
	min-height: 24px;
} /*height값 고정 변경 x*/

/*비활성화 tab*/
sc-mdi-tabbar .mdiTabsDiv .mdiTabs sc-tab {
	border: 1px solid #d6d6d6; /*tab:border색*/
	border-top: 0;
	background: #fff;
	padding: 1px 20px 0 10px; /*padding값 고정*/
}
/*활성화 tab*/
sc-mdi-tabbar .mdiTabsDiv .mdiTabs sc-tab[active] {
	border-top: 0;
	border-left: 1px solid #d6d6d6; /*tab:border색*/
	border-right: 1px solid #d6d6d6; /*tab:border색*/
	padding: 1px 20px 0 10px; /*padding값 고정*/
	font-weight: bold; /*텍스트 굵기*/
	color: #555; /*텍스트 색상*/
}
/*Tab Side Button*/
sc-mdi-tabbar .mdiTabToolbar {
	top: 0px;
	border-bottom: 1px solid #d6d6d6;
	height: 23px;
}

sc-mdi-tabbar .mdiTabToolbar li {
	height: 24px; /*변경 x*/
	line-height: 24px !important; /*변경 x*/
	color: #b4b4b4; /*아이콘색상*/
	background: #fff;
	border-left: 1px solid #d6d6d6 !important; /*추가 탭 버튼 왼쪽 보더 색*/	
}

sc-mdi-tabbar .mdiTabToolbar li:first-child {
	border-left: 1px solid #d6d6d6; /*창 작아졌을때 */
}

sc-mdi-tabbar .mdiTabToolbar li:hover, sc-mdi-tabbar .mdiTabToolbar .mdi-tools-closeall:hover
	{
	background-color: #f5f5f5 !important; /*마우스오버시색상*/
}

sc-mdi-tabbar .mdiTabToolbar .mdi-tools-closeall {
	background: url(../img/custom/btn_tabcloseall.png) no-repeat center 6px
		!important; /*tab:일괄닫기 icon*/
}

/*-- Area Title --*/
cc-page-title-bar {
	border-bottom: 0px solid #d6d6d6 !important; /*타이틀, 서치박스 상단 라인-2020.06.23*/
}

cc-sub-title-bar {
	border-bottom: 1px solid #d6d6d6; /*추가:좌우 2단 화면 타이틀, 서치박스 상단 라인*/
}
/*이미지*/
cc-page-title-bar li button {
	background: url(../img/custom/icons_tit_func.png) no-repeat;
}

cc-page-title-bar li:nth-child(1) button {
	background-position: 4px 3px;
}

cc-page-title-bar li:nth-child(1) button:hover {
	background-position: -26px 3px;
} /*즐겨찾기*/
cc-page-title-bar .a_is_favorite {
	background-position: -26px 3px !important;
}

cc-page-title-bar li:nth-child(2) button {
	background-position: 4px -46px;
}

cc-page-title-bar li:nth-child(2) button:hover {
	background-position: -27px -46px;
} /*메뉴얼보기*/

/*-- Search Form--*/
.sc-wrap-srch {
	overflow: visible;
	border: 1px solid #d6d6d6 !important; /*border색*/
	background: #fff; /*배경색*/
	border-top: 1px solid #d6d6d6 !important;
}
/*form접었을때 선색상*/
#_hideButtonContainer {
	border-top: 0px solid #d6d6d6; /*서치박스접었을때 라인*/
}
/*Button*/
.sc-wrap-btn .btn_srch {
	background: #f47726 !important; /*search*/
}

.sc-wrap-btn .btn_srch:hover {
	background: #242a42 !important;
}

.sc-wrap-btn .btn_reset, sc-button[disabled] {
	background: #b4b4b4 !important; /*reset,첨부파일삭제*/
}

.sc-wrap-btn .btn_reset:hover, sc-button[disabled]:hover {
	background: #242a42 !important;
}

.sc-wrap-btn .btn_toggle_up {
	background: url(../img/custom/gly_srch_toggle_up.png) no-repeat center;
	/*접기-arr*/
}

.sc-wrap-btn .btn_toggle_down {
	background: url(../img/custom/gly_srch_toggle_down.png) no-repeat center;
	/*펼치기-arr*/
	opacity: inherit;
}

.sc-wrap-btn .btn_toggle_up, .sc-wrap-btn .btn_toggle_down {
	background-color: #fff; /*배경색*/
}

.sc-wrap-btn .btn_toggle_up:hover, .sc-wrap-btn .btn_toggle_down:hover {
	background-color: #f1f1f1; /*마우스오버 배경색*/
}
/*Input Form Element*/
.field-container {
	border: 1px solid #c9cacb; /*input:border색*/
}

sc-listbox>.item-focused, sc-listbox>.item-selected.item-focused,
	sc-listbox>:hover, sc-listbox>.item-selected {
	background: #f5f5f5; /*listBox 마우스오버 색*/
}

sc-listbox, sc-tree-listbox {
	border: 1px solid #ccc; /*listBox선 색*/
}

*[field][readonly]>.field-container input, *[field][readonly]>.field-container>.trigger-container .trigger
	{
	background-color: #ececec !important; /*비활성화 배경색*/
}

[field][focused]>.field-container, [inner-field][focused]>.field-container
	{
	border-color: #979797; /*인풋박스 활성화시 라인컬러 */
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(185, 185, 185, 0.6) /*인풋박스 활성화시 쉐도우컬러 */
}

/*달력*/
sc-multi-date-chooser .headerText, sc-multi-date-chooser .multiChooserBox,
	sc-multi-month-chooser .headerText, sc-multi-month-chooser .multiChooserBox
	{
	border-bottom: 1px solid #e0e0e0; /*라인색*/
}

sc-date-chooser .header .btn, sc-month-chooser .header .btn, /*화살표색*/
	sc-date-chooser .next-month:hover, sc-date-chooser .next-year:hover,
	sc-date-chooser .prev-month:hover, sc-date-chooser .prev-year:hover,
	/*화살표 오버색*/ sc-month-chooser .next-month:hover, sc-month-chooser .next-year:hover,
	sc-month-chooser .prev-month:hover, sc-month-chooser .prev-year:hover {
	color: #ababab;
}

sc-date-chooser a[selected][focused], sc-date-chooser .today>button,
	sc-month-chooser a[selected][focused], sc-month-chooser .today>button {
	border: 1px solid #f37321;
	background: #e51937; /*활성화색*/
}

sc-date-chooser a[today], sc-date-chooser a[focused], sc-date-chooser a[focused][today],
	sc-month-chooser a[today], sc-month-chooser a[focused],
	sc-month-chooser a[focused][today] {
	border: 2px solid #b8b5b1;
	background: #b8b5b1; /*비활성화색*/
}
/* image */
sc-combobox-field .default:before, sc-multi-combobox-field .default:before,
	sc-filter-multi-combobox-field .default:before,
	sc-filter-combobox-field .default:before {
	content: url(../img/custom/ico_arrow_down.png) !important; /*화살표*/
}

*[field]>.field-container>.trigger-container .multi-search {
	background: #fff url(../img/custom/trigger-multi-search.png) no-repeat
		center center !important; /*검색+*/
}

*[field]>.field-container>.trigger-container .field-search:before {
	content: url(../img/custom/ico_search.png) !important; /*검색*/
}

sc-period-date-field .default:before, sc-date-field .default:before,
	sc-period-date-field .default:before {
	content: url(../img/custom/ico_date.png) !important; /*달력*/
}

/*-- Control Button --*/
/* 팝업버튼 */
sc-button, cc-sub-title-bar .wrap_btn sc-button {
	background: #242a42;
}

sc-button:hover, cc-sub-title-bar .wrap_btn sc-button:hover, sc-button[active],
	sc-button[pressed] {
	background: #f47726; /*달력버튼hover-2020.06.23*/
}
/* 그리드 버튼 */
cc-grid-toolbar .wrap_btn sc-button {
	background: #242a42;
	height:24px;	/* 이재석B 요청으로 사이즈 늘림 SDH */
}

cc-grid-toolbar .wrap_btn sc-button:hover {
	background: #f47726 !important;
}
/* 페이지 컨트롤 버튼 */
cc-page-title-bar .wrap_btn sc-button {
	background: #242a42;
}

cc-page-title-bar .wrap_btn sc-button:hover {
	background: #f47726;
}
/* 개인화 버튼(그리드펑션) */
cc-grid-toolbar .p-button li button {
	background: url(../img/custom/icons_p_button.png) no-repeat;
	border: 1px solid #242a42; /*색상변경 */
	border-left: 0;
}

cc-grid-toolbar .p-button li button:hover {
	background: #f7f7f7 url(../img/custom/icons_p_button.png) no-repeat;
	/*배경색상*/
}

cc-grid-toolbar .p-button li:first-child button {
	border-left: 1px solid #242a42; /*색상변경 */
}

cc-grid-toolbar .p-button li button.excel-download {
	background-position: 6px 5px;
}

cc-grid-toolbar .p-button li button.column-list {
	background-position: 6px -46px;
}

cc-grid-toolbar .p-button li button.personalized-save {
	background-position: 6px -96px;
}

cc-grid-toolbar .p-button li button.personalized-init {
	background-position: 6px -148px;
}

/*-- Module Tabs --*/
sc-tab[active], sc-tab-navigation sc-tab:hover {
	border-top: 2px solid #e51937; /* 페이지 내 탭보더 색 */
}
/*sc-tab-navigation sc-tabbar{
	background:none;
	border-bottom:1px solid #bbb;
}
sc-tab-navigation sc-tabbar sc-tab{
	height:26px !important;
}*/

/*-- Grid --*/
.grid-container {
	border: 1px solid #d2d2d2; /* 그리드 바깥 테두리 */
	border-top: 1px solid #e51937; /* 그리드 헤더 top - 1px색상 넣기 */
}

/* ======  Detail-Content ====== */
.page {
	border-top: 2px solid #666666 !important; /*상세화면 타이틀 하단 라인 색-2020.06.23*/
	border-bottom: none !important;
}

/*-- Document History --*/
#linkBtn.cc-link-document {
	background: #fef4ee url(../img/custom/ico_em.png) no-repeat 10px 5px; /*상세 Document 배경색 */
	color:#f69561; /*상세 Document 글자색 */
}

/*-- Table --*/
.tb-form th, .tb-form td {
	border: 1px solid #d1d1d1 !important;;
}

.tb-form th {
	background: #f7f7f7 !important; /* 상세화면 테이블 th색상 */
}
/*-- 첨부파일 --*/
sc-upload {
	border: 1px solid #d2d2d2 !important;
}

sc-upload .toolbar, sc-upload-listview .listview-header {
	border-bottom: 1px solid #d2d2d2 !important;
}

sc-upload-listview .listview-header>div {
	border-right: 1px solid #d2d2d2 !important;
}

sc-upload .info {
	border-top: 1px solid #d2d2d2 !important;
}

sc-upload .droptext .icon:after { /*-- 아이콘색 --*/
	color: #f47726 !important;
}
/*-- page-number --*/
sc-toolbar.sc-grid-paging.pagingToolbar {
	border-top: none;
}
/*-- editor --*/
.cke_chrome {
	border: 1px solid #c9cacb !important; /*에디터 보더라인색*/
}

.cke_bottom {
	background: #c9cacb !important; /*에디터 하단배경색*/
}

a.cke_path_item:hover, a.cke_path_item:focus, a.cke_path_item:active {
	color: #333333 !important; /*마우스오버시 텍스트색*/
}

/* ====== Pop up ====== */

/* 2020.08.03 les */
sc-messagebox{
	background:#fff;
}

sc-window>sc-toolbar.header, sc-messagebox>sc-toolbar.header, sc-dialog>sc-toolbar.header
	{
	background: #e51937; /* 팝업창타이틀배경 */
}

sc-window, sc-messagebox, sc-dialog {
	border: 0px solid #9b9da1;
}
/*닫기*/
sc-window>sc-toolbar.header>.closable, sc-window>sc-toolbar.header>.closable:hover,
	sc-dialog>sc-toolbar.header>.closable, sc-dialog>sc-toolbar.header>.closable:hover
	{
	background: url(../img/custom/ico_pop_close.png) no-repeat center;
}

sc-window>sc-toolbar.header>sc-button {
	opacity: inherit;
}

sc-window>.header>sc-button:hover {
	opacity: .5 !important;
}

/* ====== Progress Bar ====== */
sc-progress div.progress{
	background:-webkit-linear-gradient(left,#f6ba85 ,#f37321); /* 2020.04.07 nmkim */
	background:-o-linear-gradient(right,#f6ba85,#f37321);
	background:-moz-linear-gradient(right,#f6ba85,#f37321);
	background:linear-gradient(to right,#f6ba85,#f37321);
} /*일반 메뉴 로딩*/
.sk-fading-circle .sk-circle:before{
	background-color:#f37321;
} /*원형 로딩*/

@keyframes f_fadeG{
	0%{
		background-color: #f37321;
	}

	100%{
		background-color: #fff;
	}
}

@-o-keyframes f_fadeG{
	0%{
		background-color: #f37321; /* 2020.04.07 nmkim */
	}

	100%{
		background-color: #fff;
	}
}

@-ms-keyframes f_fadeG{
	0%{
		background-color: #f37321;/* 2020.04.07 nmkim */
	}

	100%{
		background-color: #fff;
	}
}

@-webkit-keyframes f_fadeG{
	0%{
		background-color: #f37321;/* 2020.04.07 nmkim */
	}

	100%{
		background-color: #fff;
	}
}

@-moz-keyframes f_fadeG{
	0%{
		background-color: #f37321;/* 2020.04.07 nmkim */
	}

	100%{
		background-color: #fff;
	}
}/*원형 로딩*/

/* ====== 신규업체등록  ====== */
.regstepWrap>li sc-label.curStep {
	background-color: #f47726 !important;
	border: 1px solid #f47726;
	color: #fff;
}

.regstepWrap>li sc-label.disabledStep {
	background-color: #a6a29e;
	border: 1px solid #a6a29e;
	color: #fff;
}

.regstepWrap>li sc-label {
	background-color: #f7f7f7;
	border: 1px solid #d9d9d9;
}

.div_header {
	background-color: #f7f7f7;
}

.tb-form tr:first-child th, .tb-form tr:first-child td {
	border-top: 1px solid #aaa3a0;
}

.tb-form th {
	background: #f7f7f7;
}

.div_footer>sc-button[text="Next"] {
	background: #f37321 url(../../../ui/assets/img/arr_next_p.png) no-repeat
		200px center !important;
}

sc-date-chooser a[selected][focused], sc-date-chooser .today>button,
	sc-month-chooser a[selected][focused], sc-month-chooser .today>button {
	border: 0px solid #f47726;
	background: #f47726; 
}

/* [2021.06.23 BJK] [매직차세대] 파트너사 로그인 로고 이미지 */
sc-mdi .toolbar .mdiLogo.mgptSupplier {
    background-image: url(../img/custom/logo_buyer.png);
}